@charset "UTF-8";
@import "https://cdn.jsdelivr.net/npm/fullcalendar@5.5.0/main.min.css";
[translate-cloak], [whitelabel-cloak] {
  display: none !important;
}

.m-auto {
  margin: auto !important;
}

.d-inline-block {
  display: inline-block;
}

.h-100 {
  height: 100% !important;
}

.w-100 {
  width: 100%;
}

.line {
  border-bottom: 1px solid #e4e4e4;
  margin: 8px 0;
}

.error-hint {
  color: #FF5851;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.025em;
}

.f-w {
  width: 100%;
}

.m-1 {
  margin: 10px;
}

.m-2 {
  margin: 20px;
}

.m-3 {
  margin: 30px;
}

.m-4 {
  margin: 40px;
}

.m-5 {
  margin: 50px;
}

.mt-1 {
  margin-top: 10px;
}

.mt-2 {
  margin-top: 20px;
}

.mt-3 {
  margin-top: 30px;
}

.mt-4 {
  margin-top: 40px;
}

.mt-5 {
  margin-top: 50px;
}

.mr-1 {
  margin-right: 10px;
}

.mr-2 {
  margin-right: 20px;
}

.mr-3 {
  margin-right: 30px;
}

.mr-4 {
  margin-right: 40px;
}

.mr-5 {
  margin-right: 50px;
}

.mb-1 {
  margin-bottom: 10px;
}

.mb-2 {
  margin-bottom: 20px;
}

.mb-3 {
  margin-bottom: 30px;
}

.mb-4 {
  margin-bottom: 40px;
}

.mb-5 {
  margin-bottom: 50px;
}

.ml-1 {
  margin-left: 10px;
}

.ml-2 {
  margin-left: 20px;
}

.ml-3 {
  margin-left: 30px;
}

.ml-4 {
  margin-left: 40px;
}

.ml-5 {
  margin-left: 50px;
}

.p-1 {
  padding: 10px;
}

.p-2 {
  padding: 20px;
}

.p-3 {
  padding: 30px;
}

.p-4 {
  padding: 40px;
}

.p-5 {
  padding: 50px;
}

.pt-1 {
  padding-top: 10px;
}

.pt-2 {
  padding-top: 20px;
}

.pt-3 {
  padding-top: 30px;
}

.pt-4 {
  padding-top: 40px;
}

.pt-5 {
  padding-top: 50px;
}

.pr-1 {
  padding-right: 10px;
}

.pr-2 {
  padding-right: 20px;
}

.pr-3 {
  padding-right: 30px;
}

.pr-4 {
  padding-right: 40px;
}

.pr-5 {
  padding-right: 50px;
}

.pb-1 {
  padding-bottom: 10px;
}

.pb-2 {
  padding-bottom: 20px;
}

.pb-3 {
  padding-bottom: 30px;
}

.pb-4 {
  padding-bottom: 40px;
}

.pb-5 {
  padding-bottom: 50px;
}

.pl-1 {
  padding-left: 10px;
}

.pl-2 {
  padding-left: 20px;
}

.pl-3 {
  padding-left: 30px;
}

.pl-4 {
  padding-left: 40px;
}

.pl-5 {
  padding-left: 50px;
}

.f-500 {
  font-weight: 500;
}

.f-400 {
  font-weight: 400;
}

.f-300 {
  font-weight: 300;
}

.fs-12 {
  font-size: 12px;
}

.fs-14 {
  font-size: 14px;
}

.fs-16 {
  font-size: 16px;
}

.fs-20 {
  font-size: 20px;
}

.fs-24 {
  font-size: 24px;
}

.uppercase {
  text-transform: uppercase;
}

.titlecase {
  text-transform: capitalize;
}

.c-cello {
  color: #1C3553;
}

.c-bunker {
  color: #1C2630;
}

.c-big-stone {
  color: #14253B;
}

.c-grey {
  color: #666666;
}

.pointer {
  cursor: pointer;
}

.l-spacing {
  letter-spacing: 1.25px;
}

.secondary-btn-raised {
  padding: 10px 16px;
  background-color: #fa9483;
  color: #1c3553;
  border-radius: 4px;
  border: none;
  letter-spacing: 1.25px;
  font-weight: 500;
  font-size: 14px;
  white-space: nowrap;
  transition: 0.2s ease;
}
.secondary-btn-raised:disabled {
  opacity: 0.5;
}

.secondary-btn-raised:hover {
  color: #FFFFFF !important;
}

.accent-btn-raised {
  width: 100%;
  padding: 10px 16px;
  background-color: #1c3553;
  color: white;
  border-radius: 4px;
  letter-spacing: 1.25px;
  font-weight: 500;
  font-size: 0.875rem;
  white-space: nowrap;
  border: 1px solid #1c3553;
  text-transform: uppercase;
  transition: 0.2s ease;
}
.accent-btn-raised:disabled {
  opacity: 0.5;
}
.accent-btn-raised:hover {
  opacity: 0.8;
  color: white;
}

.accent-btn-clear {
  padding: 10px 16px;
  background-color: transparent;
  color: #1c3553;
  border-radius: 4px;
  border: 1px solid #1c3553;
  letter-spacing: 1.25px;
  font-weight: 500;
  font-size: 14px;
  white-space: nowrap;
  transition: 0.2s ease;
  text-transform: uppercase;
}

.danger-btn-clear {
  padding: 10px 16px;
  background-color: transparent;
  color: #ff5851;
  border-radius: 4px;
  border: 1px solid #ff5851;
  letter-spacing: 1.25px;
  font-weight: 500;
  font-size: 14px;
  white-space: nowrap;
  transition: 0.2s ease;
}

.danger-btn-clear:hover {
  background-color: #ff5851 !important;
  color: white !important;
}

.white-btn-clear {
  padding: 10px 16px;
  background-color: #FFFFFF00;
  color: white;
  border-radius: 4px;
  border: 1px solid white;
  letter-spacing: 1.25px;
  font-weight: 500;
  font-size: 14px;
  white-space: nowrap;
  cursor: pointer;
  text-align: center;
  width: 120px;
  transition: 0.2s ease;
}

.white-btn-clear:hover {
  background-color: #FFFFFF;
  color: #1C3553;
}

.clear-nb-link {
  background-color: transparent;
  color: #1c3553;
  letter-spacing: 1.25px;
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
  white-space: nowrap;
}
.clear-nb-link:hover {
  text-decoration: none;
}

.link-color {
  color: #265DA0;
}
.link-color:hover {
  color: #1d487c;
}

.round-btn {
  border-radius: 20px;
}

.btn-spinner {
  height: 1.3em;
  width: 1.3em;
  display: inline-block;
  vertical-align: middle;
  border: 3px solid white;
  border-radius: 70%;
  border-bottom-color: transparent;
  animation: spin-animation 2s infinite linear;
}

.btn-spinner.white {
  border: 3px solid white !important;
  border-bottom-color: transparent !important;
}

.btn-spinner.blue {
  border: 3px solid #1c3553 !important;
  border-bottom-color: transparent !important;
}

.btn-spinner.red {
  border: 3px solid #FF7868 !important;
  border-bottom-color: transparent !important;
}

.btn-spinner.sm {
  height: 1.1em;
  width: 1.1em;
}

.btn-spinner.md {
  height: 1.3em;
  width: 1.3em;
}

.btn-spinner.lg {
  height: 2em;
  width: 2em;
}

.d--f {
  display: flex;
}

/* Flex direction */
.fd--r {
  flex-direction: row;
}

.fd--c {
  flex-direction: column;
}

/* Justify content */
.jc--fe {
  justify-content: flex-end;
}

.jc--fs {
  justify-content: flex-start;
}

/* Default */
.jc--c {
  justify-content: center;
}

.jc--sa {
  justify-content: space-around;
}

.jc--sb {
  justify-content: space-between;
}

.f--1 {
  flex: 1;
}

/* Flex gap */
.f--g-1 {
  gap: 10px;
}

.f--g-2 {
  gap: 20px;
}

/* Align items */
.ai--fs {
  align-items: flex-start;
}

.ai--c {
  align-items: center;
}

.ai--fe {
  align-items: flex-end;
}

.ai--s {
  align-items: stretch;
}

/* Default */
.ai--b {
  align-items: baseline;
}

.c-checkbox {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  margin-right: 8px;
  line-height: 0;
}
.c-checkbox .c-checkbox-container {
  margin-right: 10px;
}
.c-checkbox .c-checkbox-container .c-checkbox-label .c-checkbox-selector input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 20px;
  width: 20px;
  margin: 0;
  border: 1.5px solid #1c3553;
  border-radius: 3px !important;
  outline: none;
  background-color: transparent;
  transition-duration: 0.3s;
  cursor: pointer;
}
.c-checkbox .c-checkbox-container .c-checkbox-label .c-checkbox-selector input:checked {
  background-color: #1c3553;
  border: none;
}
.c-checkbox .c-checkbox-container .c-checkbox-label .c-checkbox-selector input:checked::before {
  content: "✓";
  display: block;
  background: url(images/icons/Icon-check.svg) no-repeat;
  background-position: center;
  top: 0.6em;
  color: transparent;
  transform: scale(1);
  margin: 1px;
}
.c-checkbox .c-checkbox-container .c-checkbox-label .c-checkbox-selector input.disabled {
  opacity: 0.6;
  cursor: initial;
}
.c-checkbox .c-checkbox-title {
  color: #1C2630;
  font-weight: 500;
  font-size: 1em;
  line-height: 1;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

@keyframes spin-animation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.checkbox-list {
  column-count: 2;
  column-gap: 12px;
  list-style: none;
}

@media (max-width: 768px) {
  .checkbox-list {
    column-count: 1;
  }
}
.box-wrapper {
  margin: 30px -50px;
  padding: 30px 50px;
  border: 2px solid #b3b3b3;
  border-radius: 2px;
}
.box-wrapper a {
  color: #1e2630;
  font-size: 15px;
  text-decoration: none;
}
.box-wrapper a img {
  float: right;
  margin-top: 5px;
}
.box-wrapper a img.up {
  transform: rotate(180deg);
}
.box-wrapper .form-group {
  margin: 0;
}

.title-small {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 1.2em;
}

.r-btn {
  border-radius: 2px;
  font-size: 17px;
  padding: 15px 30px;
  margin-right: 30px;
  border-style: none;
  font-weight: 500;
  color: white;
}
.r-btn.flat {
  background: #f68e04;
  margin-right: 0px;
}
.r-btn:disabled {
  opacity: 0.5;
}
.r-btn.transparent {
  border-width: 2px !important;
  border-color: #fcbd6e !important;
  color: white;
  background: transparent;
}
.r-btn.transparent:disabled {
  border: 2px solid !important;
}
.r-btn.default {
  margin: 0;
  display: inline-block;
  width: 100%;
  margin-bottom: 16px;
}
.r-btn.default.d-block {
  display: block;
}

.warning-required-fields {
  color: #bd362f;
}

.blue-datepicker {
  margin-top: 20px;
  margin-bottom: -22px;
}
.blue-datepicker label {
  color: #1c2630;
  font-weight: 500;
}
.blue-datepicker input {
  color: #1c2630;
  padding-left: 0px;
}
.blue-datepicker input::placeholder {
  color: #707070;
  font-size: 13px;
}
.blue-datepicker input,
.blue-datepicker button {
  height: 23px;
}
.blue-datepicker button {
  padding-top: 0px;
}
.blue-datepicker .blue-calendar {
  height: 18px;
}
.blue-datepicker .btn-calendar {
  max-height: 34px;
  background-color: transparent;
  border: 1px solid #1c3553;
  border-left: none;
  border-radius: 0px;
}
.blue-datepicker .btn-calendar:focus {
  box-shadow: none;
}
.blue-datepicker .input-datepicker {
  border-right: none !important;
}

.form-blue-button {
  color: #ffffff;
  width: 100%;
  min-width: 150px;
  border-radius: 4px;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 1.25px;
  background-color: #1c3553;
  /* Set the initial background color to #1c3553 */
  text-transform: uppercase;
  text-align: center;
  border-radius: 4px;
  padding: 1em 0;
  cursor: pointer;
  border: none;
  max-width: 100%;
}
.form-blue-button:hover {
  opacity: 0.8;
  color: white;
}

.form-blue-outline-button {
  background: transparent;
  width: 100%;
  min-width: 150px;
  border: 1px solid #1c3553;
  border-radius: 4px;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 1.25px;
  color: #1c3553;
  text-transform: uppercase;
  text-align: center;
  padding: 1em 0;
  cursor: pointer;
  max-width: 100%;
  transition: all 0.3s ease;
}
.form-blue-outline-button:hover {
  background-color: #1c3553;
  color: white;
}

.checkbox-line .checkbox-label {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-bottom: 10px;
}
.checkbox-line .checkbox-label span {
  color: #1c2630;
  font-weight: normal;
  padding: 6px 0px;
}
.checkbox-line .checkbox-label input {
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 20px;
  width: 20px;
  border: 1px solid #1c2630;
  border-radius: 2px;
  background-color: transparent;
  transition-duration: 0.3s;
  margin: 0 10px 0 0;
  cursor: pointer;
}
.checkbox-line .checkbox-label input:checked {
  background-color: #1c2630;
}
.checkbox-line .checkbox-label input:checked::before {
  content: "✓";
  background: url(images/icons/Icon-check.svg) no-repeat;
  background-position: center;
  color: transparent;
  display: flex;
  transform: scale(1.4);
  margin: 1px;
}

.horizontal-input {
  margin-top: 25px;
}
.horizontal-input label {
  color: #1c2630;
  font-weight: initial;
}
.horizontal-input input {
  width: 100%;
  border: 1px solid #1c2630;
  border-radius: 2px;
}

.neighborhood-input {
  margin-top: 10px;
  background: #e9ecee;
  color: #1e2630;
  height: 32px;
  padding-left: 10px;
  padding-top: 9px;
  padding-bottom: 9px;
  border: 1px solid #5b7b91;
  border-radius: 2px;
  width: 100%;
}

.radio-with-question {
  display: flex;
  margin-top: 20px;
}
.radio-with-question .radio-labels {
  display: flex;
  margin-left: 15px;
}
.radio-with-question .radio-labels label:first-of-type {
  margin-right: 15px;
}

.formly-field-form-radio-with-column .form-group {
  margin-bottom: 0px;
}
.formly-field-form-radio-with-column .radio-with-column {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
.formly-field-form-radio-with-column .radio-with-column .radio-labels {
  display: flex;
}
.formly-field-form-radio-with-column .radio-with-column .radio-labels label:first-of-type {
  margin-right: 15px;
}

.form-blue-radio .radio-label {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 15px;
  font-weight: normal;
}
.form-blue-radio .radio-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.form-blue-radio .radio-label .checkmark:after {
  top: 1px;
  left: 1px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #1c3553;
}
.form-blue-radio .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #cccccc;
  border-radius: 50%;
}
.form-blue-radio .radio-label input:checked ~ .checkmark {
  border: 1px solid #1c3553;
}
.form-blue-radio .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.form-blue-radio .radio-label input:checked ~ .checkmark:after {
  display: block;
}

.form-blue-checkbox {
  display: flex;
  justify-content: center;
  margin-top: 3px;
}
.form-blue-checkbox a {
  color: #444444;
  text-decoration: underline;
  cursor: pointer;
}
.form-blue-checkbox p {
  font-size: 14px;
}
.form-blue-checkbox .check-label {
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.form-blue-checkbox .check-label input:checked ~ .checkmark:after {
  display: block;
}
.form-blue-checkbox .check-label input:checked ~ .checkmark {
  background-color: #1c3553;
}
.form-blue-checkbox .check-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.form-blue-checkbox .check-label .checkmark:after {
  left: 5px;
  top: 2px;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.form-blue-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #1c3553;
  border-radius: 5px;
  background-color: transparent;
}
.form-blue-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.form-white-button {
  background: none;
  color: #1c3553;
  width: 150px;
  height: 40px;
  border: 2px solid #1c3553;
  border-radius: 4px;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 1.25px;
}

.rhenti-role-selector {
  font-size: 22px;
  color: #707070;
  font-weight: 400;
  margin-bottom: 56px;
}
.rhenti-role-selector label {
  margin: 16px;
  padding: 16px;
  text-transform: uppercase;
  border-bottom: 3px solid transparent;
  color: #707070;
  font-weight: lighter;
  cursor: pointer;
  user-select: none;
}
.rhenti-role-selector input[type=radio] {
  display: none;
}
.rhenti-role-selector input[type=radio]:checked + label {
  border-bottom: 3px solid #fcbd6e;
  background-color: transparent;
  color: inherit;
  transition: 0.3s;
}

.force-ng-invalid input {
  -webkit-box-shadow: 0 0 8px rgba(169, 68, 66, 0.6);
  border-color: rgba(169, 68, 66, 0.8);
  box-shadow: 0 0 8px rgba(169, 68, 66, 0.6);
}

.rt-form .title {
  margin-top: 25px;
  display: block;
}
.rt-form .subtitle {
  display: block;
  color: #939393 !important;
  font-style: italic;
}

.li-progress {
  width: 90px;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.margin-btn-save {
  margin-bottom: 10px;
  padding: 10px !important;
}

.btn-next {
  width: 130px;
}

.progress-bar {
  padding: 0;
  height: 10px;
  border-radius: 30px;
  background: #efefef;
  width: 100%;
  margin-bottom: 10px;
}
.progress-bar .renter-progress-moved {
  background: #fa9483;
  height: 10px;
  border-radius: 30px;
}
.progress-bar .renter-progress-moved.step0 {
  width: 14.28%;
  transition: 0.5s;
}
.progress-bar .renter-progress-moved.step1 {
  width: 28.56%;
  transition: 0.5s;
}
.progress-bar .renter-progress-moved.step2 {
  width: 42.85%;
  transition: 0.5s;
}
.progress-bar .renter-progress-moved.step3 {
  width: 57.12%;
  transition: 0.5s;
}
.progress-bar .renter-progress-moved.step4 {
  width: 71.4%;
  transition: 0.5s;
}
.progress-bar .renter-progress-moved.step5 {
  width: 85.68%;
  transition: 0.5s;
}
.progress-bar .renter-progress-moved.step6 {
  width: 100%;
  transition: 0.5s;
}
.progress-bar .renter-edit-progress-moved {
  background: #fa9483;
  height: 10px;
  border-radius: 30px;
}
.progress-bar .renter-edit-progress-moved.step0 {
  width: 16.67%;
  transition: 0.5s;
}
.progress-bar .renter-edit-progress-moved.step1 {
  width: 33.33%;
  transition: 0.5s;
}
.progress-bar .renter-edit-progress-moved.step2 {
  width: 50%;
  transition: 0.5s;
}
.progress-bar .renter-edit-progress-moved.step3 {
  width: 66.67%;
  transition: 0.5s;
}
.progress-bar .renter-edit-progress-moved.step4 {
  width: 83.34%;
  transition: 0.5s;
}
.progress-bar .renter-edit-progress-moved.step5 {
  width: 100%;
  transition: 0.5s;
}
.progress-bar .owner-progress-moved {
  background: #fa9483;
  height: 10px;
  border-radius: 30px;
}
.progress-bar .owner-progress-moved.step0 {
  width: 50%;
  transition: 0.5s;
}
.progress-bar .owner-progress-moved.step1 {
  width: 100%;
  transition: 0.5s;
}
.progress-bar .progress-moved {
  background: #fa9483;
  height: 10px;
  border-radius: 30px;
}
.progress-bar .progress-moved.step0 {
  width: 33%;
  transition: 0.5s;
}
.progress-bar .progress-moved.step1 {
  width: 66%;
  transition: 0.5s;
}
.progress-bar .progress-moved.step2 {
  width: 100%;
  transition: 0.5s;
}

.profile-title {
  font-weight: 500;
}

.card-inf {
  background-color: white;
  padding: 10px;
  padding-bottom: 40px;
  border-radius: 2px;
  max-width: 600px;
  box-shadow: 0 3px 6px #e3e3e3;
}

.step-progress {
  display: flex;
  justify-content: space-around;
  text-align: center;
  margin: 15px 0px 5px 0px;
  padding-left: 0px;
}
.step-progress .step-current {
  color: #1c2630;
}
.step-progress li {
  display: inline-block;
  color: #1c26304D;
  font-weight: 500;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.small-btn {
  padding-top: 10px;
  padding-bottom: 10px;
}

.back-btn {
  background: white !important;
  color: #1c3553;
  border: 1px solid !important;
  padding: 7px 30px;
}

.alert-margin {
  margin-bottom: 0px;
}

.btn-save {
  min-width: 120px !important;
  margin-right: 10px !important;
}

.assessment-fields {
  position: relative;
  max-width: 400px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
}
.assessment-fields .assessment-input {
  position: relative;
  margin-bottom: 10px;
}
.assessment-fields .assessment-input .line-input {
  width: 100%;
  border: none;
  border-bottom: 1px solid #cccccc;
  opacity: 1;
}
.assessment-fields .assessment-input .line-input:focus ~ label, .assessment-fields .assessment-input .line-input.ng-not-empty ~ label {
  font-size: 75%;
  transform: translate3d(0, -100%, 0);
  opacity: 1;
}
.assessment-fields .assessment-input label {
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 200ms;
  color: #1e2630;
}
.assessment-fields .assessment-input label.no-left {
  left: initial;
}
.assessment-fields .assessment-input .no-autocomplete {
  opacity: 0;
  position: absolute;
}
.assessment-fields .assessment-input .help-block {
  position: absolute;
}
.assessment-fields .condo-info-container {
  position: relative;
  height: auto;
  width: 100%;
  margin-bottom: 30px;
}
.assessment-fields .condo-info-container .condo-info {
  width: 100%;
  height: auto;
}
.assessment-fields .condo-info-container .condo-info .condo-input {
  width: 80%;
  height: 100%;
}
.assessment-fields .title-section-assessment {
  font-size: 15px;
  margin-left: -6px;
  margin-top: 20px;
  font-weight: 600;
}
.assessment-fields label {
  font-size: 14px;
  font-weight: 400;
}

.line-checkbox .display-checkbox {
  display: flex;
}
.line-checkbox span {
  color: #1e2630;
}
.line-checkbox span.mainLabel {
  font-size: 16px;
}
.profile-wrapper div,
.profile-wrapper h3,
.profile-wrapper p,
.profile-wrapper label {
  color: #1e2630;
}
.profile-wrapper p {
  font-weight: 400;
  color: #1e2630;
}

.many-inputs input {
  position: absolute;
}
.many-inputs span {
  padding-top: 10px;
}
.many-inputs .btn-delete {
  background: transparent;
  border: none;
}

.button-add {
  width: 100%;
  display: flex;
  justify-content: center;
  border: 1px solid #1c2630;
  padding: 0.8em 2em;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  color: #1c2630;
  background: transparent;
  border-radius: 4px;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.button-add:hover {
  background-color: #1c3553;
  color: #ffffff;
}

.delete {
  height: 13px;
}

.amenities {
  margin-top: 30px;
}
.amenities .amenity .amenity-label {
  padding-top: 2px !important;
}
.amenities .amenity .amenity-checkbox {
  margin-bottom: 30px;
}
.amenities .amenity .amenity-checkbox .form-blue-checkbox {
  float: right;
}

.test {
  margin-bottom: 0px;
}

.input-photo-file input {
  border: none;
  display: none;
}

.profile-photo-title {
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 24px;
  background-color: #f0f0f0;
  border: none;
  border-radius: 6px;
  color: #333;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  width: fit-content;
}
.profile-photo-title:hover {
  background-color: #e0e0e0;
}

.delete-btn-land {
  margin-right: -30px;
  text-align: right;
}
.delete-btn-land button,
.delete-btn-land :hover,
.delete-btn-land :disabled {
  background: transparent;
  border: none;
}

.group-btn {
  margin-top: 30px;
}

.group-btn-radio {
  display: block;
}

.group-btn-radio input[type=radio] {
  display: none;
  border: 1px solid red;
  background-color: red;
}

.group-btn-radio input[type=radio]:checked + label {
  background-color: linear-gradient(to right, #faae7a, #ffca64) !important;
  transition: 0.3s;
  border: 1px solid linear-gradient(to right, #faae7a, #ffca64) !important;
}

.group-btn-radio label {
  color: linear-gradient(to right, #faae7a, #ffca64);
  color: #707070;
  border-radius: 30px;
  min-width: 100px;
  font-weight: 400;
  font-size: 13px;
  padding-left: 10px !important;
  padding-right: 10px !important;
  margin: 0;
  padding: 2px 32px;
  text-align: center;
  /* height: 32px; */
  line-height: 32px;
  border: 1px solid #f68e04;
}

.upload-label-btn {
  background: #fafafa;
  height: 40px;
  padding-top: 8px;
  padding-left: 5px;
  width: 100%;
  border: 1px dotted #cccccc;
}
.upload-label-btn img {
  height: 20px;
}

.input-title-label {
  border: none;
  border-bottom: 0.5px solid #cccccc;
  width: 100%;
  margin-top: 30px;
  cursor: pointer;
}
.input-title-label .upload {
  float: right;
  color: #265da0;
}
.input-title-label.accept-image {
  background: url(images/correct.svg) no-repeat right !important;
}
.input-title-label.has-image {
  text-decoration: line-through;
}

.img-profile-display-photo {
  width: 200px;
  object-fit: cover;
}

.custom-margin-display-photo {
  margin-top: 0px;
  user-select: none;
}
.custom-margin-display-photo .editProfilePhoto {
  cursor: pointer;
}

.custom-margin-photo {
  margin-top: 20px;
}

.profile-image {
  border-radius: 50%;
  width: 200px;
}

.parent-input-file {
  display: flex;
  flex-direction: column;
}

.img-profile-crop canvas {
  margin: 0px !important;
}

.label-select-photo {
  margin-top: -20px;
  margin-left: 15px;
}

.archive-name {
  margin-top: 20px;
  margin-left: 15px;
}

.upload-image-title {
  font-size: 1rem;
  color: #1e2630;
  margin-bottom: 0px;
}

.overlay-parent {
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  border: 1px solid #d6d6d6;
}

.overlay-icon {
  background-color: #e9ecee;
  background-image: url("../images/icons/icon-camera.svg");
  background-position: center;
  background-repeat: no-repeat;
  height: 40px;
  position: absolute;
  width: 100%;
  opacity: 0.9;
  bottom: 0px;
}

.img-profile-photo {
  border-radius: 50%;
  cursor: pointer;
  width: 200px;
  object-fit: cover;
  border: 1px solid #d6d6d6;
}

.upload-subtitle {
  font-size: 12px !important;
}

.calendar-btn {
  padding-bottom: 0px !important;
}
.calendar-btn img {
  position: relative !important;
  height: 20px;
}

.date-input input {
  position: absolute;
}

.line-text {
  margin-top: 30px;
  margin-bottom: 0px;
}
.line-text .text-area {
  padding: 10px;
  border-radius: 5px !important;
  background-color: #e9ecee;
}
.line-text .text-area::placeholder {
  color: #1e2630;
}

.custom-margin-select {
  margin-top: 30px;
}

.select-with-label .label-select {
  font-size: 10px !important;
}

.line-input {
  background: transparent;
  border: 1px solid #d6d6d6;
  font-size: 1rem;
  padding: 12px 16px;
  border-radius: 4px;
  width: 100%;
  color: #1c2630;
  transition: border-color 0.3s ease;
}
.line-input:hover {
  border-color: #1c2630;
}
.line-input.clickable {
  cursor: pointer;
}
.line-input.date {
  margin-top: 0px;
}
.line-input.text-area {
  border: 0.5px solid #cccccc !important;
  margin-top: 0px;
}
.line-input.validated.ng-invalid.ng-touched {
  box-shadow: none;
  border: none;
  border-bottom: 1px solid rgba(169, 68, 66, 0.8);
}
.line-input.line-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%231c2630'><path d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z'/></svg>") no-repeat calc(100% - 8px) center;
  background-size: 24px;
  padding-right: 40px;
  cursor: pointer;
}
.line-input.small-margin {
  margin-top: 5px;
}
.line-input.select-center {
  margin-top: 12px !important;
  text-align-last: center;
}

.line-file.has-error label {
  margin-bottom: 0px;
}

.collapse-label label {
  width: 100%;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 0px;
}
.collapse-label .collapse-arrow {
  float: right;
  height: 9px;
  margin-top: 4px;
}

.collapse-fields {
  padding: 0px 10px;
}
.collapse-fields label {
  color: #95989a !important;
}

.input-icon {
  position: absolute;
  bottom: 20px;
  right: 0;
  padding-right: 10px;
}

.label-title {
  margin-top: 20px;
  margin-bottom: 20px;
}

.title-margin {
  margin-bottom: 40px;
}

.input-with-icon {
  margin-top: 15px;
  display: flex;
  align-items: center;
}
.input-with-icon input,
.input-with-icon select {
  margin-top: 0px;
  text-align: center;
  text-align-last: center;
  width: 30%;
  border: none;
  border-bottom: 1px solid #cccccc;
  opacity: 1;
}
.input-with-icon.no-margin {
  margin-top: 0px;
}

.radio-options-form {
  margin-top: 10px;
  margin-bottom: 20px;
  padding-right: 70px !important;
  height: 75px;
}
.radio-options-form label {
  color: #252525;
}
.radio-options-form .row input[type=radio] + label {
  color: #afafaf;
  padding-left: 5px;
}
.radio-options-form .row input[type=radio]:checked + label {
  background-color: transparent;
  color: #747474;
}
.radio-options-form .row input[type=radio] {
  margin-left: 2px;
}
.radio-options-form .line-input {
  margin-top: 10px;
  font-size: 12px;
}

.many-line .title {
  margin-top: 30px;
  font-weight: 500;
}
.many-line img {
  max-height: 15px;
  margin-right: 5px;
  margin-bottom: 5px;
}
.many-line .delete-field {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-right: 5px;
  cursor: pointer;
}
.many-line .add-input {
  text-align: right;
  margin-top: 25px;
}
.many-line .add-input .glyphicon-plus {
  font-size: 15px;
  font-weight: 500;
}
.many-line .help-block {
  width: 98% !important;
}
.many-line .row .assessment-input label {
  left: unset;
}

.range-slider {
  margin-top: 10px;
  margin-bottom: 30px;
}
.range-slider .title {
  margin-top: 25px;
}
.range-slider .title.sub-label {
  margin-bottom: 20px;
}
.range-slider img {
  max-height: 15px;
  margin-right: 5px;
  margin-bottom: 5px;
}
.range-slider .form-control-range {
  color: #c7c7c7;
}
.range-slider .range-value {
  text-align: center;
  padding: 0px;
  color: #252525;
}
.range-slider .range-value:first-of-type {
  text-align: left;
}
.range-slider .range-value:last-of-type {
  text-align: right;
}
.range-slider input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  height: 4px;
  margin: 10px 0;
  padding: 0px;
  background: #c7c7c7;
  outline: none;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
}
.range-slider input[type=range]:focus {
  outline: none;
}
.range-slider input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  box-shadow: 1px 1px 1px #26262627;
  border-radius: 30px;
  background: #6184dc;
  cursor: pointer;
}

.add-button {
  background: #478ce8;
  padding: 6px 40px;
  border: none;
  border-radius: 30px;
  color: white;
}

.help-block {
  width: 100%;
  margin-top: 0;
  background: #c22f2c1a;
  color: #444444 !important;
}
.help-block i {
  color: #c22f2c;
  padding: 0px 10px;
}

.profile-form.step-progress {
  padding: 0px;
}
.profile-form.step-progress a {
  float: left;
  margin: 10px 22px;
  max-width: 60px;
}
.profile-form.step-progress a li {
  margin: 0px;
  width: 100%;
}

.assessment-form.step-progress {
  padding: 0px;
}
.assessment-form.step-progress a {
  float: left;
  margin: 10px 15px;
}
.assessment-form.step-progress a li {
  margin: 0px;
  width: 100%;
}

.step-current-mobile {
  display: block !important;
}

.footer-text {
  margin-top: 20px;
}

.date-field {
  margin-top: 30px;
}

span small {
  font-size: 75% !important;
}

.listings-form .listings-wrapper p {
  text-align: center;
  color: #707070;
  font-weight: 400;
  font-size: 15px;
  margin-top: 25px;
}
.listings-form a:hover,
.listings-form a:focus {
  text-decoration: none;
  color: #f68d06;
}
.listings-form .card-inf {
  max-width: 900px;
  padding: 40px;
}
.listings-form .assessment-fields {
  max-width: 900px;
}
.listings-form .step-progress {
  padding: 0px;
}
.listings-form .step-progress a {
  float: left;
  margin: 10px 80px;
}
.listings-form .step-progress a li {
  margin: 0px;
  width: 100%;
}
.listings-form .input-line .icons {
  padding: 0px;
}
.listings-form .input-line .subtitle {
  margin-bottom: 0px;
}
.listings-form .input-line img {
  height: 15px;
  margin-right: 5px;
  margin-bottom: 5px;
}
.listings-form .input-line.no-margin {
  margin-top: 0px;
}
.listings-form .amenities-list {
  margin-bottom: 20px;
}
.listings-form .amenities-list .label-title {
  margin-top: 10px;
  margin-bottom: 20px;
}
.listings-form .amenities-list .amenitie {
  margin-top: 0px;
}
.listings-form .amenities-list .amenitie img {
  height: 20px;
  width: 24px;
  margin-bottom: 3px;
  padding-right: 5px;
}
.listings-form .amenities-list .amenitie label {
  font-size: 13px;
}
.listings-form .amenities-list .building {
  padding-left: 15px;
}
.listings-form .amenities-list .building .select-building {
  float: right;
}
.listings-form .listings-buttons .hidden-mb-btn {
  display: none;
}
.listings-form .external-offers {
  text-align: center;
}
.listings-form .external-offers .title {
  margin: 30px 0px;
  font-size: 20px;
  font-weight: bolder;
}
.listings-form .date-field {
  margin-top: 10px;
}
@media (max-width: 768px) {
  .listings-form .step-progress a {
    margin: 10px 60px;
  }
  .listings-form .card-inf {
    padding: 20px;
  }
  .listings-form .input-with-icon {
    display: flex;
    align-items: center;
  }
  .listings-form .input-with-icon input,
.listings-form .input-with-icon select {
    width: 100%;
  }
  .listings-form .col-icon {
    display: flex;
    align-items: baseline;
  }
  .listings-form .listings-buttons .col-md-pull-6 {
    margin-top: 12px;
  }
  .listings-form .listings-buttons .col-md-pull-6 .col-md-12 {
    margin-top: 8px;
  }
  .listings-form .listings-buttons .col-md-pull-6 .col-md-12 .back-btn {
    padding: 9px 30px;
  }
  .listings-form .listings-buttons .right-btn {
    padding: 10px 7px;
  }
  .listings-form .listings-buttons .hidden-mb-btn {
    display: initial;
  }
  .listings-form .listings-buttons .hidden-lg-btn {
    display: none;
  }
  .listings-form .radio-options-form {
    padding-right: 0px !important;
  }
}

@media (max-width: 590px) {
  .footer-text {
    margin-top: 40px;
  }

  .box-wrapper {
    padding: 15px 15px;
    margin: 30px -10px;
  }
  .box-wrapper a {
    font-size: 13px;
  }

  .step-progress {
    margin-top: 0px;
    margin-bottom: 0px;
    display: block;
  }
  .step-progress li {
    display: none !important;
  }
  .step-progress a {
    float: none !important;
    margin: 10px 80px;
  }
  .step-progress .step-current {
    display: block !important;
    margin-left: auto;
    margin-right: auto;
  }

  .amenities .form-blue-checkbox {
    float: left !important;
  }
}
@media (max-width: 320px) {
  .group-btn {
    padding: 0px !important;
  }
}
.modal-window {
  color: #1c2630;
}
.modal-window .modal-content .modal-rhenti {
  padding: 1em 1.2em;
}
.modal-window .modal-content .modal-rhenti span,
.modal-window .modal-content .modal-rhenti label,
.modal-window .modal-content .modal-rhenti button,
.modal-window .modal-content .modal-rhenti a {
  font-size: 1rem;
}
.modal-window .modal-content .modal-rhenti a {
  cursor: pointer;
}
.modal-window .modal-content .modal-rhenti .close {
  position: absolute;
  top: 20px;
  right: 20px;
  opacity: unset !important;
}
.modal-window .modal-content .modal-rhenti .modal-header {
  border: none;
  text-align: center;
  padding: 0px;
}
.modal-window .modal-content .modal-rhenti .modal-header h2 {
  margin: 30px 0px;
}
.modal-window .modal-content .modal-rhenti .modal-body {
  padding: 0px;
}
.modal-window .modal-content .modal-rhenti .modal-body .modal-fields .modal-field {
  position: relative;
}
.modal-window .modal-content .modal-rhenti .modal-body .modal-fields .modal-field input {
  width: 100%;
  height: 40px;
  padding: 0px 10px;
  border: none;
  border-radius: 2px;
  background-color: #e9ecee;
  -moz-appearance: none;
}
.modal-window .modal-content .modal-rhenti .modal-body .modal-fields .modal-field input::-ms-reveal,
.modal-window .modal-content .modal-rhenti .modal-body .modal-fields .modal-field input ::-ms-clear {
  display: none;
}
.modal-window .modal-content .modal-rhenti .modal-body .modal-fields .modal-field .forgot-pass {
  position: absolute;
  top: 0;
  right: 0;
}
.modal-window .modal-content .modal-rhenti .modal-body .modal-fields .modal-field.password {
  position: relative;
}
.modal-window .modal-content .modal-rhenti .modal-body .modal-fields .modal-field.password img {
  position: absolute;
  top: 25px;
  right: 0px;
  cursor: pointer;
}
.modal-window .modal-content .modal-rhenti .modal-body .modal-fields .modal-field .help-block {
  text-align: left;
  margin-top: 0;
  background: #c22f2c1a;
  color: #444444;
}
.modal-window .modal-content .modal-rhenti .modal-body .modal-fields .modal-field .help-block i {
  color: #c22f2c;
  padding: 0px 10px;
}
.modal-window .modal-content .modal-rhenti .modal-footer {
  border: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
}
.modal-window .modal-content .modal-rhenti .modal-footer span,
.modal-window .modal-content .modal-rhenti .modal-footer a {
  font-size: 14px;
}
.modal-window .modal-content .modal-rhenti .modal-footer button {
  width: 100%;
  height: 40px;
  margin: 30px 0px 20px 0px;
}

.service-modal .modal-md {
  width: 450px;
}
.service-modal .modal-content {
  padding: 25px;
  margin-top: 50px;
}

.booking-modal .modal-md {
  width: 425px;
}
.booking-modal .modal-content {
  margin-top: 40px;
}

.questionnaire-modal .modal-md {
  width: 425px;
}
.questionnaire-modal .modal-lg {
  width: 600px;
}
.questionnaire-modal .modal-content {
  margin-top: 40px;
}
@media (max-width: 768px) {
  .questionnaire-modal .modal-md {
    width: 100%;
  }
  .questionnaire-modal .modal-lg {
    width: 100%;
  }
  .questionnaire-modal .modal-content {
    margin: 0px;
  }
}

.offer-coapps-modal .modal-md {
  width: 612px;
}
.offer-coapps-modal .modal-content {
  margin-top: 40px;
}

.n-add-contact-modal .modal-md {
  width: 375px;
}
.n-add-contact-modal .modal-content {
  margin-top: 90px;
}

.service-level-info-modal .modal-sm {
  width: 500px;
}

@media (max-width: 768px) {
  .offer-coapps-modal .modal-md {
    width: 100%;
  }
  .offer-coapps-modal .modal-content {
    margin: 0px;
  }

  .booking-modal .modal-md {
    width: 100%;
    margin: 0;
    height: 100%;
    max-width: 100vw;
  }
  .booking-modal .modal-content {
    margin: 0px;
    height: 100%;
  }

  .questionnaire-modal .modal-md {
    width: 100%;
  }
  .questionnaire-modal .modal-content {
    margin: 0px;
  }

  .n-add-contact-modal .modal-md {
    width: 100%;
  }
  .n-add-contact-modal .modal-content {
    margin: 0px;
  }
}
.draft-lease-modal .loading-overlay {
  margin: 0px !important;
}
.draft-lease-modal .modal-header {
  border: none;
}
.draft-lease-modal .modal-header h3 {
  text-align: center;
  font-weight: 500;
}
.draft-lease-modal .draft-title {
  color: #1C2630;
}
.draft-lease-modal .btn-draft {
  background: #1C2630;
  color: white;
  padding: 15px 30px;
  border: none;
  width: 200px;
}
.draft-lease-modal .modal-body h5 {
  margin-bottom: 20px;
}
.draft-lease-modal .modal-footer {
  border: none;
  text-align: center;
  padding-top: 0px;
}
.draft-lease-modal .modal-footer .glyphicon {
  top: 2px;
  padding-right: 2px;
}

.draft-addendum-modal {
  padding: 30px;
  font-size: 16px;
  position: relative;
}
.draft-addendum-modal .title {
  color: #1C2630;
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 500;
}
.draft-addendum-modal a {
  font-family: Roboto, sans-serif;
}
.draft-addendum-modal .secondary-title {
  color: #1C2630;
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 16px;
  margin-top: 30px;
}
.draft-addendum-modal .draft-btn {
  background: transparent linear-gradient(98deg, #EA6659 0%, #FF947E 100%) 0% 0% no-repeat padding-box;
  padding: 14px 56px;
  text-transform: uppercase;
  color: white;
  letter-spacing: 1px;
  border-radius: 8px;
  border: none;
}
.draft-addendum-modal .draft-btn:disabled {
  opacity: 0.5;
}
.draft-addendum-modal .attachments .remove-btn {
  text-transform: uppercase;
  letter-spacing: 0.75px;
  font-size: 14px;
  font-weight: 400;
  color: #1C2630;
}
.draft-addendum-modal .close-img {
  position: absolute;
  top: 15px;
  right: 15px;
  height: 12px;
  cursor: pointer;
}

.schedule-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #f2f2f2;
  overflow-y: auto;
  z-index: 999;
  top: 0;
}

.schedule-toolbar {
  padding: 18px;
  background-color: #1c3553;
  text-align: center;
}
.schedule-toolbar img {
  object-fit: contain;
  height: 25px;
}

.schedule .schedule-container {
  color: #1C2630;
  margin: auto;
  max-width: 800px;
  font-size: 16px;
}
.schedule .schedule-container .main-head {
  font-size: 24px;
  letter-spacing: 0.18px;
  font-weight: 500;
  margin: 60px 0px 20px 0px;
}
.schedule .schedule-container .checkin-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  border: 1px solid #66666633;
  border-radius: 8px;
  padding: 20px;
}
.schedule .schedule-container .checkin-card p {
  margin-bottom: 0px;
}
.schedule .schedule-container .card-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}
.schedule .schedule-container .card-wrapper .card-item {
  background: #fff;
  border: 1px solid #66666633;
  border-radius: 8px;
  padding: 20px;
  position: relative;
}
.schedule .schedule-container .card-wrapper .card-item button {
  text-transform: uppercase;
}
.schedule .schedule-container .card-wrapper .card-item .card-item-head {
  font-weight: 500;
}
.schedule .schedule-container .card-wrapper .card-item .date-info {
  display: flex;
  align-items: center;
  font-weight: 500;
}
.schedule .schedule-container .card-wrapper .card-item .date-info img {
  height: 20px;
}
.schedule .schedule-container .card-wrapper .card-item .date-info i {
  vertical-align: middle;
  font-size: 18px;
}
.schedule .schedule-container .card-wrapper .card-item .date-info .updated {
  color: #666666;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 12px;
}
.schedule .schedule-container .card-wrapper .card-item .fa {
  font-size: 16px;
}
.schedule .schedule-container .card-wrapper .card-item .renter-details {
  display: flex;
  justify-content: space-between;
}
.schedule .schedule-container .card-wrapper .card-item .renter-details .chat-btn {
  border-radius: 20px;
}
.schedule .schedule-container .card-wrapper .card-item .schedule-property-details > p {
  font-weight: 400;
}
.schedule .schedule-container .card-wrapper .card-item .schedule-property-details .info {
  display: flex;
}
.schedule .schedule-container .card-wrapper .card-item .schedule-property-details .info > div > p:nth-child(2) {
  font-weight: 400;
}
.schedule .schedule-container .card-wrapper .card-item .field-container {
  position: relative;
  /*                   select {
                         -webkit-appearance: none;
                         -moz-appearance: none;
                         text-indent: 1px;
                         text-overflow: '';
                     }
                     .input-icon{
                         position: absolute;
                         right: 10px;
                         transform: translate(0,-50%);
                         top: 50%;
                         font-size: 22px;
                         color: #666666;
                     }*/
}
.schedule .schedule-container .card-wrapper .card-item .field-container input, .schedule .schedule-container .card-wrapper .card-item .field-container select {
  width: 100%;
  height: 50px;
  border: none;
  box-shadow: none;
  background-color: #f4f4f4;
  padding: 16px 18px;
  border-radius: 4px 4px 0px 0px;
  padding-right: 30px;
}
.schedule .schedule-container .card-wrapper .card-item .status-chip {
  display: inline-block;
  background-color: #FFEAC4;
  padding: 8px 15px;
  border-radius: 24px;
  font-size: 14px;
  font-weight: 500;
}
.schedule .schedule-container .card-wrapper .main-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.schedule .schedule-container .card-wrapper .main-card .declined-info {
  margin-left: -20px;
  margin-right: -20px;
  padding: 7px 0px;
  background-color: #66666633;
}
.schedule .schedule-container .card-wrapper .main-card .hover-text {
  min-height: 20px;
  color: #fff;
  font-size: 12px;
  border-radius: 4px;
  background-color: #666666;
}
.schedule .schedule-container .card-wrapper .main-card .buttons-list {
  display: inline-block;
  width: 260px;
}
.schedule .schedule-container .card-wrapper .main-card .buttons-list button {
  transition: all 0.3s;
  width: 100%;
  text-align: left;
}
.schedule .schedule-container .card-wrapper .main-card .buttons-list .confirm-btn {
  width: 100%;
  text-align: left;
}
.schedule .schedule-container .card-wrapper .main-card .buttons-list .confirm-btn .fa {
  color: #fff;
}
.schedule .schedule-container .card-wrapper .main-card .buttons-list .decline-btn {
  background-color: transparent;
  border: 1px solid #FF7868;
  color: #FF7868;
  width: 100%;
  text-align: left;
  letter-spacing: 1.25px;
  padding: 10px 16px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 14px;
  white-space: nowrap;
}
.schedule .schedule-container .card-wrapper .main-card .buttons-list .decline-btn .fa {
  color: #FF7868;
}
.schedule .schedule-container .card-wrapper .main-card .viewingCheckingInfoMessage {
  background: var(---fff4f0) 0% 0% no-repeat padding-box;
  background: #FFF4F0 0% 0% no-repeat padding-box;
  border-radius: 8px;
  opacity: 1;
  margin-top: 20px;
  padding: 16px;
}
.schedule .schedule-container .card-wrapper .main-card .check-block .check-icon img {
  height: 55px;
  width: 55px;
}
.schedule .schedule-container .card-wrapper .main-card .check-block .check-info {
  font-size: 20px;
  color: #1C2630;
}
.schedule .schedule-container .card-wrapper .alternatives-card {
  grid-row: 1/4;
}
.schedule .schedule-container .card-wrapper .alternatives-card .close-btn {
  position: absolute;
  top: 22px;
  right: 20px;
  cursor: pointer;
}
.schedule .schedule-container .card-wrapper .alternatives-card .send-btn {
  min-width: 230px;
}
.schedule .schedule-container .card-wrapper .alternatives-card .date-schedule .list-labels {
  display: none;
}
.schedule .schedule-container .card-wrapper .rentdetails-card {
  grid-row: span 1;
}
.schedule .schedule-container .card-wrapper .a-info-card {
  grid-row: span 2;
}
.schedule .schedule-container .card-wrapper .prop-card i {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
.schedule .schedule-container .card-wrapper .renter-modify-card {
  grid-row: span 2;
}
.schedule .schedule-container .card-wrapper .renter-modify-card .close-btn-container {
  display: flex;
  flex-direction: row-reverse;
}
.schedule .schedule-container .card-wrapper .renter-modify-card .close-btn-container .close-btn {
  height: 15px;
  cursor: pointer;
  margin-bottom: 10px;
}
.schedule .schedule-container .card-wrapper .map-card {
  padding: 0px;
  grid-row: span 1;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.schedule .schedule-container .card-wrapper .map-card img {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  object-fit: none;
}
.schedule .schedule-container .card-wrapper .renter-address-card {
  background-color: transparent !important;
  border: none !important;
}
.schedule .schedule-container .card-wrapper .renter-address-card .property-owner-detail-card {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.schedule .schedule-container .card-wrapper .renter-address-card .property-owner-detail-card .chat-btn {
  border-radius: 20px;
}
.schedule .schedule-container .card-wrapper .renter-address-card hr {
  border-color: #66666633;
}
.schedule .schedule-container .date-schedule ul.list-labels li span.lbl-available::before {
  background-color: #FFFFFF !important;
  border: solid 1px #232A33 !important;
}
.schedule .schedule-container .date-schedule ul.list-labels li span::before {
  border-radius: 50% !important;
}
.schedule .schedule-container .date-schedule ul.list-labels li span.lbl-not-available::before {
  background-color: #FF5851 !important;
}
.schedule .schedule-container .date-schedule .uib-datepicker-popup .uib-datepicker .full-blocked-rsvp button {
  background-color: #FF5851 !important;
}
.schedule .schedule-container .ng-isolate-scope .date-schedule .col-md-12 {
  padding: 0 !important;
}
.schedule .schedule-container .ng-isolate-scope .date-schedule .col-md-12 li {
  font-size: 12px;
}
.schedule .schedule-container .ng-isolate-scope .date-schedule .col-md-12 .list-labels span {
  display: inline-block;
  transform: translateY(3px);
}

@media (max-width: 768px) {
  .schedule .schedule-container {
    margin-left: 16px;
    margin-right: 16px;
  }
  .schedule .schedule-container .card-wrapper {
    grid-template-columns: 1fr;
  }
  .schedule .schedule-container .card-wrapper .policy-card {
    grid-row-start: 2 !important;
  }
  .schedule .schedule-container .a-info-card {
    grid-row-start: 2 !important;
  }
}
.date-schedule .btn-calendar {
  background: #334A65;
  border: 1px solid #334A65;
}
.date-schedule .btn-calendar:focus {
  border: 1px solid #334A65;
}
.date-schedule .btn-calendar img {
  height: 18px;
}
.date-schedule ul.list-labels {
  list-style: none;
  display: flex;
  justify-content: space-around;
  padding: 0 !important;
}
.date-schedule ul.list-labels li {
  display: inline;
  margin-right: 10px;
}
.date-schedule ul.list-labels li span::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
}
.date-schedule ul.list-labels li span.lbl-available::before {
  border: solid 1px #F68D02 !important;
}
.date-schedule ul.list-labels li span.lbl-part-available::before {
  background-color: #fab76d !important;
}
.date-schedule ul.list-labels li span.lbl-not-available::before {
  background-color: #F68D02 !important;
}
.date-schedule .uib-datepicker-popup .uib-datepicker .full-blocked-rsvp button {
  background-color: #f68f05 !important;
  color: #f5f5f5;
}
.date-schedule .uib-datepicker-popup .uib-datepicker .partially-blocked-rsvp button {
  background-color: #fab76d !important;
  color: #f5f5f5;
}
.date-schedule .uib-datepicker-popup .uib-datepicker .active {
  background-color: #31708f;
}
.date-schedule .uib-datepicker-popup .uib-datepicker .active .text-info {
  color: #f5f5f5;
}
.date-schedule .field-container {
  position: relative;
  /*      select {
            -webkit-appearance: none;
            -moz-appearance: none;
            text-indent: 1px;
            text-overflow: '';
        }
        .input-icon{
            position: absolute;
            right: 10px;
            transform: translate(0,-50%);
            top: 50%;
            font-size: 22px;
            color: #666666;
        }*/
}
.date-schedule .field-container input, .date-schedule .field-container select {
  width: 100%;
  height: 50px;
  border: none;
  box-shadow: none;
  background-color: #f4f4f4;
  padding: 16px 18px;
  border-radius: 4px 4px 0px 0px;
  padding-right: 30px;
}

.viewings-calendar-page {
  max-width: 850px;
  /* muted text, e.g. days of other months*/
  /* start of popup-datepicker */
}
.viewings-calendar-page .modal-header {
  border: none;
  text-align: center;
}
.viewings-calendar-page .modal-header h3, .viewings-calendar-page .modal-header .arrow {
  display: none;
}
.viewings-calendar-page .modal-header .close {
  float: right;
  margin: 7px;
  height: 30px;
  font-size: 30px;
  padding: 0;
  color: #1C2630;
  opacity: 1;
}
.viewings-calendar-page h1,
.viewings-calendar-page h2,
.viewings-calendar-page h3 {
  font-weight: 500;
}
.viewings-calendar-page h1,
.viewings-calendar-page h2,
.viewings-calendar-page h3,
.viewings-calendar-page h4,
.viewings-calendar-page h5,
.viewings-calendar-page h6,
.viewings-calendar-page p,
.viewings-calendar-page div {
  color: #1C3553;
  text-align: left;
  padding: 5px;
  color: #1C2630;
}
.viewings-calendar-page h1 .important,
.viewings-calendar-page h2 .important,
.viewings-calendar-page h3 .important,
.viewings-calendar-page h4 .important,
.viewings-calendar-page h5 .important,
.viewings-calendar-page h6 .important,
.viewings-calendar-page p .important,
.viewings-calendar-page div .important {
  color: #FA9483;
}
.viewings-calendar-page .container {
  max-width: 850px;
  padding: 0;
}
.viewings-calendar-page .margin-modal {
  margin-left: 180px;
}
.viewings-calendar-page button {
  border-radius: 2px;
}
.viewings-calendar-page .tip {
  display: flex;
  background-color: #FFEAC4;
  border-radius: 8px;
  padding: 20px;
  margin: 0px 30px;
}
.viewings-calendar-page .tip .orange-icon {
  display: inline-block;
  background-color: #F78C4A;
  border-radius: 50%;
  height: 30px;
  min-width: 30px;
  margin-right: 20px;
}
.viewings-calendar-page .tip .orange-icon h4 {
  margin: auto;
  padding: 0;
  text-align: center;
  color: #FFFFFF;
}
.viewings-calendar-page .tip p {
  display: inline-block;
  color: #1C2630;
  font-weight: 500;
  margin: 0;
  padding: 0;
}
.viewings-calendar-page .sub-header {
  font-size: 15px;
  padding: 20px 30px 0px 30px;
  text-align: center;
  font-weight: 500;
}
.viewings-calendar-page .calendar-row {
  margin: 30px;
  border: 2px solid #C9D5DB;
  border-radius: 4px;
}
.viewings-calendar-page .calendar-row p {
  padding: 5px 13px;
  margin: 30px 0 0 0;
  font-weight: 700 !important;
}
.viewings-calendar-page .calendar-row #calendar {
  position: relative;
}
.viewings-calendar-page .calendar-row .mobile-select-time {
  display: none;
}
.viewings-calendar-page .save {
  margin-top: 20px;
  margin-right: 0;
  margin-left: auto;
}
.viewings-calendar-page .not-available {
  background-color: #1C3553;
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 10px;
}
.viewings-calendar-page .not-available label {
  color: white !important;
}
.viewings-calendar-page .partially-blocked-guide {
  background-color: #3B5575;
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 10px;
}
.viewings-calendar-page .partially-blocked-guide label {
  color: white !important;
}
.viewings-calendar-page .inline-datepicker table {
  border-collapse: collapse;
  border: 0;
  table-layout: fixed;
  background-color: #E9ECEE;
}
.viewings-calendar-page .inline-datepicker button:focus,
.viewings-calendar-page .inline-datepicker button:active {
  box-shadow: none;
  background-color: transparent;
  color: inherit;
}
.viewings-calendar-page .inline-datepicker tbody button {
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0;
}
.viewings-calendar-page .inline-datepicker button.active > .text-info {
  color: #1C3553;
}
.viewings-calendar-page .inline-datepicker button:hover {
  background-color: white;
  color: #1C3553;
}
.viewings-calendar-page .inline-datepicker thead,
.viewings-calendar-page .inline-datepicker thead tr,
.viewings-calendar-page .inline-datepicker thead tr th {
  height: 40px;
  background-color: #E9ECEE;
  border: 0;
  text-align: center;
}
.viewings-calendar-page .inline-datepicker table tr,
.viewings-calendar-page .inline-datepicker table tr th button,
.viewings-calendar-page .inline-datepicker table td,
.viewings-calendar-page .inline-datepicker table td button {
  background-color: transparent;
  box-shadow: none;
  border: 0;
}
.viewings-calendar-page .inline-datepicker table th,
.viewings-calendar-page .inline-datepicker table button {
  color: #1C3553;
  font-weight: 500;
  width: auto;
}
.viewings-calendar-page .inline-datepicker table td button.active span {
  background-color: inherit;
  color: inherit;
  border: 0;
}
.viewings-calendar-page .inline-datepicker button:disabled {
  /* color: #ffd9a7; */
  opacity: 0.2;
  background-color: transparent;
  border-radius: 0;
}
.viewings-calendar-page .inline-datepicker .text-muted {
  color: #1C3553;
  font-weight: normal;
}
.viewings-calendar-page .uib-datepicker-popup {
  border-radius: 0;
}
.viewings-calendar-page .uib-datepicker-popup .uib-datepicker button {
  border-radius: 0;
  box-shadow: none;
  background-color: white;
  border: 0;
}
.viewings-calendar-page .uib-datepicker-popup .btn-success {
  border: 0;
  border-radius: 0;
  background-color: #1C3553;
}
.viewings-calendar-page .uib-datepicker-popup .uib-datepicker-current,
.viewings-calendar-page .uib-datepicker-popup .uib-clear {
  background-color: white;
  border-color: #1C3553;
  color: #1C3553;
}
.viewings-calendar-page .uib-datepicker-popup .btn-info.active {
  color: #1C3553;
  padding: 0;
  border-radius: 50%;
}
.viewings-calendar-page .inline-datepicker table tr td {
  height: 50px;
  width: 50px;
}
.viewings-calendar-page .inline-datepicker table tr td.full-blocked,
.viewings-calendar-page .inline-datepicker table tr td.full-blocked :hover {
  background-color: #1C3553;
  border-radius: 50%;
}
.viewings-calendar-page .full-blocked button span {
  color: white !important;
}
.viewings-calendar-page .inline-datepicker table tr td.partially-blocked,
.viewings-calendar-page .inline-datepicker table tr td.partially-blocked :hover {
  background-color: #1C3553;
  border-radius: 50%;
}
.viewings-calendar-page .inline-datepicker table tr td.active,
.viewings-calendar-page .inline-datepicker table tr td.active :hover {
  background-color: #FA9483 !important;
  border-radius: 50%;
}
.viewings-calendar-page .partially-blocked button span {
  color: white;
}
.viewings-calendar-page .active button span {
  color: #1C3553 !important;
}
.viewings-calendar-page .calendar-desc {
  font-weight: 200 !important;
  margin: 0 !important;
  text-align: center;
}
.viewings-calendar-page .edit-warning {
  display: none;
  position: absolute;
  justify-content: space-between;
  background-color: #FFFFFF;
  width: 100%;
  max-width: 335px;
  height: 100px;
  border: 1px solid #E9ECEE;
  border-radius: 4px;
  box-shadow: 0px 3px 6px #00000029;
  padding: 20px;
  z-index: 1000000;
}
.viewings-calendar-page .edit-warning p, .viewings-calendar-page .edit-warning div {
  display: inline-block;
  margin: auto 0;
}
.viewings-calendar-page .edit-warning p {
  height: 55px;
  margin: auto 0;
  padding: 0px 13px 0px 0px;
  max-width: 60%;
}
.viewings-calendar-page .edit-warning div {
  border-radius: 50%;
  color: white;
  font-size: 18px;
  height: 40px;
  width: 40px;
  text-align: center;
  cursor: pointer;
}
.viewings-calendar-page .edit-warning div span {
  line-height: 30px;
}
.viewings-calendar-page .edit-warning .cancel {
  background-color: #EF6857;
}
.viewings-calendar-page .edit-warning .confirm {
  background-color: #7FC26A;
}
.viewings-calendar-page .time-slot {
  padding: 5px 13px;
}
.viewings-calendar-page .time-slot select {
  height: 40px;
  width: 90px;
  border-radius: 2px;
  background-color: #E9ECEE;
  text-align-last: center;
}
.viewings-calendar-page .time-slot span {
  margin: 0px 20px;
}
.viewings-calendar-page .time-slot .all-day-btn, .viewings-calendar-page .time-slot .delete-btn {
  display: inline-flex;
  justify-content: center;
  margin-left: 5px;
  height: 40px;
  width: 40px;
  color: #FFFFFF;
  border-radius: 4px;
  vertical-align: top;
  line-height: 30px;
  cursor: pointer;
}
.viewings-calendar-page .time-slot .all-day-btn {
  background-color: #1C3553;
}
.viewings-calendar-page .time-slot .delete-btn {
  background-color: #EF6857;
}
.viewings-calendar-page .time-slot .delete-btn i {
  margin: auto;
  font-size: 20px;
}
.viewings-calendar-page .add-timeslot-btn {
  display: flex;
  width: 238px;
  height: 40px;
  margin: 15px auto;
  text-align: center;
  color: #1C2630;
  font-weight: 500;
  border: 2px solid #1C2630;
  border-radius: 4px;
  cursor: pointer;
}
.viewings-calendar-page .add-timeslot-btn span {
  margin: auto;
}
.viewings-calendar-page .save-btn {
  display: flex;
  justify-content: center;
  width: 150px;
  height: 40px;
  background-color: #1C3553;
  border-radius: 2px;
  color: #FFFFFF;
  margin: 30px auto;
  cursor: pointer;
}
.viewings-calendar-page .save-btn span {
  margin: auto;
}
.viewings-calendar-page .save-btn:disabled {
  cursor: default;
  opacity: 0.3;
}
.viewings-calendar-page .select-btn {
  display: none;
  justify-content: center;
  width: 150px;
  height: 40px;
  background-color: #FA9483;
  border-radius: 2px;
  color: #1C2630;
  margin: 30px auto;
}
.viewings-calendar-page .select-btn:disabled {
  cursor: default;
  opacity: 0.3;
}
.viewings-calendar-page .select-btn span {
  margin: auto;
}
.viewings-calendar-page .date-info {
  text-align: center;
  color: #1C2630;
  font-size: 16px;
  margin: 0 !important;
}
.viewings-calendar-page .date-info-img {
  display: block;
  margin: 200px auto 10px auto;
  height: 50px;
  width: 50px;
}

@media screen and (max-width: 999px) {
  .modal-dialog {
    width: 100%;
  }
  .modal-dialog .viewings-calendar-page {
    width: 100%;
    max-width: 375px;
  }
  .modal-dialog .viewings-calendar-page .modal-header {
    position: relative;
  }
  .modal-dialog .viewings-calendar-page .modal-header h3, .modal-dialog .viewings-calendar-page .modal-header .close {
    display: inline-block;
  }
  .modal-dialog .viewings-calendar-page .modal-header .close {
    position: absolute;
    top: 0px;
    right: 5px;
  }
  .modal-dialog .viewings-calendar-page .modal-header .arrow {
    position: absolute;
    display: none;
    margin: 7px;
    height: 24px;
    top: 5px;
    left: 5px;
  }
  .modal-dialog .viewings-calendar-page .sub-header h3 {
    display: none;
  }
  .modal-dialog .viewings-calendar-page .container {
    width: 100%;
    max-width: 375px;
  }
  .modal-dialog .viewings-calendar-page .container .calendar-row {
    display: block;
    padding: 0;
    border: 0;
  }
  .modal-dialog .viewings-calendar-page .container .calendar-row #calendar {
    width: 100%;
  }
  .modal-dialog .viewings-calendar-page .container .calendar-row #calendar p {
    text-align: center;
    margin: 0;
  }
  .modal-dialog .viewings-calendar-page .container .calendar-row #calendar table {
    width: 100% !important;
    max-height: 300px;
    margin: 0 auto;
  }
  .modal-dialog .viewings-calendar-page .container .calendar-row #calendar #edit-warning {
    width: 124% !important;
    left: -35px !important;
  }
  .modal-dialog .viewings-calendar-page .container .calendar-row .timeslots, .modal-dialog .viewings-calendar-page .container .calendar-row .save-btn {
    display: none;
    padding: 0;
  }
  .modal-dialog .viewings-calendar-page .container .calendar-row .timeslots .time-slot, .modal-dialog .viewings-calendar-page .container .calendar-row .save-btn .time-slot {
    padding: 5px 0px;
  }
  .modal-dialog .viewings-calendar-page .container .calendar-row .timeslots .time-slot span, .modal-dialog .viewings-calendar-page .container .calendar-row .save-btn .time-slot span {
    margin: 0px 5px;
  }
  .modal-dialog .viewings-calendar-page .container .calendar-row .timeslots .time-slot div, .modal-dialog .viewings-calendar-page .container .calendar-row .save-btn .time-slot div {
    margin: 0;
  }
  .modal-dialog .viewings-calendar-page .container .calendar-row .timeslots .time-slot .all-day-btn, .modal-dialog .viewings-calendar-page .container .calendar-row .save-btn .time-slot .all-day-btn {
    margin-left: 3px;
  }
  .modal-dialog .viewings-calendar-page .container .calendar-row .select-btn {
    display: flex;
  }
  .modal-dialog .viewings-calendar-page .inline-datepicker table tr td {
    height: 39px;
    width: 39px;
  }
}
.property-filter-container {
  position: relative;
  border: 1.5px solid #d6d6d6;
  border-radius: 4px;
  line-height: 26px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-content: center;
  cursor: pointer;
  height: 52px;
  min-width: 240px;
}
@media (max-width: 768px) {
  .property-filter-container {
    width: 100%;
    min-width: 100%;
  }
}
.property-filter-container .property-filter-content {
  display: flex;
  align-items: center;
  align-content: center;
  width: 100%;
  padding: 0 10px;
  font-size: 0.875rem;
  color: #1C2630;
}
.property-filter-container .property-filter-content i:first-child {
  flex: 1;
  font-style: normal;
  cursor: pointer;
}
.property-filter-container .property-filter-content i:last-child {
  margin-top: 0px;
  transition-duration: 0.3s;
  font-size: 24px;
}
.property-filter-container .property-filter-content i.move-down {
  transition-duration: 0.3s;
  transform: rotate(180deg);
}
.property-filter-container .property-filter-menu {
  overflow: hidden;
  position: absolute;
  top: 110%;
  left: 0;
  z-index: 1000;
  float: left;
  min-width: 160px;
  padding: 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 0.875rem;
  text-align: left;
  background-color: #ffffff;
  border-radius: 4px;
  background-clip: padding-box;
  transition: height 0.3s;
  height: 0;
}
.property-filter-container .property-filter-menu .filter-search {
  margin: 10px;
}
.property-filter-container .property-filter-menu .filter-search input {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 5px 10px;
  width: 100%;
}
.property-filter-container .property-filter-menu .property-filter-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 10px 20px;
  justify-content: space-between;
  font-size: 1rem;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  gap: 1em;
}
.property-filter-container .property-filter-menu .property-filter-buttons span {
  color: #1b3653;
  display: none;
}
.property-filter-container .show-layer-1 {
  height: fit-content;
  display: block;
}
.property-filter-container .show-layer-2 {
  height: fit-content;
  display: block;
  border: 1.5px solid #d6d6d6;
}
.property-filter-container .filter-ul {
  list-style: none;
  line-height: 40px;
  padding: 0px;
  margin: 0;
}
.property-filter-container .filter-ul li {
  white-space: nowrap;
  padding: 0 15px;
  margin: 0;
  font-weight: 500;
  color: #1C3553;
}
.property-filter-container .filter-ul .normal_1 {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  border: 1px solid #ccc;
  margin-right: 10px;
  margin-bottom: -5px;
}
.property-filter-container .filter-ul .normal_2 {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid #ccc;
  margin-right: 10px;
  margin-bottom: -5px;
}
.property-filter-container .filter-ul .active_1 {
  background: #1b3653;
  border-style: double;
  border-width: 4px;
  border-color: #fff;
}
.property-filter-container .filter-ul .active_2 {
  background: #1b3653;
  border-color: #1b3653;
  content: "\f11e";
  color: #fff;
  text-align: center;
  line-height: 18px;
}
.property-filter-container .filter-ul a {
  text-decoration: none;
  color: #1b3653;
}

.property-filter-container.selected {
  box-shadow: 0 0 0 2px #1b3653;
}

.property-filter-container-mobile {
  width: 100% !important;
  margin-right: 0px !important;
  padding-left: 10px !important;
}

.property-fitler-menu-mobile {
  width: 100% !important;
  min-width: 0px !important;
}

.viewing-modal {
  text-align: center;
  /* md and xl*/
}
.viewing-modal .modal {
  overflow: visible;
}
.viewing-modal .modal-body {
  overflow-y: visible;
}
.viewing-modal .table-responsive {
  overflow: visible;
}
.viewing-modal .loading-overlay {
  margin: 0px !important;
}
.viewing-modal .modal-header {
  height: 60px;
  border-bottom: 2px solid #C9D5DB;
}
.viewing-modal .modal-header .close {
  display: flex;
  font-size: 14px;
  text-align: left;
  float: left;
  margin: 8px 0;
  opacity: 1;
}
.viewing-modal .modal-header .close p {
  margin: 1px 0 0 10px;
}
.viewing-modal .modal-header .close p, .viewing-modal .modal-header .close span {
  color: #1C2630;
  font-weight: 500;
}
.viewing-modal .modal-body {
  padding: 30px;
  color: #1C3553;
}
.viewing-modal .modal-body #listViewListingsWrapper {
  display: flex;
  flex-direction: column;
  background: white;
  margin-bottom: 100px;
  box-shadow: 0 0 10px #c7c7c7;
  border-radius: 8px;
  overflow: hidden;
  /*    .topFilterButton {
       padding: 5px 8px;
       border-radius: 20px;
       border: 1px solid #d3d3d3;
       margin-top: 20px;
       margin-left: 20px;
       cursor: pointer;
     } */
}
.viewing-modal .modal-body #listViewListingsWrapper #topFilter {
  display: flex;
  background: #1C3553;
  align-items: center;
  height: 48px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden;
}
.viewing-modal .modal-body #listViewListingsWrapper #topFilter div {
  padding: 0 20px 0 20px;
  display: flex;
  height: 100%;
  font-size: 14px;
  align-items: center;
  cursor: pointer;
  border-bottom: 3px solid transparent;
  width: 120px;
  justify-content: center;
  letter-spacing: 1.25px;
}
.viewing-modal .modal-body #listViewListingsWrapper #topFilter div:hover {
  background: #495D75;
}
.viewing-modal .modal-body #listViewListingsWrapper #listViewListings {
  width: 100%;
}
.viewing-modal .modal-body #listViewListingsWrapper #listViewListings th, .viewing-modal .modal-body #listViewListingsWrapper #listViewListings td {
  border: none;
  padding: 16px;
  color: black;
}
.viewing-modal .modal-body #listViewListingsWrapper #listViewListings th:hover {
  background: gainsboro;
  cursor: pointer;
}
.viewing-modal .modal-body #listViewListingsWrapper #listViewListings td {
  text-align: left;
  border-bottom: 1px solid #ececec;
  position: relative;
  min-width: 90px;
  height: 60px;
}
.viewing-modal .modal-body #listViewListingsWrapper #listViewListings td .collapse-wrapper {
  position: absolute;
  bottom: -41px;
  left: 0;
  height: 80px;
  width: fit-content;
  border: none;
  margin: 0;
  padding: 0px;
}
.viewing-modal .modal-body #listViewListingsWrapper #listViewListings td .collapse-wrapper .respond-dropdown {
  position: relative;
  background-color: #FFFFFF;
  margin: 10px 0 0 0;
  box-shadow: #E9ECEE;
  z-index: 999999;
  border-radius: 4px;
  border: 1px solid #E9ECEE;
  box-shadow: 0px 3px 6px #00000029;
}
.viewing-modal .modal-body #listViewListingsWrapper #listViewListings td .collapse-wrapper .respond-dropdown a {
  margin: 10px 8px;
  text-decoration: none;
  display: block;
}
.viewing-modal .modal-body #listViewListingsWrapper #listViewListings td .collapse-wrapper .respond-dropdown .red-link {
  color: #FF5851;
}
.viewing-modal .modal-body #listViewListingsWrapper #listViewListings td .collapse-wrapper .respond-dropdown .blue-link {
  color: #1C3553;
}
.viewing-modal .modal-body #listViewListingsWrapper #listViewListings td a {
  cursor: pointer;
  text-decoration: underline;
  color: #1C3553;
}
.viewing-modal .modal-body #listViewListingsWrapper #listViewListings tr {
  background: white;
}
.viewing-modal .modal-body #listViewListingsWrapper #listViewListings tr:last-child td {
  border-bottom: 0;
}
.viewing-modal .modal-body #listViewListingsWrapper #listViewListings .tableCheckBox {
  cursor: pointer;
}
.viewing-modal .modal-body #listViewListingsWrapper #listViewListings .listingRow .linked {
  color: #265DA0 !important;
  font-weight: 500;
  cursor: pointer;
}
.viewing-modal .modal-body #listViewListingsWrapper #listViewListings .listingRow .linked:hover {
  text-decoration: underline !important;
}
.viewing-modal .modal-body #listViewListingsWrapper #listViewListings .listingRow .tdFixed {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 200px;
  overflow: hidden;
}
.viewing-modal .modal-body #listViewListingsWrapper #listViewListings .listingRow .tdFit {
  width: fit-content;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.viewing-modal .modal-body #listViewListingsWrapper #listViewListings .listingRow .tdRight {
  width: 100%;
  text-align: right;
  padding-right: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.viewing-modal .modal-body #listViewListingsWrapper #listViewListings .listingRow a {
  color: #265DA0 !important;
  font-weight: 500;
  text-decoration: none;
}
.viewing-modal .modal-body #listViewListingsWrapper #listViewListings .tableHeader {
  display: flex;
  align-items: center;
  white-space: nowrap;
  font-weight: 500;
}
.viewing-modal .modal-body #listViewListingsWrapper #listViewListings .tableHeader div {
  font-size: 14px;
  margin-top: 3px;
  color: #1C2630;
  font-weight: 500;
  letter-spacing: 1.25px;
}
.viewing-modal .modal-body #listViewListingsWrapper #listViewListings .tableHeader .caret-up {
  border-left: transparent 4px solid;
  border-right: transparent 4px solid;
  border-bottom: #b1b4b7 4px solid;
  height: 0;
  width: 0;
  margin: 2px 3px 3px 6px;
}
.viewing-modal .modal-body #listViewListingsWrapper #listViewListings .tableHeader .caret-down {
  border-left: transparent solid 4px;
  border-right: transparent solid 4px;
  border-top: #b1b4b7 4px solid;
  height: 0;
  width: 0;
  margin: 2px 3px 3px 6px;
}
.viewing-modal .modal-body #listViewListingsWrapper #listViewListings .tableHeader .caret-up:hover {
  border-bottom: #000000 4px solid;
}
.viewing-modal .modal-body #listViewListingsWrapper #listViewListings .tableHeader .caret-down:hover {
  border-top: #000000 4px solid;
}
.viewing-modal .modal-body #listViewListingsWrapper #pages {
  display: flex;
  justify-content: center;
}
.viewing-modal .modal-body #listViewListingsWrapper #pages .page {
  padding: 5px 10px 5px 10px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  margin: 5px;
  cursor: pointer;
  color: black;
  margin-top: 20px;
  margin-bottom: 15px;
}
.viewing-modal .modal-body #listViewListingsWrapper #pages #pageDropdown {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 35px;
  right: 0;
  background: white;
  box-shadow: 0 0 10px #c9c9c9;
  border-radius: 5px;
}
.viewing-modal .modal-body #listViewListingsWrapper #pages .pageOption {
  padding: 10px 15px 10px 15px;
  border-bottom: 1px solid #e7e7e7;
  cursor: pointer;
  color: black;
}
.viewing-modal .modal-body #listViewListingsWrapper #pages .pageOption:last-child {
  border-bottom: none;
}
.viewing-modal .modal-body h3, .viewing-modal .modal-body h4 {
  text-align: left;
}
.viewing-modal .modal-body h3 {
  font-weight: 500;
  font-size: 20px;
}
.viewing-modal .modal-body h4 {
  font-size: 16px;
}
.viewing-modal .modal-body .loading {
  width: 100%;
}
.viewing-modal .modal-body .tb-viewing {
  margin-top: 20px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.viewing-modal .modal-body .tb-viewing::-webkit-scrollbar {
  display: none;
}
.viewing-modal .modal-body .tb-viewing table {
  border: 2px solid #C9D5DB;
  border-radius: 4px;
  margin: 0px;
}
.viewing-modal .modal-body .tb-viewing table thead tr th {
  border-bottom: 1px solid #C9D5DB;
  background: #F2F2F2;
  color: #1C3553;
}
.viewing-modal .modal-body .tb-viewing td {
  text-align: left;
  border-bottom: 1px solid #C9D5DB;
  position: relative;
  min-width: 90px;
  height: 60px;
}
.viewing-modal .modal-body .tb-viewing td .collapse-wrapper {
  position: absolute;
  bottom: -41px;
  left: 0;
  height: 80px;
  width: 120px;
  border: none;
  margin: 0;
  padding: 0px;
}
.viewing-modal .modal-body .tb-viewing td .collapse-wrapper .respond-dropdown {
  position: relative;
  background-color: #FFFFFF;
  margin: 10px 0 0 0;
  box-shadow: #E9ECEE;
  z-index: 999999;
  height: 110px;
  border-radius: 4px;
  border: 1px solid #E9ECEE;
  box-shadow: 0px 3px 6px #00000029;
}
.viewing-modal .modal-body .tb-viewing td .collapse-wrapper .respond-dropdown a {
  margin: 10px 8px;
  text-decoration: none;
  display: block;
}
.viewing-modal .modal-body .tb-viewing td .collapse-wrapper .respond-dropdown .red-link {
  color: #FF5851;
}
.viewing-modal .modal-body .tb-viewing td .collapse-wrapper .respond-dropdown .blue-link {
  color: #1C3553;
}
.viewing-modal .modal-body .tb-viewing td a {
  cursor: pointer;
  text-decoration: underline;
  color: #1C3553;
}
.viewing-modal .modal-body .text-no-bookings {
  margin-top: 10px;
}
.viewing-modal .modal-footer {
  border: none;
  padding-top: 0;
}
.viewing-modal .modal-footer .glyphicon {
  top: 2px;
  margin-right: 5px;
}
@media (max-width: 768px) {
  .viewing-modal .modal-body {
    padding: 16px;
  }
  .viewing-modal .modal-body .table-responsive {
    overflow: scroll;
    max-width: 600px;
    max-height: 500px;
  }
  .viewing-modal .modal-body .legend label {
    width: 120px;
    height: 40px;
    padding: 10px 10px;
  }
}
@media (max-width: 600px) {
  .viewing-modal .desktop-only {
    display: none;
  }
}
@media (min-width: 768px) {
  .viewing-modal .modal-body .legend {
    display: flex;
    align-items: baseline;
  }
  .viewing-modal .modal-body .legend .col-md-8 {
    display: flex;
    justify-content: space-around;
  }
}

.home-page {
  padding: 50px 0 0 0;
  z-index: 999;
  height: 100%;
  margin-top: -50px;
  /* Custom, iPhone Retina */
  /* Small Devices, Tablets */
}
.home-page .container-fluid {
  background-color: white;
}
.home-page .modal-cities h1,
.home-page .modal-cities p {
  color: #707070 !important;
}
.home-page .ui-carousel .carousel-prev .carousel-btn {
  left: -35px;
}
.home-page .ui-carousel .carousel-dots li button:before {
  font-family: "FontAwesome";
  content: "\f10c";
  font-size: 12px;
  opacity: 1;
  color: #b4b4b4;
}
.home-page .ui-carousel .carousel-dots li.carousel-active button:before {
  font-family: "FontAwesome";
  content: "\f111";
  opacity: 1;
  color: #f3a962;
}
.home-page .ui-carousel .carousel-next .carousel-btn {
  right: -35px;
}
.home-page .ui-carousel .ui-icon-prev:before {
  content: url("images/icons/arrow-left.svg") !important;
}
.home-page .ui-carousel .ui-icon-next:before {
  content: url("images/icons/arrow-right.svg") !important;
}
.home-page .special-border {
  position: relative;
}
.home-page .special-border.wavy.sb-top:before {
  background-image: url(images/wavy.svg) !important;
  transform: rotate(0deg) translateY(-3px);
  background-position: top;
}
.home-page .special-border.wavy.sb-bottom:after {
  background-image: url(images/wavy.svg) !important;
  transform: rotate(180deg) translateY(-3px);
  background-position: top;
}
.home-page .special-border.sb-top:before {
  content: " ";
  transform: rotate(180deg) translate(0, 1px);
  height: 80px;
  background-image: url(images/concave.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
}
.home-page .special-border.sb-bottom:after {
  bottom: 0 !important;
  content: " ";
  height: 80px;
  background-image: url(images/concave.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
  width: 100%;
  right: 0;
  left: 0;
  transform: translate(0, 1px);
}
.home-page .home-container {
  margin-bottom: 150px;
}
.home-page .home-container .home-buttons {
  text-align: left !important;
}
.home-page .home-container .home-buttons button.r-btn.transparent {
  border-style: solid;
}
.home-page .home-container .home-logo {
  width: 200px;
  position: absolute;
  top: 25px;
  left: 25px;
  /* filter: brightness(0) invert(1); */
}
.home-page .home-container .home-logo img {
  padding: 20px;
  width: 100%;
}
.home-page .home-container .home-logo.renters {
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}
.home-page .home-container .home-logo .label {
  font-size: 30px;
  letter-spacing: 12px;
  max-width: 650px;
  margin-left: 10px;
  margin-top: -30px;
  font-weight: lighter;
}
.home-page .bg-renter {
  min-height: 100vh !important;
}
.home-page .cover-bg {
  min-height: 1vh;
  max-height: 1000px;
  color: white;
  background-size: cover;
  align-items: center;
  background-color: #5e85dc;
  position: relative;
}
.home-page .cover-bg .arrow-down {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: auto !important;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16);
  background-color: white;
  align-content: center;
  align-items: center;
  color: #f0943a;
  height: 68px;
  width: 68px;
  border-radius: 45px;
  font-size: 22px;
  line-height: 68px;
  font-weight: 200;
  display: flex;
  z-index: 10;
}
.home-page .cover-bg .arrow-down:before {
  content: " ";
  display: inline-block;
  border-right: 4px solid #f68e04;
  border-bottom: 4px solid #f68e04;
  width: 15px;
  height: 15px;
  transform: rotate(45deg);
  margin: auto;
}
.home-page .cover-bg .slogan {
  font-size: 56px;
  max-width: 650px;
  text-align: left;
  margin-top: 250px;
  margin-bottom: 50px;
  line-height: 66px;
  font-weight: lighter;
}
.home-page .cover-bg .container {
  padding-left: 0;
  padding-right: 0;
}
.home-page .title {
  font-size: 36px;
  line-height: 42px;
  color: #707070;
  margin-top: 50px;
  margin-bottom: 50px;
  font-weight: 500;
}
.home-page .container-fluid {
  padding: 0;
}
.home-page .carousel-wrapper .track {
  display: flex;
}
.home-page .carousel-wrapper .track .slide {
  height: inherit;
  overflow: hidden;
}
.home-page .carousel-wrapper .track .slide .carousel-item {
  height: 100% !important;
  overflow: hidden;
  padding-bottom: 30px;
}
.home-page .team-member {
  background-color: white;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  padding: 36px 26px;
  margin: 16px;
}
.home-page .team-member .name {
  font-size: 26px;
}
.home-page .team-member .role {
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 16px;
}
.home-page .team-member .description {
  font-size: 16px;
}
.home-page .testimonial {
  background-color: white;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  padding: 36px 26px;
  margin: 16px;
  font-style: italic;
}
.home-page .testimonial .name {
  font-size: 26px;
}
.home-page .testimonial .role {
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 16px;
}
.home-page .testimonial .description {
  font-size: 18px;
  line-height: 150%;
}
.home-page .section {
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 20px;
  border: 0;
}
.home-page .section.how, .home-page .section.team {
  background-image: url(images/tiles.jpg) !important;
  background-size: cover;
}
.home-page .section.boxed {
  background-color: white;
}
.home-page .section.boxed .display-proposition {
  display: flex;
  margin-bottom: 50px;
}
.home-page .section.boxed .proposition {
  background-color: white;
  padding: 45px;
  height: 100%;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  color: #707070 !important;
}
.home-page .section.boxed .proposition h2 {
  font-size: 28px;
  margin-bottom: 35px;
}
.home-page .section.boxed .proposition p.description {
  font-weight: lighter !important;
}
.home-page .section h2 {
  font-size: 18px;
  font-weight: 500;
}
.home-page .section p {
  font-weight: normal !important;
}
.home-page .section img {
  max-height: 95px;
  max-width: 95px;
  margin-bottom: 16px;
}
.home-page .contact {
  color: white;
  background: linear-gradient(to right, #4c7ce3, #4e7ae1);
  /*.main-container {
    margin-top: 30px;
    margin-bottom: 80px;
  }*/
}
.home-page .contact h1 {
  margin-top: -10px;
}
.home-page .contact p,
.home-page .contact a {
  color: white;
  font-size: 20px;
  margin-top: 25px;
}
.home-page .contact a {
  text-decoration: none;
}
.home-page .contact .contact-wrapper .glyphicon {
  margin-right: 8px;
  vertical-align: middle;
}
.home-page .contact .contact-wrapper .social-icons {
  display: flex;
  justify-content: normal;
  margin-top: 15px;
}
.home-page .contact .contact-wrapper .social-icons a {
  margin-right: 16px;
}
.home-page .contact input,
.home-page .contact textarea {
  background-color: transparent;
  border-width: 2px;
  border-radius: 1px;
  color: white;
  font-weight: 500;
}
.home-page .contact input::placeholder,
.home-page .contact textarea::placeholder {
  color: #ffffff56;
}
.home-page .contact input.invalid,
.home-page .contact textarea.invalid {
  border-color: #ff7645;
}
.home-page .contact small {
  text-align: left;
}
@media (max-width: 575.98px) {
  .home-page .slogan {
    margin-left: auto;
    margin-right: auto;
  }
  .home-page .cover-bg .home-buttons {
    text-align: center !important;
  }
  .home-page .cover-bg .home-buttons .r-btn {
    margin: auto auto 12px auto;
    width: 80%;
  }
  .home-page .cover-bg .slogan {
    text-align: center !important;
  }
  .home-page .ui-carousel .carousel-prev .carousel-btn {
    left: -15px;
  }
  .home-page .ui-carousel .carousel-prev .carousel-btn:last-of-type {
    left: -4px;
  }
  .home-page .ui-carousel .carousel-next .carousel-btn {
    right: -15px;
  }
  .home-page .ui-carousel .carousel-next .carousel-btn:last-of-type {
    right: -4px;
    padding: 0;
  }
  .home-page .contact {
    text-align: center;
  }
  .home-page .contact .contact-wrapper .social-icons {
    justify-content: center;
    margin-bottom: 20px;
  }
  .home-page .section.boxed .display-proposition {
    display: block;
  }
}
@media only screen and (max-width: 768px) {
  .home-page .slogan {
    margin-left: auto;
    margin-right: auto;
  }
  .home-page .home-logo.renters {
    top: 80px;
    right: 25px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .home-page .cover-bg .home-buttons {
    text-align: center !important;
  }
  .home-page .cover-bg .home-buttons .r-btn {
    margin: auto auto 12px auto;
    width: 80%;
  }
  .home-page .cover-bg .slogan {
    text-align: center !important;
  }
  .home-page .ui-carousel .carousel-prev .carousel-btn:last-of-type {
    left: -12px;
    padding: 0;
  }
  .home-page .ui-carousel .carousel-next .carousel-btn {
    right: -12px;
    padding: 0;
  }
}

.reset-page {
  height: 100%;
}
.reset-page .container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50%;
}
.reset-page .container .form-box {
  background-color: white;
  width: 500px;
  text-align: center;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.reset-page .container .form-box .box-body {
  padding: 35px;
}
.reset-page .container .form-box .box-body .form-group {
  text-align: left;
}
@media (max-width: 768px) {
  .reset-page .container {
    height: 100%;
  }
}

.livesdk__Draggable {
  margin-bottom: 80px !important;
}

.map-page {
  display: flex;
  flex-flow: column;
  height: 100%;
  position: relative;
  overflow: hidden;
  /* Extra Small Devices, Phones */
}
.map-page .map {
  flex: 1;
}
.map-page .amenitie-true {
  opacity: 1 !important;
}
.map-page .icons-amenities {
  opacity: 0.4;
}
.map-page .triggers {
  display: none;
}
.map-page .triggers .navIcon {
  font-size: 22px;
}
.map-page .triggers .navIcon, .map-page .triggers .navText {
  color: #989898;
}
.map-page .triggers .active .navIcon {
  color: #FA9483 !important;
}
.map-page .triggers .active .navText {
  color: black !important;
}
.map-page .list {
  height: 100%;
  max-width: 720px;
  min-width: 360px;
  overflow-y: auto;
  padding-top: 20px;
  background: #F2F2F2;
  position: relative;
  /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
}
.map-page .list:hover #invisibleScroll {
  opacity: 1;
  transition: opacity 0.5s;
}
.map-page .list::-webkit-scrollbar {
  display: none;
}
.map-page #invisibleScroll {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 8px;
  opacity: 0;
  transition: opacity 0.5s;
}
.map-page #invisibleScroll #scroll-bar {
  width: 8px;
  position: fixed;
  top: 0;
  height: 100%;
}
.map-page #invisibleScroll #scroll-bar #thumb-bar {
  height: 8px;
  background: black;
  opacity: 0.1;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
@media only screen and (max-width: 768px) {
  .map-page .triggers {
    z-index: 998 !important;
    display: inline-block;
    text-align: center;
    bottom: 0;
    width: 100%;
    position: fixed;
    left: 0;
    box-shadow: 0 0 10px #949494;
    margin-left: 0;
    margin-right: 0;
  }
  .map-page .triggers div {
    background-color: white;
    padding: 12px 15px;
    font-weight: 500;
    color: #1C3553;
    display: inline-block;
    min-width: 120px !important;
    font-size: 15px;
    text-align: center;
  }
  .map-page .main-content {
    padding: 0 !important;
  }
  .map-page .filter-wrapper,
.map-page .map,
.map-page .list {
    background-color: #f5f5f5;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .map-page .top {
    z-index: 997;
  }
  .map-page .map {
    padding-right: 0;
  }
  .map-page .list {
    z-index: 996;
    padding-left: 7.5px !important;
    padding-bottom: 100px;
  }
}
.map-page .no-results {
  height: auto;
  font-weight: 500;
  color: #909090;
}
.map-page .filter-wrapper {
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
}
.map-page .main-content {
  flex: 1 1 auto;
  overflow: hidden;
  padding-left: 16px;
  height: 100%;
}
.map-page .main-content .renters-row {
  flex: 0 1 auto !important;
  display: flex;
  height: 100%;
  padding: 0;
  margin-left: -7.5px;
}
.map-page .main-content .map-cols {
  overflow: auto;
  padding-left: 0;
}
.map-page .main-content .map-cols .loading-overlay {
  background-color: unset;
  opacity: 0.8;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  float: unset;
}
.map-page .flex {
  display: flex;
  border: 1px solid red;
  height: 100%;
}

.renter-window {
  height: 300px;
  width: 220px;
  /* Small Devices, Tablets */
}
.renter-window hr {
  margin-top: 0;
}
.renter-window .rw-profile {
  width: 220px;
}
.renter-window .rw-profile .w-budget {
  text-align: center;
  margin-bottom: 12px;
  color: white;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 500;
}
.renter-window .rw-profile .w-budget div {
  display: inline-block;
  background-color: #4a4542;
  padding: 2px 12px;
}
.renter-window .rw-profile .rwp-info .rwp-img {
  padding-top: 10px;
  padding-left: 10px;
  text-align: center;
}
.renter-window .rw-profile .rwp-info .rwp-img img {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTI3IDI0IDEwMCAxMDAiIGlkPSJ1bmtub3duIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9Ii0yNyAyNCAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGc+PGc+PHJlY3QgZmlsbD0iI0Y1RUVFNSIgaGVpZ2h0PSIxMDAiIHdpZHRoPSIxMDAiIHg9Ii0yNyIgeT0iMjQiLz48Zz48ZGVmcz48cGF0aCBkPSJNMzYsOTUuOWMwLDQsNC43LDUuMiw3LjEsNS44YzcuNiwyLDIyLjgsNS45LDIyLjgsNS45YzMuMiwxLjEsNS43LDMuNSw3LjEsNi42djkuOEgtMjd2LTkuOCAgICAgICBjMS4zLTMuMSwzLjktNS41LDcuMS02LjZjMCwwLDE1LjItMy45LDIyLjgtNS45YzIuNC0wLjYsNy4xLTEuOCw3LjEtNS44YzAtNCwwLTEwLjksMC0xMC45aDI2QzM2LDg1LDM2LDkxLjksMzYsOTUuOXoiIGlkPSJzaG91bGRlcnMiLz48L2RlZnM+PHVzZSBmaWxsPSIjRTZDMTlDIiBvdmVyZmxvdz0idmlzaWJsZSIgeGxpbms6aHJlZj0iI3Nob3VsZGVycyIvPjxjbGlwUGF0aCBpZD0ic2hvdWxkZXJzXzFfIj48dXNlIG92ZXJmbG93PSJ2aXNpYmxlIiB4bGluazpocmVmPSIjc2hvdWxkZXJzIi8+PC9jbGlwUGF0aD48cGF0aCBjbGlwLXBhdGg9InVybCgjc2hvdWxkZXJzXzFfKSIgZD0iTTIzLjIsMzVjMC4xLDAsMC4xLDAsMC4yLDBjMCwwLDAsMCwwLDAgICAgICBjMy4zLDAsOC4yLDAuMiwxMS40LDJjMy4zLDEuOSw3LjMsNS42LDguNSwxMi4xYzIuNCwxMy43LTIuMSwzNS40LTYuMyw0Mi40Yy00LDYuNy05LjgsOS4yLTEzLjUsOS40YzAsMC0wLjEsMC0wLjEsMCAgICAgIGMtMC4xLDAtMC4xLDAtMC4yLDBjLTAuMSwwLTAuMSwwLTAuMiwwYzAsMC0wLjEsMC0wLjEsMGMtMy43LTAuMi05LjUtMi43LTEzLjUtOS40Yy00LjItNy04LjctMjguNy02LjMtNDIuNCAgICAgIGMxLjItNi41LDUuMi0xMC4yLDguNS0xMi4xYzMuMi0xLjgsOC4xLTIsMTEuNC0yYzAsMCwwLDAsMCwwQzIzLjEsMzUsMjMuMSwzNSwyMy4yLDM1TDIzLjIsMzV6IiBmaWxsPSIjRDRCMDhDIiBpZD0iaGVhZC1zaGFkb3ciLz48L2c+PC9nPjxwYXRoIGQ9Ik0yMi42LDQwYzE5LjEsMCwyMC43LDEzLjgsMjAuOCwxNS4xYzEuMSwxMS45LTMsMjguMS02LjgsMzMuN2MtNCw1LjktOS44LDguMS0xMy41LDguMyAgICBjLTAuMiwwLTAuMiwwLTAuMywwYy0wLjEsMC0wLjEsMC0wLjIsMEMxOC44LDk2LjgsMTMsOTQuNiw5LDg4LjdjLTMuOC01LjYtNy45LTIxLjgtNi44LTMzLjhDMi4zLDUzLjcsMy41LDQwLDIyLjYsNDB6IiBmaWxsPSIjRjJDRUE1IiBpZD0iaGVhZCIvPjwvZz48L3N2Zz4=") no-repeat;
  height: 80px;
  width: 80px;
  object-fit: cover;
  border-radius: 150px;
  margin-bottom: 3px;
}
.renter-window .rw-profile .rwp-info .rwp-img h5 {
  font-size: 16px;
  font-weight: 500;
  color: #4a4542;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.renter-window .rw-profile .rwp-info .rwp-details {
  padding-left: 10px;
  text-align: left;
}
.renter-window .rw-profile .rwp-info .rwp-details p {
  margin-bottom: 4px;
  font-size: 11px;
}
.renter-window .rw-profile .rwp-info .rwp-details p span {
  font-weight: 500;
  color: #fcbd6e;
}
.renter-window .rw-preferences {
  width: 220px;
}
.renter-window .rw-preferences .rw-address {
  padding: 0 10px;
  margin-bottom: 20px;
}
.renter-window .rw-preferences .rw-address h4 {
  text-align: center;
  font-size: 19px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.renter-window .rw-preferences .rw-icons {
  padding: 0 15px;
}
.renter-window .rw-preferences .rw-icons div.row {
  margin-bottom: 10px;
}
.renter-window .rw-preferences .rw-icons div.row div.col-xs-6:last-child {
  padding: 0 0 0 15px;
}
@media only screen and (max-width: 768px) {
  .renter-window {
    width: 182px;
  }
  .renter-window .rw-profile {
    width: 182px;
  }
  .renter-window .rw-profile .rw-profile-info div.col-xs-5 img {
    height: 70px;
    width: 70px;
  }
  .renter-window .rw-preferences {
    width: 182px;
  }
}

.modal-renter {
  background-color: #E9ECEE;
}
.modal-renter .blue-row {
  position: relative;
  width: 100%;
  background: transparent linear-gradient(235deg, #1C3553 0%, #1C2630 100%) 0% 0% no-repeat padding-box;
  padding: 45px 45px 0 45px;
}
.modal-renter .blue-row .renter-profile-photo {
  height: 120px;
  vertical-align: top;
}
.modal-renter .blue-row .renter-info {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
.modal-renter .blue-row .renter-info > img {
  float: left;
}
.modal-renter .blue-row .renter-info .bold {
  display: inline;
  color: #FA9483;
  font-size: 34px;
}
.modal-renter .blue-row .renter-info .renter-info-section, .modal-renter .blue-row .renter-info .renter-info-section-primary {
  vertical-align: top;
  padding-bottom: 10px;
}
.modal-renter .blue-row .renter-info .renter-info-section h4, .modal-renter .blue-row .renter-info .renter-info-section-primary h4 {
  display: inline;
  color: #FFFFFF;
  font-size: 14px;
  margin: 10px;
  vertical-align: middle;
  word-break: break-all;
}
.modal-renter .blue-row .renter-info .renter-info-section h4 a, .modal-renter .blue-row .renter-info .renter-info-section-primary h4 a {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: normal;
}
.modal-renter .blue-row .renter-info .renter-info-section img, .modal-renter .blue-row .renter-info .renter-info-section-primary img {
  vertical-align: middle;
}
.modal-renter .blue-row .renter-info .renter-info-section-primary {
  width: 70%;
  padding-left: 20px;
  margin-bottom: 60px;
  display: inline-block;
}
.modal-renter .blue-row .renter-info .renter-info-section-primary .applicant-info {
  padding-top: 20px;
}
.modal-renter .blue-row .renter-info .renter-info-section-primary .applicant-info .renter-info-section {
  display: block;
  width: 100%;
}
.modal-renter .blue-row .renter-info .renter-info-section-primary > h4 {
  display: inline;
}
.modal-renter .first-col, .modal-renter .second-col {
  width: 49%;
  padding: 30px;
  display: inline-block;
  vertical-align: top;
}
.modal-renter .renter-info-box-container h3 {
  font-size: 14px;
}
.modal-renter .renter-info-box-container h4 {
  font-weight: 500;
}
.modal-renter .renter-info-box-container .center-items {
  justify-content: center;
  align-items: center;
}
.modal-renter .renter-info-box-container .renter-details-box {
  justify-content: center;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.modal-renter .renter-info-box-container .renter-details-box .renter-details-box-section {
  flex: 1;
  text-align: center;
}
.modal-renter .renter-info-box-container .renter-details-box .rental-needs {
  max-width: 100px;
  float: left;
}
.modal-renter .renter-info-box-container .renter-details-box .rental-needs .rental-need {
  display: inline-block;
  margin: 0px 10px;
}
.modal-renter .renter-info-box-container .rental-needs-container {
  justify-content: start;
  padding: 10px !important;
}
.modal-renter .renter-info-box-container .rental-needs-container .rental-needs {
  width: 100%;
  display: table;
  justify-content: left;
  border: none !important;
  padding: 0px 30px;
}
.modal-renter .renter-info-box-container .rental-needs-container .rental-needs .rental-need {
  display: inline-block;
  margin-right: 10px;
}
.modal-renter .renter-info-box-container .rental-needs-container .rental-needs .rental-need .img-container {
  height: 70px;
  width: 70px;
  padding: 15px 0;
}
.modal-renter .renter-info-box-container .rental-needs-container .rental-needs .rental-need .img-container img {
  height: 40px;
  width: 40px;
}
.modal-renter .renter-info-box-container .rental-needs-container .rental-needs .rental-need h4 {
  font-weight: 500;
  font-size: 14px;
}
.modal-renter .renter-info-box-container .renter-info-box {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background-color: #FFFFFF;
  padding: 25px;
  box-shadow: 0px 1px 3px #C9D5DB;
  color: #1C2630;
}
.modal-renter .renter-info-box-container .renter-info-box .renter-info-box-section {
  padding: 0 10px;
  border-right: solid 2px #E9ECEE;
}
.modal-renter .renter-info-box-container .renter-info-box .renter-info-box-section:last-of-type {
  border: none;
}
.modal-renter .renter-info-box-container .renter-info-box .renter-info-box-section .img-container {
  border-radius: 50%;
  height: 30px;
  width: 30px;
  text-align: center;
  padding: 5px 0;
  margin: 10px auto;
}
.modal-renter .renter-info-box-container .renter-info-box .renter-info-box-section .coapp-photo {
  border-radius: 50%;
  height: 45px;
  width: 45px;
  margin-bottom: 10px;
}
.modal-renter .renter-info-box-container .renter-info-box .center-text {
  text-align: center;
}
.modal-renter .renter-info-box-container .renter-info-box .info-label, .modal-renter .renter-info-box-container .renter-info-box .info {
  display: block;
  max-width: 80%;
}
.modal-renter .renter-info-box-container .renter-info-box .info-label h5, .modal-renter .renter-info-box-container .renter-info-box .info h5 {
  margin: 24px 0 24px 10px;
}
.modal-renter .renter-info-box-container .renter-info-box .info-label h5.link, .modal-renter .renter-info-box-container .renter-info-box .info h5.link {
  cursor: pointer;
  font-weight: 500;
}
.modal-renter .renter-info-box-container .renter-info-box .info-label img, .modal-renter .renter-info-box-container .renter-info-box .info img {
  margin: 24px 0 24px 10px;
}
.modal-renter .renter-info-box-container .renter-info-box h5.doc-link {
  margin: 10px 0 10px 10px !important;
  cursor: pointer;
}
.modal-renter .renter-info-box-container .renter-info-box .link-container {
  width: 50%;
  text-align: right;
}
.modal-renter .renter-info-box-container .renter-info-box .link-container h5 {
  display: inline-block;
}
.modal-renter .renter-info-box-container .renter-info-box .info-label img {
  display: block;
  margin: 18px 20px 18px 0px;
  height: 22px;
}
.modal-renter .renter-info-box-container .renter-info-box .info h5 {
  font-weight: 500;
}
.modal-renter .renter-info-box-container .renter-info-box h5.link {
  cursor: pointer;
  font-weight: 500;
}
.modal-renter .renter-info-box-container .renter-info-box h5.link img {
  margin-left: 10px;
}
.modal-renter .renter-info-box-container .renter-info-box h5.link img.up {
  transform: rotate(180deg);
}
.modal-renter .renter-info-box-container .renter-info-box .break {
  flex-basis: 100%;
  height: 0;
}
.modal-renter .renter-info-box-container .renter-info-box .lock-img {
  position: absolute;
  top: 10px;
  right: 20px;
}
.modal-renter .renter-info-box-container .renter-info-box #credit-report {
  width: 100%;
}
.modal-renter .renter-info-box-container .renter-info-box #credit-report div {
  height: 77px;
  margin: 15px 30px;
  padding: 10px 15px;
}
.modal-renter .renter-info-box-container .renter-info-box #credit-report div:first-of-type {
  height: 40px;
  padding: 0;
}
.modal-renter .renter-info-box-container .renter-info-box #credit-report .fraud-alert {
  text-align: center;
}
.modal-renter .renter-info-box-container .renter-info-box #credit-report .monthly-obligations {
  background-color: #F2F2F2;
}
.modal-renter .renter-info-box-container .renter-info-box #credit-report .collections div, .modal-renter .renter-info-box-container .renter-info-box #credit-report .bankruptcies div {
  display: inline-block;
  height: 100%;
  margin: 0;
  padding: 0;
}
.modal-renter .renter-info-box-container .renter-info-box #credit-report .collections div:first-of-type, .modal-renter .renter-info-box-container .renter-info-box #credit-report .bankruptcies div:first-of-type {
  float: left;
  width: 40%;
}
.modal-renter .renter-info-box-container .renter-info-box #credit-report .collections div:last-of-type, .modal-renter .renter-info-box-container .renter-info-box #credit-report .bankruptcies div:last-of-type {
  float: right;
  width: 60%;
}
.modal-renter .renter-info-box-container .renter-info-box #credit-report .good {
  background-color: #D8F6D1;
}
.modal-renter .renter-info-box-container .renter-info-box #credit-report .bad {
  background-color: #FFE4CD;
}

@media (max-width: 768px) {
  .renter-card-mkt {
    width: 100%;
    padding: 0;
  }
  .renter-card-mkt .blue-row {
    padding: 30px 20px 0px 20px;
  }
  .renter-card-mkt .blue-row .renter-info > img {
    width: 50px;
    height: 50px;
  }
  .renter-card-mkt .blue-row .renter-info .renter-info-section-primary > h4 {
    display: block;
    margin-left: 0px !important;
  }
  .renter-card-mkt .blue-row .collapse-wrapper {
    width: 100%;
    height: 50px;
    bottom: 0px;
    left: 0px;
  }
  .renter-card-mkt .blue-row .collapse-wrapper a {
    display: inline-block;
    width: 100%;
    height: 100%;
  }
  .renter-card-mkt .blue-row .collapse-wrapper .btn-references a {
    margin: 0 !important;
    padding: 10px 8px;
    border: 1px solid #1C2630;
    border-top: 0px;
    border-radius: 0px;
  }
  .renter-card-mkt .first-col, .renter-card-mkt .second-col {
    width: 100%;
  }
  .renter-card-mkt .first-col .renter-info-box-container .rental-needs-container .rental-needs, .renter-card-mkt .second-col .renter-info-box-container .rental-needs-container .rental-needs {
    display: table;
  }
  .renter-card-mkt .first-col .renter-info-box-container .rental-needs-container .rental-needs .rental-need, .renter-card-mkt .second-col .renter-info-box-container .rental-needs-container .rental-needs .rental-need {
    float: left;
  }
}
@media (max-width: 991px) {
  .renter-card-mkt .first-col, .renter-card-mkt .second-col, .renter-card-mkt .third-col {
    padding: 0px !important;
  }
}
.renter-filter-mobile {
  padding: 16px 30px;
  padding-bottom: 12px;
  background-color: white;
  box-shadow: 0px 0px 8px #8c8c8c;
  z-index: 1000;
}
.renter-filter-mobile .row {
  align-items: center;
}
.renter-filter-mobile .searchButton {
  background: #FA9483;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 3px;
  cursor: pointer;
}
.renter-filter-mobile input {
  border-radius: 8px;
  line-height: 12px;
  background: white left no-repeat;
  background-position-x: 15px !important;
  padding-right: 6px;
  height: 45px;
}
.renter-filter-mobile .filterWrapper {
  border-radius: 100%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 3px;
}
.renter-filter-mobile .filterWrapper:hover {
  background: #e6e6e6;
  cursor: pointer;
}

.pac-container {
  z-index: 2051 !important;
  margin-top: 25px;
  border-radius: 8px;
  padding: 10px;
}

.filterRow {
  display: flex;
  width: 100%;
  color: #1C2630;
}

.gpsSearchImage {
  height: 30px;
  width: 30px;
  border-radius: 100%;
  cursor: pointer;
  padding: 5px;
}

.gpsSearchImage:hover {
  background: #EDEEEE;
}

.applyFilterButton {
  background: #1C3553;
  border-radius: 8px;
  color: white;
  margin-top: 30px;
  justify-content: center;
  padding: 10px;
  font-weight: 500;
  cursor: pointer;
}

.counterWrapper {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 16px;
  color: black;
  width: 20px;
  text-align: center;
}

.filterRow input {
  border-radius: 8px;
  padding: 12px 36px;
  line-height: 12px;
  background: white left no-repeat;
  background-position-x: 15px !important;
  padding-right: 6px;
  height: 45px;
}

.roomCounters {
  flex: 1;
  cursor: pointer;
}
.roomCounters .fa-caret-down {
  padding-top: 4px;
}
.roomCounters .fa-caret-up {
  padding-top: 6px;
}

@-moz-document url-prefix() {
  .counterWrapper {
    display: none;
  }
}
.roomCounters:hover {
  background: #e6e6e6;
  border-radius: 4px;
}

@media (min-width: 2200px) {
  .renter-filter {
    max-width: 1000px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media (max-width: 500px) {
  .filterRow input {
    padding: 12px 12px !important;
  }
  .filterRow #citySelect {
    border: 2px solid #efefef;
    border-radius: 8px;
    padding: 12px;
    line-height: 12px;
    background: white left no-repeat;
    background-position-x: 15px !important;
    padding-right: 6px;
    height: 45px;
  }
  .filterRow #citySelect > select {
    height: 100%;
    border: none;
  }
  .filterRow #selectCity {
    color: lightgray;
    padding-right: 16px;
  }
}
.renter-filter {
  padding: 16px 23px;
  padding-bottom: 0;
  background-color: white;
  box-shadow: 0px 0px 8px #8c8c8c;
  border-radius: 8px;
  margin: 16px;
  margin-right: 26px;
  z-index: 1000;
  min-width: 300px;
}
.renter-filter .filterWrapper {
  border-radius: 100%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 3px;
  margin-right: 15px;
}
.renter-filter .filterWrapper:hover {
  background: #e6e6e6;
  cursor: pointer;
}
.renter-filter .searchButton {
  background: #FA9483;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 3px;
  cursor: pointer;
}
.renter-filter .searchButton:hover {
  background: #FBB4A8;
}
.renter-filter input {
  border-radius: 8px;
  padding: 12px 36px;
  line-height: 12px;
  background: white left no-repeat;
  background-position-x: 15px !important;
  padding-right: 6px;
}
.renter-filter #citySelect {
  border: 2px solid #efefef;
  border-radius: 8px;
  padding: 12px;
  line-height: 12px;
  background: white left no-repeat;
  background-position-x: 15px !important;
  padding-right: 6px;
  height: 45px;
}
.renter-filter #citySelect > select {
  height: 100%;
  border: none;
}
.renter-filter #selectCity {
  color: lightgray;
  padding-right: 16px;
}
.renter-filter .show-rented {
  display: flex !important;
  align-items: center;
}
.renter-filter .btn-search {
  background: #1C2630;
  color: white;
  padding: 15px 30px;
  border: none;
  width: 100%;
}
.renter-filter input, .renter-filter button {
  height: 45px;
  margin-bottom: 16px;
}
.renter-filter button {
  width: 100%;
  padding: 12px;
}
.renter-filter .left-input {
  float: left;
  width: 50%;
}
.renter-filter .left-input input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.renter-filter .right-input {
  float: right;
  width: 50%;
}
.renter-filter .right-input input {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.renter-filter .r-icon {
  background-size: 14px 14px;
}
.renter-filter .r-icon.gps {
  background-image: url(images/icons/gps.svg);
}
.renter-filter .r-icon.search {
  background-image: url(images/magnifying-glass.svg);
}
.renter-filter .r-icon.bedroom {
  background-image: url(images/bed-inline.svg);
}
.renter-filter .r-icon.house {
  background-image: url(images/house.svg);
}
.renter-filter .r-icon.bath {
  background-image: url(images/icons/bathroom.svg);
}
.renter-filter .r-icon.options {
  background-image: url(images/hamburger.svg);
}
.renter-filter .r-icon.dollar {
  background-image: url(images/dollar.svg);
}
.renter-filter .r-icon.arrow {
  background-image: url(images/arrow-down.svg);
}
.renter-filter .btn-group, .renter-filter .btn-group .open {
  width: 100%;
}
.renter-filter .btn-group button, .renter-filter .btn-group .open button {
  padding: 12px 0px;
  line-height: 12px;
  background: transparent;
  color: #1C2630;
  border: none;
  text-align: left;
  font-weight: normal !important;
}
.renter-filter .btn-group button img, .renter-filter .btn-group .open button img {
  margin-left: 5px;
}
.renter-filter .btn-group button:focus, .renter-filter .btn-group .open button:focus {
  box-shadow: none;
}
.renter-filter .btn-group button i, .renter-filter .btn-group .open button i {
  background: transparent left no-repeat;
  background-position-x: 15px !important;
}
.renter-filter .btn-group button i.options, .renter-filter .btn-group .open button i.options {
  padding: 0px 20px;
}
.renter-filter .btn-group button i.arrow, .renter-filter .btn-group .open button i.arrow {
  display: none;
  position: relative;
  left: 60%;
  padding: 0px 20px;
}
.renter-filter .btn-group label, .renter-filter .btn-group .open label {
  padding-top: 3px;
  padding-bottom: 3px;
  padding: 3px 20px;
  height: auto !important;
  margin: 0;
  display: block;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.renter-filter .btn-group label:hover, .renter-filter .btn-group .open label:hover {
  background-color: #f5f5f5;
}
.renter-filter .btn-group label input, .renter-filter .btn-group .open label input {
  margin: 0 8px 0 0;
  height: 15px;
}
.renter-filter .btn-group ul.dropdown-menu, .renter-filter .btn-group .open ul.dropdown-menu {
  top: 80%;
}

.open-filter {
  animation-name: openFilter;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

@keyframes openFilter {
  from {
    margin-top: 100vh;
  }
  to {
    margin-top: 0vh;
  }
}
.close-filter {
  animation-name: closeFilter;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

@keyframes closeFilter {
  from {
    margin-top: 0vh;
  }
  to {
    margin-top: 100vh;
  }
}
.renter-card {
  background-color: white;
  border-radius: 2px;
  border: 1px solid #e3e3e3;
  margin-bottom: 16px;
  padding: 0 32px;
  box-shadow: 0 3px 6px #e3e3e3;
  padding-bottom: 15px;
  user-select: none;
  min-height: 350px;
}
.renter-card a {
  color: #707070;
  text-decoration: none;
}
.renter-card .labels {
  display: block;
  text-align: center;
  margin-bottom: 26px;
}
.renter-card .labels div {
  display: inline-block;
  margin: 0;
  color: white;
  padding: 2px 12px;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 500;
}
.renter-card .labels div:not(:first-child) {
  margin-left: -4px;
}
.renter-card .labels .status {
  background-color: #47ba1d;
}
.renter-card .labels .budget {
  background-color: #4a4542;
}
.renter-card .personal {
  text-align: center;
}
.renter-card .personal img.profile-pic {
  height: 110px;
  display: inline-block;
  width: 110px;
  object-fit: cover;
  border-radius: 150px;
}
.renter-card .personal h5 {
  font-size: 24px;
  font-weight: 500;
  color: #4a4542 !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.renter-card .details .login {
  text-decoration: underline;
  color: #fcbd6e;
}
.renter-card .details p {
  line-height: 16px;
  margin-bottom: 8px;
  font-size: 14px;
}
.renter-card .details p span {
  font-weight: 500;
  color: #fcbd6e;
}
.renter-card .preferences {
  text-align: center;
}
.renter-card .preferences .with-icons {
  display: block;
  color: #4c4c4c;
}
.renter-card .preferences .with-icons .grayed-out {
  color: #818181;
  display: block;
}
.renter-card .preferences .with-icons .w-icon {
  opacity: 0.4;
  display: inline-block;
  margin: 3px 12px;
}
.renter-card .preferences .with-icons .w-icon.true {
  opacity: 1;
}
.renter-card .preferences .with-icons .w-icon img {
  height: 15px;
  width: auto;
  margin-right: 5px;
}
.renter-card .button-renter-card button {
  width: 100%;
  color: #f68d06;
  background: white;
  border: 1px solid #fbbf64;
  border-radius: 2px;
}

.property-card {
  background-color: white;
  border-radius: 8px;
  margin-bottom: 16px;
  border: 1px solid #d6d6d6;
  user-select: none;
  overflow: hidden;
  transition: border-color 0.2s ease;
}
.property-card:hover {
  border: 1px solid #1c2630;
}
.property-card h5 {
  font-family: Roboto, sans-serif;
}
.property-card .btn-link {
  background: #f68e04;
  padding: 9px 24px;
  color: white;
  text-decoration: none;
  border-radius: 35px;
  display: inline-block;
}
.property-card .cover {
  height: 250px;
  display: block;
  width: 100%;
  background-color: #f9f9f9;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0;
  position: relative;
}
.property-card .cover .lc-verified {
  width: 130px;
  text-align: center;
  position: absolute;
  color: #666666;
  letter-spacing: 0.15px;
  background-color: #FFF;
  right: 0;
  border-radius: 0 4px;
  padding: 5px 8px;
}
.property-card .cover .lc-verified .verified-tooltip {
  display: none;
  position: absolute;
  padding: 5px 12px;
  top: 25px;
  left: -50px;
  background-color: #666666;
  border-radius: 4px;
  z-index: 1000;
  transition: 0.3s;
}
.property-card .cover .lc-verified .verified-tooltip span {
  font-size: 12px;
  line-height: 16px;
  color: #FFFFFFDE;
}
.property-card .cover .lc-verified:hover .verified-tooltip {
  display: block;
  transition: 0.3s;
}
.property-card .cover .like {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 31px;
  height: 31px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: white;
  border-radius: 50%;
  background-size: 15px;
}
.property-card .cover .price-box {
  top: 20px;
  position: absolute;
  color: white !important;
  text-align: center;
}
.property-card .cover .price-box .open-house {
  background-color: #6DC762;
  padding: 3px;
}
.property-card .cover .price-box .rented {
  background-color: #ef5350;
  padding: 3px;
}
.property-card .cover .price-box .price {
  color: white !important;
  font-size: 1.25rem;
  font-weight: 500;
  background-color: #1C2630;
  padding: 10px 20px;
}
.property-card .cover .card-virtual-tour {
  display: flex;
  position: absolute;
  justify-content: center;
  bottom: 0;
  width: 100%;
  padding: 10px;
  color: white;
  text-decoration: none;
  background: black;
  opacity: 0.8;
}
.property-card .cover .card-virtual-tour img {
  margin-right: 15px;
}
.property-card .card-available {
  display: flex;
  justify-content: center;
  color: white;
  font-size: 14px;
  letter-spacing: 0.1rem;
  padding: 5px 0px;
}
.property-card .card-price {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  background-color: #1d2630;
  padding: 10px 20px;
  position: absolute;
  max-width: fit-content;
  margin-top: 20px;
  border-radius: 0 8px 8px 0;
}
.property-card .card-price .price {
  font-size: 1.2rem;
  font-weight: 400;
  color: #fff;
}
.property-card .card-price .subtitle {
  font-size: 12px;
  color: #a4a8ac;
  text-align: center;
  line-height: 1.3;
}
.property-card .prop-info {
  padding: 18px 18px 0;
  height: 100%;
  font-size: 1rem;
}
.property-card .prop-info h5 {
  color: #1C3553;
  font-size: 1.25rem;
  font-weight: 500;
  margin: 0;
  line-height: 1.3em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.property-card .prop-info .fee-info {
  font-size: 12px;
  color: #666666;
  text-align: center;
  line-height: 1.3;
  margin-top: 2em;
  margin-bottom: 1em;
}
.property-card .personal {
  text-align: center;
}
.property-card .personal img.profile-pic {
  height: 110px;
  display: inline-block;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTI3IDI0IDEwMCAxMDAiIGhlaWdodD0iMTAwcHgiIGlkPSJ1bmtub3duIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9Ii0yNyAyNCAxMDAgMTAwIiB3aWR0aD0iMTAwcHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48Zz48Zz48ZGVmcz48Y2lyY2xlIGN4PSIyMyIgY3k9Ijc0IiBpZD0iY2lyY2xlIiByPSI1MCIvPjwvZGVmcz48dXNlIGZpbGw9IiNGNUVFRTUiIG92ZXJmbG93PSJ2aXNpYmxlIiB4bGluazpocmVmPSIjY2lyY2xlIi8+PGNsaXBQYXRoIGlkPSJjaXJjbGVfMV8iPjx1c2Ugb3ZlcmZsb3c9InZpc2libGUiIHhsaW5rOmhyZWY9IiNjaXJjbGUiLz48L2NsaXBQYXRoPjxnIGNsaXAtcGF0aD0idXJsKCNjaXJjbGVfMV8pIj48ZGVmcz48cGF0aCBkPSJNMzYsOTUuOWMwLDQsNC43LDUuMiw3LjEsNS44YzcuNiwyLDIyLjgsNS45LDIyLjgsNS45YzMuMiwxLjEsNS43LDMuNSw3LjEsNi42djkuOEgtMjd2LTkuOCAgICAgICBjMS4zLTMuMSwzLjktNS41LDcuMS02LjZjMCwwLDE1LjItMy45LDIyLjgtNS45YzIuNC0wLjYsNy4xLTEuOCw3LjEtNS44YzAtNCwwLTEwLjksMC0xMC45aDI2QzM2LDg1LDM2LDkxLjksMzYsOTUuOXoiIGlkPSJzaG91bGRlcnMiLz48L2RlZnM+PHVzZSBmaWxsPSIjRTZDMTlDIiBvdmVyZmxvdz0idmlzaWJsZSIgeGxpbms6aHJlZj0iI3Nob3VsZGVycyIvPjxjbGlwUGF0aCBpZD0ic2hvdWxkZXJzXzFfIj48dXNlIG92ZXJmbG93PSJ2aXNpYmxlIiB4bGluazpocmVmPSIjc2hvdWxkZXJzIi8+PC9jbGlwUGF0aD48cGF0aCBjbGlwLXBhdGg9InVybCgjc2hvdWxkZXJzXzFfKSIgZD0iTTIzLjIsMzVjMC4xLDAsMC4xLDAsMC4yLDBjMCwwLDAsMCwwLDAgICAgICBjMy4zLDAsOC4yLDAuMiwxMS40LDJjMy4zLDEuOSw3LjMsNS42LDguNSwxMi4xYzIuNCwxMy43LTIuMSwzNS40LTYuMyw0Mi40Yy00LDYuNy05LjgsOS4yLTEzLjUsOS40YzAsMC0wLjEsMC0wLjEsMCAgICAgIGMtMC4xLDAtMC4xLDAtMC4yLDBjLTAuMSwwLTAuMSwwLTAuMiwwYzAsMC0wLjEsMC0wLjEsMGMtMy43LTAuMi05LjUtMi43LTEzLjUtOS40Yy00LjItNy04LjctMjguNy02LjMtNDIuNCAgICAgIGMxLjItNi41LDUuMi0xMC4yLDguNS0xMi4xYzMuMi0xLjgsOC4xLTIsMTEuNC0yYzAsMCwwLDAsMCwwQzIzLjEsMzUsMjMuMSwzNSwyMy4yLDM1TDIzLjIsMzV6IiBmaWxsPSIjRDRCMDhDIiBpZD0iaGVhZC1zaGFkb3ciLz48L2c+PC9nPjxwYXRoIGQ9Ik0yMi42LDQwYzE5LjEsMCwyMC43LDEzLjgsMjAuOCwxNS4xYzEuMSwxMS45LTMsMjguMS02LjgsMzMuN2MtNCw1LjktOS44LDguMS0xMy41LDguMyAgICBjLTAuMiwwLTAuMiwwLTAuMywwYy0wLjEsMC0wLjEsMC0wLjIsMEMxOC44LDk2LjgsMTMsOTQuNiw5LDg4LjdjLTMuOC01LjYtNy45LTIxLjgtNi44LTMzLjhDMi4zLDUzLjcsMy41LDQwLDIyLjYsNDB6IiBmaWxsPSIjRjJDRUE1IiBpZD0iaGVhZCIvPjwvZz48L3N2Zz4=") no-repeat;
  width: 110px;
  object-fit: cover;
}
.property-card .personal h5 {
  font-size: 24px;
  font-weight: 500;
  color: #4a4542;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.property-card .details p {
  line-height: 16px;
  margin-bottom: 8px;
  font-size: 14px;
}
.property-card .details p span {
  font-weight: 500;
  color: #fcbd6e;
}
.property-card .preferences {
  text-align: left;
  margin-top: 12px;
}
.property-card .preferences .with-icons {
  display: block;
  color: #1c2630;
}
.property-card .preferences .with-icons .grayed-out {
  color: #1c2630;
  display: block;
}
.property-card .preferences .with-icons .w-icon {
  opacity: 0.3;
  display: inline-block;
  margin-bottom: 12px;
  margin-left: 0;
}
.property-card .preferences .with-icons .w-icon.true {
  opacity: 1;
}
.property-card .preferences .with-icons .w-icon img {
  height: 15px;
  width: auto;
  margin-right: 5px;
}
.property-card .bottom {
  position: relative;
  overflow: hidden;
  display: block;
}
.property-card .bottom .latest-price {
  text-align: right;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  color: black;
  font-size: 13px;
}
.property-card .bottom .latest-price p {
  font-weight: inherit !important;
}

.icons-card img {
  height: 13px;
  width: auto;
}

.gm-style .gm-style-iw-c {
  padding: 0;
  border-radius: 2px !important;
}
.gm-style .gm-style-iw-d {
  overflow: hidden !important;
}

.marker-window {
  height: 300px;
  width: 200px;
  /* Small Devices, Tablets */
}
.marker-window .image-window {
  height: 150px;
  width: 200px;
}
.marker-window .image-window .price-box {
  transform: scale(0.6) translate(-35%, -55%);
  top: 20px;
  position: absolute;
  color: white;
  text-align: center;
  font-weight: 500;
}
.marker-window .image-window .price-box .open-house {
  background-color: #3cb210;
  padding: 3px;
}
.marker-window .image-window .price-box .rented {
  background-color: #ef5350;
  padding: 3px;
}
.marker-window .image-window .price-box .price {
  font-size: 19px;
  background-color: #3a3531;
  padding: 10px 20px;
  color: #fff !important;
}
.marker-window .info-window {
  height: 150px;
  width: 200px;
}
.marker-window .info-window .w-title {
  padding: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #4a4542;
}
.marker-window .info-window .w-title h5 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.marker-window .info-window .w-preferences {
  font-size: 12px;
  padding: 0 15px;
}
.marker-window .info-window .w-preferences .w-icons {
  margin-bottom: 10px;
}
.marker-window .info-window .btn-win {
  padding: 0 7px;
  text-align: center;
}
.marker-window .info-window .btn-win a {
  width: 100%;
  background: #f68e04;
  padding: 8px 0;
  color: white;
  font-weight: normal;
  text-decoration: none;
  border-radius: 35px;
  display: inline-block;
  margin-top: 6px;
}
@media (max-width: 1300px) {
  .marker-window .card-parent {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .marker-window {
    width: 182px;
  }
  .marker-window .image-window {
    height: 150px;
    width: 182px;
  }
  .marker-window .info-window {
    height: 150px;
    width: 182px;
  }
  .marker-window .info-window .w-preferences {
    padding: 0 11px;
  }
}

.navbar-top {
  background-color: #33755E;
  height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px 0 16px;
}

#tagline {
  color: #FFFFFF;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  line-height: normal;
}

#logo-rhenti {
  margin-left: 0.35rem;
}

#logo-brand {
  display: flex;
  justify-content: center;
}

.main-footer {
  padding: 26px 0 !important;
  background-color: #478ce8 !important;
  color: white;
  /* Custom, iPhone Retina */
}
.main-footer .copyright {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-footer .copyright img {
  /* filter: brightness(0) invert(1) !important;*/
}
.main-footer .copyright p {
  padding: 0px;
  margin-top: 22px;
  flex: 1;
  margin: 25px 12px;
  color: #fff !important;
}
.main-footer p,
.main-footer ul {
  padding: 20px 0;
}
.main-footer p {
  font-size: 14px;
}
.main-footer ul {
  list-style: none;
  float: right;
}
.main-footer ul li {
  display: inline;
  font-size: 19px;
  margin-left: 75px;
  cursor: pointer;
  color: #fff !important;
}
@media only screen and (max-width: 575.98px) {
  .main-footer {
    text-align: center;
  }
  .main-footer .copyright {
    display: block;
  }
  .main-footer .copyright p {
    margin-top: 0px;
  }
  .main-footer p,
.main-footer ul {
    padding: 5px 0;
  }
  .main-footer ul {
    display: block;
    padding: 0;
    float: none;
  }
  .main-footer ul li {
    display: list-item;
    list-style: none;
    margin: 0;
  }
}

#buttonShowPasswordLogin {
  padding-bottom: 7px;
}

.manage-title {
  margin-bottom: 100px;
}

.manage-subtitle h4 {
  color: #707070;
}

.login-box {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70vh;
}

.match-card {
  background-color: white;
  border-radius: 2px;
  margin-bottom: 16px;
  padding-left: 5px;
  padding-right: 5px;
  overflow: hidden;
  box-shadow: 0px 1px 6px #E3E3E3;
  width: 100%;
  cursor: pointer;
  user-select: none;
}
.match-card .custom-padding {
  padding-left: 16px;
  padding-right: 16px;
}
.match-card hr {
  margin: 10px;
}
.match-card .card-size {
  height: 355px;
}
.match-card .card-size .custom-height {
  height: 100%;
}
.match-card .title {
  margin-top: 10px;
  font-size: 23px;
}
.match-card .inf-matches {
  font-weight: 500;
  margin-top: 20px;
  margin-bottom: 20px;
}
.match-card .inf-matches h5 {
  font-weight: 500;
  font-size: 15px;
}
.match-card .inf-matches span {
  color: #FA9483;
}
.match-card .inf-matches .original-price {
  color: #FA9483;
  text-decoration: line-through;
}
.match-card .inf-matches .discount {
  color: #3B5575;
}
.match-card .btn-modal {
  display: grid;
}
.match-card .r-btn-modal {
  color: #1C3553;
  background-color: white;
  border: 2px solid #1C3553 !important;
  border-radius: 2px;
  margin-bottom: 10px;
  font-size: 17px;
  padding: 15px 30px;
  margin-right: 0;
}
.match-card .r-btn-modal:disabled {
  opacity: 0.5;
}
.match-card .r-btn-modal.blue {
  color: white;
  background-color: #1C3553;
}
.match-card .preferences .with-icons {
  display: block;
  color: #4C4C4C;
}
.match-card .preferences .with-icons .grayed-out {
  color: #818181;
  display: block;
}
.match-card .preferences .with-icons .w-icon {
  opacity: 0.4;
  display: inline-block;
  margin: 3px 12px;
}
.match-card .preferences .with-icons .w-icon.true {
  opacity: 1;
}
.match-card .preferences .with-icons .w-icon img {
  height: 15px;
  width: auto;
  margin-right: 5px;
}

.book-viewing {
  font-family: Roboto, sans-serif !important;
  max-width: 470px;
  margin-right: auto;
  margin-left: auto;
}
.book-viewing input {
  border: 1px solid transparent;
}
.book-viewing .form-viewing {
  width: 100%;
}
.book-viewing .date-schedule > div {
  padding: 0 !important;
}
.book-viewing .date-schedule > div > fieldset > div {
  padding: 0 !important;
}
.book-viewing .date-schedule > div > fieldset > div > p {
  margin: 0 !important;
}
.book-viewing .contact-info .col-xs-12 {
  padding: 0 !important;
}
.book-viewing .contact-info-details {
  padding: 0 !important;
}
.book-viewing .contact-info-details input {
  height: 50px;
}
.book-viewing #bookConfirmation {
  display: flex;
  flex-direction: column;
  color: #1C3553;
}
.book-viewing #bookConfirmation .confirmationTime {
  display: flex;
  background-color: #FFEAC4;
  padding: 20px;
}
.book-viewing #bookConfirmation .confirmationInfo {
  display: flex;
  padding: 20px;
}
.book-viewing #bookConfirmation .flex1 {
  flex: 1;
}
.book-viewing #bookConfirmation .bold {
  font-weight: 500;
}
.book-viewing #bookConfirmation .doneButton {
  padding: 10px;
  background: #1C3553;
  color: white;
}
.book-viewing .realtorRenterInput {
  display: flex;
}
.book-viewing .realtorRenterInput input {
  margin: 15px 7px 15px 15px;
  visibility: hidden;
}
.book-viewing .realtorRenterInput .radioWrapper {
  position: relative;
  display: flex;
  align-items: center;
  color: #1C3553;
}
.book-viewing .realtorRenterInput label {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin: 10px;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  background-color: #ffffff;
}
.book-viewing .realtorRenterInput #realtorLabel {
  border: 2px solid #1C3553;
  position: absolute;
  left: 0;
  top: 0;
}
.book-viewing .realtorRenterInput #renterLabel {
  border: 2px solid #1C3553;
  position: absolute;
  left: 0;
  top: 0;
}
.book-viewing .realtorRenterInput #realtorLabel > div {
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
.book-viewing .realtorRenterInput #renterLabel > div {
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
.book-viewing .realtorRenterInput input:checked + label {
  background-color: #1C3553 !important;
}
.book-viewing .pink-calendar {
  margin-bottom: 10px;
}
.book-viewing .svg-change-color {
  fill: #FA9483;
}
.book-viewing .input-calendar {
  width: 100%;
}
.book-viewing label {
  color: #1C3553;
}
.book-viewing .btn-submit-viewing {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0px 15px;
  height: 40px;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 500;
  background: #1C3553 !important;
  color: white !important;
  border: none !important;
  text-transform: uppercase;
}
.book-viewing input, .book-viewing select {
  background-color: #f4f4f4;
  border-radius: 2px;
  box-shadow: none;
  color: #000000DE;
}
.book-viewing input::placeholder, .book-viewing select::placeholder {
  color: #00000099;
}
.book-viewing .form-viewing-request span {
  color: #c22f2c !important;
  background: none;
}
.book-viewing .group-viewing label {
  border-top: 1px solid #FA9483 !important;
  min-width: 135px;
}
.book-viewing h1 {
  font-weight: 500 !important;
  margin-bottom: 10px;
}
.book-viewing h5 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 15px;
}
.book-viewing ul.list-labels {
  text-align: left;
  list-style: none;
  padding: 0 !important;
  justify-content: space-between;
}
.book-viewing ul.list-labels li {
  display: inline;
  font-size: 12px;
  letter-spacing: 0.4px;
  margin-right: 0px;
}
.book-viewing ul.list-labels li span::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  border-radius: 50%;
  vertical-align: sub;
}
.book-viewing ul.list-labels li span.lbl-available::before {
  background-color: #FFFFFF !important;
  border: solid 1px #232A33 !important;
}
.book-viewing ul.list-labels li span.lbl-part-available::before {
  background-color: #FAA368 !important;
}
.book-viewing ul.list-labels li span.lbl-not-available::before {
  background-color: #FF5851 !important;
}
.book-viewing .uib-datepicker-popup .uib-datepicker .full-blocked-rsvp button {
  background-color: #FF5851 !important;
  color: #f5f5f5;
}
.book-viewing .uib-datepicker-popup .uib-datepicker .partially-blocked-rsvp button {
  background-color: #FAA368 !important;
  color: #f5f5f5;
}

.close-viewing-btn {
  height: 15px;
  margin-top: 20px;
  margin-right: 20px;
  cursor: pointer;
}

.booking-modal .book-viewing-modal {
  border-radius: 8px;
  background: white !important;
}
.booking-modal .book-viewing-modal .book-viewing {
  font-size: 14px;
  letter-spacing: 0.1px;
  color: #000000DE !important;
}
.booking-modal .book-viewing-modal .book-viewing h1 {
  margin-top: 0px;
}
.booking-modal .book-viewing-modal .book-viewing .address {
  display: flex;
  flex-direction: column;
  margin-right: 10px;
  width: 50%;
}
.booking-modal .book-viewing-modal .book-viewing .form-viewing {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 10px 0px;
}
.booking-modal .book-viewing-modal .book-viewing .contact-info h5 {
  margin-top: 10px;
  font-size: 14px;
}
.booking-modal .book-viewing-modal .book-viewing .contact-info h3 {
  font-size: 14px;
}
.booking-modal .book-viewing-modal .book-viewing .contact-info p {
  font-size: 14px;
}

.promote-modal {
  /* Small Devices, Tablets */
}
.promote-modal .modal-header {
  text-align: center;
  border: none;
}
.promote-modal .modal-header h3 {
  font-weight: 500;
}
.promote-modal .modal-body hr {
  margin-top: 0px;
  margin-bottom: 10px;
}
.promote-modal .modal-body .custom-scroll-modal {
  padding: 0px 7.5px;
}
.promote-modal .modal-body .custom-scroll-modal .loading-overlay {
  margin: -25px 0 0 -15px;
}
.promote-modal .modal-body .custom-scroll-modal promote-card {
  margin-bottom: 30px;
}
.promote-modal .modal-body .p-btn-orange {
  text-align: center;
  padding: 8px 0px;
}
@media only screen and (min-width: 768px) {
  .promote-modal .custom-scroll-modal {
    overflow-y: scroll;
    height: 500px;
  }
}
@media only screen and (max-width: 320px) {
  .promote-modal .modal-body {
    padding: 0px;
  }
}

.promote-listings-card {
  display: block;
  height: 150px;
}
.promote-listings-card .cover-img {
  overflow: hidden;
  height: 100%;
  border-radius: 5px;
}
.promote-listings-card .cover-img .price-property {
  position: absolute;
  color: white;
  background-color: #3a3531;
  text-align: center;
  font-weight: 500;
  left: 0px;
  bottom: 0;
  border-top-right-radius: 5px;
  padding: 6px 20px;
}
.promote-listings-card .card-content {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  /* Small Devices, Tablets */
}
.promote-listings-card .card-content .card-title {
  font-size: 16px;
  color: #f68e04;
}
.promote-listings-card .card-content .card-title h4 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.promote-listings-card .card-content .p-btn-blue {
  text-align: center;
  margin-bottom: 10px;
}
.promote-listings-card .card-content .p-btn-blue label {
  width: 100%;
  border-radius: 35px;
  font-size: 12px;
  padding: 5px 80px;
  border-style: solid;
  border-width: 1px;
  border-color: #6184dc;
  background-color: white;
  color: #6184dc;
}
.promote-listings-card .card-content .p-btn-blue label .glyphicon {
  display: none;
}
.promote-listings-card .card-content .p-btn-blue input[type=checkbox] {
  display: none;
}
.promote-listings-card .card-content .p-btn-blue input[type=checkbox]:checked + label {
  background-color: #6184dc;
  color: white;
}
.promote-listings-card .card-content .p-btn-blue input[type=checkbox]:checked + label .glyphicon {
  display: inline;
  padding-left: 2px;
}
.promote-listings-card .card-content .p-radio-btn {
  margin-bottom: 10px;
}
.promote-listings-card .card-content .p-radio-btn .p-radio {
  display: flex;
  justify-content: space-evenly;
}
.promote-listings-card .card-content .incentive {
  display: flex;
  align-items: center;
}
.promote-listings-card .card-content .incentive div {
  display: flex;
  justify-content: center;
}
.promote-listings-card .card-content .incentive div input {
  width: 100px;
  padding: 4px;
  text-align: center;
  border-style: solid;
  border-radius: 25px;
  border-width: 1px;
  border-color: #6184dc;
}
@media only screen and (max-width: 768px) {
  .promote-listings-card .card-content .card-title h4 {
    max-width: 200px;
  }
  .promote-listings-card .card-content .p-radio label {
    display: flex;
  }
}

.references-modal .modal-header {
  border: none;
  text-align: center;
}
.references-modal .modal-header h3 {
  color: #1c3553;
}
.references-modal .modal-body .references {
  margin: auto;
  max-width: 100px;
}
.references-modal .modal-body .references .reference {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 30px;
}
.references-modal .modal-body .references .reference span {
  color: #1c2630;
  margin-right: 20px;
}
.references-modal .modal-body .references .reference a {
  color: #265da0;
  text-decoration: none;
  cursor: pointer;
}
.references-modal .modal-body .references .reference a.disabled {
  opacity: 0.5;
  pointer-events: none;
}
@media (max-width: 590px) {
  .references-modal .modal-body {
    min-width: 300px;
  }
}

.income-modal .table-container {
  max-height: 400px;
  overflow-y: auto;
  border: 1px solid #ddd;
}
.income-modal .table-container table {
  width: 100%;
  border-collapse: collapse;
}
.income-modal .table-container th,
.income-modal .table-container td {
  border: 1px solid #ddd;
  text-align: left;
  padding: 8px;
}
.income-modal .table-container th {
  color: #666666;
  background-color: #f2f2f2;
  font-weight: normal;
}
.income-modal .table-container tr:nth-child(even) {
  background-color: #f9f9f9;
}

.service-level-window .modal-content {
  border-radius: 2px;
}
.service-level-window .modal-content .service-level-component {
  display: flex;
  flex-direction: column;
  max-width: 800px;
  padding: 10px 30px;
}
.service-level-window .modal-content .service-level-component .service-level-header img {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 20px;
  cursor: pointer;
}
.service-level-window .modal-content .service-level-component .service-title {
  margin: 20px auto 40px auto;
  color: #444444;
  text-align: center;
  color: #1c2630;
  font-size: 20px;
}
.service-level-window .modal-content .service-level-component .package-selection .pkg-selection-footer {
  margin-top: 20px;
  text-align: center;
}
.service-level-window .modal-content .service-level-component .package-selection .pkg-selection-footer p {
  color: #444444;
  margin: 20px auto;
  max-width: 250px;
}
.service-level-window .modal-content .service-level-component .flex {
  align-items: center;
  display: flex;
}
.service-level-window .modal-content .service-level-component .cancel-service {
  text-align: end;
}
.service-level-window .modal-content .service-level-component .cancel-service a {
  color: #707070;
}
.service-level-window .modal-content .service-level-component .sl-cancel-synd .sl-cancel-body {
  text-align: center;
  min-height: 350px;
  margin-top: 40px;
}
.service-level-window .modal-content .service-level-component .sl-cancel-synd .sl-cancel-body span {
  font-size: 20px;
  color: #444444;
}
.service-level-window .modal-content .service-level-component .sl-cancel-synd .sl-cancel-footer {
  text-align: center;
  margin-bottom: 20px;
}
.service-level-window .modal-content .service-level-component .service-level-btn {
  background: #1c3553;
  border: #1c3553;
  border-radius: 8px;
  width: 100%;
  margin: 15px;
  color: white;
  font-size: 18px;
  margin-bottom: 10px;
}
.service-level-window .modal-content .service-level-component .service-level-btn:hover {
  background: #5f7186 !important;
}
@media (max-width: 576px) {
  .service-level-window .modal-content .service-level-component {
    padding: 10px;
  }
  .service-level-window .modal-content .service-level-component .service-title {
    margin: 40px auto;
    padding: 10px;
  }
}
.service-level-window .modal-content .change-service {
  margin-top: -10px;
  margin-bottom: 20px;
}
.service-level-window .modal-content .change-service a {
  color: #444444;
}
.service-level-window .modal-content .service-payment-conclusion {
  max-width: 500px !important;
}

.stepper {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1em 2em;
}
@media (max-width: 768px) {
  .stepper {
    padding: 1em 0 0 0;
  }
}
.stepper .step {
  flex: 1;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.stepper .step:last-child {
  flex: 0;
}
.stepper .step-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #e2e8f0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  transition: all 0.2s ease;
  z-index: 1;
}
.stepper .step-icon.step-icon-filled {
  background: #1c2630;
  border-color: #1c2630;
  color: white;
}
.stepper .step-icon.step-icon-border {
  border-color: #1c2630;
  color: #1c2630;
  transform: scale(1.1);
}
.stepper .step-bar {
  height: 2px;
  background: #e2e8f0;
  flex: 1;
  margin: 0 8px;
  transition: background-color 0.2s ease;
}
.stepper .step-bar.step-bar-filled {
  background: #1c2630;
}

.service-back-link {
  display: flex;
  align-items: center;
  height: 60px;
  width: 100%;
  padding-left: 35px;
  background-color: #FFFFFF;
  box-shadow: 0px 3px 6px #00000029;
  position: relative;
  z-index: 3000;
}
.service-back-link .back-arrow {
  margin: 0;
  font-size: 14px;
  cursor: pointer;
}
.service-back-link .page-title {
  display: block;
  font-size: 14px;
  margin: 10px;
  color: #000000;
}
.service-back-link .cart-icon {
  visibility: hidden;
  margin-left: auto;
  margin-right: 20px;
}

.checkout-btn {
  border-radius: 4px !important;
  min-height: 36px !important;
  padding: 10px 16px 10px 16px !important;
  letter-spacing: 1.25px !important;
}

.service-level-checkout1 {
  width: 400px !important;
  height: 100%;
  background: white;
}

.service-level-checkout2 {
  width: 400px !important;
  background: #F2F2F2;
}

.service-level-external {
  display: flex;
  border-left: 1px solid #d6d6d6;
}
@media (max-width: 768px) {
  .service-level-external {
    margin-bottom: 5em;
    flex-direction: column;
  }
  .service-level-external .checkout-footer {
    background-color: #1C3553;
    padding: 30px;
    text-align: center;
    color: white;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    position: fixed;
    bottom: 0;
    width: 100%;
  }
}
.service-level-external .checkout-summary-container {
  background: var(--background-color);
  padding-top: var(--padding-top);
  min-height: var(--min-height);
}
@media (min-width: 769px) {
  .service-level-external .checkout-summary-container {
    border-left: 1px solid #d6d6d6;
  }
}
.service-level-external .service-level-component {
  display: inline-block;
  width: 600px;
  padding: 1.2em 1em;
}
.service-level-external .service-level-component .service-level-header, .service-level-external .service-level-component .change-service {
  display: none;
}
.service-level-external .service-level-component .package-selection .pkg-selection-header {
  display: none;
}
.service-level-external .service-level-component .package-selection .pkg-selection-footer {
  margin-top: 20px;
  text-align: center;
}
.service-level-external .service-level-component .package-selection .pkg-selection-footer p {
  color: #444444;
  margin: 20px auto;
  max-width: 250px;
}
.service-level-external .service-level-component .payment-component {
  margin-top: 20px;
  padding: 15px;
  height: 100vh;
}
.service-level-external .service-level-component .service-level-btn {
  background: #1c3553;
  border: #1c3553;
  border-radius: 8px;
  min-width: 240px;
  min-height: 50px;
  color: white;
  font-size: 18px;
  margin-bottom: 10px;
}
.service-level-external .service-level-component .service-level-btn:hover {
  background: #5f7186 !important;
}

#checkout-summary {
  display: inline-block;
  padding-top: 1.2em;
  width: 100%;
}
#checkout-summary .dash-info-signup {
  padding: 20px 10px;
  margin-top: 2em;
  border: 1px solid #E6B34880;
  border-radius: 8px;
  text-align: left;
}
#checkout-summary .dash-info-signup span i {
  height: 22px;
  width: 22px;
  color: #EFB22D;
  font-size: 22px;
  text-align: center;
  margin-right: 8px;
}
#checkout-summary .dash-info-signup span.dash-btn {
  display: inline;
  cursor: pointer;
  margin: 24px 12px 0 0;
  padding: 6px 12px;
  border: 1px solid #1C26301A;
  border-radius: 16px;
}
#checkout-summary .dash-info-signup span.dash-btn.selected {
  background-color: #1C26301A;
}
#checkout-summary .dash-info-signup span #pm-info-link {
  position: relative;
  color: #155E9B;
  text-decoration: underline;
  cursor: pointer;
}
#checkout-summary .dash-info-signup span #pm-info-link #pm-info {
  visibility: hidden;
  width: 300px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 10px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 14px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
#checkout-summary .dash-info-signup span #pm-info-link #pm-info::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}
#checkout-summary .dash-info-signup span #pm-info-link:hover #pm-info {
  visibility: visible;
  opacity: 1;
}
#checkout-summary .dash-info-signup span #pm-info-link:hover {
  color: #155E9B;
  text-decoration: underline;
}
#checkout-summary .pkg-selection-footer {
  padding: 0 1.2em;
}
#checkout-summary .pkg-selection-footer .service-level-btn {
  background: #1c3553;
  border: #1c3553;
  border-radius: 8px;
  min-width: 240px;
  min-height: 50px;
  color: white;
  font-size: 18px;
  cursor: pointer;
}
#checkout-summary .pkg-selection-footer .service-level-btn:hover {
  background: #5f7186 !important;
}
#checkout-summary .billing, #checkout-summary .referral {
  background: #F2F2F2;
  padding: 15px;
  border-radius: 3px;
}
#checkout-summary .billing h4, #checkout-summary .referral h4 {
  color: #1C2630;
  font-size: 16px;
  font-weight: 500;
}
#checkout-summary .billing input, #checkout-summary .referral input {
  box-shadow: none;
  color: #1C2630;
  background-color: transparent;
}
#checkout-summary .billing .code-button, #checkout-summary .referral .code-button {
  width: 100%;
  height: 37px;
  color: #FFFFFF;
  background-color: #1C3553;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
#checkout-summary .billing .current-card, #checkout-summary .referral .current-card {
  background-color: #F2F2F2;
  padding: 20px 15px;
  border-radius: 8px;
  width: 100%;
  max-width: 350px;
  margin: 15px 0;
}
#checkout-summary .billing .current-card img, #checkout-summary .referral .current-card img {
  margin-right: 15px;
}
#checkout-summary .billing .current-card span, #checkout-summary .referral .current-card span {
  color: #666666;
  font-size: 14px;
}
#checkout-summary .billing .current-card span.bill-info, #checkout-summary .referral .current-card span.bill-info {
  display: block;
  color: #1C2630;
}
#checkout-summary .billing .clear-btn, #checkout-summary .referral .clear-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 350px;
  cursor: pointer;
  padding: 10px 0;
  margin: 15px 0;
  border: 1px solid #0000001F;
  border-radius: 4px;
}
#checkout-summary .billing .clear-btn span, #checkout-summary .referral .clear-btn span {
  color: #1C3553;
  font-size: 14px;
}
#checkout-summary .billing .modal-field, #checkout-summary .referral .modal-field {
  position: relative;
  margin-top: 15px;
  border-radius: 4px 4px 0px 0px;
}
#checkout-summary .billing .modal-field #ui-text-input, #checkout-summary .referral .modal-field #ui-text-input {
  background: #dbdbdb !important;
  padding: 30px 15px 8px 15px !important;
}
#checkout-summary .billing .modal-field.small-field, #checkout-summary .referral .modal-field.small-field {
  width: 49%;
  display: inline-block;
}
#checkout-summary .billing .modal-field.small-field:nth-child(2n), #checkout-summary .referral .modal-field.small-field:nth-child(2n) {
  float: right;
}
#checkout-summary .billing .modal-field input, #checkout-summary .referral .modal-field input {
  width: 100%;
  height: 100%;
  margin-top: 0px;
  padding: 0px 16px;
  border: none;
  opacity: 1;
}
#checkout-summary .billing .modal-field input:focus, #checkout-summary .referral .modal-field input:focus {
  background-color: #0000001F;
  border-bottom: 1px solid #1C3553;
}
#checkout-summary .billing .modal-field input:focus + label, #checkout-summary .billing .modal-field input.ng-not-empty ~ label, #checkout-summary .referral .modal-field input:focus + label, #checkout-summary .referral .modal-field input.ng-not-empty ~ label {
  color: #2F4E72;
  font-size: 75%;
  transform: translate3d(0, -90%, 0);
  opacity: 1;
}
#checkout-summary .billing .modal-field label, #checkout-summary .referral .modal-field label {
  color: #1C2630;
  position: absolute;
  top: 16px;
  left: 16px;
  transition: all 200ms;
  opacity: 0.5;
}
#checkout-summary .billing .modal-field .help-block, #checkout-summary .referral .modal-field .help-block {
  text-align: left;
  margin-top: 0;
  background: #c22f2c1a;
  color: #444444;
}
#checkout-summary .billing .modal-field .help-block i, #checkout-summary .referral .modal-field .help-block i {
  color: #c22f2c;
  padding: 0px 10px;
}
#checkout-summary .card-enterprise {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 400px;
  margin-bottom: 20px;
}
#checkout-summary .card-enterprise span {
  font-size: 16px;
}
#checkout-summary .card-enterprise span.text-pink {
  color: #ff5851;
}
#checkout-summary .card-enterprise .synd-services {
  margin-top: 15px;
}
#checkout-summary .card-enterprise .synd-services span {
  color: #1C2630;
  font-size: 14px !important;
}
#checkout-summary .card-enterprise .synd-services .all-synd {
  display: flex;
}
#checkout-summary .card-enterprise .synd-services .syndications {
  display: flex;
  margin: 10px 0px 0px 40px;
}
#checkout-summary .card-enterprise .synd-services .syndications .checkbox-text {
  width: 100%;
}
#checkout-summary .card-enterprise .synd-services .syndications .checkbox-text span.amount {
  margin-left: 40px;
}
#checkout-summary .card-enterprise .synd-services .cancel-synd {
  text-align: center;
  margin-top: 60px;
}
#checkout-summary .card-enterprise .synd-services .cancel-synd a {
  color: #ff5851;
  font-size: 16px;
  text-decoration: none;
  cursor: pointer;
}
#checkout-summary .card-enterprise .synd-services .checkbox-select {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 40px;
  cursor: pointer;
}
#checkout-summary .card-enterprise .synd-services .checkbox-select input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
#checkout-summary .card-enterprise .synd-services .checkbox-select input:checked ~ .checkmark, #checkout-summary .card-enterprise .synd-services .checkbox-select input:indeterminate ~ .checkmark {
  background-color: #1c2630;
}
#checkout-summary .card-enterprise .synd-services .checkbox-select input:checked ~ .checkmark::after {
  display: block;
}
#checkout-summary .card-enterprise .synd-services .checkbox-select input:indeterminate ~ .checkmark::after {
  display: block;
  left: 7px;
  top: 2px;
  width: 2px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
#checkout-summary .card-enterprise .synd-services .checkbox-select .checkmark {
  position: absolute;
  height: 20px;
  width: 20px;
  border: 2px solid #1c2630;
  border-radius: 5px;
  background-color: transparent;
}
#checkout-summary .card-enterprise .synd-services .checkbox-select .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
#checkout-summary .card-enterprise .synd-services .checkbox-select .checkmark.disabled {
  opacity: 0.7;
  cursor: initial;
}
#checkout-summary .card-enterprise .synd-services .checkbox-select .checkmark:after {
  left: 5px;
  top: 1px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#checkout-summary .checkbox-terms {
  display: flex;
  justify-content: center;
}
#checkout-summary .checkbox-terms a {
  color: #1C2630;
  text-decoration: underline;
  cursor: pointer;
  margin-left: 4px;
}
#checkout-summary .checkbox-terms a:hover {
  color: var(--primary-color);
}
#checkout-summary .checkbox-terms p {
  font-size: 0.875rem;
  font-weight: 500;
  color: #1c2630;
}
#checkout-summary .checkbox-terms .check-label {
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 24px;
}
#checkout-summary .checkbox-terms .check-label input:checked ~ .checkmark:after {
  display: block;
}
#checkout-summary .checkbox-terms .check-label input:checked ~ .checkmark {
  background-color: #1C3553;
  border-color: #1C3553;
}
#checkout-summary .checkbox-terms .check-label input:checked ~ .checkmark:after {
  border-color: #FFFFFF;
  opacity: 1;
  transform: rotate(45deg) scale(1);
}
#checkout-summary .checkbox-terms .check-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
#checkout-summary .checkbox-terms .check-label .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  border: 2px solid #1C2630;
  border-radius: 4px;
  background-color: transparent;
  transition: all 0.2s ease-in-out;
}
#checkout-summary .checkbox-terms .check-label .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 7px;
  top: 3px;
  width: 6px;
  height: 12px;
  border: solid #1C2630;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  transition: all 0.1s ease-in-out;
  opacity: 0;
}
#checkout-summary .service-level-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px;
  background: #1c3553;
  border: #1c3553;
  border-radius: 40px;
  min-width: 240px;
  min-height: 50px;
  color: white;
  font-size: 14px;
  border-radius: 4px !important;
  min-height: 36px !important;
  padding: 10px 16px 10px 16px !important;
  letter-spacing: 1.25px !important;
}
#checkout-summary .service-level-btn:hover {
  background: #5f7186 !important;
}

@media (max-width: 768px) {
  .flex-btn {
    padding-left: 0 !important;
  }

  .modal-field.small-field {
    width: 100% !important;
    float: none !important;
  }

  .service-back-link {
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 1;
    margin-bottom: 5px;
    padding-left: 0;
  }
  .service-back-link .cart-icon {
    visibility: visible;
    margin-left: 0;
    margin-right: 0px;
  }
  .service-back-link .back-arrow {
    position: absolute;
    left: 30px;
  }
  .service-back-link .page-title {
    margin: 0 auto;
  }
  .service-back-link img {
    position: absolute;
    right: 30px;
  }
}
@media (max-width: 768px) and (max-width: 576px) {
  .service-level-external {
    margin-top: 80px;
  }
}
@media (max-width: 768px) {
  .service-level-external .service-level-component {
    margin: 0 auto;
    padding: 0 !important;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }
  .service-level-external .service-level-component .payment-component {
    height: 100%;
  }
  .service-level-external .service-level-component .package-selection .service-level-card {
    padding: 0px !important;
  }
  .service-level-external .service-level-component .package-selection .service-level-card .flex-partners, .service-level-external .service-level-component .package-selection .service-level-card .service-info {
    width: 100%;
  }
  .service-level-external .service-level-component .package-selection .service-level-card .flex-btn {
    position: relative;
    width: 100%;
    max-width: 350px;
    margin: 10px auto;
    padding-left: 15px;
    top: 0px !important;
    right: 0px;
  }
  .service-level-external .service-level-component .package-selection .service-level-card .flex-btn button {
    width: 100%;
    height: auto;
  }
  .service-level-external .service-level-component .package-selection .rhentiBasic {
    height: 104px;
  }
}
@media (max-width: 768px) {
  #checkout-summary {
    margin: 0px;
    width: 100%;
    min-width: 100%;
    transition: all 1s ease-in-out;
    padding-top: 0px;
  }
  #checkout-summary .dash-info-signup {
    padding: 10px !important;
  }
  #checkout-summary .dash-info-signup span i {
    margin: 0;
    padding-right: 8px;
  }
  #checkout-summary .dash-info-signup span:first-child {
    display: inline-block;
  }
  #checkout-summary.show {
    display: block;
    position: absolute;
    top: 120px;
    height: 1000px;
  }
  #checkout-summary.hide {
    display: none;
  }
}
.powered-by-stripe {
  padding: 0 1em;
  width: 400px;
}

@media (max-width: 768px) {
  .powered-by-stripe {
    width: 100%;
  }

  .top-bar.service-level-ext {
    position: relative;
    width: 100%;
  }
  .top-bar.service-level-ext .top-bar-title {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
  }
  .top-bar.service-level-ext .top-bar-title .back-button {
    position: absolute;
    left: 0;
  }
  .top-bar.service-level-ext .top-bar-title .top-bar-heading {
    width: 100%;
    text-align: center;
    padding: 0 40px;
    /* Add padding to prevent text overlap with button */
  }
}
.co-app .row {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.co-app .row .rowItem {
  margin: 10px 0;
}
.co-app .field {
  margin-bottom: 12px !important;
}
.co-app .message {
  position: relative;
  float: left;
  top: -12px;
  display: block;
}
.co-app .missing-consent {
  padding: 0;
  margin-bottom: 25px;
}
.co-app .missing-consent p {
  font-size: 14px;
  padding: 15px;
  margin-bottom: 15px;
  background-color: #fcf8e3;
}
.co-app .missing-consent .align-right {
  text-align: right;
  margin-left: 15px;
}

.custom-radio-orange {
  display: block;
}

.alert-form {
  background-color: #fff3cd;
  border-color: #fff3cd;
  color: #856404;
}

.custom-radio-orange input[type=radio] {
  display: none;
  border: 1px solid red;
  background-color: red;
}

.form-container {
  padding: 25px !important;
}

.custom-radio-orange input[type=radio]:checked + label {
  background-color: #f68e04 !important;
  transition: 0.3s;
  border: 1px solid #f68e04 !important;
}

.custom-radio-orange label {
  color: #f68e04;
  font-weight: 500;
  min-width: 74px !important;
  font-size: 13px;
  text-transform: uppercase;
  padding-left: 10px !important;
  padding-right: 10px !important;
  margin: 3px;
  padding: 2px 32px;
  letter-spacing: 2px;
  text-align: center;
  line-height: 32px;
  border: 1px solid #f68e04;
}

.custom-radio-orange .btn-no {
  padding-left: 14px !important;
  padding-right: 14px !important;
}

.range .legend {
  display: block;
  overflow: auto;
}
.range .legend .left {
  float: left;
}
.range .legend .right {
  float: right;
}
.range .custom-scale {
  display: block;
}
.range .custom-scale div {
  display: inline-block;
  width: 10%;
}
.range .custom-scale div:first-of-type label {
  border-left-width: 1px;
}
.range .custom-scale label {
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
  min-width: 10% !important;
  border-left-width: 0;
  margin: 0;
}

.questionnaire {
  padding: 30px;
  background: white;
  width: 800px;
  margin: auto;
  margin-bottom: 30px;
  margin-top: 30px;
  border-radius: 8px;
  color: #1C2630;
  box-shadow: 0 0 10px #e6e6e6;
}
.questionnaire .questionnaire-text {
  margin-bottom: 20px;
}
.questionnaire .questionnaire-text input {
  width: 100%;
  background: #f4f4f4;
  border: none;
  padding: 20px;
  font-size: 16px;
  color: #8D9297;
}
.questionnaire .questionnaire-rating {
  margin-bottom: 15px;
  color: #8D9297;
  display: block;
  margin-left: 15px;
  font-size: 18px;
}
.questionnaire .questionnaire-rating .ratingColumn {
  display: flex;
  align-items: center;
}
.questionnaire .questionnaire-rating .ratingColumn span {
  width: 150px;
}
.questionnaire .questionnaire-radio {
  color: #8D9297;
  font-size: 18px;
  margin-left: 15px;
  margin-bottom: 15px;
}
.questionnaire .questionnaire-save {
  background: #1C3553;
  padding: 10px 30px;
  color: white;
  border-radius: 6px;
  cursor: pointer;
  font-size: 1.1em;
  box-shadow: 0 0 10px #e6e6e6;
  border: none;
}
.questionnaire button[disabled] {
  opacity: 0.5;
}

.submittedPage {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.submittedWrapper {
  height: 500px;
  width: 500px;
  background: white;
  border-radius: 8px;
  box-shadow: 0 0 10px #e6e6e6;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media (max-width: 768px) {
  .questionnaire {
    padding: 20px;
    width: auto;
    padding-bottom: 200px;
    margin-top: 0;
  }

  .ratingColumn {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .questionnaire-rating, .questionnaire-radio {
    margin-left: 0 !important;
  }

  #ui-feedback {
    margin: 10px 0;
  }

  .submittedWrapper {
    height: 100%;
  }
}
.request-items-modal {
  padding: 2em;
  font-size: 16px;
  position: relative;
}
.request-items-modal .request-items-header {
  color: #1C2630;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-weight: 500;
}
.request-items-modal .request-items-content .sub-title {
  color: #000000DE;
}
.request-items-modal .request-items-content .field-container {
  margin-top: 15px;
}
.request-items-modal .request-items-content .checkbox-container {
  margin-top: 15px;
}
.request-items-modal .request-items-content .checkbox-container label {
  font-weight: 400;
}
.request-items-modal .request-items-footer .request-items-help a {
  color: #265DA0;
}
.request-items-modal .close-img {
  position: absolute;
  top: 20px;
  right: 20px;
  height: 16px;
  cursor: pointer;
}

.request-items-modal .field-box {
  margin-bottom: 15px;
}
.request-items-modal .field-box-label {
  color: #000000DE;
  padding-bottom: 10px;
}
.request-items-modal .line {
  height: 0;
  line-height: 0;
  border-top: 1px solid #D6D6D6;
  margin-top: 2em;
  margin-bottom: 2em;
}

.alternatives-modal {
  padding: 18px 16px;
  font-size: 16px;
  position: relative;
}
.alternatives-modal .alternatives-header {
  color: #1C2630;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-weight: 500;
}
.alternatives-modal .alternatives-content .sub-title {
  color: #000000DE;
}
.alternatives-modal .alternatives-content .field-container {
  margin-top: 15px;
}
.alternatives-modal .alternatives-content .calendar-container {
  position: relative;
  margin-top: 15px;
  /*      select {
            -webkit-appearance: none;
            -moz-appearance: none;
            text-indent: 1px;
            text-overflow: '';
        }
        .input-icon{
            position: absolute;
            right: 10px;
            transform: translate(0,-50%);
            top: 50%;
            font-size: 22px;
            color: #666666;
        } */
}
.alternatives-modal .alternatives-content .calendar-container input, .alternatives-modal .alternatives-content .calendar-container select {
  width: 100%;
  height: 50px;
  border: none;
  box-shadow: none;
  background-color: #efefef;
  padding: 28px 18px;
  border-radius: 4px 4px 0px 0px;
  padding-right: 30px;
}
.alternatives-modal .alternatives-content .calendar-container ::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #8d9297;
}
.alternatives-modal .alternatives-content .calendar-container :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #8d9297;
  opacity: 1;
}
.alternatives-modal .alternatives-content .calendar-container ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #8d9297;
  opacity: 1;
}
.alternatives-modal .alternatives-content .calendar-container :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #8d9297;
}
.alternatives-modal .alternatives-content .calendar-container ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #8d9297;
}
.alternatives-modal .alternatives-content .calendar-container ::placeholder {
  /* Most modern browsers support this now. */
  color: #8d9297;
}
.alternatives-modal .alternatives-footer .alternatives-help a {
  color: #265DA0;
}
.alternatives-modal .close-img {
  position: absolute;
  top: 20px;
  right: 20px;
  height: 16px;
  cursor: pointer;
}

.review-alternative-terms-modal {
  text-align: center;
}
.review-alternative-terms-modal .loading-overlay {
  margin: 0px !important;
}
.review-alternative-terms-modal .modal-header {
  border: none;
}
.review-alternative-terms-modal .modal-body h5:first-of-type {
  margin-bottom: 25px;
}
.review-alternative-terms-modal .modal-body .review-terms {
  margin-bottom: 25px;
}
.review-alternative-terms-modal .modal-body .review-terms .col-xs-6 {
  text-align: right;
}
.review-alternative-terms-modal .modal-body .review-terms .col-xs-6:last-of-type {
  text-align: left;
}
.review-alternative-terms-modal .modal-body .review-terms .col-xs-6:last-of-type label {
  font-weight: normal;
}
.review-alternative-terms-modal .modal-footer {
  border: none;
  padding-top: 0px;
  text-align: center;
}
.review-alternative-terms-modal .modal-footer .p-btn-orange {
  padding-bottom: 5px;
}
.review-alternative-terms-modal .modal-footer .p-btn-orange.grey .r-btn.flat {
  background: grey;
  padding: 15px 25px;
}
.review-alternative-terms-modal .modal-footer .rsvp-back-button {
  margin-bottom: 0px;
}
.review-alternative-terms-modal .modal-footer .rsvp-back-button .glyphicon {
  top: 2px;
}

.moveInModal {
  padding: 25px;
  position: relative;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.moveInModal::-webkit-scrollbar {
  display: none;
}
.moveInModal .close-img {
  position: absolute;
  top: 18px;
  right: 16px;
  height: 14px;
  cursor: pointer;
}

.btn-saving.disabled {
  opacity: 0.65;
  cursor: not-allowed;
  pointer-events: none;
}

.moveInModal {
  padding: 25px;
  position: relative;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.moveInModal::-webkit-scrollbar {
  display: none;
}
.moveInModal .btn-cancel {
  flex: 1;
  text-align: center;
}
.moveInModal .btn-saving {
  text-align: center;
}
.moveInModal .btn-saving-wrap {
  flex: 2;
  text-align: center;
  display: flex;
  flex-direction: row;
  position: relative;
  padding-right: 30px;
  border: none;
}
.moveInModal .btn-saving-wrap .btn-saving {
  flex: 1;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.moveInModal .btn-saving-wrap .more {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 30px;
  text-align: center;
  background-color: #FA9483;
  line-height: 50px;
  border-radius: 0 4px 4px 0;
  color: #fff;
  font-size: 0.7em;
  cursor: pointer;
}
.moveInModal .btn-saving-wrap .sendNowBtn {
  position: absolute;
  top: 50px;
  right: 0;
  box-shadow: 0 2px 5px #00000030;
  padding: 15px 20px;
  border: 1px solid #eaeaea;
  border-radius: 6px;
  background: #fff;
  width: fit-content;
  font-size: 14px;
  line-height: 20px;
  color: #333;
  text-wrap: nowrap;
}
.moveInModal .close-img {
  position: absolute;
  top: 18px;
  right: 16px;
  height: 14px;
  cursor: pointer;
}

.accept-renter-modal {
  text-align: center;
}
.accept-renter-modal .loading-overlay {
  margin: 0px !important;
}
.accept-renter-modal .modal-header {
  border: none;
}
.accept-renter-modal .modal-body h5:first-of-type {
  margin-bottom: 30px;
}
.accept-renter-modal .modal-footer {
  text-align: center;
  border: none;
}

.decline-renter-modal {
  text-align: center;
}
.decline-renter-modal .loading-overlay {
  margin: 0px !important;
}
.decline-renter-modal .modal-header {
  border: none;
}
.decline-renter-modal .modal-body h5:first-of-type {
  margin-bottom: 30px;
}
.decline-renter-modal .modal-footer {
  text-align: center;
  border: none;
}

.report-leased-modal {
  text-align: center;
  color: #1C2630;
}
.report-leased-modal h3 {
  font-size: 20px;
  font-weight: 500;
}
.report-leased-modal .loading-overlay {
  margin: 0px !important;
}
.report-leased-modal .modal-header {
  border: none;
  text-align: left;
  font-size: 20px;
  font-weight: 500;
  color: #1C2630;
  padding: 25px;
  padding-bottom: 0;
}
.report-leased-modal .modal-body {
  padding: 25px;
  padding-top: 0;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
}
.report-leased-modal .modal-body h5:first-of-type {
  margin-bottom: 15px;
}
.report-leased-modal .modal-body h5 {
  text-align: left;
  letter-spacing: 0.12px;
  font-size: 16px;
  font-weight: 400;
  color: #1C2630;
}
.report-leased-modal .modal-body h5:last-of-type {
  margin: 0px;
  margin-bottom: 15px;
}
.report-leased-modal .modal-body .leased-through {
  display: flex;
  margin: 10px 0px 0px 0px;
}
.report-leased-modal .modal-body .leased-through .leasedOption {
  cursor: pointer;
  padding: 0 10px;
  margin: auto;
  height: 30px;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
  border-radius: 20px;
  border: 1px solid #f2f2f2;
}
.report-leased-modal .modal-body .leased-through .leasedOption #through-another, .report-leased-modal .modal-body .leased-through .leasedOption #through-rhenti {
  margin-left: 10px;
}
.report-leased-modal .modal-body .leased-through .leasedOption .optionWrapper {
  position: relative;
  margin-right: 20px;
  display: flex;
  align-items: center;
  margin-right: 8px;
  margin-left: -8px;
}
.report-leased-modal .modal-body .leased-through .leasedOption .outerCheckBox {
  z-index: 999;
  position: absolute;
  left: 0;
  height: 30px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  background: white;
}
.report-leased-modal .modal-body .leased-through .leasedOption .innerCheckBox {
  border-radius: 10%;
}
.report-leased-modal .modal-body .leased-through .row-eq-height {
  margin-bottom: 10px;
}
.report-leased-modal .modal-body .leased-through .row-eq-height .rhenti-radio {
  display: none;
}
.report-leased-modal .modal-body .leased-through .row-eq-height .rhenti-radio + label {
  float: right;
  width: 250px;
  padding: 6px 18px;
  border-radius: 2px;
  border: 1px solid #05668d;
  background-color: white;
  color: #05668d;
  margin: 0px;
}
.report-leased-modal .modal-body .leased-through .row-eq-height .rhenti-radio:checked + label {
  background-color: #05668d !important;
  color: white;
  transition: width 0.5s;
}
.report-leased-modal .modal-body .leased-through .row-eq-height .rhenti-radio:checked + label:after {
  content: "✓";
  padding-left: 6px;
}
.report-leased-modal .modal-body .signed-lease {
  border: #E9ECEE 2px solid;
  border-radius: 4px;
  text-align: left;
  padding: 20px;
  width: 100%;
}
.report-leased-modal .modal-body .signed-lease b {
  text-transform: uppercase !important;
  font-weight: 500;
}
.report-leased-modal .modal-body .signed-lease .upload-label-button-license {
  background-color: #3b5575 !important;
  border-radius: 2px;
}
.report-leased-modal .modal-body .signed-lease .upload-label-button-license .glyphicon {
  color: white !important;
}
.report-leased-modal .modal-footer {
  text-align: center;
  border: none;
  padding: 25px;
}
.report-leased-modal .modal-footer .btn-report-leased {
  width: 200px;
  height: 40px;
  color: white;
  background-color: #1C3553 !important;
  border: #1C3553;
  border-radius: 4px;
}
@media (max-width: 768px) {
  .report-leased-modal .modal-body h5:first-of-type {
    margin-bottom: 25px;
  }
  .report-leased-modal .modal-body .leased-through .leasedOption {
    padding: 30px 10px;
  }
  .report-leased-modal .modal-body .leased-through .row-eq-height .rhenti-radio + label {
    width: 100% !important;
  }
  .report-leased-modal .modal-body .leased-through .row-eq-height .col-xs-12:last-of-type {
    margin-top: 5px;
  }
}
@media (min-width: 768px) {
  .report-leased-modal .leased-through .row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
  }
  .report-leased-modal .leased-through .row-eq-height .col-sm-6:last-of-type label {
    float: left;
    padding-left: 10px;
  }
}

.viewings-calendar-page {
  max-width: 850px;
  /* muted text, e.g. days of other months*/
  /* start of popup-datepicker */
}
.viewings-calendar-page .modal-header {
  border: none;
  text-align: center;
}
.viewings-calendar-page .modal-header h3, .viewings-calendar-page .modal-header .arrow {
  display: none;
}
.viewings-calendar-page .modal-header .close {
  float: right;
  margin: 7px;
  height: 30px;
  font-size: 30px;
  padding: 0;
  color: #1C2630;
  opacity: 1;
}
.viewings-calendar-page h1,
.viewings-calendar-page h2,
.viewings-calendar-page h3 {
  font-weight: 500;
}
.viewings-calendar-page h1,
.viewings-calendar-page h2,
.viewings-calendar-page h3,
.viewings-calendar-page h4,
.viewings-calendar-page h5,
.viewings-calendar-page h6,
.viewings-calendar-page p,
.viewings-calendar-page div {
  color: #1C3553;
  text-align: left;
  padding: 5px;
  color: #1C2630;
}
.viewings-calendar-page h1 .important,
.viewings-calendar-page h2 .important,
.viewings-calendar-page h3 .important,
.viewings-calendar-page h4 .important,
.viewings-calendar-page h5 .important,
.viewings-calendar-page h6 .important,
.viewings-calendar-page p .important,
.viewings-calendar-page div .important {
  color: #FA9483;
}
.viewings-calendar-page .container {
  max-width: 850px;
  padding: 0;
}
.viewings-calendar-page .margin-modal {
  margin-left: 180px;
}
.viewings-calendar-page button {
  border-radius: 2px;
}
.viewings-calendar-page .tip {
  display: flex;
  background-color: #FFEAC4;
  border-radius: 8px;
  padding: 20px;
  margin: 0px 30px;
}
.viewings-calendar-page .tip .orange-icon {
  display: inline-block;
  background-color: #F78C4A;
  border-radius: 50%;
  height: 30px;
  min-width: 30px;
  margin-right: 20px;
}
.viewings-calendar-page .tip .orange-icon h4 {
  margin: auto;
  padding: 0;
  text-align: center;
  color: #FFFFFF;
}
.viewings-calendar-page .tip p {
  display: inline-block;
  color: #1C2630;
  font-weight: 500;
  margin: 0;
  padding: 0;
}
.viewings-calendar-page .sub-header {
  font-size: 15px;
  padding: 20px 30px 0px 30px;
  text-align: center;
  font-weight: 500;
}
.viewings-calendar-page .calendar-row {
  margin: 30px;
  border: 2px solid #C9D5DB;
  border-radius: 4px;
}
.viewings-calendar-page .calendar-row p {
  padding: 5px 13px;
  margin: 30px 0 0 0;
  font-weight: 700 !important;
}
.viewings-calendar-page .calendar-row #calendar {
  position: relative;
}
.viewings-calendar-page .calendar-row .mobile-select-time {
  display: none;
}
.viewings-calendar-page .save {
  margin-top: 20px;
  margin-right: 0;
  margin-left: auto;
}
.viewings-calendar-page .not-available {
  background-color: #1C3553;
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 10px;
}
.viewings-calendar-page .not-available label {
  color: white !important;
}
.viewings-calendar-page .partially-blocked-guide {
  background-color: #3B5575;
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 10px;
}
.viewings-calendar-page .partially-blocked-guide label {
  color: white !important;
}
.viewings-calendar-page .inline-datepicker table {
  border-collapse: collapse;
  border: 0;
  table-layout: fixed;
  background-color: #E9ECEE;
}
.viewings-calendar-page .inline-datepicker button:focus,
.viewings-calendar-page .inline-datepicker button:active {
  box-shadow: none;
  background-color: transparent;
  color: inherit;
}
.viewings-calendar-page .inline-datepicker tbody button {
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0;
}
.viewings-calendar-page .inline-datepicker button.active > .text-info {
  color: #1C3553;
}
.viewings-calendar-page .inline-datepicker button:hover {
  background-color: white;
  color: #1C3553;
}
.viewings-calendar-page .inline-datepicker thead,
.viewings-calendar-page .inline-datepicker thead tr,
.viewings-calendar-page .inline-datepicker thead tr th {
  height: 40px;
  background-color: #E9ECEE;
  border: 0;
  text-align: center;
}
.viewings-calendar-page .inline-datepicker table tr,
.viewings-calendar-page .inline-datepicker table tr th button,
.viewings-calendar-page .inline-datepicker table td,
.viewings-calendar-page .inline-datepicker table td button {
  background-color: transparent;
  box-shadow: none;
  border: 0;
}
.viewings-calendar-page .inline-datepicker table th,
.viewings-calendar-page .inline-datepicker table button {
  color: #1C3553;
  font-weight: 500;
  width: auto;
}
.viewings-calendar-page .inline-datepicker table td button.active span {
  background-color: inherit;
  color: inherit;
  border: 0;
}
.viewings-calendar-page .inline-datepicker button:disabled {
  /* color: #ffd9a7; */
  opacity: 0.2;
  background-color: transparent;
  border-radius: 0;
}
.viewings-calendar-page .inline-datepicker .text-muted {
  color: #1C3553;
  font-weight: normal;
}
.viewings-calendar-page .uib-datepicker-popup {
  border-radius: 0;
}
.viewings-calendar-page .uib-datepicker-popup .uib-datepicker button {
  border-radius: 0;
  box-shadow: none;
  background-color: white;
  border: 0;
}
.viewings-calendar-page .uib-datepicker-popup .btn-success {
  border: 0;
  border-radius: 0;
  background-color: #1C3553;
}
.viewings-calendar-page .uib-datepicker-popup .uib-datepicker-current,
.viewings-calendar-page .uib-datepicker-popup .uib-clear {
  background-color: white;
  border-color: #1C3553;
  color: #1C3553;
}
.viewings-calendar-page .uib-datepicker-popup .btn-info.active {
  color: #1C3553;
  padding: 0;
  border-radius: 50%;
}
.viewings-calendar-page .inline-datepicker table tr td {
  height: 50px;
  width: 50px;
}
.viewings-calendar-page .inline-datepicker table tr td.full-blocked,
.viewings-calendar-page .inline-datepicker table tr td.full-blocked :hover {
  background-color: #1C3553;
  border-radius: 50%;
}
.viewings-calendar-page .full-blocked button span {
  color: white !important;
}
.viewings-calendar-page .inline-datepicker table tr td.partially-blocked,
.viewings-calendar-page .inline-datepicker table tr td.partially-blocked :hover {
  background-color: #1C3553;
  border-radius: 50%;
}
.viewings-calendar-page .inline-datepicker table tr td.active,
.viewings-calendar-page .inline-datepicker table tr td.active :hover {
  background-color: #FA9483 !important;
  border-radius: 50%;
}
.viewings-calendar-page .partially-blocked button span {
  color: white;
}
.viewings-calendar-page .active button span {
  color: #1C3553 !important;
}
.viewings-calendar-page .calendar-desc {
  font-weight: 200 !important;
  margin: 0 !important;
  text-align: center;
}
.viewings-calendar-page .edit-warning {
  display: none;
  position: absolute;
  justify-content: space-between;
  background-color: #FFFFFF;
  width: 100%;
  max-width: 335px;
  height: 100px;
  border: 1px solid #E9ECEE;
  border-radius: 4px;
  box-shadow: 0px 3px 6px #00000029;
  padding: 20px;
  z-index: 1000000;
}
.viewings-calendar-page .edit-warning p, .viewings-calendar-page .edit-warning div {
  display: inline-block;
  margin: auto 0;
}
.viewings-calendar-page .edit-warning p {
  height: 55px;
  margin: auto 0;
  padding: 0px 13px 0px 0px;
  max-width: 60%;
}
.viewings-calendar-page .edit-warning div {
  border-radius: 50%;
  color: white;
  font-size: 18px;
  height: 40px;
  width: 40px;
  text-align: center;
  cursor: pointer;
}
.viewings-calendar-page .edit-warning div span {
  line-height: 30px;
}
.viewings-calendar-page .edit-warning .cancel {
  background-color: #EF6857;
}
.viewings-calendar-page .edit-warning .confirm {
  background-color: #7FC26A;
}
.viewings-calendar-page .time-slot {
  padding: 5px 13px;
}
.viewings-calendar-page .time-slot select {
  height: 40px;
  width: 90px;
  border-radius: 2px;
  background-color: #E9ECEE;
  text-align-last: center;
}
.viewings-calendar-page .time-slot span {
  margin: 0px 20px;
}
.viewings-calendar-page .time-slot .all-day-btn, .viewings-calendar-page .time-slot .delete-btn {
  display: inline-flex;
  justify-content: center;
  margin-left: 5px;
  height: 40px;
  width: 40px;
  color: #FFFFFF;
  border-radius: 4px;
  vertical-align: top;
  line-height: 30px;
  cursor: pointer;
}
.viewings-calendar-page .time-slot .all-day-btn {
  background-color: #1C3553;
}
.viewings-calendar-page .time-slot .delete-btn {
  background-color: #EF6857;
}
.viewings-calendar-page .time-slot .delete-btn i {
  margin: auto;
  font-size: 20px;
}
.viewings-calendar-page .add-timeslot-btn {
  display: flex;
  width: 238px;
  height: 40px;
  margin: 15px auto;
  text-align: center;
  color: #1C2630;
  font-weight: 500;
  border: 2px solid #1C2630;
  border-radius: 4px;
  cursor: pointer;
}
.viewings-calendar-page .add-timeslot-btn span {
  margin: auto;
}
.viewings-calendar-page .save-btn {
  display: flex;
  justify-content: center;
  width: 150px;
  height: 40px;
  background-color: #1C3553;
  border-radius: 2px;
  color: #FFFFFF;
  margin: 30px auto;
  cursor: pointer;
}
.viewings-calendar-page .save-btn span {
  margin: auto;
}
.viewings-calendar-page .save-btn:disabled {
  cursor: default;
  opacity: 0.3;
}
.viewings-calendar-page .select-btn {
  display: none;
  justify-content: center;
  width: 150px;
  height: 40px;
  background-color: #FA9483;
  border-radius: 2px;
  color: #1C2630;
  margin: 30px auto;
}
.viewings-calendar-page .select-btn:disabled {
  cursor: default;
  opacity: 0.3;
}
.viewings-calendar-page .select-btn span {
  margin: auto;
}
.viewings-calendar-page .date-info {
  text-align: center;
  color: #1C2630;
  font-size: 16px;
  margin: 0 !important;
}
.viewings-calendar-page .date-info-img {
  display: block;
  margin: 200px auto 10px auto;
  height: 50px;
  width: 50px;
}

@media screen and (max-width: 999px) {
  .modal-dialog {
    width: 100%;
  }
  .modal-dialog .viewings-calendar-page {
    width: 100%;
    max-width: 375px;
  }
  .modal-dialog .viewings-calendar-page .modal-header {
    position: relative;
  }
  .modal-dialog .viewings-calendar-page .modal-header h3, .modal-dialog .viewings-calendar-page .modal-header .close {
    display: inline-block;
  }
  .modal-dialog .viewings-calendar-page .modal-header .close {
    position: absolute;
    top: 0px;
    right: 5px;
  }
  .modal-dialog .viewings-calendar-page .modal-header .arrow {
    position: absolute;
    display: none;
    margin: 7px;
    height: 24px;
    top: 5px;
    left: 5px;
  }
  .modal-dialog .viewings-calendar-page .sub-header h3 {
    display: none;
  }
  .modal-dialog .viewings-calendar-page .container {
    width: 100%;
    max-width: 375px;
  }
  .modal-dialog .viewings-calendar-page .container .calendar-row {
    display: block;
    padding: 0;
    border: 0;
  }
  .modal-dialog .viewings-calendar-page .container .calendar-row #calendar {
    width: 100%;
  }
  .modal-dialog .viewings-calendar-page .container .calendar-row #calendar p {
    text-align: center;
    margin: 0;
  }
  .modal-dialog .viewings-calendar-page .container .calendar-row #calendar table {
    width: 100% !important;
    max-height: 300px;
    margin: 0 auto;
  }
  .modal-dialog .viewings-calendar-page .container .calendar-row #calendar #edit-warning {
    width: 124% !important;
    left: -35px !important;
  }
  .modal-dialog .viewings-calendar-page .container .calendar-row .timeslots, .modal-dialog .viewings-calendar-page .container .calendar-row .save-btn {
    display: none;
    padding: 0;
  }
  .modal-dialog .viewings-calendar-page .container .calendar-row .timeslots .time-slot, .modal-dialog .viewings-calendar-page .container .calendar-row .save-btn .time-slot {
    padding: 5px 0px;
  }
  .modal-dialog .viewings-calendar-page .container .calendar-row .timeslots .time-slot span, .modal-dialog .viewings-calendar-page .container .calendar-row .save-btn .time-slot span {
    margin: 0px 5px;
  }
  .modal-dialog .viewings-calendar-page .container .calendar-row .timeslots .time-slot div, .modal-dialog .viewings-calendar-page .container .calendar-row .save-btn .time-slot div {
    margin: 0;
  }
  .modal-dialog .viewings-calendar-page .container .calendar-row .timeslots .time-slot .all-day-btn, .modal-dialog .viewings-calendar-page .container .calendar-row .save-btn .time-slot .all-day-btn {
    margin-left: 3px;
  }
  .modal-dialog .viewings-calendar-page .container .calendar-row .select-btn {
    display: flex;
  }
  .modal-dialog .viewings-calendar-page .inline-datepicker table tr td {
    height: 39px;
    width: 39px;
  }
}
.checkin {
  overflow: hidden;
}
.checkin .r-btn-modal {
  margin-bottom: 10px;
  border-radius: 35px;
  font-size: 17px;
  height: 40px;
  padding-top: 0px;
  padding-bottom: 0px;
  width: 160px;
  margin-right: 0;
  border-width: 0;
  background: #F68D06;
  border-width: 1px;
  border-color: #fcbd6e;
  border-style: none;
  color: white;
  font-weight: 400;
}
.checkin .r-btn-modal:disabled {
  opacity: 0.5;
}
.checkin img {
  margin-top: -20px;
  height: 30px;
}
.checkin h4 {
  margin-bottom: 50px;
}
.checkin .checkin-card {
  border: 1px solid #d9d9d9;
  border-radius: 9px;
  box-shadow: 3px 3px 8px #E3E3E3;
  background: white;
  text-align: center;
  max-width: 450px;
  padding-top: 30px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 250px;
}

.offer-page-wrapper {
  padding-bottom: 60px;
}
.offer-page-wrapper .back-link {
  display: flex;
  position: fixed;
  top: 0;
  align-items: center;
  height: 60px;
  width: 100%;
  padding-left: 18px;
  margin-bottom: 45px;
  background-color: #FFFFFF;
  border-bottom: solid 1px #D6D6D6;
  z-index: 21;
}
.offer-page-wrapper .back-link .back-arrow {
  margin: 0;
  cursor: pointer;
  transition: 0.2s ease;
  border-radius: 200px;
}
.offer-page-wrapper .back-link .back-arrow :hover {
  background-color: #E7E9EC;
  border-radius: 200px;
}
.offer-page-wrapper .back-link .page-title {
  display: block;
  font-size: 1rem;
  margin: 10px;
  color: #1c2630;
  font-weight: 500;
  letter-spacing: 0.14px;
}
.offer-page-wrapper .offer-card-wrapper {
  display: grid;
  grid-template-columns: auto 30%;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .offer-page-wrapper .offer-card-wrapper {
    grid-template-columns: auto;
    background: #FFFFFF;
  }
}
.offer-page-wrapper .offer-controller {
  position: relative;
  overflow-y: auto;
  min-width: 350px;
  background-color: white;
  height: 100%;
  border-left: 1px solid #D6D6D6;
}
@media (max-width: 768px) {
  .offer-page-wrapper .offer-controller {
    display: none;
  }
}
.offer-page-wrapper .controller-wrapper {
  position: fixed;
  height: 100%;
  width: auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.offer-page-wrapper .contact-info-container {
  width: 100%;
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 20px;
  font-size: 0.8rem;
  letter-spacing: 1.25px;
}
.offer-page-wrapper .contact-info-container a {
  color: #1C2630;
}
.offer-page-wrapper .contact-info-container .info-icons {
  color: #1C2630;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  line-height: 0;
  border: 1px solid #d6d6d6;
  padding: 4px 8px;
  border-radius: 4px;
}
.offer-page-wrapper .contact-info-container .info-icons i {
  margin-right: 8px;
  font-size: 1rem;
}
.offer-page-wrapper #modalNeeds {
  display: flex;
  flex-direction: column;
  padding: 20px;
  color: #1C2630;
  font-size: 14px;
}
.offer-page-wrapper #offer-wrapper {
  display: flex;
  flex-direction: column;
}
.offer-page-wrapper .offer-card-gallery .property-cover {
  display: none !important;
}
.offer-page-wrapper .offer-card-gallery .ng-overlay {
  background: white !important;
  opacity: 1 !important;
}
.offer-page-wrapper .offer-card-gallery .ng-gallery-content > img {
  top: 45%;
  max-height: 75%;
}
.offer-page-wrapper .offer-card-gallery .ng-gallery-content > a.nav-left, .offer-page-wrapper .offer-card-gallery .ng-gallery-content > a.nav-right {
  color: #1c3553 !important;
}
.offer-page-wrapper .offer-card-gallery .ng-gallery-content > span.info-text {
  color: #1c3553 !important;
}
.offer-page-wrapper .offer-card-gallery .ng-gallery-content > a.close-popup {
  color: #1c3553 !important;
  font-size: 25px;
}
.offer-page-wrapper .price-title {
  font-weight: 400;
  font-size: 24px;
}
.offer-page-wrapper .status-bar {
  display: flex;
  z-index: 1;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 100%;
  padding-top: 10px;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 10px;
  border-radius: 8px;
}
.offer-page-wrapper .status-bar.accepted {
  background-color: #72C163;
}
.offer-page-wrapper .status-bar.declined {
  background-color: #FF5851;
}
.offer-page-wrapper .status-bar.cancelled {
  background-color: #666;
}
.offer-page-wrapper .offer-card-mkt {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  flex: 1;
  height: 100%;
  padding: 16px;
  column-gap: 8px;
  overflow-y: auto;
}
.offer-page-wrapper .offer-card-mkt.hidden {
  display: none;
}
.offer-page-wrapper .offer-card-mkt.loading {
  opacity: 0.1;
}
.offer-page-wrapper .offer-card-mkt .mobile-info-container, .offer-page-wrapper .offer-card-mkt .info-toggle, .offer-page-wrapper .offer-card-mkt .mobile-show {
  display: none !important;
}
.offer-page-wrapper .offer-card-mkt .coapps-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 20px;
  margin-top: 8px;
  margin-bottom: 8px;
  border-radius: 8px;
  background-color: #FFFFFF;
  border: 1px solid #d6d6d6;
  transition: 0.2s ease;
  position: relative;
}
.offer-page-wrapper .offer-card-mkt .coapps-container h2 {
  font-size: 0.75rem;
  color: #1C3553;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.25px;
  margin: 0 0 20px 0;
  padding: 0;
}
.offer-page-wrapper .offer-card-mkt .coapps-container p {
  color: #1C2630;
  font-size: 1rem;
  font-weight: 500;
}
.offer-page-wrapper .offer-card-mkt .coapps-container:hover {
  border: 1px solid #1c3553;
}
.offer-page-wrapper .offer-card-mkt .terms-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 20px;
  margin-top: 8px;
  margin-bottom: 8px;
  border-radius: 8px;
  background-color: #FFFFFF;
  border: 1px solid #d6d6d6;
  transition: 0.2s ease;
  position: relative;
}
.offer-page-wrapper .offer-card-mkt .terms-container h2 {
  font-size: 0.75rem;
  color: #1C3553;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.25px;
  margin: 0 0 20px 0;
  padding: 0;
}
.offer-page-wrapper .offer-card-mkt .terms-container p {
  color: #1C2630;
  font-size: 1rem;
  font-weight: 500;
}
.offer-page-wrapper .offer-card-mkt .terms-container:hover {
  border: 1px solid #1c3553;
}
@media (max-width: 768px) {
  .offer-page-wrapper .offer-card-mkt .terms-container {
    margin-left: 16px;
    margin-right: 16px;
  }
}
.offer-page-wrapper .offer-card-mkt .info-container {
  display: flex;
  position: relative;
  align-items: center;
  flex-wrap: wrap;
  padding: 16px;
  background: #FFFFFF;
  border: 1px solid #d6d6d6;
  transition: 0.2s ease;
  border-radius: 8px;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .offer-page-wrapper .offer-card-mkt .info-container {
    border: none;
    color: #1c2630;
    align-items: flex-start;
  }
}
.offer-page-wrapper .offer-card-mkt .info-container h2 {
  font-size: 0.75rem;
  color: #1C3553;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.25px;
  margin: 0 0 20px 0;
  padding: 0;
}
.offer-page-wrapper .offer-card-mkt .info-container p, .offer-page-wrapper .offer-card-mkt .info-container span {
  color: #1C2630;
  margin: 5px 5px 5px 0;
  font-size: 1rem;
}
.offer-page-wrapper .offer-card-mkt .info-container p.name, .offer-page-wrapper .offer-card-mkt .info-container span.name {
  font-weight: 500;
}
.offer-page-wrapper .offer-card-mkt .info-container .info {
  display: inline-block;
}
.offer-page-wrapper .offer-card-mkt .info-container .arrow-link {
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  cursor: pointer;
  height: 40px;
  border-radius: 50%;
  background-color: transparent;
  color: #000000;
  font-size: 16px;
}
.offer-page-wrapper .offer-card-mkt .info-container .very-good {
  background-color: #6DC762;
  border-radius: 8px;
  color: #FFFFFF;
  font-size: 20px;
  height: 35px;
  width: 55px;
  padding: 3px 6px;
  margin-right: 5px;
}
.offer-page-wrapper .offer-card-mkt .info-container .good {
  background-color: #AFE3A4;
  border-radius: 8px;
  color: #FFFFFF;
  font-size: 20px;
  height: 35px;
  width: 55px;
  padding: 3px 6px;
  margin-right: 5px;
}
.offer-page-wrapper .offer-card-mkt .info-container .average {
  background-color: #EFB22D;
  border-radius: 8px;
  color: #FFFFFF;
  font-size: 20px;
  height: 35px;
  width: 55px;
  padding: 3px 6px;
  margin-right: 5px;
}
.offer-page-wrapper .offer-card-mkt .info-container .below-average {
  background-color: #F3722D;
  border-radius: 8px;
  color: #FFFFFF;
  font-size: 20px;
  height: 35px;
  width: 55px;
  padding: 3px 6px;
  margin-right: 5px;
}
.offer-page-wrapper .offer-card-mkt .info-container .poor {
  background-color: #FF5851;
  border-radius: 8px;
  color: #FFFFFF;
  font-size: 20px;
  height: 35px;
  width: 55px;
  padding: 3px 6px;
  margin-right: 5px;
}
.offer-page-wrapper .offer-card-mkt .info-container .profile-img {
  height: 70px;
  width: 70px;
  border-radius: 100%;
}
.offer-page-wrapper .offer-card-mkt .info-container .space {
  letter-spacing: 1.25px;
}
.offer-page-wrapper .offer-card-mkt .info-container .renter-info-link {
  display: inline-block;
  background-color: #f2f2f2;
  border-radius: 11px;
  height: 45px;
  width: 45px;
  margin: 0 20px 10px 0;
}
.offer-page-wrapper .offer-card-mkt .info-container .about-me-section {
  margin: 32px 0;
}
.offer-page-wrapper .offer-card-mkt .info-container .about-me-section h5 {
  color: #1C2630;
  font-weight: 500;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 1.25px;
}
.offer-page-wrapper .offer-card-mkt .info-container .about-me-section .about-me-text {
  height: 45px;
  overflow: hidden;
  word-break: break-all;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  margin-bottom: 0;
}
.offer-page-wrapper .offer-card-mkt .info-container .about-me-section .about-me-text.expand {
  min-height: 45px;
  height: auto;
  max-height: 300px;
  overflow-y: auto;
}
.offer-page-wrapper .offer-card-mkt .info-container .about-me-section .about-me-text p {
  color: #1C2630;
  font-size: 1rem;
}
.offer-page-wrapper .offer-card-mkt .info-container .about-me-section span {
  cursor: pointer;
}
.offer-page-wrapper .offer-card-mkt .info-container .image-section {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
  gap: 5px;
  height: auto;
  width: 100%;
}
.offer-page-wrapper .offer-card-mkt .info-container .image-section img {
  height: 90px;
  width: 100%;
  border-radius: 8px;
  object-fit: cover;
  cursor: pointer;
}
@media (max-width: 768px) {
  .offer-page-wrapper .offer-card-mkt .info-container .image-section {
    margin-bottom: 40px;
  }
}
.offer-page-wrapper .offer-card-mkt .info-container .gallery-title {
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.offer-page-wrapper .offer-card-mkt .info-container .gallery-title h2 {
  font-size: 0.875rem !important;
}
.offer-page-wrapper .offer-card-mkt .info-container .show-gallery {
  display: block;
  margin: 20px auto 0 auto;
  text-align: center;
}
.offer-page-wrapper .offer-card-mkt .info-container div.additional-info {
  padding-top: 15px;
  margin: 0 -5px;
  padding-right: 20px;
}
.offer-page-wrapper .offer-card-mkt .info-container div.additional-info span.additional-info {
  display: inline-block;
  background-color: #FFEAC4;
  color: #000000;
  font-weight: 500;
  border-radius: 200px;
  margin-right: 10px;
  padding: 5px 10px;
  font-size: 0.8rem;
}
.offer-page-wrapper .offer-card-mkt .info-container .verified {
  display: flex;
  align-items: center;
  color: #666666;
}
.offer-page-wrapper .offer-card-mkt .info-container .verified img {
  height: 19px;
  width: 16px;
  margin-right: 5px;
}
.offer-page-wrapper .offer-card-mkt .info-container .renterProfile {
  position: absolute;
  top: 0;
  right: 0;
  margin: 20px;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  justify-content: center;
  cursor: pointer;
  transition: 2s ease;
}
.offer-page-wrapper .offer-card-mkt .info-container .renterProfile:hover {
  border: 1px solid #1C2630;
}
.offer-page-wrapper .offer-card-mkt .updated-badge {
  position: relative;
  outline: 2px solid #FA9483 !important;
}
.offer-page-wrapper .offer-card-mkt .updated-badge .updated-title {
  position: absolute;
  top: 0;
  right: 20px;
  transform: translateY(-50%);
  padding: 2px 8px;
  background-color: #FA9483;
  border-radius: 16px;
  color: white;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  display: none;
}
@media (max-width: 768px) {
  .offer-page-wrapper .offer-card-mkt .updated-badge {
    border-radius: 8px;
    margin-left: 16px;
    margin-right: 16px;
  }
}
.offer-page-wrapper .offer-card-mkt .prop-info-container {
  margin-bottom: 8px;
}
.offer-page-wrapper .offer-card-mkt .prop-info-container .info {
  width: 100%;
}
.offer-page-wrapper .offer-card-mkt .prop-info-container hr {
  margin: 10px 0;
}
.offer-page-wrapper .offer-card-mkt .prop-info-container p {
  margin-bottom: 2px;
}
.offer-page-wrapper .offer-card-mkt .prop-info-container .fa {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 16px;
  font-weight: 500;
  color: #1C3553;
}
.offer-page-wrapper .offer-card-mkt .prop-info-container .prop-details p {
  font-weight: 500;
  font-size: 16px;
  color: #1C2630;
}
.offer-page-wrapper .offer-card-mkt .prop-info-container .prop-sub-details {
  display: flex;
  justify-content: space-between;
}
.offer-page-wrapper .offer-card-mkt .prop-info-container .prop-sub-details .title {
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  color: #666666;
}
.offer-page-wrapper .offer-card-mkt .prop-info-container .prop-sub-details .value {
  color: #1C2630;
  font-size: 1rem;
  font-weight: 500;
}
.offer-page-wrapper .offer-card-mkt .prop-info-container .concessions .title {
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  color: #666666;
}
.offer-page-wrapper .offer-card-mkt .prop-info-container .concessions .list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.offer-page-wrapper .offer-card-mkt .prop-info-container .concessions .list .concession-list {
  min-width: 0;
}
.offer-page-wrapper .offer-card-mkt .prop-info-container .concessions .list .concession-list p {
  font-size: 1rem;
  color: #1C2630;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.offer-page-wrapper .offer-card-mkt .first-column {
  flex: 1;
  min-width: 430px;
  min-height: fit-content;
}
@media (max-width: 768px) {
  .offer-page-wrapper .offer-card-mkt .first-column {
    min-width: fit-content;
    width: 100%;
  }
}
.offer-page-wrapper .offer-card-mkt .first-column .offer-info-container {
  background-color: #1C3553;
  color: #FFFFFF;
  padding: 16px;
  border-radius: 8px;
  margin-bottom: 8px;
}
.offer-page-wrapper .offer-card-mkt .first-column .offer-info-container h1 {
  display: inline-block;
  font-size: 1.5rem;
}
.offer-page-wrapper .offer-card-mkt .first-column .offer-info-container .info-label {
  font-size: 0.8rem;
  font-weight: 500;
  opacity: 0.7;
  text-transform: uppercase;
  letter-spacing: 1.25px;
  padding: 0 20px 0 0;
}
.offer-page-wrapper .offer-card-mkt .first-column .offer-info-container .deposit-label {
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.13px;
}
.offer-page-wrapper .offer-card-mkt .first-column .offer-info-container .info {
  font-size: 16px;
  font-weight: 500;
}
.offer-page-wrapper .offer-card-mkt .first-column .offer-info-container hr {
  margin: 25px 0 5px 0;
  border-top: 2px solid #FFFFFF66;
}
.offer-page-wrapper .offer-card-mkt .first-column .offer-info-container .deposit div.info {
  display: inline-block;
  width: 49%;
  margin-top: 10px;
}
.offer-page-wrapper .offer-card-mkt .first-column .offer-info-container .deposit div.info .info-label {
  display: inline-block;
  margin: 10px 0;
}
@media (max-width: 768px) {
  .offer-page-wrapper .offer-card-mkt .first-column .offer-info-container {
    margin: 0 16px 8px 16px;
  }
}
.offer-page-wrapper .offer-card-mkt .first-column .offer-info-container .coverage-wrapper {
  color: #1C2630;
  background-color: white;
  border-radius: 10px;
  padding: 16px;
}
.offer-page-wrapper .offer-card-mkt .first-column .offer-info-container .coverage-wrapper .deposit div.info {
  display: inline-block;
  width: 49%;
}
.offer-page-wrapper .offer-card-mkt .first-column .offer-info-container .coverage-wrapper .deposit div.info .info-label {
  display: inline-block;
}
.offer-page-wrapper .offer-card-mkt .second-column {
  flex: 1.5;
  min-width: 350px;
}
@media (max-width: 768px) {
  .offer-page-wrapper .offer-card-mkt .second-column {
    flex: 1;
    min-width: fit-content;
  }
}
.offer-page-wrapper .offer-card-mkt .second-column p {
  color: #1C2630;
  font-size: 1rem;
  font-weight: 400;
}
.offer-page-wrapper .offer-card-mkt .second-column h1 {
  color: #1C2630;
  font-size: 1.5rem;
  font-weight: 500;
  margin: 5px 0 5px 0;
}
.offer-page-wrapper .offer-card-mkt .second-column .education-history {
  display: flex;
  align-items: center;
  border-radius: 8px;
  padding: 0 10px;
  margin: 10px 0;
  font-size: 16px;
  color: #1C2630;
}
.offer-page-wrapper .offer-card-mkt .second-column .education-history span {
  display: inline-block;
  font-size: 16px;
  color: #1C2630;
  font-weight: 400;
  margin: 5px;
}
.offer-page-wrapper .offer-card-mkt .second-column .education-history span.bold {
  opacity: 1;
}
.offer-page-wrapper .offer-card-mkt .second-column .education-history img {
  margin-right: 10px;
}
.offer-page-wrapper .offer-card-mkt .second-column .tablet-view {
  display: none;
}
.offer-page-wrapper .offer-card-mkt .second-column .tablet-view .rental-history {
  display: flex;
  align-items: center;
}
.offer-page-wrapper .offer-card-mkt .second-column .tablet-view .rental-history img {
  height: 19px;
  margin-top: -3px;
}
.offer-page-wrapper .offer-card-mkt .second-column .tablet-view .rental-history span {
  font-size: 14px;
  color: #1C2630;
  font-weight: 400;
  margin-left: 10px;
}
.offer-page-wrapper .offer-card-mkt .second-column .tablet-view .num-references {
  background-color: #F2F2F2;
  color: #1C2630;
  border-radius: 8px;
  padding: 5px 10px;
  font-size: 16px;
}
.offer-page-wrapper .offer-card-mkt .second-column .tablet-view p {
  color: #1C2630;
  font-size: 16px;
}
.offer-page-wrapper .offer-card-mkt .second-column .tablet-view .rental-need {
  display: inline-block;
  background-color: #FFD9C7;
  border-radius: 4px;
  color: #1C2630;
  font-weight: 500;
  margin: 5px 10px 5px 0;
  padding: 5px 10px;
}
.offer-page-wrapper .offer-card-mkt .second-column .mobile-view {
  display: none;
}
.offer-page-wrapper .offer-card-mkt .third-column {
  flex: 1;
  min-width: 350px;
}
.offer-page-wrapper .offer-card-mkt .third-column .rental-history {
  display: flex;
  align-items: center;
}
.offer-page-wrapper .offer-card-mkt .third-column .rental-history img {
  height: 19px;
  margin-top: -3px;
}
.offer-page-wrapper .offer-card-mkt .third-column .rental-history span {
  font-size: 14px;
  color: #1C2630;
  font-weight: 400;
  margin-left: 10px;
}
.offer-page-wrapper .offer-card-mkt .third-column .num-references {
  background-color: #F2F2F2;
  color: #1C2630;
  border-radius: 8px;
  padding: 5px 10px;
  font-size: 16px;
  font-weight: 400;
}
.offer-page-wrapper .offer-card-mkt .third-column p {
  color: #1C2630;
  font-size: 16px;
}
.offer-page-wrapper .offer-card-mkt .third-column .rental-need {
  display: inline-block;
  background-color: #FFD9C7;
  border-radius: 4px;
  color: #1C2630;
  font-weight: 500;
  margin: 5px 10px 5px 0;
  padding: 5px 10px;
}
.offer-page-wrapper #additional-docs {
  display: flex;
  padding: 0;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  width: 800px;
  height: 800px;
}
.offer-page-wrapper #additional-docs .additional-docs-list {
  margin-right: 20px;
  border-right: 1px solid #D6D6D6;
}
.offer-page-wrapper #additional-docs .additional-docs-list .additional-docs-item {
  display: flex;
  align-items: center;
  white-space: nowrap;
  padding: 10px 20px;
  border-bottom: 1px solid #D6D6D6;
  cursor: pointer;
  font-size: 0.875rem;
  color: #1c2630;
  font-weight: 500;
}
.offer-page-wrapper #additional-docs .additional-docs-list .additional-docs-item .new-chip {
  background-color: #FF0000;
  color: #FFFFFF;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 1px 10px;
  border-radius: 200px;
  text-transform: uppercase;
}
.offer-page-wrapper #additional-docs .additional-docs-list .additional-docs-item:hover {
  background-color: #F2F2F2;
}
.offer-page-wrapper #additional-docs .additional-docs-details {
  padding: 20px;
  width: 100%;
}
@media (max-width: 768px) {
  .offer-page-wrapper #additional-docs.extra-info {
    max-width: 100%;
    margin: 0;
    padding: 0;
    border-radius: 0;
    height: 100%;
  }
}
.offer-page-wrapper .extra-info-ref {
  right: -10000px;
  height: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: flex;
}
.offer-page-wrapper .extra-info-ref.visible {
  position: relative;
  transform: translateX(-10000px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.offer-page-wrapper .extra-info-ref #referencesWrapper {
  display: flex;
  height: fit-content;
}
.offer-page-wrapper .extra-info-ref #references-nav {
  width: 300px;
  margin-left: 16px;
  margin-top: 16px;
  overflow: hidden;
  background-color: #FFFFFF;
  border-radius: 8px;
  box-shadow: none;
  border: 1px solid #D6D6D6;
}
.offer-page-wrapper .extra-info-ref #references-nav .parent-info-container {
  width: 100%;
}
.offer-page-wrapper .extra-info-ref #references-nav .parent-info-container .info-container {
  padding: 20px;
  border-bottom: 2px solid #E6E6E6;
}
.offer-page-wrapper .extra-info-ref #references-nav .parent-info-container .info-container .arrow-link {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  cursor: pointer;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: transparent;
  color: #000000;
  font-size: 16px;
}
.offer-page-wrapper .extra-info-ref #references-nav .parent-info-container .info-container .arrow-link i {
  padding-left: 4px;
}
.offer-page-wrapper .extra-info-ref #references-nav .parent-info-container .ref-container {
  background: white;
  font-size: 16px;
}
.offer-page-wrapper .extra-info-ref #references-nav .parent-info-container .ref-container:hover {
  background: #e5e5e5;
}
.offer-page-wrapper .extra-info-ref #references-nav .parent-info-container .border-active {
  background: #F2F2F2 !important;
}
.offer-page-wrapper .extra-info-ref #references-details {
  width: 700px;
  margin-top: 16px;
  min-height: 400px;
  padding: 40px 30px;
  background-color: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #D6D6D6;
  display: flex;
  flex-direction: column;
}
.offer-page-wrapper .extra-info-ref #references-details #noQuest {
  display: flex;
  justify-content: space-between;
  background: #ffeac4;
  padding: 20px;
  align-items: center;
  border-radius: 8px;
  font-size: 16px;
  color: #1C3553;
  margin-bottom: 20px;
}
.offer-page-wrapper .extra-info-ref #references-details .reminderButton {
  background: #1C3553;
  border-radius: 8px;
  padding: 10px;
  color: white;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
}
.offer-page-wrapper .extra-info-ref #references-details .reminderButton:hover {
  background-color: #0f1d2d;
}
.offer-page-wrapper .extra-info-ref #references-details .detail-wrapper {
  display: flex;
}
.offer-page-wrapper .extra-info-ref #references-details .detail-info {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.offer-page-wrapper .extra-info-ref #references-details .detail-info .detail-info-wrapper {
  margin-bottom: 20px;
}
.offer-page-wrapper .extra-info-ref #references-details .detail-info .detail-info-wrapper .detail-title {
  color: #1C2630;
  font-size: 14px;
  margin-bottom: 5px;
}
.offer-page-wrapper .extra-info-ref #references-details .detail-info .detail-info-wrapper .detail-content {
  color: #1C3553;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 5px;
}
.offer-page-wrapper .extra-info-ref #questPanel {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  background: #f2f2f2;
  display: flex;
  justify-content: center;
}
.offer-page-wrapper .extra-info-ref #questPanel #quest {
  margin-bottom: 100px;
}
.offer-page-wrapper .extra-info {
  position: absolute;
  right: -10000px;
  max-width: 600px;
  height: auto;
  margin-left: 16px;
  margin-top: 16px;
  margin-bottom: 100px;
  padding: 16px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-color: white;
  border-radius: 8px;
  border: 1px solid #d6d6d6;
}
.offer-page-wrapper .extra-info.modal-info {
  margin: 80px auto 20px auto;
}
.offer-page-wrapper .extra-info.visible {
  position: relative;
  overflow-x: hidden;
  transform: translateX(-10000px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.offer-page-wrapper .extra-info .parent-info-container {
  width: 100%;
}
.offer-page-wrapper .extra-info .parent-info-container .credit-score .very-good {
  display: flex;
  align-items: center;
  background-color: #6DC762;
  border-radius: 10px;
  color: #FFFFFF;
  font-size: 31px;
  height: 50px;
  width: 75px;
  padding: 5px 10px;
  margin: 0 auto;
}
.offer-page-wrapper .extra-info .parent-info-container .credit-score .good {
  display: flex;
  align-items: center;
  background-color: #AFE3A4;
  border-radius: 10px;
  color: #FFFFFF;
  font-size: 31px;
  height: 50px;
  width: 75px;
  padding: 5px 10px;
  margin: 0 auto;
}
.offer-page-wrapper .extra-info .parent-info-container .credit-score .average {
  display: flex;
  align-items: center;
  background-color: #EFB22D;
  border-radius: 10px;
  color: #FFFFFF;
  font-size: 31px;
  height: 50px;
  width: 75px;
  padding: 5px 10px;
  margin: 0 auto;
}
.offer-page-wrapper .extra-info .parent-info-container .credit-score .below-average {
  display: flex;
  align-items: center;
  background-color: #F3722D;
  border-radius: 10px;
  color: #FFFFFF;
  font-size: 31px;
  height: 50px;
  width: 75px;
  padding: 5px 10px;
  margin: 0 auto;
}
.offer-page-wrapper .extra-info .parent-info-container .credit-score .poor {
  display: flex;
  align-items: center;
  background-color: #FF5851;
  border-radius: 10px;
  color: #FFFFFF;
  font-size: 31px;
  height: 50px;
  width: 75px;
  padding: 5px 10px;
  margin: 0 auto;
}
.offer-page-wrapper .extra-info .parent-info-container .credit-score .score-range {
  display: block;
  margin: 10px auto;
  text-align: center;
  color: #1C2630;
  font-weight: 500;
}
.offer-page-wrapper .extra-info .parent-info-container .info-container {
  background-color: #F2F2F2;
  border-radius: 10px;
  padding: 30px;
  margin: 10px 0;
}
.offer-page-wrapper .extra-info .parent-info-container .info-container h5 {
  display: inline-block;
  margin: 0;
  color: #1C2630;
  font-size: 18px;
  font-weight: 500;
}
.offer-page-wrapper .extra-info .parent-info-container .info-container .fraud-alert {
  display: inline-flex;
  align-items: center;
  float: right;
}
.offer-page-wrapper .extra-info .parent-info-container .info-container .fraud-alert > span {
  font-size: 18px;
  color: #1C2630;
  opacity: 1;
  padding: 0;
}
.offer-page-wrapper .extra-info .parent-info-container .info-container .clear-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  margin-right: 10px;
  padding: 0;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background-color: #6DC762;
  color: #f2f2f2 !important;
  opacity: 1;
}
.offer-page-wrapper .extra-info .parent-info-container .info-container .info {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.offer-page-wrapper .extra-info .parent-info-container .info-container span {
  display: inline-block;
  padding-bottom: 10px;
  font-size: 16px;
  color: #1C2630;
  opacity: 0.7;
}
.offer-page-wrapper .extra-info .parent-info-container .info-container h2, .offer-page-wrapper .extra-info .parent-info-container .info-container h3 {
  display: inline;
  color: #1C2630;
  font-weight: 500;
  margin: 0;
}
.offer-page-wrapper .extra-info .parent-info-container .info-container h2 {
  font-size: 31px;
}
.offer-page-wrapper .extra-info .parent-info-container .info-container h3 {
  font-size: 20px;
}
.offer-page-wrapper .extra-info .parent-info-container .info-container .no-data {
  font-size: 14px;
  color: #666666;
  font-weight: 400;
}
.offer-page-wrapper .extra-info .parent-info-container .doc-container {
  display: flex;
  align-items: center;
  padding: 20px;
  margin: 0 0 15px;
}
.offer-page-wrapper .extra-info .parent-info-container .doc-container .paperclip {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  padding: 0;
  margin-left: auto;
  background-color: #FFFFFF;
  border-radius: 50%;
  cursor: pointer;
}
.offer-page-wrapper .extra-info .parent-info-container .doc-container .paperclip i {
  font-size: 20px;
  font-weight: 500;
}
.offer-page-wrapper .extra-info .parent-info-container .doc-container:last-child {
  margin-bottom: 0;
}
.offer-page-wrapper .mobile-offer-action-container {
  display: none;
  position: absolute;
  bottom: 0;
  right: 120px;
  width: 375px;
  z-index: 1;
}
.offer-page-wrapper .mobile-offer-action-container .offer-action-button {
  display: flex;
  align-items: center;
  height: 80px;
  width: 100%;
  background-color: #FFFFFF;
  padding: 20px 30px;
}
.offer-page-wrapper .mobile-offer-action-container .offer-action-button span {
  color: #1C2630;
  font-size: 18px;
  font-weight: 500;
}
.offer-page-wrapper .mobile-offer-action-container .offer-action-button span.menu-collapse {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  font-size: 22px;
  border-radius: 50%;
  background-color: #F2F2F2;
  margin-left: auto;
}
.offer-page-wrapper .mobile-offer-action-container #offer-dropdown {
  padding: 20px 15px;
  background-color: #FFFFFF;
  border-radius: 8px 8px 0 0;
  transition: 2s ease;
}
.offer-page-wrapper .mobile-offer-action-container #offer-dropdown .btn-offer {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1C3553;
  font-size: 16px;
  height: 45px;
  font-weight: 500;
  width: 100%;
  cursor: pointer;
}
.offer-page-wrapper .mobile-offer-action-container #offer-dropdown .btn-offer:hover {
  background-color: #F2F2F2;
}
.offer-page-wrapper .desktop-offer-action-container {
  display: block;
  position: absolute;
  top: 0;
  right: 60px;
  width: 250px;
  z-index: 1;
}
.offer-page-wrapper .desktop-offer-action-container .offer-action-button {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  background-color: #FFE9E0 !important;
  padding: 10px 0;
}
.offer-page-wrapper .desktop-offer-action-container .offer-action-button span {
  color: #1C3553;
  font-size: 14px;
  font-weight: 500;
  padding-left: 10px;
  letter-spacing: 1.25px;
}
.offer-page-wrapper .desktop-offer-action-container .offer-action-button span.menu-collapse {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  font-size: 22px;
  border-radius: 50%;
  margin-left: auto;
}
.offer-page-wrapper #gallery-modal .modal-content .modal-header button {
  margin-top: -10px !important;
  opacity: 1;
}
.offer-page-wrapper #gallery-modal .modal-content .modal-body img {
  max-width: 350px;
  display: block;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .offer-page-wrapper .back-link {
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 101;
    margin-bottom: 5px;
    padding-left: 0;
  }
  .offer-page-wrapper .back-link .back-arrow {
    position: absolute;
    left: 10px;
  }
  .offer-page-wrapper .back-link .page-title {
    margin: 0 auto;
  }
  .offer-page-wrapper .status-bar {
    z-index: 1;
  }
  .offer-page-wrapper #references-nav {
    width: 100vw !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    border-radius: 0 !important;
  }
  .offer-page-wrapper #modalNeeds {
    margin: -60px -20px -20px -20px;
    background: white;
    position: relative;
  }
  .offer-page-wrapper .model-content {
    margin: 0 !important;
  }
  .offer-page-wrapper #references-details {
    overflow: scroll;
    width: 100vw !important;
    margin-top: 0 !important;
    margin-bottom: 200px !important;
    border-radius: 0 !important;
    overflow-x: hidden;
  }
  .offer-page-wrapper #references-details .detail-wrapper {
    flex-direction: column;
  }
  .offer-page-wrapper #references-details #noQuest {
    margin: -40px -30px 20px -30px !important;
    border-radius: 0 !important;
  }
  .offer-page-wrapper .offer-card-mkt {
    display: block;
    padding: 0;
    background-color: #FFFFFF;
    overflow-x: hidden;
    height: 100%;
  }
  .offer-page-wrapper .offer-card-mkt .column {
    width: 100%;
  }
  .offer-page-wrapper .offer-card-mkt .mobile-info-container {
    display: block !important;
    padding: 0;
  }
  .offer-page-wrapper .offer-card-mkt .mobile-info-container > img {
    display: block;
    margin: 0 auto 20px auto;
  }
  .offer-page-wrapper .offer-card-mkt .mobile-info-container p {
    color: #1C2630;
    font-size: 0.8rem;
    font-weight: 500;
  }
  .offer-page-wrapper .offer-card-mkt .mobile-info-container h1 {
    color: #1C2630;
    font-size: 25px;
    font-weight: 500;
  }
  .offer-page-wrapper .offer-card-mkt .mobile-info-container .link-container {
    padding: 0;
    text-align: center;
  }
  .offer-page-wrapper .offer-card-mkt .mobile-info-container .link-container .verified-mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666666;
    width: 100%;
    margin-bottom: 30px;
  }
  .offer-page-wrapper .offer-card-mkt .mobile-info-container .link-container .verified-mobile img {
    height: 19px;
    width: 16px;
    margin-right: 5px;
  }
  .offer-page-wrapper .offer-card-mkt .mobile-info-container .link-container .button-container {
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    max-width: 350px;
    margin: 15px auto 0;
  }
  .offer-page-wrapper .offer-card-mkt .mobile-info-container .link-container .button-container .renter-info-link {
    display: inline-flex;
    cursor: pointer;
    padding: 10px;
    margin-right: 5px;
  }
  .offer-page-wrapper .offer-card-mkt .mobile-info-container .link-container .button-container .renter-info-link img, .offer-page-wrapper .offer-card-mkt .mobile-info-container .link-container .button-container .renter-info-link p {
    width: 100%;
  }
  .offer-page-wrapper .offer-card-mkt .mobile-info-container .link-container .button-container .renter-info-link p {
    margin: auto;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
  }
  .offer-page-wrapper .offer-card-mkt .about-me-section h4 {
    font-size: 1.5rem;
  }
  .offer-page-wrapper .offer-card-mkt .mobile-info {
    padding: 15px;
    border: 1px solid #d6d6d6;
    border-radius: 8px;
    box-shadow: none !important;
  }
  .offer-page-wrapper .offer-card-mkt .coapps-container .col-sm-9 {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .offer-page-wrapper .offer-card-mkt .coapps-container .col-sm-3 {
    flex: 1;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .offer-page-wrapper .offer-card-mkt .coapps-container {
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media (max-width: 768px) {
  .offer-page-wrapper .offer-card-mkt .prop-info-container .fa {
    padding: 15px;
  }
}
@media (max-width: 768px) {
  .offer-page-wrapper .offer-card-mkt .info-container {
    box-shadow: none;
    padding: 0 16px;
  }
  .offer-page-wrapper .offer-card-mkt .info-container .info {
    width: 100%;
  }
  .offer-page-wrapper .offer-card-mkt .info-container .info .mobile-bg {
    padding: 30px;
  }
  .offer-page-wrapper .offer-card-mkt .info-container .info .mobile-bg, .offer-page-wrapper .offer-card-mkt .info-container .info .employment-mobile-bg {
    border-radius: 8px;
    font-weight: 400;
  }
  .offer-page-wrapper .offer-card-mkt .info-container .info .mobile-bg .credit-score, .offer-page-wrapper .offer-card-mkt .info-container .info .employment-mobile-bg .credit-score {
    padding: 8px 10px;
    font-size: 22px;
  }
  .offer-page-wrapper .offer-card-mkt .info-container .info .mobile-bg .mobile-show.arrow-link, .offer-page-wrapper .offer-card-mkt .info-container .info .employment-mobile-bg .mobile-show.arrow-link {
    display: flex !important;
    background-color: transparent;
    right: 20px;
    top: 25%;
  }
  .offer-page-wrapper .offer-card-mkt .info-container .info .mobile-bg .num-references, .offer-page-wrapper .offer-card-mkt .info-container .info .employment-mobile-bg .num-references {
    background-color: #FFFFFF;
  }
  .offer-page-wrapper .offer-card-mkt .info-container .info .mobile-bg {
    padding: 0 !important;
  }
  .offer-page-wrapper .offer-card-mkt .info-container .info .employment-mobile-bg .additional-info .additional-info {
    background-color: #FFEAC4;
  }
  .offer-page-wrapper .offer-card-mkt .info-container #employment-info {
    cursor: pointer;
  }
}
@media (max-width: 768px) {
  .offer-page-wrapper .offer-card-mkt .info-toggle {
    display: flex !important;
    position: relative;
    width: 280px;
    height: 55px;
    margin: 0 auto 20px auto;
    padding: 8px 10px;
    border-radius: 36px;
    background-color: #F2F2F2;
    cursor: pointer;
    z-index: 0;
  }
  .offer-page-wrapper .offer-card-mkt .info-toggle span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 130px;
    font-size: 16px;
    font-weight: 500;
    color: #1C2630;
    border-radius: 36px;
    opacity: 0.5;
    z-index: 2;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
  .offer-page-wrapper .offer-card-mkt .info-toggle span.active {
    opacity: 1;
  }
  .offer-page-wrapper .offer-card-mkt .info-toggle span.active + .slider:before {
    -webkit-transform: translateX(130px);
    -ms-transform: translateX(130px);
    transform: translateX(130px);
  }
  .offer-page-wrapper .offer-card-mkt .info-toggle .slider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
  .offer-page-wrapper .offer-card-mkt .info-toggle .slider:before {
    position: absolute;
    content: "";
    height: 40px;
    width: 130px;
    left: 10px;
    bottom: 8px;
    border-radius: 36px;
    background-color: #FFFFFF;
    opacity: 1;
    box-shadow: 0 3px 6px #00000029;
    z-index: 1;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
}
@media (max-width: 768px) {
  .offer-page-wrapper .offer-card-mkt .first-column .mobile-hide {
    display: none;
  }
  .offer-page-wrapper .offer-card-mkt .first-column .mobile-show {
    display: block !important;
    color: #1C2630;
    font-size: 16px;
    font-weight: 500;
    margin-left: 20px;
  }
}
@media (max-width: 768px) {
  .offer-page-wrapper .offer-card-mkt .second-column {
    display: none;
  }
  .offer-page-wrapper .offer-card-mkt .second-column .mobile-hide {
    display: none !important;
  }
  .offer-page-wrapper .offer-card-mkt .second-column .mobile-view {
    display: flex;
  }
}
@media (max-width: 768px) {
  .offer-page-wrapper .offer-card-mkt .fourth-column {
    display: none;
  }
}
@media (max-width: 768px) {
  .offer-page-wrapper .extra-info {
    display: none;
    position: relative;
    width: 100%;
  }
  .offer-page-wrapper .extra-info.visible {
    display: block;
    border-radius: 0;
  }
}
@media (max-width: 768px) {
  .offer-page-wrapper .mobile-offer-action-container {
    display: block;
    right: 0;
    width: 100%;
    z-index: 1;
  }
  .offer-page-wrapper .mobile-offer-action-container.dark {
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .offer-page-wrapper .mobile-offer-action-container .offer-action-button {
    position: absolute;
    bottom: 0;
    box-shadow: 0 -1px 0px #00000029;
  }
  .offer-page-wrapper .mobile-offer-action-container #offer-dropdown {
    position: absolute;
    width: 100%;
    padding-top: 140px;
    padding-bottom: 100px;
    overflow-y: scroll;
  }
}
@media (max-width: 768px) {
  .offer-page-wrapper .desktop-offer-action-container {
    display: none;
  }
}
.offer-page-wrapper #renter-needs.info-container:hover {
  border: 1px solid #1C2630;
}
.offer-page-wrapper .renter-needs-container {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
  border-radius: 8px;
  background: #FFFFFF;
  border: 1px solid #d6d6d6;
  transition: 0.2s ease;
}
.offer-page-wrapper .renter-needs-container h2 {
  font-size: 0.75rem;
  color: #1C3553;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.25px;
  padding: 0;
}
.offer-page-wrapper .renter-needs-container p, .offer-page-wrapper .renter-needs-container span {
  color: #1C2630;
  margin: 5px 5px 5px 0;
  font-size: 1rem;
}
.offer-page-wrapper .renter-needs-container p.name, .offer-page-wrapper .renter-needs-container span.name {
  font-weight: 500;
}
.offer-page-wrapper .renter-needs-container .info, .offer-page-wrapper .renter-needs-container .arrow-link {
  display: inline-block;
}
@media (max-width: 768px) {
  .offer-page-wrapper .renter-needs-container {
    margin: 15px 20px;
  }
}
.offer-page-wrapper .renter-needs-container:hover {
  border: 1px solid #1C2630;
}
.offer-page-wrapper .accommodation-container {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 20px;
  margin-top: 8px;
  margin-bottom: 8px;
  border-radius: 8px;
  background: #FFFFFF;
  border: 1px solid #d6d6d6;
  transition: 0.2s ease;
}
.offer-page-wrapper .accommodation-container h2 {
  font-size: 0.75rem;
  color: #1C3553;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.25px;
  margin: 0 0 20px 0;
  padding: 0;
}
.offer-page-wrapper .accommodation-container p, .offer-page-wrapper .accommodation-container span {
  color: #1C2630;
  margin: 5px 5px 5px 16px;
  font-size: 1rem;
}
.offer-page-wrapper .accommodation-container p.name, .offer-page-wrapper .accommodation-container span.name {
  font-weight: 500;
}
@media (max-width: 768px) {
  .offer-page-wrapper .accommodation-container {
    margin-left: 16px;
    margin-right: 16px;
  }
}
.offer-page-wrapper .references-container {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 20px;
  margin-top: 8px;
  margin-bottom: 8px;
  border-radius: 8px;
  background: #FFFFFF;
  border: 1px solid #d6d6d6;
  transition: 0.2s ease;
}
@media (max-width: 768px) {
  .offer-page-wrapper .references-container {
    margin-left: 16px;
    margin-right: 16px;
  }
}
.offer-page-wrapper .references-container h2 {
  font-size: 0.75rem;
  color: #1C3553;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.25px;
  margin: 0 0 20px 0;
  padding: 0;
}
.offer-page-wrapper .references-container p, .offer-page-wrapper .references-container span {
  color: #1C2630;
  margin: 5px 5px 5px 0;
  font-size: 1rem;
}
.offer-page-wrapper .references-container p.name, .offer-page-wrapper .references-container span.name {
  font-weight: 500;
}
.offer-page-wrapper .references-container:hover {
  border: 1px solid #1C2630;
}
.offer-page-wrapper .chevron-arrow {
  position: absolute;
  right: 0;
}
.offer-page-wrapper .rental-needs {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.offer-page-wrapper .income-verification-card {
  color: #000000;
}
.offer-page-wrapper .income-verification-card .months-income {
  background: #C6F4FF;
  padding: 10px;
  border-radius: 8px;
}
.offer-page-wrapper .income-verification-card .account-balance {
  background: #DEFCD6;
  padding: 10px;
  border-radius: 8px;
}
.offer-page-wrapper .income-verification-card .table-container {
  max-height: 400px;
  overflow-y: auto;
  border: 1px solid #ddd;
}
.offer-page-wrapper .income-verification-card table {
  width: 100%;
  border-collapse: collapse;
}
.offer-page-wrapper .income-verification-card th, .offer-page-wrapper .income-verification-card td {
  border: 1px solid #ddd;
  text-align: left;
  padding: 8px;
}
.offer-page-wrapper .income-verification-card th {
  color: #666666;
  background-color: #f2f2f2;
  font-weight: normal;
}
.offer-page-wrapper .income-verification-card tr:nth-child(even) {
  background-color: #f9f9f9;
}
.offer-page-wrapper .income-verification-card .company {
  color: #2C57C5;
  cursor: pointer;
}
.offer-page-wrapper .employment-container {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 20px;
  margin: 8px 0;
  border-radius: 8px;
  background: #FFFFFF;
  border: 1px solid #d6d6d6;
  transition: 0.2s ease;
}
@media (max-width: 768px) {
  .offer-page-wrapper .employment-container {
    margin-left: 16px;
    margin-right: 16px;
  }
}
.offer-page-wrapper .employment-container h2 {
  font-size: 0.75rem;
  color: #1C3553;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.25px;
  margin: 0 0 20px 0;
  padding: 0;
}
.offer-page-wrapper .employment-container p, .offer-page-wrapper .employment-container span {
  color: #1C2630;
}
.offer-page-wrapper .employment-container p.name, .offer-page-wrapper .employment-container span.name {
  font-weight: 500;
}
.offer-page-wrapper .employment-container:hover {
  border: 1px solid #1C2630;
}
@media (max-width: 768px) {
  .offer-page-wrapper #rentercard-name {
    font-size: 1.25rem;
    margin: 0;
  }
  .offer-page-wrapper #employment-docs.employment-docs.extra-info {
    position: absolute;
    top: 120px;
    border-radius: 0;
    height: 100%;
    margin-top: 0;
  }
  .offer-page-wrapper #credit-report.credit-report.extra-info {
    position: absolute;
    top: 100px;
    border-radius: 0;
    height: 100%;
    padding-bottom: 220px;
  }
  .offer-page-wrapper #references.references.extra-info-ref {
    position: absolute;
    top: 120px;
    border-radius: 0;
    height: 100%;
  }
}
.offer-page-wrapper .additional-info {
  display: flex;
  gap: 8px;
}
.offer-page-wrapper .employment-details {
  font-size: 1rem;
  background: #FFEAC4;
  padding: 4px 8px;
  border-radius: 8px;
  font-weight: 500;
}
@media (max-width: 768px) {
  .offer-page-wrapper .employment-details {
    font-size: 0.8rem;
  }
}
@media (max-width: 768px) {
  .offer-page-wrapper #additional-info.info-container,
.offer-page-wrapper #credit-report-card.info-container {
    padding: 0;
    margin-bottom: 8px;
    margin-left: 16px;
    margin-right: 16px;
  }
  .offer-page-wrapper .arrow-link {
    top: 25%;
  }
}

.offer-bg {
  margin: 2em;
  padding-bottom: 20px;
  background-color: #FFFFFF;
  border: 1.5px solid #d6d6d6;
  border-radius: 8px;
  position: relative;
  min-height: 50%;
}
.offer-bg .back-link {
  margin-bottom: 43px;
  padding: 20px 45px;
  width: 100%;
  height: 60px;
  background-color: #FFFFFF;
}
.offer-bg .back-link h3 {
  display: inline-block;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  margin: 0;
}
.offer-bg .desktop-screen-ul {
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 0;
  background-color: #1C3553;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}
.offer-bg .desktop-screen-ul li {
  flex: 1;
  height: 50px;
  width: 120px;
  max-width: 120px;
  text-align: center;
  display: flex;
  align-items: center;
}
.offer-bg .desktop-screen-ul li a {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  width: 100%;
  height: 100%;
  line-height: 47px;
  color: #C4CAD2;
  padding-top: 2px;
  font-family: Roboto;
  letter-spacing: 1.25px;
  font-size: 14px;
}
.offer-bg .desktop-screen-ul li a:hover {
  background: #495D75;
}
.offer-bg .desktop-screen-ul .active {
  color: #ffffff;
  font-weight: 500;
  border-bottom: 3px solid #fa9483;
}
.offer-bg .sort-btn {
  padding: 20px;
  margin: 0;
  border-bottom: 1px solid #d6d6d6;
}
.offer-bg .sort-btn #offerListSort {
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  border: 1px solid #d6d6d6;
  border-radius: 100px;
  display: flex;
  color: #1c2630;
  padding: 8px 12px 8px 12px;
  cursor: pointer;
  justify-content: center;
  width: fit-content;
  transition: 0.3s ease;
}
.offer-bg .sort-btn #offerListSort:hover {
  border: 1px solid #707070;
  background: #1c35531A;
}
.offer-bg .offer-title {
  background-image: linear-gradient(to right, #1C2630, #1C3553);
  padding: 20px;
  color: #FA9483;
  font-size: 34px;
  margin-top: 70px;
  min-width: 800px;
  max-width: 1600px;
}
.offer-bg .offerCard {
  position: relative;
  border: 1px solid #d6d6d680;
  border-radius: 2px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 40px;
  margin: 20px;
  padding: 20px;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.3s ease;
}
.offer-bg .offerCard .cardItem {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
}
.offer-bg .offerCard .cardItem #headerFirst {
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  color: #666666;
  display: flex;
  flex-direction: column;
  min-width: 180px;
}
.offer-bg .offerCard .cardItem #headerFirst #data {
  text-transform: none;
  font-size: 1rem;
  color: #1c2630;
  font-weight: 500;
}
.offer-bg .offerCard .cardItem #header {
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  color: #666666;
  display: flex;
  flex-direction: column;
}
.offer-bg .offerCard .cardItem #header #data {
  text-transform: none;
  font-size: 1rem;
  color: #1c2630;
  font-weight: 500;
}
.offer-bg .offerCard #chevron {
  position: absolute;
  right: 20px;
}
.offer-bg .offerCard:hover {
  border: 1px solid #707070;
  background: #1C35531A;
}
.offer-bg .dropdown {
  border: 1px solid #C9D5DB;
  background: white;
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  width: 200px;
  z-index: 999;
}
.offer-bg .dropDownOptions {
  padding: 10px 15px 10px 15px;
  color: #1C2630;
  font-weight: 500;
}
.offer-bg .dropDownOptions:hover {
  opacity: 0.5;
}
.offer-bg .offer-status-icon i.accepted {
  color: #72C163;
  font-size: 24px;
}
.offer-bg .offer-status-icon i.rejected {
  color: #FF5851;
  font-size: 24px;
}
.offer-bg .offer-status-icon i.pending {
  color: #1c2630;
  font-size: 24px;
}
.offer-bg .offerCard {
  position: relative;
  /* Keep existing styles */
}

@media screen and (max-width: 768px) {
  .offer-bg {
    margin: 0px 0px 30px 0px;
    padding-bottom: 30px;
  }
  .offer-bg .desktop-screen-ul {
    border-radius: 0px;
  }
  .offer-bg .desktop-screen-ul li {
    width: 50%;
    max-width: 50%;
  }
  .offer-bg .offer-title {
    min-width: 0px;
    margin-top: 20px;
  }
  .offer-bg .offerCard .cardItem {
    display: block;
    width: 40%;
    padding-bottom: 15px;
  }
}
.modal-coapp {
  padding: 5px 20px 5px 20px;
  width: 1450px;
}
.modal-coapp .btn-close {
  margin-top: 15px;
}

.agreement-overview {
  padding: 16px;
}
.agreement-overview h2 {
  font-weight: bold;
}
.agreement-overview .section {
  margin-bottom: 20px;
}
.agreement-overview .section .header {
  background-color: #1c2630;
  color: white;
  padding: 10px;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
}
.agreement-overview .section .header.complete {
  background-color: #71c163;
}
.agreement-overview .section .header.complete .completion-icon {
  color: white;
  font-weight: bold;
  font-size: 12px;
}
.agreement-overview .section .participant {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
}
.agreement-overview .section .participant .name-email {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-right: 20px;
}
.agreement-overview .section .participant .name-email .name, .agreement-overview .section .participant .name-email .email {
  font-size: 16px;
  color: #333;
}
.agreement-overview .section .participant .name-email .role-desc {
  font-size: 12px;
  color: gray;
  margin-top: 2px;
}
.agreement-overview .section .participant .remind-container {
  width: 100px;
}
.agreement-overview .section .participant .remind-container a {
  color: #1C3553;
}
.agreement-overview .section .participant .status-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 150px;
}
.agreement-overview .section .participant .status-container .status-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.agreement-overview .section .participant .status-container .status-item .status {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid lightgray;
  margin-bottom: 5px;
  align-items: center;
}
.agreement-overview .section .participant .status-container .status-item .check-icon {
  font-size: 24px;
}
.agreement-overview .section .participant .status-container .status-item .disabled {
  color: lightgray;
}
.agreement-overview .section .participant .status-container .status-item .status-text {
  font-size: 12px;
  color: gray;
}
.agreement-overview .section .participant .status-container .status-line {
  flex-grow: 1;
  height: 2px;
  background-color: lightgray;
  margin-top: -24px;
}
.agreement-overview .section .participant .status-container .status-line.highlighted {
  background-color: #8bc34a;
}
.agreement-overview .controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 16px 0px 16px;
  border-top: 1px solid gray;
}
.agreement-overview .controls .view {
  color: #1C3553;
}
.agreement-overview .controls .cancel {
  color: #FF5851;
}

.pre-assessment-modal {
  position: relative;
  padding: 30px 30px;
}
.pre-assessment-modal .close {
  position: absolute;
  right: 20px;
  top: 20px;
  opacity: 1;
}
.pre-assessment-modal span {
  font-size: 16px;
  color: #1c2630;
}
.pre-assessment-modal .required-chip {
  padding: 2px 8px;
  color: #fff;
  background-color: #f44336;
  border-radius: 20px;
}
.pre-assessment-modal .pre-assessment-modal-body .form-fields .form-field {
  margin-bottom: 15px;
}
.pre-assessment-modal .pre-assessment-modal-body .form-fields .form-field .input-field {
  margin-top: 5px;
}
.pre-assessment-modal .pre-assessment-modal-body .form-fields .form-field .slidecontainer {
  width: 100%;
  margin: 15px 0px 20px 0px;
}
.pre-assessment-modal .pre-assessment-modal-body .form-fields .form-field .slidecontainer .slider {
  -webkit-appearance: none;
  width: 100%;
  height: 7px;
  border-radius: 5px;
  background: #d3d3d3;
  outline: none;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
}
.pre-assessment-modal .pre-assessment-modal-body .form-fields .form-field .slidecontainer .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #1c3553;
  cursor: pointer;
}

@media (max-width: 768px) {
  .pre-assessment-modal {
    padding: 20px;
  }
}
.conditionally-modal {
  padding: 20px;
}
.conditionally-modal .r-btn {
  max-width: 150px;
  margin: 0 25px 25px 25px;
}
.conditionally-modal h1 {
  font-size: 22px;
}
.conditionally-modal .btns {
  margin-top: 30px;
}
.conditionally-modal .btns .btn-modal-rhenti {
  width: 300px;
  margin-bottom: 10px;
  border-radius: 35px;
  font-size: 17px;
  padding: 15px 30px;
  margin-right: 0;
  border-width: 0;
  background: #f68d06;
  border-width: 1px;
  border-color: #fcbd6e;
  border-style: none;
  color: white;
  font-weight: 400;
}
.conditionally-modal .btns .btn-modal-rhenti.blue {
  border-width: 2px !important;
  border-color: #4472c4 !important;
  color: white;
  background: #4472c4;
}

.email-notifications-modal {
  padding: 10px;
}
.email-notifications-modal .email-notifications-title {
  color: #1c2630;
  font-size: 22px;
}
.email-notifications-modal .email-title {
  color: #1c2630;
  font-size: 18px;
  margin-bottom: 5px;
}
.email-notifications-modal .email-desc {
  margin-top: 5px;
}
.email-notifications-modal h5 {
  color: #1c2630;
  font-size: 18px;
}
.email-notifications-modal button {
  color: white;
  background-color: #1C3553;
  border: #1C3553;
  border-radius: 2px;
}
.email-notifications-modal .modal-header {
  text-align: center;
  border: none;
  padding-bottom: 0;
}
.email-notifications-modal .modal-body a {
  color: #fa9483;
}
.email-notifications-modal .modal-body .remove-icon {
  display: inline-block;
}
.email-notifications-modal .modal-body .list-wrapper {
  padding-bottom: 0;
  margin-top: 10px;
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
}
.email-notifications-modal .modal-body .list-wrapper .empty {
  color: rgba(28, 53, 83, 0.8);
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 12px;
}
.email-notifications-modal .modal-body .email-item {
  display: flex;
  width: fit-content;
  align-items: center;
  font-size: 14px;
  background-color: #ffeac4;
  color: #1d3552;
  padding: 10px;
  border-radius: 8px;
  font-weight: 500;
  margin: 0 10px 10px 0;
}
.email-notifications-modal .modal-body .email-item .glyphicon {
  margin-left: 15px;
  font-size: 15px;
}
.email-notifications-modal .modal-body .f-wrapper {
  display: flex;
  margin-top: 5px;
}
.email-notifications-modal .modal-body .f-wrapper input {
  width: 100%;
  height: 40px;
  border: none;
  padding: 20px;
  font-size: 16px;
  border-radius: 8px;
  background-color: #e9ecee;
  box-shadow: none !important;
}
.email-notifications-modal .modal-body .f-wrapper input:active {
  border-color: #1c2630;
}
.email-notifications-modal .modal-body .f-wrapper input::placeholder {
  color: #757575;
}
.email-notifications-modal .modal-body .f-wrapper button {
  border-width: 0;
  font-weight: 500;
  margin-left: 12px;
  border-radius: 8px;
}
.email-notifications-modal .modal-footer {
  border: none;
}
.email-notifications-modal .modal-footer button {
  width: 200px;
  height: 40px;
}

@media (max-width: 768px) {
  .email-notifications-modal {
    width: 100vw;
  }
}
.icon-container {
  padding: 8px 12px;
  border-radius: 8px;
}
.icon-container i {
  font-size: 22px;
  color: white;
}

.n-a-c-modal {
  padding: 18px 16px;
  font-size: 16px;
  position: relative;
}
.n-a-c-modal .title {
  color: #1C2630;
  text-transform: uppercase;
  font-weight: 500;
}
.n-a-c-modal .propertyPanel .propertySearch {
  background: #F2F2F2;
  margin-bottom: 20px;
  border: none;
  border-radius: 4px;
  height: 60px;
  width: 100%;
  padding: 10px;
  font-size: 16px;
  padding-left: 45px;
}
.n-a-c-modal .propertyPanel i {
  position: absolute;
  left: 12px;
  top: 0px;
  display: flex;
  bottom: 22px;
  color: #0000008a;
  align-items: center;
  font-size: 24px;
}
.n-a-c-modal .close-img {
  position: absolute;
  top: 20px;
  right: 20px;
  height: 16px;
  cursor: pointer;
}

.application-modal .close {
  margin-top: -10px;
  margin-right: -5px;
}
.application-modal .icon-circle {
  width: 100px;
  height: 100px;
  background-color: #72C163;
  border-radius: 50px;
  overflow: hidden;
  display: inline-block;
  line-height: 100px;
  text-align: center;
  margin-bottom: 20px;
}
.application-modal .icon-circle img {
  width: 50px;
  height: 50px;
}
.application-modal h3 {
  font-size: 18px;
  font-weight: 500;
}
.application-modal .loading-overlay {
  margin: 0px !important;
  left: 0 !important;
  top: 0 !important;
  border-radius: 10px !important;
}
.application-modal .modal-body {
  padding: 0px;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
}
.application-modal .modal-body h5:first-of-type {
  margin-bottom: 15px;
}
.application-modal .modal-body .f-wrapper {
  margin-top: 15px;
  width: 100%;
}
.application-modal .modal-body .f-wrapper input {
  margin-top: 15px;
  width: 100%;
  height: 54px;
  border: 1px solid #F4F4F4;
  padding: 20px;
  font-size: 16px;
  border-radius: 4px;
  background-color: #F4F4F4;
  box-shadow: none !important;
}
.application-modal .modal-body .f-wrapper input:active {
  border-color: #ccc !important;
}
.application-modal .modal-body .f-wrapper input::placeholder {
  color: #757575;
}
.application-modal .modal-body .hint-box {
  margin-top: 20px;
  background-color: #E7EAED;
  padding: 15px;
  width: 100%;
  border-radius: 4px;
  display: flex;
  text-align: left;
}
.application-modal .modal-body .hint-box p {
  margin: 0 0 0 15px;
  padding: 0;
}
.application-modal .modal-footer {
  text-align: center;
  border: none;
  padding: 25px 0;
}
.application-modal .modal-footer .btn-report-leased {
  width: 100%;
  height: 40px;
  color: white;
  background-color: #1C3553 !important;
  border: #1C3553;
  border-radius: 4px;
}
@media (max-width: 768px) {
  .application-modal .modal-body h5:first-of-type {
    margin-bottom: 25px;
  }
  .application-modal .modal-body .leased-through .leasedOption {
    padding: 30px 10px;
  }
  .application-modal .modal-body .leased-through .row-eq-height .rhenti-radio + label {
    width: 100% !important;
  }
  .application-modal .modal-body .leased-through .row-eq-height .col-xs-12:last-of-type {
    margin-top: 5px;
  }
}
@media (min-width: 768px) {
  .application-modal .leased-through .row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
  }
  .application-modal .leased-through .row-eq-height .col-sm-6:last-of-type label {
    float: left;
    padding-left: 10px;
  }
}

.full-screen-model {
  position: fixed !important;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #fff;
}
.full-screen-model .close {
  position: absolute;
  top: 1em;
  right: 1em;
  z-index: 9999 !important;
  border: 1px solid #fff;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 38px;
  border-radius: 25px;
  transition-duration: 0.3s;
  text-shadow: none;
  opacity: 0.7;
}
.full-screen-model .close:hover {
  background: rgba(0, 0, 0, 0.9);
  opacity: 1;
  color: #fff;
}
.full-screen-model .modal-dialog {
  position: absolute !important;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100% !important;
}
.full-screen-model .modal-content {
  box-shadow: none !important;
  border: 0 !important;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin-top: 0;
}

#chartjs-tooltip {
  opacity: 1;
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  border-radius: 3px;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  pointer-events: none;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.chartjs-tooltip-key {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 10px;
}

.pa-wrapper {
  margin: 10px;
  position: relative;
}
.pa-wrapper .hl {
  font-weight: 500;
  color: #265DA0;
  font-size: 1.3em;
}
.pa-wrapper .hl2 {
  font-weight: 500;
  color: #265DA0;
}
.pa-wrapper .pa-header {
  margin-bottom: 1.5em;
}
.pa-wrapper .pa-header div {
  margin-top: 1em;
}
.pa-wrapper .pa-header .title {
  font-weight: 500;
  font-size: 1.5em;
}
.pa-wrapper .pa-chart-wrapper {
  border: 1px solid #729bba;
  padding: 20px;
  border-radius: 10px;
}
.pa-wrapper .pa-chart-wrapper .spinner {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.pa-wrapper .pa-footer {
  text-align: center;
  margin-top: 1.5em;
}

.modal-pricing-analytics {
  border-radius: 7px !important;
  background: #fff;
  margin-top: 5em;
}

@media (min-width: 768px) {
  .modal-pricing-analytics {
    margin-top: 0;
    position: absolute;
    top: 50%;
    left: 20%;
    right: 20%;
    transform: translateY(-50%);
  }

  .pa-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5em;
    margin-top: 4em;
  }
  .pa-header div {
    margin-top: 0 !important;
  }

  .pa-wrapper {
    margin: 40px;
  }
}
.realtor .field {
  margin-bottom: 12px !important;
}
.realtor .message {
  position: relative;
  float: left;
  top: -12px;
  display: block;
}
.realtor .missing-consent {
  padding: 0;
  margin-bottom: 25px;
}
.realtor .missing-consent p {
  font-size: 14px;
  padding: 15px;
  margin-bottom: 15px;
  background-color: #fcf8e3;
}
.realtor .missing-consent .align-right {
  text-align: right;
  margin-left: 15px;
}

.sign-up-modal .modal-body {
  padding-bottom: 0px;
}
.sign-up-modal .modal-body .radio-options .signup-options {
  margin: 10px 0px 40px 0px;
}
.sign-up-modal .modal-body .radio-options .signup-options label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  font-size: 15px;
  font-weight: normal;
}
.sign-up-modal .modal-body .radio-options .signup-options label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.sign-up-modal .modal-body .radio-options .signup-options label .checkmark:after {
  top: 1px;
  left: 1px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #1c3553;
}
.sign-up-modal .modal-body .radio-options .signup-options label:last-of-type {
  margin-left: 40px;
}
.sign-up-modal .modal-body .radio-options .signup-options .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #cccccc;
  border-radius: 50%;
}
.sign-up-modal .modal-body .radio-options .signup-options label input:checked ~ .checkmark {
  border: 1px solid #1c3553;
}
.sign-up-modal .modal-body .radio-options .signup-options .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.sign-up-modal .modal-body .radio-options .signup-options label input:checked ~ .checkmark:after {
  display: block;
}
.sign-up-modal .modal-body .signUp-fields .signUp-field {
  margin-bottom: 30px;
}

.login-modal .modal-header h3 {
  margin: 20px 0px;
}
.login-modal .modal-body .login-fields .login-field:first-of-type {
  margin-bottom: 30px;
}

.forgot-modal .modal-body .forgot-field {
  text-align: center;
}

.terms-and-conditions-modal {
  padding: 50px 100px;
}
.terms-and-conditions-modal .close {
  position: absolute;
  top: 20px;
  right: 20px;
  opacity: unset !important;
}
.terms-and-conditions-modal .modal-header {
  border: none;
  padding: 0;
}
.terms-and-conditions-modal .modal-header h3 {
  padding: 0px 100px;
  color: #1c2630 !important;
}
.terms-and-conditions-modal .modal-header h2 {
  margin: 10px 0px 30px 0px;
}
.terms-and-conditions-modal .modal-body {
  padding: 0;
}
.terms-and-conditions-modal .modal-body .terms {
  margin-bottom: 20px;
}
.terms-and-conditions-modal .modal-body .terms .agreement-container {
  padding: 15px;
  border-radius: 2px 2px 0px 0px;
}
.terms-and-conditions-modal .modal-body .terms .agreement-container .modal-header {
  padding: 15px 0px;
}
.terms-and-conditions-modal .modal-body .terms .agreement-container.read {
  border-bottom: none;
}
.terms-and-conditions-modal .modal-body .terms .icon-bar {
  background-color: #cccccc;
  border-radius: 0px 0px 2px 2px;
  color: white;
  text-align: center;
}
.terms-and-conditions-modal .modal-body .terms .icon-bar.read {
  background: transparent;
  border: 1px solid #cccccc;
}
.terms-and-conditions-modal .modal-body .agree {
  text-align: center;
  margin-bottom: 10px;
}
.terms-and-conditions-modal .modal-body .agree label {
  margin-left: 10px;
}
.terms-and-conditions-modal .modal-body .agree .content-nt .check-label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 15px;
}
.terms-and-conditions-modal .modal-body .agree .content-nt .check-label input:checked ~ .checkmark:after {
  display: block;
}
.terms-and-conditions-modal .modal-body .agree .content-nt .check-label input:checked ~ .checkmark {
  background-color: #1c3553;
}
.terms-and-conditions-modal .modal-body .agree .content-nt .check-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.terms-and-conditions-modal .modal-body .agree .content-nt .check-label .checkmark:after {
  left: 6px;
  top: 2px;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.terms-and-conditions-modal .modal-body .agree .content-nt .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #1c3553;
  border-radius: 5px;
  background-color: transparent;
}
.terms-and-conditions-modal .modal-body .agree .content-nt .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.terms-and-conditions-modal .modal-footer {
  border: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.terms-and-conditions-modal .modal-footer button {
  width: 100%;
  height: 40px;
  font-size: 15px;
  margin: 30px 0px 20px 0px;
}
.terms-and-conditions-modal .modal-footer span,
.terms-and-conditions-modal .modal-footer a {
  font-size: 14px;
}
.terms-and-conditions-modal .modal-footer a {
  cursor: pointer;
}
@media only screen and (max-width: 576px) {
  .terms-and-conditions-modal {
    padding: 20px 20px;
  }
  .terms-and-conditions-modal .modal-header h3 {
    padding: 0px;
  }
  .terms-and-conditions-modal .modal-body {
    padding: 15px;
  }
  .terms-and-conditions-modal .modal-body .agree .content-nt {
    display: flex;
    margin-left: 5px;
    padding-top: 10px;
  }
  .terms-and-conditions-modal .modal-body .agree label {
    margin-left: 5px;
  }
}

.modal-booking-status {
  background-color: #FFFFFF;
  padding: 20px;
  width: 100%;
  min-width: 350px;
  max-width: 600px;
}
.modal-booking-status .close {
  font-size: 30px;
  color: #1C3553;
  opacity: 1;
}
.modal-booking-status .modal-title {
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 0px 20px;
}
.modal-booking-status .modal-title .confirm {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 25px;
  width: 25px;
  color: #FFFFFF;
  background-color: #6DC762;
  border-radius: 50%;
  font-size: 15px;
  font-weight: 500;
  margin-right: 10px;
}
.modal-booking-status .modal-title h3 {
  display: inline-block;
  font-size: 20px;
  font-weight: 500;
  color: #1C3553;
}
.modal-booking-status .modal-body {
  padding: 0;
}
.modal-booking-status .modal-body h4 {
  font-size: 16px;
  font-weight: 500;
  color: #1C3553;
}
.modal-booking-status .modal-body p {
  font-size: 14px;
  color: #1E2630;
}
.modal-booking-status .modal-body .viewing-info {
  width: 100%;
  background-color: #FFEAC4;
  border-radius: 4px;
  padding: 10px;
  margin-bottom: 30px;
}
.modal-booking-status .modal-body .viewing-info div {
  padding: 0px 5px;
}
.modal-booking-status .modal-body .viewing-info .viewing-time, .modal-booking-status .modal-body .viewing-info .confirm-sent-on {
  display: inline-block;
  width: 45%;
}
.modal-booking-status .modal-body .renter-listing-info div {
  display: inline-block;
  width: 49%;
  word-break: break-word;
  overflow: auto;
  vertical-align: top;
}
.modal-booking-status .modal-body .done-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  height: 40px;
  width: 170px;
  border-radius: 2px;
  color: #FFFFFF;
  background-color: #1C3553;
  margin: 40px auto 0px auto;
}

.modal-booking-alternatives {
  background-color: #FFFFFF;
  padding: 20px;
  font-family: "Roboto", medium;
  width: 100%;
  min-width: 350px;
  max-width: 600px;
}
.modal-booking-alternatives h4 {
  color: #1E2630;
  font-size: 16px;
  font-weight: 500;
}
.modal-booking-alternatives .close {
  font-size: 30px;
  color: #1C3553;
  opacity: 1;
}
.modal-booking-alternatives .modal-title {
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 0px 20px;
}
.modal-booking-alternatives .modal-title h3 {
  display: inline-block;
  font-size: 20px;
  font-weight: 500;
  color: #1C3553;
}
.modal-booking-alternatives .modal-body .renter-listing-info {
  margin-bottom: 20px;
}
.modal-booking-alternatives .modal-body .renter-listing-info div {
  display: inline-block;
  width: 49%;
  word-break: break-word;
  overflow: auto;
}
.modal-booking-alternatives .modal-body .option {
  padding: 10px 0px;
}
.modal-booking-alternatives .modal-body .option input, .modal-booking-alternatives .modal-body .option span, .modal-booking-alternatives .modal-body .option select, .modal-booking-alternatives .modal-body .option div {
  display: inline-block;
}
.modal-booking-alternatives .modal-body .option span {
  margin: 0px 10px;
}
.modal-booking-alternatives .modal-body .option select {
  height: 25px;
  width: 176px;
}
@media (max-width: 999px) {
  .modal-booking-alternatives .modal-body .option {
    padding: 10px 0px;
  }
  .modal-booking-alternatives .modal-body .option input, .modal-booking-alternatives .modal-body .option span, .modal-booking-alternatives .modal-body .option select, .modal-booking-alternatives .modal-body .option div {
    display: inline-block;
  }
  .modal-booking-alternatives .modal-body .option span {
    display: block;
    margin: 0px;
  }
  .modal-booking-alternatives .modal-body .option select, .modal-booking-alternatives .modal-body .option input {
    height: 25px;
    width: 140px;
  }
}
.modal-booking-alternatives .modal-body .send-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  height: 40px;
  width: 170px;
  border-radius: 2px;
  color: #FFFFFF;
  background-color: #1C3553;
  margin: 40px auto 0px auto;
}
.modal-booking-alternatives .modal-body .send-btn:disabled {
  opacity: 0.3;
}
@media (max-width: 768px) {
  .modal-booking-alternatives .option select, .modal-booking-alternatives .option input {
    width: 100% !important;
  }
}

.modal-confirm-decline {
  background-color: #FFFFFF;
  padding: 20px;
  min-width: 500px;
}
.modal-confirm-decline .close {
  font-size: 30px;
  color: #1C3553;
  opacity: 1;
}
.modal-confirm-decline h5 {
  padding: 20px;
  color: #1C3553;
  font-size: 20px;
}
.modal-confirm-decline button {
  height: 40px;
  width: 170px;
  border-radius: 2px;
  border: 2px solid #1C3553;
  margin: 0px 10px;
}
.modal-confirm-decline .btn-no {
  color: #1C3553;
  background-color: #FFFFFF;
}
.modal-confirm-decline .btn-yes {
  color: #FFFFFF;
  background-color: #1C3553;
}

.q-modal {
  padding: 18px 16px;
  font-size: 16px;
  position: relative;
}
.q-modal .title {
  color: #1C2630;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-weight: 500;
}
.q-modal .q-container {
  margin-bottom: 20px;
}
.q-modal .q-container .question {
  font-size: 14px;
  font-weight: 500;
  color: #000000DE;
}
.q-modal .q-container .answer {
  color: #666666;
  margin-top: 8px;
}
.q-modal .close-img {
  position: absolute;
  top: 20px;
  right: 20px;
  height: 16px;
  cursor: pointer;
}

.cm {
  font-size: 16px;
  position: relative;
}
.cm__title {
  color: #1C2630;
  font-weight: 500;
}
.cm__container {
  display: flex;
  align-items: center;
}
.cm__el {
  flex: 1;
}
.cm__icon .fa {
  font-size: 22px;
  color: red;
}
.cm__close {
  position: absolute;
  top: 20px;
  right: 20px;
  height: 16px;
}
.cm__select {
  width: 100%;
  background-color: #0000000B;
  padding: 20px 16px;
  border: none;
  border-radius: 4px 4px 0px 0px;
}

.coapp-image-group-container {
  position: relative;
  width: 100%;
  height: 65px;
}
.coapp-image-group-container .coapp-image-group-img {
  position: absolute;
}

.coapp-image-group-img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 2px solid white;
  transition: box-shadow 0.3s;
}

.coapp-image-group-container img:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}

.coapp-image-group-modal {
  width: auto;
  background: white;
  padding: 20px;
  border-radius: 10px;
}

.cm {
  font-size: 16px;
  position: relative;
}
.cm__title {
  color: #1C2630;
  font-weight: 500;
}
.cm__container {
  display: flex;
  align-items: center;
}
.cm__el {
  flex: 1;
}
.cm__icon .fa {
  font-size: 22px;
  color: red;
}
.cm__close {
  position: absolute;
  top: 20px;
  right: 20px;
  height: 16px;
}
.cm__select {
  width: 100%;
  background-color: #0000000B;
  padding: 20px 16px;
  border: none;
  border-radius: 4px 4px 0px 0px;
}

.pagination-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  background-color: #ffffff;
  border-top: 1px solid #e2e8f0;
  border-bottom: 1px solid #e2e8f0;
}
.pagination-container .pagination-left {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 14px;
  color: #4a5568;
}
.pagination-container .pagination-left .results-text {
  white-space: nowrap;
  font-weight: 500;
}
.pagination-container .pagination-left .page-size-selector {
  position: relative;
}
.pagination-container .pagination-left .page-size-selector .modern-select {
  appearance: none;
  background-color: #fff;
  padding: 6px 32px 6px 12px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  color: #4a5568;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%234a5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 8px center;
  background-size: 16px;
}
.pagination-container .pagination-left .page-size-selector .modern-select:hover {
  border-color: var(--primary-color);
}
.pagination-container .pagination-left .page-size-selector .modern-select:focus {
  outline: none;
  border-color: var(--primary-color);
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.3);
}
.pagination-container .pagination-right {
  display: flex;
  align-items: center;
  gap: 4px;
}
.pagination-container .pagination-right .pagination-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  background: #ffffff;
  cursor: pointer;
  transition: all 0.2s ease;
  color: #4a5568;
  margin: 0 8px;
}
.pagination-container .pagination-right .pagination-btn:hover:not(:disabled) {
  background: #f1f5f9;
  border-color: var(--primary-color);
  color: var(--primary-color);
}
.pagination-container .pagination-right .pagination-btn:focus {
  outline: none;
  border-color: var(--primary-color);
  box-shadow: 0 0 0 2px rgba(66, 153, 225, 0.5);
}
.pagination-container .pagination-right .pagination-btn:disabled {
  color: #cbd5e1;
  border-color: #e2e8f0;
  cursor: not-allowed;
  opacity: 0.6;
}
.pagination-container .pagination-right .pagination-btn i {
  font-size: 12px;
}
.pagination-container .pagination-right .page-numbers {
  display: flex;
  align-items: center;
  gap: 4px;
}
.pagination-container .pagination-right .page-numbers .page-number {
  min-width: 32px;
  height: 32px;
  padding: 0 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  border: 1px solid transparent;
  user-select: none;
  color: #4a5568;
}
.pagination-container .pagination-right .page-numbers .page-number:hover:not(.active):not(.ellipsis) {
  background-color: rgba(0, 0, 0, 0.04);
}
.pagination-container .pagination-right .page-numbers .page-number.active {
  background-color: var(--primary-color);
  color: white;
  font-weight: 500;
}
.pagination-container .pagination-right .page-numbers .page-number.ellipsis {
  cursor: default;
}
.pagination-container .pagination-right .page-numbers .page-number:focus {
  outline: none;
  border-color: var(--primary-color);
  box-shadow: 0 0 0 2px rgba(66, 153, 225, 0.5);
}
@media (max-width: 768px) {
  .pagination-container {
    flex-direction: column;
    gap: 16px;
  }
  .pagination-container .pagination-left {
    width: 100%;
    justify-content: space-between;
  }
  .pagination-container .pagination-right {
    width: 100%;
    justify-content: center;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  border: 0;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
}

.assessment-container {
  display: flex;
  flex-direction: column;
  height: 100dvh;
  position: relative;
}
@media (max-width: 768px) {
  .assessment-container {
    height: 100dvh;
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

#topBar {
  height: 60px;
  min-height: 60px;
  flex-shrink: 0;
  background: #ffffff;
  color: #1c2630;
  padding: 0 1.2em;
  border-bottom: 1px solid #d6d6d6;
  font-size: 1rem;
  position: sticky;
  top: 0;
  z-index: 999;
  display: flex;
  align-items: center;
}
#topBar .button-back {
  display: none;
}
@media (max-width: 768px) {
  #topBar .button-back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
    border: none;
    background: transparent;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    color: #1c2630;
  }
  #topBar .button-back i {
    font-size: 14px;
  }
}

.top-bar-title {
  width: 100%;
  display: flex;
  align-items: center;
}
.top-bar-title .back-button:hover {
  background-color: #1c26301a;
  transition: background-color 0.2s ease;
}

.assessment-form-component {
  flex: 1;
  display: flex;
  flex-direction: row;
  background: #FFFFFF;
  overflow: auto;
  /* Navigation sidebar */
  /* Content area */
  /* Content sections */
}
@media (max-width: 768px) {
  .assessment-form-component {
    margin-top: 60px;
    height: calc(100vh - 60px);
    overflow: hidden;
  }
}
.assessment-form-component #assessmentNav {
  width: 350px;
  height: 100%;
  background: #ffffff;
  border-right: 1px solid #d6d6d6;
  transition: all 0.3s ease;
  overflow-y: auto;
}
@media (max-width: 768px) {
  .assessment-form-component #assessmentNav {
    position: absolute;
    left: 0;
    top: 60px;
    bottom: 0;
    z-index: 10;
    width: 100%;
    border-right: none;
    overflow-y: auto;
  }
  .assessment-form-component #assessmentNav.nav-hidden {
    transform: translateX(-100%);
  }
}
.assessment-form-component #assessmentContent {
  background: #ffffff;
  overflow-y: auto;
  transition: all 0.3s ease;
  opacity: 1;
  width: 550px;
  min-width: 400px;
  border-right: 1px solid #d6d6d6;
}
@media (max-width: 768px) {
  .assessment-form-component #assessmentContent {
    border-right: none;
    width: 100%;
  }
}
.assessment-form-component .assessment-body {
  padding: 2em 1.2em;
}
.assessment-form-component .assessment-footer {
  padding: 1.2em;
  background: #ffffff;
  border-top: 1px solid #d6d6d6;
}
.assessment-form-component .assessment-footer button {
  min-width: 120px;
}

/* Utility classes */
.width60 {
  width: 60%;
}

.width30 {
  width: 30%;
}

.content-area {
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
}
.content-area.content-visible {
  opacity: 1;
  visibility: visible;
}

/* Mobile styles */
@media (max-width: 768px) {
  .assessment-container {
    height: 100dvh;
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
  }

  #topBar {
    position: fixed;
    width: 100%;
    top: 60px;
  }

  .top-bar-title {
    justify-content: center;
    position: relative;
  }
  .top-bar-title .button-back {
    position: absolute;
    left: 0;
  }
}
.property-wrapper {
  padding: 2em;
}
@media (max-width: 768px) {
  .property-wrapper {
    max-width: 100%;
    margin-bottom: 100px;
    padding: 2em 1em;
  }
}
.property-wrapper .property-details-top-bar {
  display: flex;
  flex-direction: column;
  z-index: 1;
}
.property-wrapper .property-details-top-bar .property-details-share-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.2em;
}
.property-wrapper .property-details-top-bar .property-details-address-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.2em;
}
.property-wrapper .property-details-top-bar .property-details-address-row .disclaimer-info {
  font-size: 0.694rem;
  font-weight: 400;
  color: #666666;
  line-height: 1.3;
  margin-top: 0.75em;
  max-width: 30ch;
}
.property-wrapper .property-details-top-bar .property-details-address-row .property-details-address {
  font-size: 1.44rem;
  font-weight: 500;
  color: #1C2630;
  line-height: 1.3;
  margin: 0;
}
.property-wrapper .property-details-top-bar .property-details-address-row .property-details-price {
  font-size: 1.44rem;
  font-weight: 500;
  color: #1C2630;
  line-height: 1.3;
  margin: 0;
  text-align: right;
}
.property-wrapper .property-details-top-info-text {
  background: #FFEEE8;
  font-size: 0.694rem;
  letter-spacing: 1.25px;
  padding: 0.4em 1em;
  border-radius: 20px;
  font-weight: 500;
  margin-bottom: 2em;
  margin-right: 1em;
}
.property-wrapper .property-details-gallery-wrapper {
  display: flex;
  height: 375px;
}
.property-wrapper .property-details-gallery-wrapper .gallery-main-image {
  flex: 1;
  height: 100%;
  background-color: #F2F2F2;
  border-radius: 8px;
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  border: 1px solid #d6d6d6;
}
.property-wrapper .property-details-gallery-wrapper .gallery-main-image-container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}
.property-wrapper .property-details-gallery-wrapper .gallery-main-image-container .gallery-main-content {
  position: absolute;
  inset: 0;
  margin: auto;
  width: auto;
  height: 100%;
  object-fit: contain;
  z-index: 2;
}
.property-wrapper .property-details-gallery-wrapper .gallery-main-image-container .gallery-main-background {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.1);
  filter: blur(10px) brightness(0.9);
  z-index: 1;
}
.property-wrapper .property-details-gallery-wrapper .gallery-main-image .placeholder-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 48px;
  color: #666666;
  background-color: #F2F2F2;
  border-radius: 4px;
}
.property-wrapper .property-details-gallery-wrapper .gallery-side-container {
  flex: 1;
  display: flex;
  height: 100%;
}
.property-wrapper .property-details-gallery-wrapper .gallery-column {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-left: 10px;
}
.property-wrapper .property-details-gallery-wrapper .gallery-placeholder {
  height: 30px;
  object-fit: contain;
}
.property-wrapper .property-details-gallery-wrapper .property-details-gallery-side-image {
  flex: 1;
  min-height: 0;
  display: flex;
  align-items: center;
  background-color: #F2F2F2;
  border-radius: 8px;
  position: relative;
  cursor: pointer;
  margin-bottom: 10px;
  border: 1px solid #d6d6d6;
}
.property-wrapper .property-details-gallery-wrapper .property-details-gallery-side-image:last-child {
  margin-bottom: 0;
}
.property-wrapper .property-details-gallery-wrapper .property-details-gallery-side-image img {
  height: 100%;
  object-fit: cover;
  width: 100%;
  border-radius: 8px;
  transition: all 0.2s ease;
}
.property-wrapper .property-details-gallery-wrapper .property-details-gallery-side-image img:hover {
  filter: brightness(0.8);
}
.property-wrapper .property-details-gallery-wrapper .property-details-gallery-side-image .placeholder-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 40px;
  color: #666666;
  background-color: #F2F2F2;
  border-radius: 4px;
}
.property-wrapper .gallery-image-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.property-wrapper .gallery-image-container .gallery-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: filter 0.2s ease;
}
.property-wrapper .gallery-image-container .gallery-image:hover {
  filter: brightness(0.8);
}
.property-wrapper .gallery-image-container .virtual-tour-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.62);
  gap: 10px;
  transition: all 0.2s ease;
}
.property-wrapper .gallery-image-container .virtual-tour-overlay .virtual-tour-icon {
  min-width: 24px;
  min-height: 24px;
  object-fit: contain;
}
.property-wrapper .gallery-image-container .virtual-tour-overlay .virtual-tour-text {
  color: white;
  font-weight: 400;
  letter-spacing: 1.25px;
  white-space: nowrap;
}
.property-wrapper .gallery-image-container .virtual-tour-overlay:hover {
  backdrop-filter: blur(8px);
}
.property-wrapper .gallery-image-container .placeholder-icon {
  height: 30px;
  width: 30px;
  object-fit: contain;
}
.property-wrapper .property-details-gallery-side-image.virtual-tour .gallery-image-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 8px;
}
.property-wrapper .property-details-gallery-side-image.virtual-tour .gallery-image-container .gallery-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.2s ease;
}
.property-wrapper .property-details-gallery-side-image.virtual-tour .gallery-image-container .gallery-image:hover {
  transform: scale(1.05);
}
.property-wrapper .property-details-gallery-side-image.virtual-tour .gallery-image-container .virtual-tour-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  gap: 10px;
  transition: background-color 0.2s ease;
}
.property-wrapper .property-details-gallery-side-image.virtual-tour .gallery-image-container .virtual-tour-overlay:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
.property-wrapper .property-details-gallery-side-image.virtual-tour .gallery-image-container .virtual-tour-overlay .virtual-tour-icon {
  min-width: 24px;
  min-height: 24px;
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.property-wrapper .property-details-gallery-side-image.virtual-tour .gallery-image-container .virtual-tour-overlay .virtual-tour-text {
  color: white;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1.25px;
  text-transform: uppercase;
}
.property-wrapper .property-details-gallery-side-image.virtual-tour .gallery-image-container .placeholder-container {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F2F2F2;
  border-radius: 8px;
}
.property-wrapper .property-details-gallery-side-image.virtual-tour .gallery-image-container .placeholder-container .placeholder-icon {
  font-size: 40px;
  color: #666666;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
}
.property-wrapper .property-details {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #1C2630;
  font-size: 1rem;
  font-weight: 400;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
}
@media (min-width: 769px) {
  .property-wrapper .property-details {
    min-width: 769px;
  }
}
@media (max-width: 768px) {
  .property-wrapper .property-details {
    width: 100%;
    min-width: 0;
    padding: 0;
  }
}
.property-wrapper .property-details #offerPanel {
  width: 100%;
  max-width: 650px;
  margin: 0 auto;
  padding: 5px 15px;
}
@media (max-width: 768px) {
  .property-wrapper .property-details #offerPanel {
    width: calc(100% - 20px);
    margin: 0 10px;
  }
}
.property-wrapper .property-details .flex {
  display: flex;
}
.property-wrapper .property-details #utilities-table {
  width: 100%;
  color: #1C2630;
  border-collapse: separate;
  border-spacing: 0;
  margin: 1em 0;
}
.property-wrapper .property-details #utilities-table tr:nth-child(even) {
  background: #F8F9FA;
}
.property-wrapper .property-details #utilities-table tr:nth-child(odd) {
  background: white;
}
.property-wrapper .property-details #utilities-table tr:hover {
  background: #F2F2F2;
}
.property-wrapper .property-details #utilities-table th {
  background: white;
  font-weight: 500;
  color: #1C2630;
  text-align: center;
  padding: 1em;
  border-bottom: 2px solid #E9ECEF;
}
.property-wrapper .property-details #utilities-table td {
  padding: 1em;
  font-weight: 500;
  color: #1C2630;
  text-align: center;
}
.property-wrapper .property-details #utilities-table tr:first-child th:first-child {
  border-top-left-radius: 8px;
}
.property-wrapper .property-details #utilities-table tr:first-child th:last-child {
  border-top-right-radius: 8px;
}
.property-wrapper .property-details #utilities-table tr:last-child td:first-child {
  border-bottom-left-radius: 8px;
}
.property-wrapper .property-details #utilities-table tr:last-child td:last-child {
  border-bottom-right-radius: 8px;
}
@media (max-width: 768px) {
  .property-wrapper .property-details #utilities-table td, .property-wrapper .property-details #utilities-table th {
    padding: 0.75em 0.5em;
  }
}
.property-wrapper .property-details .property-details-description {
  line-height: 20px;
  max-height: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.property-wrapper .property-details .blue-button {
  color: #1C3553;
  border: 1px solid #1C3553;
  padding: 10px 16px;
  border-radius: 8px;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1.25px;
  cursor: pointer;
  margin-top: 20px;
  width: fit-content;
}
.property-wrapper .property-details .blue-button:hover {
  background-color: #1c355315;
}
.property-wrapper .property-details #mobile-details, .property-wrapper .property-details #mobile-banner {
  display: none;
}
.property-wrapper .property-details #offerPanel {
  position: fixed;
  bottom: 20px;
  z-index: 1000;
  width: 650px;
  padding: 5px 25px;
  background: #14253B;
  border-radius: 8px;
  color: white;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.property-wrapper .property-details #openChat {
  cursor: pointer;
  position: fixed;
  right: 30px;
  z-index: 10000;
  bottom: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.property-wrapper .property-details #openChat #chat {
  box-shadow: 0 0 10px #0000006b;
  width: 350px;
  border-radius: 8px;
  background: white !important;
}
.property-wrapper .property-details #openChat #chat .banner-text {
  background: #1C3553;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 20px 40px;
  color: white;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
}
.property-wrapper .property-details #openChat #chat p {
  color: #666666 !important;
  margin: 0 20px 20px 20px;
}
.property-wrapper .property-details #openChat #chat a {
  color: #666666 !important;
  cursor: pointer;
  text-decoration: underline;
}
.property-wrapper .property-details #openChat .chatInitiate {
  margin: 0 0;
}
.property-wrapper .property-details #openChat .chatWrapper {
  margin: 0;
}
.property-wrapper .property-details #openChat .startChat {
  margin: 20px;
}
.property-wrapper .property-details #openChat .chatMessage {
  padding-bottom: 0;
}
.property-wrapper .property-details #openChat .chat-icon {
  height: 60px;
  width: 60px;
  border-radius: 100%;
  padding: 15px;
  z-index: 999;
}
.property-wrapper .property-details #openChat .chat-icon-tooltip {
  z-index: 998;
  height: 70px;
  width: 200px;
  border-radius: 12px;
  padding: 15px;
  background: white;
  margin-bottom: -30px;
  box-shadow: 0 0 10px #0000003d;
  margin-right: 30px;
  position: relative;
}
.property-wrapper .property-details #openChat .chat-icon-tooltip img {
  width: 100%;
  height: 100%;
}
.property-wrapper .property-details #openChat .chat-icon-tooltip .close {
  position: absolute;
  top: -8px;
  right: -8px;
  background: white;
  border-radius: 20px;
  box-shadow: 0 0 10px #0000005c;
  width: 20px;
  height: 20px;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.property-wrapper .property-details #img-gallery {
  display: flex;
  width: 100%;
  background: white;
  flex-direction: column;
  gap: 1em;
}
.property-wrapper .property-details #img-gallery .img-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
}
.property-wrapper .property-details #img-gallery .img-wrapper img {
  max-width: 100%;
  min-width: 350px;
  border-radius: 8px;
}
.property-wrapper .property-details .property-details-wrapper {
  display: flex;
  flex-direction: column;
  max-width: 100%;
}
.property-wrapper .property-details .property-details-wrapper .property-details-gallery-wrapper {
  display: flex;
  height: 375px;
}
.property-wrapper .property-details .property-details-wrapper .property-details-gallery-wrapper img {
  width: 100%;
  border-radius: 8px;
}
.property-wrapper .property-details .property-details-wrapper .property-details-gallery-wrapper img:hover {
  filter: brightness(0.8);
  cursor: pointer;
}
.property-wrapper .property-details .property-details-wrapper .property-details-gallery-wrapper .property-details-gallery-side-image {
  flex: 1;
  min-height: 0;
  display: flex;
  align-items: center;
  background-color: #F2F2F2;
  border-radius: 8px;
  position: relative;
  cursor: pointer;
}
.property-wrapper .property-details .property-details-wrapper .property-details-gallery-wrapper .property-details-gallery-side-image img {
  height: 100%;
  object-fit: cover;
}
.property-wrapper .property-details .property-details-wrapper .lc-verified {
  display: flex;
  align-items: center;
  justify-content: left;
  color: #666666;
  letter-spacing: 0.15px;
  background-color: #FFF;
  padding: 8px 0 20px 0;
  position: relative;
}
.property-wrapper .property-details .property-details-wrapper .lc-verified .verified-tooltip {
  display: none;
  position: absolute;
  padding: 5px 12px;
  top: 25px;
  left: 0;
  background-color: #666666;
  border-radius: 4px;
  z-index: 1000;
  transition: 0.3s;
}
.property-wrapper .property-details .property-details-wrapper .lc-verified .verified-tooltip span {
  font-size: 12px;
  line-height: 16px;
  color: #FFFFFFDE;
}
.property-wrapper .property-details .property-details-wrapper .lc-verified:hover .verified-tooltip {
  display: block;
  transition: 0.3s;
}
.property-wrapper .property-details .property-details-wrapper .header {
  font-weight: 500;
  padding-bottom: 20px;
  font-size: 20px;
}
.property-wrapper .property-details .property-details-wrapper .section {
  width: 100%;
}
@media (max-width: 768px) {
  .property-wrapper .property-details .property-details-wrapper .section {
    max-width: 100%;
  }
}
.property-wrapper .property-details .property-details-wrapper .section .space-wrapper {
  gap: 1em;
}
.property-wrapper .property-details .property-details-wrapper .section .space-wrapper .space-info {
  flex: 1;
  display: flex;
  align-items: flex-start;
  padding: 15px;
  border-radius: 8px;
  background: #F2F2F2;
}
.property-wrapper .property-details .property-details-wrapper .section .space-wrapper .space-info .space-title {
  flex: 1;
  padding-right: 1em;
}
.property-wrapper .property-details .property-details-wrapper .section .space-wrapper .space-info .space-desc {
  font-weight: 400;
  font-size: 0.833rem;
  line-height: 1.3;
}
.property-wrapper .property-details .property-details-wrapper .section .space-wrapper .space-info .space-title-header {
  font-weight: 500;
  font-size: 1rem;
}
.property-wrapper .property-details .property-details-wrapper .section .space-wrapper .space-info .space-value {
  font-size: 16px;
  font-weight: 500;
}
.property-wrapper .property-details .property-details-wrapper .section .unit-features {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(auto-fill, minmax(154px, 1fr));
  grid-template-rows: repeat(auto-fill, minmax(200px, 1fr));
  gap: 2em;
  margin-bottom: 4em;
}
.property-wrapper .property-details .property-details-wrapper .section .unit-features .unit-feature-label {
  position: relative;
}
.property-wrapper .property-details .property-details-wrapper .section .building-amenities {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-wrap: wrap;
  max-height: 350px;
}
.property-wrapper .property-details .property-details-wrapper .section .building-amenities .features {
  max-width: 100%;
  width: 100%;
  height: 30px;
  padding-right: 10px;
}
.property-wrapper .property-details .property-details-wrapper .section.unitFeatures {
  margin-bottom: 4em;
}
.property-wrapper .property-details .property-details-wrapper #property-details-bottom-section {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
  margin-top: 40px;
}
.property-wrapper .property-details .property-details-wrapper #property-details-bottom-section #property-details-left-section {
  max-width: 640px;
  width: 100%;
  padding-right: 30px;
}
.property-wrapper .property-details .property-details-wrapper #property-details-bottom-section #property-details-right-section {
  width: 340px;
  min-width: 280px;
  position: sticky;
  top: 30px;
}
.property-wrapper .property-details .property-details-wrapper #property-details-bottom-section #property-details-right-section .rightBox {
  display: flex;
  flex-direction: column;
}
.property-wrapper .property-details .property-details-wrapper #property-details-bottom-section .section {
  border-bottom: 1px solid #D6D6D6;
  padding-bottom: 4em;
  margin-bottom: 4em;
}
.property-wrapper .property-details .property-details-wrapper #property-details-bottom-section .section .space-info {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 15px;
  margin-right: 10px;
  border-radius: 8px;
}
.property-wrapper .property-details .property-details-wrapper #property-details-bottom-section .section .space-info .space-title {
  flex: 1;
}
.property-wrapper .property-details .property-details-wrapper #property-details-bottom-section .section .space-info .space-desc {
  font-weight: 300;
  font-size: 12px;
}
.property-wrapper .property-details .property-details-wrapper #property-details-bottom-section .section .space-info .space-title-header {
  font-weight: 400;
  font-size: 14px;
}
.property-wrapper .property-details .property-details-wrapper #property-details-bottom-section .section .space-info .space-value {
  font-size: 16px;
  font-weight: 500;
}
.property-wrapper .property-details .property-details-wrapper #property-details-bottom-section .section .property-info {
  display: flex;
  padding-bottom: 10px;
}
.property-wrapper .property-details .property-details-wrapper #property-details-bottom-section .section .property-info .info-header {
  font-weight: 500;
}
.property-wrapper .property-details .property-details-wrapper #property-details-bottom-section .section .property-info div {
  flex: 1;
}
.property-wrapper .property-details .property-details-wrapper #property-details-bottom-section .section .utilities-info {
  background: #D8F6D1;
  padding: 2px 10px;
  border-radius: 20px;
  width: fit-content;
  margin: auto;
  font-size: 12px;
  font-weight: 500;
}
.property-wrapper .property-details .property-details-wrapper #property-details-bottom-section .header {
  font-weight: 500;
  margin-bottom: 1em;
  font-size: 1.2rem;
}
.property-wrapper .property-details .property-details-wrapper #property-details-bottom-section ol {
  margin-left: -22px;
}
.property-wrapper .property-details .property-details-wrapper #property-details-bottom-section .amenity {
  background-size: contain !important;
  height: 154px;
  margin-bottom: 5%;
  background-color: #F2F2F2 !important;
  border-radius: 8px;
  position: relative;
  display: flex;
  justify-content: center;
  font-size: 0.875rem;
}
.property-wrapper .property-details .incentive {
  background: #FFEAC4;
  padding: 0.6em 1em;
  margin-top: 1em;
  border-radius: 8px;
  font-weight: 500;
}
.property-wrapper .property-details .unavailable {
  background: #FFEAC4;
  padding: 16px 16px;
  margin-top: 15px;
  margin-bottom: 15px;
  border-radius: 20px;
  font-weight: 500;
  display: flex;
  align-items: center;
  width: 100%;
}
.property-wrapper .property-details .unavailable span {
  margin-left: 8px;
}
.property-wrapper .property-details .property-details-content {
  background-color: white !important;
  height: 100%;
  font-family: "Roboto", sans-serif;
  padding-bottom: 55px;
}
.property-wrapper .property-details .property-details-content span {
  font-size: 16px;
}
.property-wrapper .property-details .property-details-content h2,
.property-wrapper .property-details .property-details-content h3,
.property-wrapper .property-details .property-details-content h4,
.property-wrapper .property-details .property-details-content p,
.property-wrapper .property-details .property-details-content span {
  color: #1c2630;
}
.property-wrapper .property-details .property-details-content .addressDetails {
  margin-top: 0;
  font-weight: 500;
  color: #1c2630;
  font-size: 30px;
  line-height: 30px;
}
.property-wrapper .property-details .property-details-content .addressDetails span {
  font-weight: 500;
  color: #1c2630;
  font-size: 30px;
}
.property-wrapper .property-details .property-details-content #galleryOverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 999;
  display: flex;
}
.property-wrapper .property-details .property-details-content #galleryOverlay #overlayFooter {
  margin-top: auto;
}
.property-wrapper .property-details .property-details-content #galleryOverlay #overlayFooter .indexIndicator {
  padding: 10px;
  background: white;
  color: black;
  box-shadow: 0px 1px 6px #1C26304B;
  border-radius: 3px;
  margin-bottom: 20px;
  width: 100px;
  text-align: center;
  font-weight: 500;
  font-size: 18px;
}
.property-wrapper .property-details .property-details-content .gallery-footer {
  display: none !important;
}
.property-wrapper .property-details .property-details-content .ng-overlay {
  background: white;
  opacity: 1;
}
.property-wrapper .property-details .property-details-content .ng-gallery-content > img {
  top: 45%;
  max-height: 75%;
}
.property-wrapper .property-details .property-details-content .ng-gallery-content > a.nav-left, .property-wrapper .property-details .property-details-content .ng-gallery-content > a.nav-right {
  color: black !important;
}
.property-wrapper .property-details .property-details-content .ng-gallery-content > span.info-text {
  color: black !important;
}
.property-wrapper .property-details .property-details-content .ng-gallery-content > a.close-popup {
  color: black !important;
  font-size: 25px;
}
.property-wrapper .property-details .property-details-content #VT {
  padding: 10px;
  justify-content: center;
  display: flex;
  color: black;
  width: 100%;
  border: #1c2630 1px solid;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 500;
  border-radius: 2px;
  box-shadow: 0px 1px 2px #1C26304B;
}
.property-wrapper .property-details .property-details-content .VTDesktop:hover {
  cursor: pointer;
}
.property-wrapper .property-details .property-details-content #imageOverlay:hover .property-cover {
  opacity: 0.9;
}
.property-wrapper .property-details .property-details-content .property-image {
  width: 100%;
  margin-bottom: 30px;
  margin-top: 30px;
}
.property-wrapper .property-details .property-details-content .property-image .sideImage {
  background: #E9ECEE;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  height: 200px;
}
.property-wrapper .property-details .property-details-content .property-image .sideImage img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.property-wrapper .property-details .property-details-content .property-image .sideImage:last-child {
  margin-bottom: 0;
}
.property-wrapper .property-details .property-details-content .property-image .property-cover {
  height: 66vh;
  min-height: 100%;
  background-color: #f9f9f9;
  position: relative;
}
.property-wrapper .property-details .property-details-content .property-image .property-cover .price-box {
  display: none;
  top: 10%;
  position: absolute;
  color: white;
  text-align: center;
}
.property-wrapper .property-details .property-details-content .property-image .property-cover .price-box .open-house {
  background-color: #3cb210;
  padding: 5px;
}
.property-wrapper .property-details .property-details-content .property-image .property-cover .price-box .rented {
  background-color: #ef5350;
  padding: 5px;
}
.property-wrapper .property-details .property-details-content .property-image .property-cover .price-box .price {
  color: white !important;
  font-size: 20px;
  font-weight: 500;
  background-color: #3a3531;
  padding: 10px 20px;
}
.property-wrapper .property-details .property-details-content .property-image .property-cover .price-box .rhenti_aprovation {
  font-size: 20px;
  background-color: #4170c7;
  padding: 5px;
}
.property-wrapper .property-details .property-details-content .property-image .property-cover .price-box .rhenti_aprovation img {
  filter: brightness(0) invert(1);
  position: unset;
}
.property-wrapper .property-details .property-details-content .property-image .gallery-footer {
  position: absolute;
  display: flex;
  bottom: 0;
  width: 100%;
  margin-bottom: 20px;
}
.property-wrapper .property-details .property-details-content .property-image .gallery-footer .gallery-buttons {
  display: flex;
  margin: auto;
}
.property-wrapper .property-details .property-details-content .property-image .gallery-footer .gallery-buttons a {
  width: 230px;
  height: 40px;
  padding: 10px 20px;
  font-size: 16px;
  color: white;
  text-decoration: none;
  text-align: center;
  border-radius: 2px;
  cursor: pointer;
}
.property-wrapper .property-details .property-details-content .container .main-column .header-property .lc-verified {
  display: flex;
  align-items: center;
  justify-content: left;
  color: #666666;
  letter-spacing: 0.15px;
  background-color: #FFF;
  padding: 8px 0px 20px 0px;
}
.property-wrapper .property-details .property-details-content .container .main-column .header-property img {
  height: 20px;
  margin-right: 10px;
}
.property-wrapper .property-details .property-details-content .container .main-column .header-property .like {
  margin-left: auto;
  float: right;
  margin-top: -32px;
  margin-right: 10px;
  right: 20px;
  top: 20px;
  width: 31px;
  height: 31px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: white;
  border-radius: 50%;
  background-size: 25px;
  cursor: pointer;
}
.property-wrapper .property-details .property-details-content .container .main-column .header-property .details-icons {
  background-color: #e9ecee;
  padding: 20px 20px;
  margin: 40px 0px 20px 0px;
}
.property-wrapper .property-details .property-details-content .container .main-column .header-property .details-icons img {
  margin-bottom: 2px;
}
.property-wrapper .property-details .property-details-content .container .main-column .header-property .details-icons ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.property-wrapper .property-details .property-details-content .container .main-column .header-property .details-icons ul li {
  display: inline;
  margin-right: 45px;
}
.property-wrapper .property-details .property-details-content .container .main-column .header-property .isection {
  display: flex;
}
.property-wrapper .property-details .property-details-content .container .main-column .header-property .isection > * {
  border: 1px solid #D6D6D6;
  border-radius: 8px;
}
.property-wrapper .property-details .property-details-content .container .main-column .header-property .isection .title {
  font-size: 14px;
  font-weight: 500;
  color: #1C2630;
}
.property-wrapper .property-details .property-details-content .container .main-column .header-property .isection .rent {
  padding-right: 50px;
}
.property-wrapper .property-details .property-details-content .container .main-column .header-property .isection .rent .value {
  font-size: 22px;
  font-weight: 500;
  color: #1C2630;
}
.property-wrapper .property-details .property-details-content .container .main-column .header-property .isection .incentives {
  flex: 1;
  min-width: 0;
}
.property-wrapper .property-details .property-details-content .container .main-column .header-property .isection .incentives .value p {
  font-size: 16px;
  font-weight: 500;
  color: #1C2630;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.property-wrapper .property-details .property-details-content .container .main-column .center-icons {
  border: 2px solid #e9ecee;
  padding: 20px 20px;
  margin-bottom: 40px;
}
.property-wrapper .property-details .property-details-content .container .main-column .center-icons .list-amenities {
  list-style: none;
  padding: 0;
  margin: 0;
}
.property-wrapper .property-details .property-details-content .container .main-column .center-icons .list-amenities li {
  display: inline-flex;
  margin: 0px 90px 10px 0px;
}
.property-wrapper .property-details .property-details-content .container .main-column .center-icons .list-amenities li img {
  height: 20px;
  width: 20px;
  margin-right: 10px;
}
.property-wrapper .property-details .property-details-content .container .main-column .top-features {
  border-top: 2px solid #e9ecee;
  margin-bottom: 40px;
}
.property-wrapper .property-details .property-details-content .container .main-column .top-features .title {
  margin-bottom: 30px;
}
.property-wrapper .property-details .property-details-content .container .main-column .top-features ol {
  font-size: 16px;
  color: #1c2630;
}
.property-wrapper .property-details .property-details-content .container .main-column .top-features ol li {
  margin-bottom: 10px;
}
.property-wrapper .property-details .property-details-content .container .main-column .space-characteristics {
  border-top: 2px solid #e9ecee;
  margin-bottom: 40px;
}
.property-wrapper .property-details .property-details-content .container .main-column .space-characteristics .characteristics .characteristic-item .item-header {
  display: flex;
}
.property-wrapper .property-details .property-details-content .container .main-column .space-characteristics .characteristics .characteristic-item .item-header img {
  margin: 0px 10px 5px 0;
  width: 20px;
}
.property-wrapper .property-details .property-details-content .container .main-column .space-characteristics .characteristics .characteristic-item .progress-subtitle {
  color: #1c2630;
}
.property-wrapper .property-details .property-details-content .container .main-column .space-characteristics .characteristics .characteristic-item .progress-subtitle .left {
  text-align: left;
}
.property-wrapper .property-details .property-details-content .container .main-column .space-characteristics .characteristics .characteristic-item .progress-subtitle .center {
  text-align: center;
}
.property-wrapper .property-details .property-details-content .container .main-column .space-characteristics .characteristics .characteristic-item .progress-subtitle .right {
  text-align: right;
}
.property-wrapper .property-details .property-details-content .container .main-column .space-characteristics .characteristics .characteristic-item .progress {
  background-color: white;
  border-radius: 30px;
  box-shadow: inset 0 0 1px 1px rgba(112, 112, 112, 0.5);
}
.property-wrapper .property-details .property-details-content .container .main-column .panel {
  border-top: 2px solid #e9ecee;
  margin-bottom: 40px;
}
.property-wrapper .property-details .property-details-content .container .main-column .panel ul.list-amenities {
  padding: 0;
  list-style: none;
  columns: 3;
}
.property-wrapper .property-details .property-details-content .container .main-column .panel ul.list-amenities li {
  margin-bottom: 25px;
}
.property-wrapper .property-details .property-details-content .container .main-column .panel ul.list-amenities li img {
  margin-top: -4px;
  height: 22px;
  width: 22px;
}
.property-wrapper .property-details .property-details-content .container .main-column .panel .panel-body {
  font-size: 16px;
  color: #1c2630;
}
.property-wrapper .property-details .property-details-content .container .main-column .panel .panel-body .options li {
  margin-bottom: 10px;
}
.property-wrapper .property-details .property-details-content .container .main-column .panel .panel-body.with-table {
  padding-top: 0px;
}
.property-wrapper .property-details .property-details-content .container .main-column .panel .panel-body table {
  color: #1c2630;
  width: 100%;
}
.property-wrapper .property-details .property-details-content .container .main-column .panel .panel-body table tr {
  border-bottom: 1px solid #ddd;
}
.property-wrapper .property-details .property-details-content .container .main-column .panel .panel-body table tr:last-of-type {
  border-bottom: none;
}
.property-wrapper .property-details .property-details-content .container .main-column .panel .panel-body table td,
.property-wrapper .property-details .property-details-content .container .main-column .panel .panel-body table th {
  border-bottom: none;
  color: #1c2630;
  background-color: white;
  text-align: center;
  padding: 8px;
}
.property-wrapper .property-details .property-details-content .container .main-column .panel .panel-body table td:first-of-type {
  text-align: right;
}
.property-wrapper .property-details .property-details-content .container .main-column .card-measurement {
  display: flex;
  flex-direction: column;
  min-width: 230px;
  height: 200px;
  border: 2px solid #e9ecee;
  border-radius: 2px;
  background-color: white;
  padding: 20px 14px 10px 14px;
}
.property-wrapper .property-details .property-details-content .container .main-column .card-measurement span {
  font-size: 16px;
}
.property-wrapper .property-details .property-details-content .container .main-column .card-measurement span.title {
  text-align: center;
  margin: 10px 0px;
}
.property-wrapper .property-details .property-details-content .container .main-column .card-measurement .infos {
  display: flex;
  flex-direction: column;
  padding: 0px 0px 0px 60px;
}
.property-wrapper .property-details .property-details-content .container .main-column .card-measurement.total-sq {
  text-align: center;
}
.property-wrapper .property-details .property-details-content .container .main-column .card-measurement.total-sq .title {
  margin: 10px 0px 0px 0px;
}
.property-wrapper .property-details .property-details-content .container .bidding-details .bidding-details-container .bidding-details-box {
  border-radius: 2px;
  background-color: #e9ecee;
  padding: 30px 20px 50px 20px;
  margin: 0px;
}
.property-wrapper .property-details .property-details-content .container .bidding-details .bidding-details-container .bidding-details-box .date-information {
  border-radius: 4px 4px 0 0;
  text-align: center;
  padding: 10px 10px;
}
.property-wrapper .property-details .property-details-content .container .bidding-details .bidding-details-container .bidding-details-box .date-information h3 {
  margin: 0;
}
.property-wrapper .property-details .property-details-content .container .bidding-details .bidding-details-container .bidding-details-box .panel-body {
  padding: 0;
}
.property-wrapper .property-details .property-details-content .container .bidding-details .bidding-details-container .bidding-details-box .panel-body .followers-info {
  display: inline-block;
  color: #1c2630;
}
.property-wrapper .property-details .property-details-content .container .bidding-details .bidding-details-container .bidding-details-box .panel-body .followers-info img {
  margin-bottom: 4px;
}
.property-wrapper .property-details .property-details-content .container .bidding-details .bidding-details-container .bidding-details-box .panel-body .followers-info span {
  margin-left: 10px;
}
.property-wrapper .property-details .property-details-content .container .bidding-details .bidding-details-container #chat {
  background: #1C3553;
  border-radius: 2px;
  margin-top: 20px;
  width: 100%;
  height: 100%;
  padding-top: 10px;
}
.property-wrapper .property-details .property-details-content .container .bidding-details .bidding-details-container .chatMessage h4 {
  color: white !important;
  font-weight: 800;
  padding: 20px 50px 0px 50px;
  text-align: center;
  line-height: 1.5;
}
.property-wrapper .property-details .property-details-content .container .bidding-details .property-details-buttons .property-not-rented button {
  width: 100%;
  height: 40px;
  border-radius: 2px;
}
.property-wrapper .property-details .property-details-content .container .bidding-details .property-details-buttons .property-not-rented .primary-btn {
  margin-bottom: 20px;
}
.property-wrapper .property-details .property-details-content .container .bidding-details .property-details-buttons .property-rented-notRenter {
  border-radius: 4px;
  background-color: #e9ecee;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media (min-width: 768px) {
  .property-wrapper .property-details .property-details-content .main-column {
    padding: 0px 35px 0px 5px;
  }
}
@media (max-width: 768px) {
  .property-wrapper .property-details .property-details-content #galleryOverlay #overlayFooter .indexIndicator {
    padding: 5px;
    width: 80px;
  }
  .property-wrapper .property-details .property-details-content .ng-gallery-content > a.nav-right {
    right: 13px !important;
  }
  .property-wrapper .property-details .property-details-content .ng-gallery-content > a.nav-left {
    left: 13px !important;
  }
  .property-wrapper .property-details .property-details-content #info-panel h2 {
    font-size: 20px;
  }
  .property-wrapper .property-details .property-details-content #info-panel {
    margin-top: 10px;
    flex-direction: column;
  }
  .property-wrapper .property-details .property-details-content .book-viewing {
    display: none;
  }
  .property-wrapper .property-details .property-details-content .bt_see_all_photos {
    display: none;
  }
  .property-wrapper .property-details .property-details-content .list-amenities {
    columns: 2 !important;
  }
  .property-wrapper .property-details .property-details-content .property-cover {
    height: 250px !important;
    min-height: auto !important;
  }
  .property-wrapper .property-details .property-details-content .details-icons li {
    display: block !important;
  }
  .property-wrapper .property-details .property-details-content .bidding-details-box {
    max-width: 100% !important;
    padding-bottom: 0px !important;
  }
  .property-wrapper .property-details .property-details-content #chat {
    max-width: 100% !important;
  }
  .property-wrapper .property-details .property-details-content .property-image .photo {
    height: 100%;
  }
  .property-wrapper .property-details .property-details-content .property-image .price-box {
    top: 15% !important;
  }
  .property-wrapper .property-details .property-details-content .property-image .gallery-footer {
    margin-bottom: 0px;
  }
  .property-wrapper .property-details .property-details-content .property-image .gallery-footer .gallery-buttons {
    flex-direction: column;
  }
  .property-wrapper .property-details .property-details-content .property-image .gallery-footer .gallery-buttons a {
    margin-bottom: 20px;
  }
  .property-wrapper .property-details .property-details-content .property-image .gallery-footer .gallery-buttons .bt_see_all_photos {
    margin-right: 0;
  }
  .property-wrapper .property-details .property-details-content .main-column .card-measurement {
    padding: 20px 5px 10px !important;
    margin: 5px 0 0 0 !important;
  }
  .property-wrapper .property-details .property-details-content .main-column .card-measurement h4 {
    font-size: 16px !important;
  }
  .property-wrapper .property-details .property-details-content .panel-body.with-table {
    overflow: auto;
  }
  .property-wrapper .property-details .property-details-content .isection .rent {
    padding-right: 10px !important;
  }
}
.property-wrapper .property-details #mobileFooter {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 999;
  display: flex;
  background: #E9ECEE;
  width: 100%;
  padding: 15px;
  box-shadow: 0px -1px 6px #1C26304B;
}
.property-wrapper .property-details #mobileFooter .follow {
  font-size: 18px;
  color: #1C2630;
  font-weight: 500;
  padding-left: 5px;
}
.property-wrapper .property-details #mobileFooter .bookViewing {
  background: #FA9483;
  color: #1C3553;
  font-weight: 500;
  text-align: center;
  padding: 10px;
}
.property-wrapper .btn-read-more {
  color: #1C3553;
  font-weight: 500;
  letter-spacing: 1.25px;
  font-size: 0.875rem;
  cursor: pointer;
  padding: 20px 0;
  width: fit-content;
}
.property-wrapper .btn-read-more:hover {
  color: #1C3553;
  text-decoration: underline;
  transition: 0.2s ease-in-out;
}
.property-wrapper .chatInitiate {
  display: flex;
  flex-direction: column;
  margin: 20px;
  border-radius: 5px;
  overflow: hidden;
}
.property-wrapper .chatInitiate #messageDetail {
  height: 100% !important;
}
.property-wrapper .chatInitiate #chatBox {
  min-height: 20vh !important;
  max-height: calc(100vh - 275px) !important;
}
.property-wrapper .chatInitiate #chatBox {
  min-height: 200px;
  max-height: 300px;
}
.property-wrapper .startChat {
  text-align: center;
  color: white !important;
  font-weight: 500;
  letter-spacing: 1.25px;
  margin-top: 10px;
  padding: 15px;
  margin-bottom: 10px;
  border-radius: 8px;
  cursor: pointer;
}
.property-wrapper .startChat:hover {
  opacity: 0.9;
}
.property-wrapper .chatMessage {
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
}
.property-wrapper .chatMessage #chatImageTooltip {
  margin-left: 29px !important;
}
.property-wrapper .chatMessage .sendBox {
  position: relative !important;
}
.property-wrapper .chatMessage #chatBox {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}
.property-wrapper .chatMessage .contactDetailsWrapper {
  position: relative !important;
}
.property-wrapper .chatMessage .chatWrapper {
  margin: 20px;
  border-radius: 5px;
  overflow: hidden;
  min-width: 0 !important;
}
.property-wrapper .chatMessage p {
  color: #666666;
  margin: 0px 20px 0px 20px;
}
.property-wrapper .chatMessage a {
  color: #666666;
  cursor: pointer;
  text-decoration: underline;
}
.property-wrapper .chatMessage .syndicateChatConvert {
  background: #FA9483;
  width: 100%;
  padding: 10px;
  color: white;
  font-weight: 500;
  cursor: pointer;
  display: flex;
}
.property-wrapper .chatMessage .syndicateChatConvert #chevron {
  margin-left: auto;
}
@media (max-width: 768px) {
  .property-wrapper .property-details {
    max-width: 100%;
  }
  .property-wrapper .property-details .property-details-top-bar, .property-wrapper .property-details .property-details-gallery-wrapper, .property-wrapper .property-details #property-details-right-section, .property-wrapper .property-details #offerPanel {
    display: none !important;
  }
  .property-wrapper .property-details .property-details-wrapper {
    padding: 0 !important;
    width: 100%;
  }
  .property-wrapper .property-details .property-details-wrapper #property-details-bottom-section #property-details-left-section {
    padding-right: 0px;
  }
  .property-wrapper .property-details .webview {
    display: none !important;
  }
  .property-wrapper .property-details #openChat {
    right: 0;
    bottom: 75px;
    width: 100%;
  }
  .property-wrapper .property-details #openChat #chat {
    width: 100%;
    min-height: 50dvh;
  }
  .property-wrapper .property-details #img-gallery {
    padding-bottom: 100px;
  }
  .property-wrapper .property-details #rightBoxMobile {
    overflow: auto;
    transition: all 0.3s ease-in-out;
    max-height: 0;
    opacity: 0;
    margin-top: 0;
    padding: 0 20px;
  }
  .property-wrapper .property-details #rightBoxMobile.expanded {
    max-height: 50dvh;
    opacity: 1;
    transform: translateY(0);
    margin-top: 1em;
  }
  .property-wrapper .property-details #property-details-bottom-section {
    margin-top: 0px !important;
  }
  .property-wrapper .property-details #property-details-bottom-section .utilities-wrapper {
    flex-direction: column !important;
  }
  .property-wrapper .property-details #property-details-bottom-section .building-amenities {
    max-height: 250px !important;
  }
  .property-wrapper .property-details .mobile-space .space-wrapper {
    flex-direction: column;
  }
  .property-wrapper .property-details .mobile-space .space-wrapper .space-info {
    margin-bottom: 10px;
  }
  .property-wrapper .property-details .mobile-space .space-wrapper .space-info:last-child {
    margin-bottom: 0;
  }
  .property-wrapper .property-details #mobile-banner {
    position: fixed;
    bottom: 0;
    background: white;
    width: 100%;
    left: 0;
    display: flex !important;
    right: 0;
    flex-direction: column;
    box-shadow: 0 0 10px #00000046;
    z-index: 2;
  }
  .property-wrapper .property-details #mobile-banner .chat-icon {
    height: 50px;
    width: 50px;
    min-height: 50px;
    min-width: 50px;
    border-radius: 100%;
    padding: 15px;
  }
  .property-wrapper .property-details #mobile-banner .property-info-button {
    height: 50px;
    width: 50px;
    min-height: 50px;
    min-width: 50px;
    border-radius: 100%;
    padding: 15px;
    background: #FFFFFF;
    border-color: #1c2630;
  }
  .property-wrapper .property-details #mobile-details {
    display: flex !important;
    flex-direction: column;
    width: 100%;
  }
  .property-wrapper .property-details #mobile-details #mobile-img-wrapper {
    height: 300px;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
  }
  .property-wrapper .property-details #mobile-details #mobile-img-wrapper .mobileVT {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2;
    background: white;
    margin: 20px;
    border-radius: 4px;
    padding: 10px;
    text-align: center;
    box-shadow: 0 0 10px #585858;
  }
  .property-wrapper .property-details #mobile-details #mobile-img-wrapper .mobile-img-controls {
    position: absolute;
    right: 0;
    top: 20px;
    display: flex;
    flex-direction: column;
  }
  .property-wrapper .property-details #mobile-details #mobile-img-wrapper .mobile-img-controls .control {
    margin: 0 20px 10px 20px;
    padding: 10px;
    background: white;
    height: 40px;
    width: 40px;
    border-radius: 8px;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 10px #00000046;
  }
  .property-wrapper .property-details #mobile-details #mobile-img-wrapper img {
    width: 100%;
  }
  .property-wrapper .property-details #mobile-details #mobile-details-info {
    display: flex;
    flex-direction: column;
  }
  .property-wrapper .property-details #mobile-details #mobile-details-info .section {
    border-bottom: 1px solid #D6D6D6;
    padding-bottom: 30px;
    margin: 0px 0px 30px;
  }
  .property-wrapper .property-details #mobile-details #mobile-details-info .section .property-details-top-info-text {
    background: #FFEEE8;
    font-size: 12px;
    padding: 10px 16px;
    border-radius: 20px;
    margin: 5px 10px 5px 0;
    font-weight: 500;
    white-space: nowrap;
  }
  .property-wrapper .main-column {
    padding: 0px 35px 0px 5px;
  }
  .property-wrapper #galleryOverlay #overlayFooter .indexIndicator {
    padding: 5px;
    width: 80px;
  }
}
.property-wrapper .chat-ease-in {
  animation-name: chat-in;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
@keyframes chat-in {
  from {
    margin-bottom: 0px;
    opacity: 0;
  }
  to {
    margin-bottom: 15px;
    opacity: 1;
  }
}
.property-wrapper .chat-ease-out {
  animation-name: chat-out;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
@keyframes chat-out {
  from {
    margin-bottom: 15px;
    opacity: 1;
  }
  to {
    margin-bottom: 0px;
    opacity: 0;
  }
}
.property-wrapper .gallery-close-btn {
  position: fixed;
  top: 2rem;
  right: 2rem;
  z-index: 1100;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(4px);
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transition: all 0.2s ease;
}
.property-wrapper .gallery-close-btn img {
  width: 16px;
  height: 16px;
  transition: transform 0.2s ease;
}
.property-wrapper .gallery-close-btn:hover {
  background: white;
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.property-wrapper .gallery-close-btn:hover img {
  transform: scale(0.9);
}
.property-wrapper .gallery-close-btn:active {
  transform: scale(0.95);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

.map-container {
  position: relative;
  overflow: hidden;
  margin-bottom: 2em;
  border-radius: 8px;
  background: #f8f9fa;
}
.map-container .map-frame {
  width: 100%;
  height: 450px;
  border: none;
  transition: opacity 0.3s ease;
}
@media (max-width: 768px) {
  .map-container .map-frame {
    height: 300px;
  }
}
.map-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.map-container.loading::before {
  opacity: 1;
}

.section.mobile-location {
  margin-bottom: 0;
  border-bottom: none;
}
.section.mobile-location .heading {
  margin-bottom: 1em;
}

.info-chevron {
  font-size: 24px;
  transition: transform 0.3s ease;
  color: #1C2630;
}
.info-chevron.expanded {
  transform: rotate(0deg);
}
.info-chevron.collapsed {
  transform: rotate(180deg);
}

.chat-icon {
  position: relative;
  width: 40px;
  height: 40px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border: 1px transparent;
  border-radius: 8px;
  transition: all 0.2s ease-in-out;
}
.chat-icon:hover {
  background-color: #F8F9FA;
  transform: translateY(-4px);
  box-shadow: 0 2px 4px rgba(28, 38, 48, 0.1), 0 0 0 4px rgba(234, 102, 89, 0.1);
  border-color: rgba(234, 102, 89, 0.2);
}
.chat-icon:hover::after {
  content: "Message property owner";
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  background: rgba(28, 38, 48, 0.9);
  color: white;
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  pointer-events: none;
  opacity: 1;
  visibility: visible;
}
.chat-icon:hover::before {
  content: "";
  position: absolute;
  bottom: calc(100% + 2px);
  left: 50%;
  transform: translateX(-50%);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid rgba(28, 38, 48, 0.9);
  pointer-events: none;
}
.chat-icon img {
  position: absolute;
  width: 24px;
  height: 24px;
  transition: all 0.2s ease-in-out;
  will-change: transform, opacity;
  transform-origin: center;
}
.chat-icon .chat-open {
  opacity: 1;
  transform: rotate(0deg);
}
.chat-icon .chat-open.hidden {
  opacity: 0;
  transform: rotate(180deg);
  pointer-events: none;
}
.chat-icon .chat-collapse {
  opacity: 0;
  transform: rotate(-180deg);
  pointer-events: none;
}
.chat-icon .chat-collapse.visible {
  opacity: 1;
  transform: rotate(0deg);
  pointer-events: auto;
}

.profile-form-component {
  max-width: 600px;
  margin: 60px auto;
  padding: 32px;
  background-color: white;
  border-radius: 4px;
  border: 1px solid #d6d6d6;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .profile-form-component {
    margin: 0;
    padding: 32px 16px;
    border: none;
    border-radius: 0;
  }
}
.profile-form-component .profile-header .li-progress {
  width: 65px;
}
.profile-form-component .profile-title {
  font-size: 26px !important;
  font-weight: 500;
  margin-bottom: 20px;
  color: #1c3553 !important;
}
.profile-form-component .profile-subtitle {
  font-size: 16px;
  margin-top: 15px;
  margin-bottom: 30px;
}
.profile-form-component .profile-warning {
  font-size: 16px;
  margin-left: 15px;
}
.profile-form-component .you-did-it-message {
  margin-top: 15px;
  margin-bottom: 30px;
  display: flex;
}
.profile-form-component .profile-view-edit .profile-checkbox {
  display: flex;
}
.profile-form-component .profile-view-edit .profile-checkbox .info-text {
  display: flex;
  flex: 6;
  flex-direction: column;
}
.profile-form-component .profile-view-edit .profile-checkbox .info-text span {
  font-size: 14px;
}
.profile-form-component .profile-view-edit .profile-checkbox .info-text span:first-of-type {
  margin-bottom: 8px;
}
.profile-form-component .profile-view-edit .profile-checkbox .info-icon {
  flex: 1;
  cursor: pointer;
}
.profile-form-component .profile-view-edit .profile-checkbox .info-icon img {
  float: right;
}
.profile-form-component .profile-view-edit .profile-checkbox.with-margin {
  margin-top: 30px;
}
.profile-form-component .profile-footer {
  padding: 32px 0 0;
}
.profile-form-component .profile-footer .profile-footer-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.profile-form-component .profile-footer .profile-footer-container div:only-child {
  margin: 0 auto;
}
.profile-form-component .profile-footer .done {
  width: 150px;
  max-width: fit-content;
  margin-bottom: 30px;
}
.profile-form-component .info-icon {
  background: #1C3553;
  border-radius: 100px;
  width: 25px;
  height: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
  margin-right: 10px;
}
.profile-form-component #saveProfileDetails {
  background: #1C3553;
  text-align: center;
  padding: 10px;
  border-radius: 8px;
  color: white;
  font-weight: 500;
  margin-top: auto;
  cursor: pointer;
}
.profile-form-component .sub-heading {
  font-size: 1rem;
  font-weight: 400;
  color: #1e2630;
  margin: 20px 0px;
}

.step-counter {
  font-size: 0.85rem;
  font-weight: 500;
  color: #1c2630;
  text-align: center;
  margin-bottom: 20px;
}

/* Checkboxes */
.checkbox-label {
  position: relative;
  cursor: pointer;
  padding: 0;
}

.checkbox-label .check {
  height: 18px;
}

.checkbox-label .check input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  margin: 0;
  border-radius: 2px;
  background-color: transparent;
  cursor: pointer;
}

.checkbox-label .check input:checked {
  background-color: #1c2630;
}

.checkbox-label .check input:checked::before {
  content: "✓";
  background: url(images/icons/Icon-check.svg) no-repeat center;
  color: transparent;
  display: flex;
}

.checkbox-label .check input.disabled {
  opacity: 0.6;
  cursor: initial;
}

.kijiji-offer-card-wrapper {
  display: grid;
  margin-top: 60px;
  grid-template-columns: auto 30%;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .kijiji-offer-card-wrapper {
    grid-template-columns: auto;
    max-height: 100%;
    background: #ffffff;
  }
}
.kijiji-offer-card-wrapper .c-primary {
  color: #383373;
}
.kijiji-offer-card-wrapper .bg-primary {
  background-color: #383373;
}
.kijiji-offer-card-wrapper .offer-controller {
  position: relative;
  overflow-y: auto;
  min-width: 350px;
  background-color: white;
  height: 100%;
  border-left: 1px solid #d6d6d6;
}
@media (max-width: 768px) {
  .kijiji-offer-card-wrapper .offer-controller {
    display: none;
  }
}
.kijiji-offer-card-wrapper .controller-wrapper {
  position: fixed;
  height: 100%;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.kijiji-offer-card-wrapper .contact-info-container {
  width: 100%;
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 20px;
  font-size: 0.8rem;
  letter-spacing: 1.25px;
}
.kijiji-offer-card-wrapper .contact-info-container a {
  color: #1c2630;
}
.kijiji-offer-card-wrapper .contact-info-container .info-icons {
  color: #1c2630;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  line-height: 0;
  border: 1px solid #d6d6d6;
  padding: 4px 8px;
  border-radius: 4px;
}
.kijiji-offer-card-wrapper .contact-info-container .info-icons i {
  margin-right: 8px;
  font-size: 1rem;
}
.kijiji-offer-card-wrapper #modalNeeds {
  display: flex;
  flex-direction: column;
  padding: 20px;
  color: #1c2630;
  font-size: 14px;
}
.kijiji-offer-card-wrapper #offer-wrapper {
  display: flex;
  flex-direction: column;
}
.kijiji-offer-card-wrapper .offer-card-gallery .property-cover {
  display: none !important;
}
.kijiji-offer-card-wrapper .offer-card-gallery .ng-overlay {
  background: white !important;
  opacity: 1 !important;
}
.kijiji-offer-card-wrapper .offer-card-gallery .ng-gallery-content > img {
  top: 45%;
  max-height: 75%;
}
.kijiji-offer-card-wrapper .offer-card-gallery .ng-gallery-content > a.nav-left,
.kijiji-offer-card-wrapper .offer-card-gallery .ng-gallery-content > a.nav-right {
  color: #1c3553 !important;
}
.kijiji-offer-card-wrapper .offer-card-gallery .ng-gallery-content > span.info-text {
  color: #1c3553 !important;
}
.kijiji-offer-card-wrapper .offer-card-gallery .ng-gallery-content > a.close-popup {
  color: #1c3553 !important;
  font-size: 25px;
}
.kijiji-offer-card-wrapper .price-title {
  font-weight: 400;
  font-size: 24px;
}
.kijiji-offer-card-wrapper .status-bar {
  display: flex;
  z-index: 1;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 100%;
  padding-top: 10px;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 10px;
  border-radius: 8px;
}
.kijiji-offer-card-wrapper .status-bar.accepted {
  background-color: #72c163;
}
.kijiji-offer-card-wrapper .status-bar.declined {
  background-color: #808080;
}
.kijiji-offer-card-wrapper .offer-card-mkt {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  flex: 1;
  height: 100%;
  padding: 16px;
  column-gap: 8px;
  overflow-y: auto;
}
.kijiji-offer-card-wrapper .offer-card-mkt.hidden {
  display: none;
}
.kijiji-offer-card-wrapper .offer-card-mkt.loading {
  opacity: 0.1;
}
.kijiji-offer-card-wrapper .offer-card-mkt .mobile-info-container,
.kijiji-offer-card-wrapper .offer-card-mkt .info-toggle,
.kijiji-offer-card-wrapper .offer-card-mkt .mobile-show {
  display: none !important;
}
.kijiji-offer-card-wrapper .offer-card-mkt .coapps-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 20px;
  margin-top: 8px;
  margin-bottom: 8px;
  border-radius: 8px;
  background-color: #ffffff;
  border: 1px solid #d6d6d6;
  transition: 0.2s ease;
  position: relative;
}
.kijiji-offer-card-wrapper .offer-card-mkt .coapps-container h2 {
  font-size: 0.75rem;
  color: #1c3553;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.25px;
  margin: 0 0 20px 0;
  padding: 0;
}
.kijiji-offer-card-wrapper .offer-card-mkt .coapps-container p {
  color: #1c2630;
  font-size: 1rem;
  font-weight: 500;
}
.kijiji-offer-card-wrapper .offer-card-mkt .coapps-container:hover {
  border: 1px solid #1c3553;
}
.kijiji-offer-card-wrapper .offer-card-mkt .terms-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 20px;
  margin-top: 8px;
  margin-bottom: 8px;
  border-radius: 8px;
  background-color: #ffffff;
  border: 1px solid #d6d6d6;
  transition: 0.2s ease;
  position: relative;
}
.kijiji-offer-card-wrapper .offer-card-mkt .terms-container h2 {
  font-size: 0.75rem;
  color: #1c3553;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.25px;
  margin: 0 0 20px 0;
  padding: 0;
}
.kijiji-offer-card-wrapper .offer-card-mkt .terms-container p {
  color: #1c2630;
  font-size: 1rem;
  font-weight: 500;
}
.kijiji-offer-card-wrapper .offer-card-mkt .terms-container:hover {
  border: 1px solid #1c3553;
}
@media (max-width: 768px) {
  .kijiji-offer-card-wrapper .offer-card-mkt .terms-container {
    margin-left: 16px;
    margin-right: 16px;
  }
}
.kijiji-offer-card-wrapper .offer-card-mkt .info-container {
  display: flex;
  position: relative;
  align-items: center;
  flex-wrap: wrap;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #d6d6d6;
  transition: 0.2s ease;
  border-radius: 8px;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .kijiji-offer-card-wrapper .offer-card-mkt .info-container {
    border: none;
    color: #1c2630;
    align-items: flex-start;
  }
}
.kijiji-offer-card-wrapper .offer-card-mkt .info-container h2 {
  font-size: 0.75rem;
  color: #1c3553;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.25px;
  margin: 0 0 20px 0;
  padding: 0;
}
.kijiji-offer-card-wrapper .offer-card-mkt .info-container p,
.kijiji-offer-card-wrapper .offer-card-mkt .info-container span {
  color: #1c2630;
  margin: 5px 5px 5px 0;
  font-size: 1rem;
}
.kijiji-offer-card-wrapper .offer-card-mkt .info-container p.name,
.kijiji-offer-card-wrapper .offer-card-mkt .info-container span.name {
  font-weight: 500;
}
.kijiji-offer-card-wrapper .offer-card-mkt .info-container .info {
  display: inline-block;
}
.kijiji-offer-card-wrapper .offer-card-mkt .info-container .arrow-link {
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  cursor: pointer;
  height: 40px;
  border-radius: 50%;
  background-color: transparent;
  color: #000000;
  font-size: 16px;
}
.kijiji-offer-card-wrapper .offer-card-mkt .info-container .very-good {
  background-color: #6dc762;
  border-radius: 8px;
  color: #ffffff;
  font-size: 20px;
  height: 35px;
  width: 55px;
  padding: 3px 6px;
  margin-right: 5px;
}
.kijiji-offer-card-wrapper .offer-card-mkt .info-container .good {
  background-color: #afe3a4;
  border-radius: 8px;
  color: #ffffff;
  font-size: 20px;
  height: 35px;
  width: 55px;
  padding: 3px 6px;
  margin-right: 5px;
}
.kijiji-offer-card-wrapper .offer-card-mkt .info-container .average {
  background-color: #efb22d;
  border-radius: 8px;
  color: #ffffff;
  font-size: 20px;
  height: 35px;
  width: 55px;
  padding: 3px 6px;
  margin-right: 5px;
}
.kijiji-offer-card-wrapper .offer-card-mkt .info-container .below-average {
  background-color: #f3722d;
  border-radius: 8px;
  color: #ffffff;
  font-size: 20px;
  height: 35px;
  width: 55px;
  padding: 3px 6px;
  margin-right: 5px;
}
.kijiji-offer-card-wrapper .offer-card-mkt .info-container .poor {
  background-color: #ff5851;
  border-radius: 8px;
  color: #ffffff;
  font-size: 20px;
  height: 35px;
  width: 55px;
  padding: 3px 6px;
  margin-right: 5px;
}
.kijiji-offer-card-wrapper .offer-card-mkt .info-container .profile-img {
  height: 70px;
  width: 70px;
  border-radius: 100%;
}
.kijiji-offer-card-wrapper .offer-card-mkt .info-container .space {
  letter-spacing: 1.25px;
}
.kijiji-offer-card-wrapper .offer-card-mkt .info-container .renter-info-link {
  display: inline-block;
  background-color: #f2f2f2;
  border-radius: 11px;
  height: 45px;
  width: 45px;
  margin: 0 20px 10px 0;
}
.kijiji-offer-card-wrapper .offer-card-mkt .info-container .about-me-section {
  margin: 32px 0;
}
.kijiji-offer-card-wrapper .offer-card-mkt .info-container .about-me-section h5 {
  color: #1c2630;
  font-weight: 500;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 1.25px;
}
.kijiji-offer-card-wrapper .offer-card-mkt .info-container .about-me-section .about-me-text {
  height: 45px;
  overflow: hidden;
  word-break: break-all;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  margin-bottom: 0;
}
.kijiji-offer-card-wrapper .offer-card-mkt .info-container .about-me-section .about-me-text.expand {
  min-height: 45px;
  height: auto;
  max-height: 300px;
  overflow-y: auto;
}
.kijiji-offer-card-wrapper .offer-card-mkt .info-container .about-me-section .about-me-text p {
  color: #1c2630;
  font-size: 1rem;
}
.kijiji-offer-card-wrapper .offer-card-mkt .info-container .about-me-section span {
  cursor: pointer;
}
.kijiji-offer-card-wrapper .offer-card-mkt .info-container .image-section {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
  gap: 5px;
  height: auto;
  width: 100%;
}
.kijiji-offer-card-wrapper .offer-card-mkt .info-container .image-section img {
  height: 90px;
  width: 100%;
  border-radius: 8px;
  object-fit: cover;
  cursor: pointer;
}
@media (max-width: 768px) {
  .kijiji-offer-card-wrapper .offer-card-mkt .info-container .image-section {
    margin-bottom: 40px;
  }
}
.kijiji-offer-card-wrapper .offer-card-mkt .info-container .gallery-title {
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.kijiji-offer-card-wrapper .offer-card-mkt .info-container .gallery-title h2 {
  font-size: 0.875rem !important;
}
.kijiji-offer-card-wrapper .offer-card-mkt .info-container .show-gallery {
  display: block;
  margin: 20px auto 0 auto;
  text-align: center;
}
.kijiji-offer-card-wrapper .offer-card-mkt .info-container div.additional-info {
  padding-top: 15px;
  margin: 0 -5px;
  padding-right: 20px;
}
.kijiji-offer-card-wrapper .offer-card-mkt .info-container div.additional-info span.additional-info {
  display: inline-block;
  background-color: #ffeac4;
  color: #000000;
  font-weight: 500;
  border-radius: 200px;
  margin-right: 10px;
  padding: 5px 10px;
  font-size: 0.8rem;
}
.kijiji-offer-card-wrapper .offer-card-mkt .info-container .verified {
  display: flex;
  align-items: center;
  color: #666666;
}
.kijiji-offer-card-wrapper .offer-card-mkt .info-container .verified img {
  height: 19px;
  width: 16px;
  margin-right: 5px;
}
.kijiji-offer-card-wrapper .offer-card-mkt .info-container .download-button {
  background-color: #383373;
  padding: 10px 20px;
  border-radius: 8px;
  color: white;
  cursor: pointer;
}
.kijiji-offer-card-wrapper .offer-card-mkt .info-container .download-button:hover {
  background-color: #272350;
}
.kijiji-offer-card-wrapper .offer-card-mkt .info-container .renterProfile {
  position: absolute;
  top: 0;
  right: 0;
  margin: 20px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  justify-content: center;
  cursor: pointer;
  transition: 2s ease;
}
.kijiji-offer-card-wrapper .offer-card-mkt .updated-badge {
  position: relative;
  outline: 2px solid #fa9483 !important;
}
.kijiji-offer-card-wrapper .offer-card-mkt .updated-badge .updated-title {
  position: absolute;
  top: 0;
  right: 20px;
  transform: translateY(-50%);
  padding: 2px 8px;
  background-color: #fa9483;
  border-radius: 16px;
  color: white;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  display: none;
}
@media (max-width: 768px) {
  .kijiji-offer-card-wrapper .offer-card-mkt .updated-badge {
    border-radius: 8px;
    margin-left: 16px;
    margin-right: 16px;
  }
}
.kijiji-offer-card-wrapper .offer-card-mkt .prop-info-container {
  margin-bottom: 8px;
}
.kijiji-offer-card-wrapper .offer-card-mkt .prop-info-container .info {
  width: 100%;
}
.kijiji-offer-card-wrapper .offer-card-mkt .prop-info-container hr {
  margin: 10px 0;
}
.kijiji-offer-card-wrapper .offer-card-mkt .prop-info-container p {
  margin-bottom: 2px;
}
.kijiji-offer-card-wrapper .offer-card-mkt .prop-info-container .fa {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 16px;
  font-weight: 500;
  color: #1c3553;
}
.kijiji-offer-card-wrapper .offer-card-mkt .prop-info-container .prop-details p {
  font-weight: 500;
  font-size: 16px;
  color: #1c2630;
}
.kijiji-offer-card-wrapper .offer-card-mkt .prop-info-container .prop-sub-details {
  display: flex;
  justify-content: space-between;
}
.kijiji-offer-card-wrapper .offer-card-mkt .prop-info-container .prop-sub-details .title {
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  color: #666666;
}
.kijiji-offer-card-wrapper .offer-card-mkt .prop-info-container .prop-sub-details .value {
  color: #1c2630;
  font-size: 1rem;
  font-weight: 500;
}
.kijiji-offer-card-wrapper .offer-card-mkt .prop-info-container .concessions .title {
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  color: #666666;
}
.kijiji-offer-card-wrapper .offer-card-mkt .prop-info-container .concessions .list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.kijiji-offer-card-wrapper .offer-card-mkt .prop-info-container .concessions .list .concession-list {
  min-width: 0;
}
.kijiji-offer-card-wrapper .offer-card-mkt .prop-info-container .concessions .list .concession-list p {
  font-size: 1rem;
  color: #1c2630;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kijiji-offer-card-wrapper .offer-card-mkt .first-column {
  flex: 1;
  min-width: 430px;
  min-height: fit-content;
}
@media (max-width: 768px) {
  .kijiji-offer-card-wrapper .offer-card-mkt .first-column {
    min-width: fit-content;
    width: 100%;
  }
}
.kijiji-offer-card-wrapper .offer-card-mkt .first-column .kijiji-offer-info-container {
  background-color: #383373;
  color: #ffffff;
  padding: 16px;
  border-radius: 8px;
  margin-bottom: 8px;
}
.kijiji-offer-card-wrapper .offer-card-mkt .first-column .kijiji-offer-info-container h1 {
  display: inline-block;
  font-size: 1.5rem;
}
.kijiji-offer-card-wrapper .offer-card-mkt .first-column .kijiji-offer-info-container .info-label {
  font-size: 0.8rem;
  font-weight: 500;
  opacity: 0.7;
  text-transform: uppercase;
  letter-spacing: 1.25px;
  padding: 0 20px 0 0;
}
.kijiji-offer-card-wrapper .offer-card-mkt .first-column .kijiji-offer-info-container .deposit-label {
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.13px;
}
.kijiji-offer-card-wrapper .offer-card-mkt .first-column .kijiji-offer-info-container .info {
  font-size: 16px;
  font-weight: 500;
}
.kijiji-offer-card-wrapper .offer-card-mkt .first-column .kijiji-offer-info-container hr {
  margin: 25px 0 5px 0;
  border-top: 2px solid #ffffff66;
}
.kijiji-offer-card-wrapper .offer-card-mkt .first-column .kijiji-offer-info-container .deposit div.info {
  display: inline-block;
  width: 49%;
  margin-top: 10px;
}
.kijiji-offer-card-wrapper .offer-card-mkt .first-column .kijiji-offer-info-container .deposit div.info .info-label {
  display: inline-block;
  margin: 10px 0;
}
@media (max-width: 768px) {
  .kijiji-offer-card-wrapper .offer-card-mkt .first-column .kijiji-offer-info-container {
    margin: 0 16px 8px 16px;
  }
}
.kijiji-offer-card-wrapper .offer-card-mkt .second-column {
  flex: 1.5;
  min-width: 350px;
}
@media (max-width: 768px) {
  .kijiji-offer-card-wrapper .offer-card-mkt .second-column {
    flex: 1;
    min-width: fit-content;
  }
}
.kijiji-offer-card-wrapper .offer-card-mkt .second-column p {
  color: #1c2630;
  font-size: 1rem;
  font-weight: 400;
}
.kijiji-offer-card-wrapper .offer-card-mkt .second-column h1 {
  color: #1c2630;
  font-size: 1.5rem;
  font-weight: 500;
  margin: 5px 0 5px 0;
}
.kijiji-offer-card-wrapper .offer-card-mkt .second-column .education-history {
  display: flex;
  align-items: center;
  border-radius: 8px;
  padding: 0 10px;
  margin: 10px 0;
  font-size: 16px;
  color: #1c2630;
}
.kijiji-offer-card-wrapper .offer-card-mkt .second-column .education-history span {
  display: inline-block;
  font-size: 16px;
  color: #1c2630;
  font-weight: 400;
  margin: 5px;
}
.kijiji-offer-card-wrapper .offer-card-mkt .second-column .education-history span.bold {
  opacity: 1;
}
.kijiji-offer-card-wrapper .offer-card-mkt .second-column .education-history img {
  margin-right: 10px;
}
.kijiji-offer-card-wrapper .offer-card-mkt .second-column .tablet-view {
  display: none;
}
.kijiji-offer-card-wrapper .offer-card-mkt .second-column .tablet-view .rental-history {
  display: flex;
  align-items: center;
}
.kijiji-offer-card-wrapper .offer-card-mkt .second-column .tablet-view .rental-history img {
  height: 19px;
  margin-top: -3px;
}
.kijiji-offer-card-wrapper .offer-card-mkt .second-column .tablet-view .rental-history span {
  font-size: 14px;
  color: #1c2630;
  font-weight: 400;
  margin-left: 10px;
}
.kijiji-offer-card-wrapper .offer-card-mkt .second-column .tablet-view .num-references {
  background-color: #f2f2f2;
  color: #1c2630;
  border-radius: 8px;
  padding: 5px 10px;
  font-size: 16px;
}
.kijiji-offer-card-wrapper .offer-card-mkt .second-column .tablet-view p {
  color: #1c2630;
  font-size: 16px;
}
.kijiji-offer-card-wrapper .offer-card-mkt .second-column .tablet-view .rental-need {
  display: inline-block;
  background-color: #ffd9c7;
  border-radius: 4px;
  color: #1c2630;
  font-weight: 500;
  margin: 5px 10px 5px 0;
  padding: 5px 10px;
}
.kijiji-offer-card-wrapper .offer-card-mkt .second-column .mobile-view {
  display: none;
}
.kijiji-offer-card-wrapper .offer-card-mkt .third-column {
  flex: 1;
  min-width: 350px;
}
.kijiji-offer-card-wrapper .offer-card-mkt .third-column .rental-history {
  display: flex;
  align-items: center;
}
.kijiji-offer-card-wrapper .offer-card-mkt .third-column .rental-history img {
  height: 19px;
  margin-top: -3px;
}
.kijiji-offer-card-wrapper .offer-card-mkt .third-column .rental-history span {
  font-size: 14px;
  color: #1c2630;
  font-weight: 400;
  margin-left: 10px;
}
.kijiji-offer-card-wrapper .offer-card-mkt .third-column .num-references {
  background-color: #f2f2f2;
  color: #1c2630;
  border-radius: 8px;
  padding: 5px 10px;
  font-size: 16px;
  font-weight: 400;
}
.kijiji-offer-card-wrapper .offer-card-mkt .third-column p {
  color: #1c2630;
  font-size: 16px;
}
.kijiji-offer-card-wrapper .offer-card-mkt .third-column .rental-need {
  display: inline-block;
  background-color: #ffd9c7;
  border-radius: 4px;
  color: #1c2630;
  font-weight: 500;
  margin: 5px 10px 5px 0;
  padding: 5px 10px;
}
.kijiji-offer-card-wrapper #additional-docs {
  display: flex;
  padding: 0;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  width: 800px;
  height: 800px;
}
.kijiji-offer-card-wrapper #additional-docs .additional-docs-list {
  margin-right: 20px;
  border-right: 1px solid #d6d6d6;
}
.kijiji-offer-card-wrapper #additional-docs .additional-docs-list .additional-docs-item {
  display: flex;
  align-items: center;
  white-space: nowrap;
  padding: 10px 20px;
  border-bottom: 1px solid #d6d6d6;
  cursor: pointer;
  font-size: 0.875rem;
  color: #1c2630;
  font-weight: 500;
}
.kijiji-offer-card-wrapper #additional-docs .additional-docs-list .additional-docs-item .new-chip {
  background-color: #ff0000;
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 1px 10px;
  border-radius: 200px;
  text-transform: uppercase;
}
.kijiji-offer-card-wrapper #additional-docs .additional-docs-list .additional-docs-item:hover {
  background-color: #f2f2f2;
}
.kijiji-offer-card-wrapper #additional-docs .additional-docs-details {
  padding: 20px;
  width: 100%;
}
@media (max-width: 768px) {
  .kijiji-offer-card-wrapper #additional-docs.extra-info {
    max-width: 100%;
    margin: 0;
    padding: 0;
    border-radius: 0;
    height: 100%;
  }
}
.kijiji-offer-card-wrapper .extra-info-ref {
  right: -10000px;
  height: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: flex;
}
.kijiji-offer-card-wrapper .extra-info-ref.visible {
  position: relative;
  transform: translateX(-10000px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.kijiji-offer-card-wrapper .extra-info-ref #referencesWrapper {
  display: flex;
  height: fit-content;
}
.kijiji-offer-card-wrapper .extra-info-ref #references-nav {
  width: 300px;
  margin-left: 16px;
  margin-top: 16px;
  overflow: hidden;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: none;
  border: 1px solid #d6d6d6;
}
.kijiji-offer-card-wrapper .extra-info-ref #references-nav .parent-info-container {
  width: 100%;
}
.kijiji-offer-card-wrapper .extra-info-ref #references-nav .parent-info-container .info-container {
  padding: 20px;
  border-bottom: 2px solid #e6e6e6;
}
.kijiji-offer-card-wrapper .extra-info-ref #references-nav .parent-info-container .info-container .arrow-link {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  cursor: pointer;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: transparent;
  color: #000000;
  font-size: 16px;
}
.kijiji-offer-card-wrapper .extra-info-ref #references-nav .parent-info-container .info-container .arrow-link i {
  padding-left: 4px;
}
.kijiji-offer-card-wrapper .extra-info-ref #references-nav .parent-info-container .ref-container {
  background: white;
  font-size: 16px;
}
.kijiji-offer-card-wrapper .extra-info-ref #references-nav .parent-info-container .ref-container:hover {
  background: #e5e5e5;
}
.kijiji-offer-card-wrapper .extra-info-ref #references-nav .parent-info-container .border-active {
  background: #f2f2f2 !important;
}
.kijiji-offer-card-wrapper .extra-info-ref #references-details {
  width: 700px;
  margin-top: 16px;
  min-height: 400px;
  padding: 40px 30px;
  background-color: #ffffff;
  border-radius: 8px;
  border: 1px solid #d6d6d6;
  display: flex;
  flex-direction: column;
}
.kijiji-offer-card-wrapper .extra-info-ref #references-details #noQuest {
  display: flex;
  justify-content: space-between;
  background: #ffeac4;
  padding: 20px;
  align-items: center;
  border-radius: 8px;
  font-size: 16px;
  color: #1c3553;
  margin-bottom: 20px;
}
.kijiji-offer-card-wrapper .extra-info-ref #references-details .reminderButton {
  background: #1c3553;
  border-radius: 8px;
  padding: 10px;
  color: white;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
}
.kijiji-offer-card-wrapper .extra-info-ref #references-details .reminderButton:hover {
  background-color: #0f1d2d;
}
.kijiji-offer-card-wrapper .extra-info-ref #references-details .detail-wrapper {
  display: flex;
}
.kijiji-offer-card-wrapper .extra-info-ref #references-details .detail-info {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.kijiji-offer-card-wrapper .extra-info-ref #references-details .detail-info .detail-info-wrapper {
  margin-bottom: 20px;
}
.kijiji-offer-card-wrapper .extra-info-ref #references-details .detail-info .detail-info-wrapper .detail-title {
  color: #1c2630;
  font-size: 14px;
  margin-bottom: 5px;
}
.kijiji-offer-card-wrapper .extra-info-ref #references-details .detail-info .detail-info-wrapper .detail-content {
  color: #1c3553;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 5px;
}
.kijiji-offer-card-wrapper .extra-info-ref #questPanel {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  background: #f2f2f2;
  display: flex;
  justify-content: center;
}
.kijiji-offer-card-wrapper .extra-info-ref #questPanel #quest {
  margin-bottom: 100px;
}
.kijiji-offer-card-wrapper .extra-info {
  position: absolute;
  right: -10000px;
  max-width: 600px;
  height: auto;
  margin-left: 16px;
  margin-top: 16px;
  margin-bottom: 100px;
  padding: 16px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-color: white;
  border-radius: 8px;
  border: 1px solid #d6d6d6;
}
.kijiji-offer-card-wrapper .extra-info.modal-info {
  margin: 80px auto 20px auto;
}
.kijiji-offer-card-wrapper .extra-info.visible {
  position: relative;
  overflow-x: hidden;
  transform: translateX(-10000px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.kijiji-offer-card-wrapper .extra-info .parent-info-container {
  width: 100%;
}
.kijiji-offer-card-wrapper .extra-info .parent-info-container .credit-score .very-good {
  display: flex;
  align-items: center;
  background-color: #6dc762;
  border-radius: 10px;
  color: #ffffff;
  font-size: 31px;
  height: 50px;
  width: 75px;
  padding: 5px 10px;
  margin: 0 auto;
}
.kijiji-offer-card-wrapper .extra-info .parent-info-container .credit-score .good {
  display: flex;
  align-items: center;
  background-color: #afe3a4;
  border-radius: 10px;
  color: #ffffff;
  font-size: 31px;
  height: 50px;
  width: 75px;
  padding: 5px 10px;
  margin: 0 auto;
}
.kijiji-offer-card-wrapper .extra-info .parent-info-container .credit-score .average {
  display: flex;
  align-items: center;
  background-color: #efb22d;
  border-radius: 10px;
  color: #ffffff;
  font-size: 31px;
  height: 50px;
  width: 75px;
  padding: 5px 10px;
  margin: 0 auto;
}
.kijiji-offer-card-wrapper .extra-info .parent-info-container .credit-score .below-average {
  display: flex;
  align-items: center;
  background-color: #f3722d;
  border-radius: 10px;
  color: #ffffff;
  font-size: 31px;
  height: 50px;
  width: 75px;
  padding: 5px 10px;
  margin: 0 auto;
}
.kijiji-offer-card-wrapper .extra-info .parent-info-container .credit-score .poor {
  display: flex;
  align-items: center;
  background-color: #ff5851;
  border-radius: 10px;
  color: #ffffff;
  font-size: 31px;
  height: 50px;
  width: 75px;
  padding: 5px 10px;
  margin: 0 auto;
}
.kijiji-offer-card-wrapper .extra-info .parent-info-container .credit-score .score-range {
  display: block;
  margin: 10px auto;
  text-align: center;
  color: #1c2630;
  font-weight: 500;
}
.kijiji-offer-card-wrapper .extra-info .parent-info-container .info-container {
  background-color: #f2f2f2;
  border-radius: 10px;
  padding: 30px;
  margin: 10px 0;
}
.kijiji-offer-card-wrapper .extra-info .parent-info-container .info-container h5 {
  display: inline-block;
  margin: 0;
  color: #1c2630;
  font-size: 18px;
  font-weight: 500;
}
.kijiji-offer-card-wrapper .extra-info .parent-info-container .info-container .fraud-alert {
  display: inline-flex;
  align-items: center;
  float: right;
}
.kijiji-offer-card-wrapper .extra-info .parent-info-container .info-container .fraud-alert > span {
  font-size: 18px;
  color: #1c2630;
  opacity: 1;
  padding: 0;
}
.kijiji-offer-card-wrapper .extra-info .parent-info-container .info-container .clear-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  margin-right: 10px;
  padding: 0;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background-color: #6dc762;
  color: #f2f2f2 !important;
  opacity: 1;
}
.kijiji-offer-card-wrapper .extra-info .parent-info-container .info-container .info {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.kijiji-offer-card-wrapper .extra-info .parent-info-container .info-container span {
  display: inline-block;
  padding-bottom: 10px;
  font-size: 16px;
  color: #1c2630;
  opacity: 0.7;
}
.kijiji-offer-card-wrapper .extra-info .parent-info-container .info-container h2,
.kijiji-offer-card-wrapper .extra-info .parent-info-container .info-container h3 {
  display: inline;
  color: #1c2630;
  font-weight: 500;
  margin: 0;
}
.kijiji-offer-card-wrapper .extra-info .parent-info-container .info-container h2 {
  font-size: 31px;
}
.kijiji-offer-card-wrapper .extra-info .parent-info-container .info-container h3 {
  font-size: 20px;
}
.kijiji-offer-card-wrapper .extra-info .parent-info-container .info-container .no-data {
  font-size: 14px;
  color: #666666;
  font-weight: 400;
}
.kijiji-offer-card-wrapper .extra-info .parent-info-container .doc-container {
  display: flex;
  align-items: center;
  padding: 20px;
  margin: 0 0 15px;
}
.kijiji-offer-card-wrapper .extra-info .parent-info-container .doc-container .paperclip {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  padding: 0;
  margin-left: auto;
  background-color: #ffffff;
  border-radius: 50%;
  cursor: pointer;
}
.kijiji-offer-card-wrapper .extra-info .parent-info-container .doc-container .paperclip i {
  font-size: 20px;
  font-weight: 500;
}
.kijiji-offer-card-wrapper .extra-info .parent-info-container .doc-container:last-child {
  margin-bottom: 0;
}
.kijiji-offer-card-wrapper .mobile-offer-action-container {
  display: none;
  position: absolute;
  bottom: 0;
  right: 120px;
  width: 375px;
  z-index: 1;
}
.kijiji-offer-card-wrapper .mobile-offer-action-container .offer-action-button {
  display: flex;
  align-items: center;
  height: 80px;
  width: 100%;
  background-color: #ffffff;
  padding: 20px 30px;
}
.kijiji-offer-card-wrapper .mobile-offer-action-container .offer-action-button span {
  color: #1c2630;
  font-size: 18px;
  font-weight: 500;
}
.kijiji-offer-card-wrapper .mobile-offer-action-container .offer-action-button span.menu-collapse {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  font-size: 22px;
  border-radius: 50%;
  background-color: #f2f2f2;
  margin-left: auto;
}
.kijiji-offer-card-wrapper .mobile-offer-action-container #offer-dropdown {
  padding: 20px 15px;
  background-color: #ffffff;
  border-radius: 8px 8px 0 0;
  transition: 2s ease;
}
.kijiji-offer-card-wrapper .mobile-offer-action-container #offer-dropdown .btn-offer {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1c3553;
  font-size: 16px;
  height: 45px;
  font-weight: 500;
  width: 100%;
  cursor: pointer;
}
.kijiji-offer-card-wrapper .mobile-offer-action-container #offer-dropdown .btn-offer:hover {
  background-color: #f2f2f2;
}
.kijiji-offer-card-wrapper .desktop-offer-action-container {
  display: block;
  position: absolute;
  top: 0;
  right: 60px;
  width: 250px;
  z-index: 1;
}
.kijiji-offer-card-wrapper .desktop-offer-action-container .offer-action-button {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  background-color: #ffe9e0 !important;
  padding: 10px 0;
}
.kijiji-offer-card-wrapper .desktop-offer-action-container .offer-action-button span {
  color: #1c3553;
  font-size: 14px;
  font-weight: 500;
  padding-left: 10px;
  letter-spacing: 1.25px;
}
.kijiji-offer-card-wrapper .desktop-offer-action-container .offer-action-button span.menu-collapse {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  font-size: 22px;
  border-radius: 50%;
  margin-left: auto;
}
.kijiji-offer-card-wrapper #gallery-modal .modal-content .modal-header button {
  margin-top: -10px !important;
  opacity: 1;
}
.kijiji-offer-card-wrapper #gallery-modal .modal-content .modal-body img {
  max-width: 350px;
  display: block;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .kijiji-offer-card-wrapper .back-link {
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 101;
    margin-bottom: 5px;
    padding-left: 0;
  }
  .kijiji-offer-card-wrapper .back-link .back-arrow {
    position: absolute;
    left: 10px;
  }
  .kijiji-offer-card-wrapper .back-link .page-title {
    margin: 0 auto;
  }
  .kijiji-offer-card-wrapper .status-bar {
    z-index: 1;
  }
  .kijiji-offer-card-wrapper #references-nav {
    width: 100vw !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    border-radius: 0 !important;
  }
  .kijiji-offer-card-wrapper #modalNeeds {
    margin: -60px -20px -20px -20px;
    background: white;
    position: relative;
  }
  .kijiji-offer-card-wrapper .model-content {
    margin: 0 !important;
  }
  .kijiji-offer-card-wrapper #references-details {
    overflow: scroll;
    width: 100vw !important;
    margin-top: 0 !important;
    margin-bottom: 200px !important;
    border-radius: 0 !important;
    overflow-x: hidden;
  }
  .kijiji-offer-card-wrapper #references-details .detail-wrapper {
    flex-direction: column;
  }
  .kijiji-offer-card-wrapper #references-details #noQuest {
    margin: -40px -30px 20px -30px !important;
    border-radius: 0 !important;
  }
  .kijiji-offer-card-wrapper .offer-card-mkt {
    display: block;
    padding: 0;
    background-color: #ffffff;
    overflow-x: hidden;
    height: 100%;
    margin-bottom: 100px;
  }
  .kijiji-offer-card-wrapper .offer-card-mkt .column {
    width: 100%;
  }
  .kijiji-offer-card-wrapper .offer-card-mkt .mobile-info-container {
    display: block !important;
    padding: 0;
  }
  .kijiji-offer-card-wrapper .offer-card-mkt .mobile-info-container > img {
    display: block;
    margin: 0 auto 20px auto;
  }
  .kijiji-offer-card-wrapper .offer-card-mkt .mobile-info-container p {
    color: #1c2630;
    font-size: 0.8rem;
    font-weight: 500;
  }
  .kijiji-offer-card-wrapper .offer-card-mkt .mobile-info-container h1 {
    color: #1c2630;
    font-size: 25px;
    font-weight: 500;
  }
  .kijiji-offer-card-wrapper .offer-card-mkt .mobile-info-container .link-container {
    padding: 0;
    text-align: center;
  }
  .kijiji-offer-card-wrapper .offer-card-mkt .mobile-info-container .link-container .verified-mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666666;
    width: 100%;
    margin-bottom: 30px;
  }
  .kijiji-offer-card-wrapper .offer-card-mkt .mobile-info-container .link-container .verified-mobile img {
    height: 19px;
    width: 16px;
    margin-right: 5px;
  }
  .kijiji-offer-card-wrapper .offer-card-mkt .mobile-info-container .link-container .button-container {
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    max-width: 350px;
    margin: 15px auto 0;
  }
  .kijiji-offer-card-wrapper .offer-card-mkt .mobile-info-container .link-container .button-container .renter-info-link {
    display: inline-flex;
    cursor: pointer;
    padding: 10px;
    margin-right: 5px;
  }
  .kijiji-offer-card-wrapper .offer-card-mkt .mobile-info-container .link-container .button-container .renter-info-link img,
.kijiji-offer-card-wrapper .offer-card-mkt .mobile-info-container .link-container .button-container .renter-info-link p {
    width: 100%;
  }
  .kijiji-offer-card-wrapper .offer-card-mkt .mobile-info-container .link-container .button-container .renter-info-link p {
    margin: auto;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
  }
  .kijiji-offer-card-wrapper .offer-card-mkt .about-me-section h4 {
    font-size: 1.5rem;
  }
  .kijiji-offer-card-wrapper .offer-card-mkt .mobile-info {
    padding: 15px;
    border: 1px solid #d6d6d6;
    border-radius: 8px;
    box-shadow: none !important;
  }
  .kijiji-offer-card-wrapper .offer-card-mkt .coapps-container .col-sm-9 {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .kijiji-offer-card-wrapper .offer-card-mkt .coapps-container .col-sm-3 {
    flex: 1;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .kijiji-offer-card-wrapper .offer-card-mkt .coapps-container {
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media (max-width: 768px) {
  .kijiji-offer-card-wrapper .offer-card-mkt .prop-info-container .fa {
    padding: 15px;
  }
}
@media (max-width: 768px) {
  .kijiji-offer-card-wrapper .offer-card-mkt .info-container {
    box-shadow: none;
    padding: 0 16px;
  }
  .kijiji-offer-card-wrapper .offer-card-mkt .info-container .info {
    width: 100%;
  }
  .kijiji-offer-card-wrapper .offer-card-mkt .info-container .info .mobile-bg {
    padding: 30px;
  }
  .kijiji-offer-card-wrapper .offer-card-mkt .info-container .info .mobile-bg,
.kijiji-offer-card-wrapper .offer-card-mkt .info-container .info .employment-mobile-bg {
    border-radius: 8px;
    font-weight: 400;
  }
  .kijiji-offer-card-wrapper .offer-card-mkt .info-container .info .mobile-bg .credit-score,
.kijiji-offer-card-wrapper .offer-card-mkt .info-container .info .employment-mobile-bg .credit-score {
    padding: 8px 10px;
    font-size: 22px;
  }
  .kijiji-offer-card-wrapper .offer-card-mkt .info-container .info .mobile-bg .mobile-show.arrow-link,
.kijiji-offer-card-wrapper .offer-card-mkt .info-container .info .employment-mobile-bg .mobile-show.arrow-link {
    display: flex !important;
    background-color: transparent;
    right: 20px;
    top: 25%;
  }
  .kijiji-offer-card-wrapper .offer-card-mkt .info-container .info .mobile-bg .num-references,
.kijiji-offer-card-wrapper .offer-card-mkt .info-container .info .employment-mobile-bg .num-references {
    background-color: #ffffff;
  }
  .kijiji-offer-card-wrapper .offer-card-mkt .info-container .info .mobile-bg {
    padding: 0 !important;
  }
  .kijiji-offer-card-wrapper .offer-card-mkt .info-container .info .employment-mobile-bg .additional-info .additional-info {
    background-color: #ffeac4;
  }
  .kijiji-offer-card-wrapper .offer-card-mkt .info-container #employment-info {
    cursor: pointer;
  }
}
@media (max-width: 768px) {
  .kijiji-offer-card-wrapper .offer-card-mkt .info-toggle {
    display: flex !important;
    position: relative;
    width: 280px;
    height: 55px;
    margin: 0 auto 20px auto;
    padding: 8px 10px;
    border-radius: 36px;
    background-color: #f2f2f2;
    cursor: pointer;
    z-index: 0;
  }
  .kijiji-offer-card-wrapper .offer-card-mkt .info-toggle span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 130px;
    font-size: 16px;
    font-weight: 500;
    color: #1c2630;
    border-radius: 36px;
    opacity: 0.5;
    z-index: 2;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
  .kijiji-offer-card-wrapper .offer-card-mkt .info-toggle span.active {
    opacity: 1;
  }
  .kijiji-offer-card-wrapper .offer-card-mkt .info-toggle span.active + .slider:before {
    -webkit-transform: translateX(130px);
    -ms-transform: translateX(130px);
    transform: translateX(130px);
  }
  .kijiji-offer-card-wrapper .offer-card-mkt .info-toggle .slider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
  .kijiji-offer-card-wrapper .offer-card-mkt .info-toggle .slider:before {
    position: absolute;
    content: "";
    height: 40px;
    width: 130px;
    left: 10px;
    bottom: 8px;
    border-radius: 36px;
    background-color: #ffffff;
    opacity: 1;
    box-shadow: 0 3px 6px #00000029;
    z-index: 1;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
}
@media (max-width: 768px) {
  .kijiji-offer-card-wrapper .offer-card-mkt .first-column .mobile-hide {
    display: none;
  }
  .kijiji-offer-card-wrapper .offer-card-mkt .first-column .mobile-show {
    display: block !important;
    color: #1c2630;
    font-size: 16px;
    font-weight: 500;
    margin-left: 20px;
  }
}
@media (max-width: 768px) {
  .kijiji-offer-card-wrapper .offer-card-mkt .second-column {
    display: none;
  }
  .kijiji-offer-card-wrapper .offer-card-mkt .second-column .mobile-hide {
    display: none !important;
  }
  .kijiji-offer-card-wrapper .offer-card-mkt .second-column .mobile-view {
    display: flex;
  }
}
@media (max-width: 768px) {
  .kijiji-offer-card-wrapper .offer-card-mkt .fourth-column {
    display: none;
  }
}
@media (max-width: 768px) {
  .kijiji-offer-card-wrapper .extra-info {
    display: none;
    position: relative;
    width: 100%;
  }
  .kijiji-offer-card-wrapper .extra-info.visible {
    display: block;
    border-radius: 0;
  }
}
@media (max-width: 768px) {
  .kijiji-offer-card-wrapper .mobile-offer-action-container {
    display: block;
    right: 0;
    width: 100%;
    z-index: 1;
  }
  .kijiji-offer-card-wrapper .mobile-offer-action-container.dark {
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .kijiji-offer-card-wrapper .mobile-offer-action-container .offer-action-button {
    position: absolute;
    bottom: 0;
    box-shadow: 0 -1px 0px #00000029;
  }
  .kijiji-offer-card-wrapper .mobile-offer-action-container #offer-dropdown {
    position: absolute;
    width: 100%;
    padding-top: 140px;
    padding-bottom: 100px;
    overflow-y: scroll;
  }
}
@media (max-width: 768px) {
  .kijiji-offer-card-wrapper .desktop-offer-action-container {
    display: none;
  }
}
.kijiji-offer-card-wrapper #renter-needs.info-container:hover {
  border: 1px solid #1c2630;
}
.kijiji-offer-card-wrapper .renter-needs-container {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid #d6d6d6;
  transition: 0.2s ease;
}
.kijiji-offer-card-wrapper .renter-needs-container h2 {
  font-size: 0.75rem;
  color: #1c3553;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.25px;
  padding: 0;
}
.kijiji-offer-card-wrapper .renter-needs-container p,
.kijiji-offer-card-wrapper .renter-needs-container span {
  color: #1c2630;
  margin: 5px 5px 5px 0;
  font-size: 1rem;
}
.kijiji-offer-card-wrapper .renter-needs-container p.name,
.kijiji-offer-card-wrapper .renter-needs-container span.name {
  font-weight: 500;
}
.kijiji-offer-card-wrapper .renter-needs-container .info,
.kijiji-offer-card-wrapper .renter-needs-container .arrow-link {
  display: inline-block;
}
@media (max-width: 768px) {
  .kijiji-offer-card-wrapper .renter-needs-container {
    margin: 15px 20px;
  }
}
.kijiji-offer-card-wrapper .renter-needs-container:hover {
  border: 1px solid #1c2630;
}
.kijiji-offer-card-wrapper .accommodation-container {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 20px;
  margin-top: 8px;
  margin-bottom: 8px;
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid #d6d6d6;
  transition: 0.2s ease;
}
.kijiji-offer-card-wrapper .accommodation-container h2 {
  font-size: 0.75rem;
  color: #1c3553;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.25px;
  margin: 0 0 20px 0;
  padding: 0;
}
.kijiji-offer-card-wrapper .accommodation-container p,
.kijiji-offer-card-wrapper .accommodation-container span {
  color: #1c2630;
  margin: 5px 5px 5px 16px;
  font-size: 1rem;
}
.kijiji-offer-card-wrapper .accommodation-container p.name,
.kijiji-offer-card-wrapper .accommodation-container span.name {
  font-weight: 500;
}
@media (max-width: 768px) {
  .kijiji-offer-card-wrapper .accommodation-container {
    margin-left: 16px;
    margin-right: 16px;
  }
}
.kijiji-offer-card-wrapper .references-container {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 20px;
  margin-top: 8px;
  margin-bottom: 8px;
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid #d6d6d6;
  transition: 0.2s ease;
}
@media (max-width: 768px) {
  .kijiji-offer-card-wrapper .references-container {
    margin-left: 16px;
    margin-right: 16px;
  }
}
.kijiji-offer-card-wrapper .references-container h2 {
  font-size: 0.75rem;
  color: #1c3553;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.25px;
  margin: 0 0 20px 0;
  padding: 0;
}
.kijiji-offer-card-wrapper .references-container p,
.kijiji-offer-card-wrapper .references-container span {
  color: #1c2630;
  margin: 5px 5px 5px 0;
  font-size: 1rem;
}
.kijiji-offer-card-wrapper .references-container p.name,
.kijiji-offer-card-wrapper .references-container span.name {
  font-weight: 500;
}
.kijiji-offer-card-wrapper .references-container:hover {
  border: 1px solid #1c2630;
}
.kijiji-offer-card-wrapper .chevron-arrow {
  position: absolute;
  right: 0;
}
.kijiji-offer-card-wrapper .rental-needs {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.kijiji-offer-card-wrapper .employment-container {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 20px;
  margin: 8px 0;
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid #d6d6d6;
  transition: 0.2s ease;
}
@media (max-width: 768px) {
  .kijiji-offer-card-wrapper .employment-container {
    margin-left: 16px;
    margin-right: 16px;
  }
}
.kijiji-offer-card-wrapper .employment-container h2 {
  font-size: 0.75rem;
  color: #1c3553;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.25px;
  margin: 0 0 20px 0;
  padding: 0;
}
.kijiji-offer-card-wrapper .employment-container p,
.kijiji-offer-card-wrapper .employment-container span {
  color: #1c2630;
}
.kijiji-offer-card-wrapper .employment-container p.name,
.kijiji-offer-card-wrapper .employment-container span.name {
  font-weight: 500;
}
.kijiji-offer-card-wrapper .employment-container:hover {
  border: 1px solid #1c2630;
}
@media (max-width: 768px) {
  .kijiji-offer-card-wrapper #rentercard-name {
    font-size: 1.25rem;
    margin: 0;
  }
  .kijiji-offer-card-wrapper #employment-docs.employment-docs.extra-info {
    position: absolute;
    top: 120px;
    border-radius: 0;
    height: 100%;
    margin-top: 0;
  }
  .kijiji-offer-card-wrapper #credit-report.credit-report.extra-info {
    position: absolute;
    top: 100px;
    border-radius: 0;
    height: 100%;
    padding-bottom: 220px;
  }
  .kijiji-offer-card-wrapper #references.references.extra-info-ref {
    position: absolute;
    top: 120px;
    border-radius: 0;
    height: 100%;
  }
}
.kijiji-offer-card-wrapper .additional-info {
  display: flex;
  gap: 8px;
}
.kijiji-offer-card-wrapper .employment-details {
  font-size: 1rem;
  background: #ffeac4;
  padding: 4px 8px;
  border-radius: 8px;
  font-weight: 500;
}
@media (max-width: 768px) {
  .kijiji-offer-card-wrapper .employment-details {
    font-size: 0.8rem;
  }
}
@media (max-width: 768px) {
  .kijiji-offer-card-wrapper #additional-info.info-container,
.kijiji-offer-card-wrapper #credit-report-card.info-container {
    padding: 0;
    margin-bottom: 8px;
    margin-left: 16px;
    margin-right: 16px;
  }
  .kijiji-offer-card-wrapper .arrow-link {
    top: 25%;
  }
}

.kaf-expired-wrapper {
  height: calc(100% - 50px);
  background-color: #fff;
  margin-top: 50px;
}

.field-container {
  position: relative;
  /*  select {
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 1px;
        text-overflow: '';
    }
    .input-icon{
        position: absolute;
        right: 10px;
        transform: translate(0,-50%);
        top: 50%;
        font-size: 22px;
        color: #666666;
    }*/
}
.field-container input, .field-container select {
  width: 100%;
  height: 60px;
  font-size: 16px;
  border: none;
  box-shadow: none;
  background-color: #f4f4f4;
  border-radius: 4px 4px 0 0;
  padding: 16px 30px 16px 18px;
}

.co-applicants #ui-radio .inner {
  background: #1C3553;
}
.co-applicants #ui-radio #radio-ui:checked + label .inner {
  background: #1C3553;
}
.co-applicants #ui-radio .outer {
  border: 2px solid #1C3553;
}
.co-applicants #ui-radio span {
  font-weight: 400;
  color: #1C2630;
  padding-left: 0.25em;
}
.co-applicants .question {
  font-size: 0.875rem;
  font-weight: 500;
  color: #1C2630;
  margin-bottom: 8px;
  line-height: 1.3;
}
.co-applicants .container-fluid {
  padding: 0;
}
.co-applicants .co-applicants-header {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.co-applicants .co-applicants-header span:last-of-type {
  margin-top: 20px;
}
.co-applicants .co-applicants-body .missing-consent {
  padding: 0;
  margin-bottom: 25px;
}
.co-applicants .co-applicants-body .missing-consent p {
  font-size: 14px;
  padding: 15px;
  margin-bottom: 15px;
  background-color: #fcf8e3;
}
.co-applicants .co-applicants-body .missing-consent button {
  width: 100%;
}
.co-applicants .co-applicants-body .collapse .form-fields {
  margin: 0 auto;
}
.co-applicants .co-applicants-body .collapse .form-fields .form-field {
  margin-top: 16px;
}
.co-applicants .co-applicants-body .collapse .form-fields .form-field .input-field {
  position: relative;
  margin-top: 5px;
}
.co-applicants .co-applicants-body .collapse .form-fields .form-field .input-field input {
  height: 59px;
}
.co-applicants .co-applicants-body .collapse .form-fields .form-field .input-field input.disabled {
  cursor: not-allowed;
}
.co-applicants .co-applicants-body .collapse .form-fields .form-field .input-field.has-error {
  margin-bottom: 30px;
}
.co-applicants .co-applicants-body .collapse .form-fields span {
  margin-top: 15px;
}
.co-applicants .co-applicants-body .message {
  position: relative;
  top: -12px;
  display: block;
}
.co-applicants .co-applicants-body .accept {
  margin: 30px 0px;
}
.co-applicants .fa-spin {
  color: #1c2630;
}
.co-applicants .accept {
  margin: 30px 0;
}
.co-applicants .accept span {
  display: block;
  color: #1E2630;
  margin-bottom: 20px;
}
.co-applicants .consent-card {
  margin: 20px 0;
  padding: 20px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
@media (max-width: 590px) {
  .co-applicants .missing-consent button:last-of-type {
    margin-top: 10px;
  }
  .co-applicants .input-field.has-error {
    margin-bottom: 50px !important;
  }
}

.primaryApplicant {
  background-color: #f8f8f8;
  padding: 2em 1.2em;
  margin-top: 2em;
  border-radius: 8px;
}

.coApplicant {
  background-color: #f8f8f8;
  padding: 2em 1.2em;
  margin-top: 2em;
  border-radius: 8px;
}

.financialGuarantor {
  display: flex;
  flex-direction: column;
  background-color: #f8f8f8;
  padding: 2em 1.2em;
  margin-top: 2em;
  border-radius: 8px;
}

.caption-info {
  font-size: 0.875rem;
  font-weight: 500;
  color: #1C2630;
  line-height: 1.3;
  margin-top: 0.75em;
}

.form-field-wrapper {
  margin-bottom: 1.2em;
}

.required-label::after {
  content: "*";
  color: #dc3545;
  margin-left: 0.25rem;
}

.landlord-group {
  background-color: #f9f9f9;
  padding: 1.2em 1em;
  border-radius: 8px;
  margin-top: 1.2em;
}
.landlord-group .question {
  font-size: 0.875rem;
  margin-bottom: 0.25rem;
  font-weight: 400;
  color: #1C2630;
}
.landlord-group .optional {
  color: #666666;
  margin-left: 5px;
}
.landlord-group .collapse {
  margin-top: 30px;
}
.landlord-group .collapse .send-email {
  text-align: center;
  margin-top: 15px;
  color: #1c3553;
  font-weight: 500;
  cursor: pointer;
}
.landlord-group .collapse .send-email button {
  color: white;
  width: 200px;
  height: 50px;
  background-color: #1c3553;
}
.landlord-group .collapse .send-email button img {
  filter: invert(1) brightness(10);
  margin-right: 10px;
}
.landlord-group .collapse .remove-address {
  text-align: center;
  margin-top: 20px;
}
.landlord-group .collapse .remove-address a {
  color: #265da0;
  text-decoration: none;
  cursor: pointer;
}
@media (max-width: 590px) {
  .landlord-group .collapse-title img {
    margin-top: -14px;
  }
  .landlord-group .card-landlord {
    margin: 0px -10px 10px -10px;
  }
}

.pricing {
  display: block;
  position: relative;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
}
.pricing .scatter-chart {
  width: 90%;
  margin-bottom: 20px;
}
.pricing h4 {
  font-weight: 500;
}
.pricing .table-responsive {
  max-height: 200px;
  overflow: scroll !important;
}
.pricing .table > thead > tr > th {
  background-color: #f68e04;
  color: #fff;
}
.pricing .suggested-price {
  padding: 20px;
  margin-bottom: 10px;
  text-align: center;
  color: #fff;
  background-color: #f68e04;
  font-weight: 500;
  font-size: 17px;
}
.pricing .modal-body {
  display: grid;
}
.pricing .set-price {
  margin-top: 20px;
}
.pricing .set-price input {
  height: 42px;
  font-size: 17px;
  padding-left: 10px;
  width: 80%;
}

.listings-form .date {
  text-align: left !important;
}
.listings-form .file-upload {
  margin-top: 20px;
}
.listings-form .file-upload a:hover {
  color: #fa9483;
}
@media screen and (max-width: 400px) {
  .listings-form .listings-container {
    padding: 10px;
  }
  .listings-form .listings-container .row.input-with-icon label {
    display: inline;
  }
  .listings-form .listings-container .row.input-with-icon .col-sm-6:first-of-type {
    width: 70%;
  }
  .listings-form .listings-container .row.input-with-icon .col-sm-6:last-of-type {
    width: 30%;
  }
  .listings-form .building {
    padding: 7.5px !important;
  }
}

.analytics {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top: 20px;
  cursor: pointer;
  font-size: 22px;
  height: 550px;
}
.analytics .legendWrapper {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.analytics .legendWrapperNumber {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5px;
}
.analytics .legendTitle {
  font-size: 13px;
}
.analytics .legendData {
  font-size: 16px;
  font-weight: 500;
}
.analytics .dateChevies {
  background: transparent;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}
.analytics .dateChevies:hover {
  background: #F2F2F2;
}
.analytics .bar-chart {
  width: 100%;
  margin-bottom: 20px;
}
.analytics h4 {
  font-weight: 500;
}
.analytics .table-responsive {
  max-height: 200px;
  overflow: scroll !important;
  margin-top: 30px;
}
.analytics .table > thead > tr > th {
  background-color: #1c3553;
  color: #fff;
  text-align: center;
}
.analytics .date-range {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px 20px 20px;
  margin-bottom: 10px;
  text-align: center;
  color: #1C2630 !important;
  font-weight: 400;
  font-size: 16px;
}
.analytics .modal-header {
  text-align: center;
  border: none;
}
.analytics .modal-body {
  display: grid;
}
.analytics .totals {
  text-align: center;
}
.analytics h3 {
  color: #1C2630;
  font-size: 20px;
  font-weight: 500;
}

@media (max-width: 768px) {
  .analytics {
    min-height: 300px;
    height: fit-content;
  }
}
.external-offer h4 {
  color: #1C2630;
  font-weight: 500;
}
.external-offer .table-container {
  padding: 30px 22px;
}
.external-offer .table-container .recipient-btn {
  max-width: 159px;
  display: inline-block !important;
}
.external-offer .table-container h4 {
  display: inline !important;
  line-height: 36px;
}
@media (max-width: 500px) {
  .external-offer .table-container {
    padding: 30px 16px;
  }
}
.external-offer .mobile-blue-banner {
  display: none;
}
@media (max-width: 768px) {
  .external-offer .mobile-blue-banner {
    width: 100%;
    display: block;
    background: transparent linear-gradient(52deg, #1C3553 0%, #1C2630 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    padding: 10px 15px 15px 15px;
    margin: 0px;
    overflow: hidden;
  }
  .external-offer .mobile-blue-banner .info-collapse > h5 {
    width: 90%;
  }
  .external-offer .mobile-blue-banner h5 {
    text-overflow: ellipsis;
  }
  .external-offer .mobile-blue-banner img.arrow {
    float: right;
  }
  .external-offer .mobile-blue-banner img.up {
    transform: rotate(180deg);
  }
  .external-offer .mobile-blue-banner .step {
    position: relative;
    width: 80%;
    margin: 20px;
    min-height: 110px;
  }
  .external-offer .mobile-blue-banner .step .icon {
    width: 47px;
    height: 47px;
    background-color: #FFFFFF;
    border-radius: 50%;
    display: flex;
    float: left;
    margin-right: 20px;
  }
  .external-offer .mobile-blue-banner .step .icon img {
    margin: auto;
    display: block;
  }
  .external-offer .mobile-blue-banner .step .step-text {
    position: absolute;
    left: 70px;
    top: 8px;
  }
  .external-offer .mobile-blue-banner .step .step-text h5 {
    align-self: center;
    margin: auto;
    padding: 0;
  }
  .external-offer .mobile-blue-banner .step .border {
    width: 90%;
    height: 40px;
    display: block;
    float: left;
    border-left: 2px solid #FFFFFF;
    margin: 20px 0 20px 23px;
  }
  .external-offer .mobile-blue-banner h1, .external-offer .mobile-blue-banner h5 {
    font-family: "Roboto";
    font-weight: 500;
    color: #FA9483;
    text-align: left;
    margin: 0;
  }
  .external-offer .mobile-blue-banner h5 {
    font-size: 14px;
    color: #FFFFFF;
    margin: 10px 0 30px 0;
    padding-right: 30px;
  }
  .external-offer .mobile-blue-banner h1 {
    font-size: 18px;
  }
}
.external-offer .offer-table {
  display: block;
  border: 1px solid #E8E9EC;
  margin-top: 70px !important;
}
.external-offer .offer-table .offer-table-header {
  display: block;
  position: relative;
  background-color: #E8E9EC;
  height: 40px;
  padding: 10px 15px;
}
.external-offer .offer-table .offer-table-header .title {
  display: inline-block;
  font-weight: 500;
}
.external-offer .offer-table .offer-table-header .title:first-of-type {
  width: 70%;
}
.external-offer .offer-table .offer-table-header .title .filter {
  display: inline-flex;
  flex-direction: column;
  width: 15px;
  margin-top: -10px;
  position: absolute;
  top: 15px;
}
@media (max-width: 500px) {
  .external-offer .offer-table .offer-table-header .title:first-of-type {
    width: 50%;
  }
}
.external-offer .offer-table .offer-item {
  height: 60px;
  padding: 20px 15px;
  border-bottom: 1px solid #E8E9EC;
}
.external-offer .offer-table .offer-item:last-of-type {
  border-bottom: 0px;
}
.external-offer .offer-table .offer-item span {
  display: inline-block;
  font-weight: 500;
  vertical-align: top;
}
.external-offer .offer-table .offer-item .address {
  width: 70%;
  color: #05668D;
  cursor: pointer;
}
@media (max-width: 500px) {
  .external-offer .offer-table .offer-item .address {
    width: 50%;
  }
}
.external-offer .offer-table .empty-message {
  text-align: center;
  padding: 20px;
}
.external-offer .offer-table .empty-message img {
  margin: 20px auto;
}
.external-offer .form-group {
  width: 73.33333%;
  border: 2px solid #e9ecee;
  border-radius: 2px;
}
.external-offer .form-group .form-horizontal {
  padding-top: 30px;
}
.external-offer .form-group .form-horizontal .form-field .input-field[disabled=disabled] {
  opacity: 50%;
}
.external-offer .form-group .form-horizontal .form-field .input-field span {
  color: #1c2630;
  font-size: 16px;
}
.external-offer .form-group .form-horizontal .form-field .input-field input {
  height: 40px;
  background: #e9ecee 0% 0% no-repeat padding-box;
  border-radius: 2px;
  border-bottom: none;
  margin: 5px 0 15px 0;
}
.external-offer .form-group .form-horizontal .offer-details {
  color: #1c2630;
  font-size: 16px;
  border: 2px solid #e9ecee;
  border-radius: 2px;
  height: 80px;
  padding: 30px 20px;
  margin-top: 30px;
  cursor: pointer;
}
.external-offer .form-group .form-horizontal .offer-details[disabled=disabled] {
  opacity: 50%;
  cursor: default;
}
.external-offer .form-group .form-horizontal .offer-details .glyphicon-chevron-right {
  float: right;
}
.external-offer .page-title {
  width: 100%;
  height: 60px;
  font-size: 14px;
  padding: 20px;
  color: #1C2630;
  border-bottom: 1px solid #E9ECEE;
  text-align: center;
  margin-bottom: 20px;
}
.external-offer .page-title img {
  display: block;
  float: left;
  height: 20px;
  width: 20px;
  cursor: pointer;
}
.external-offer .page-title img:nth-of-type(2) {
  float: right;
}

.recipient-btn {
  height: 36px;
  width: 159px;
  background-color: #FA9483;
  border-radius: 2px;
  float: right;
}
.recipient-btn .add-btn {
  height: 100%;
  margin: 0 !important;
}
.recipient-btn .add-btn span {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  margin: 0;
}
.recipient-btn .add-btn.disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: initial;
}

.card-send {
  border: 1px solid #6184dc !important;
}
.card-send .ticket {
  background: #6184dc;
}

.warning-assessment {
  color: #f68e04;
  margin-top: 35px;
}

.ticket {
  color: white;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  margin-left: auto;
  margin-right: auto;
  width: 190px;
  margin-bottom: -20px;
  padding-left: 5px;
}

.external-collapse {
  padding: 20px !important;
}
.external-collapse label {
  margin-top: 0px !important;
}
.external-collapse .btn-recipient {
  display: flex !important;
  justify-content: space-between;
}
.external-collapse .btn-recipient .external-field {
  color: #1e2630;
  font-size: 16px;
  cursor: pointer;
}
.external-collapse .btn-recipient:hover {
  text-decoration: none;
}

.resend-profile {
  margin-top: 25px;
}
.resend-profile .form-pink-button {
  display: block;
  background: #fa9483 0% 0% no-repeat padding-box;
  border: 0px;
  border-radius: 2px;
  color: #1c3553;
  height: 50px;
  min-width: 200px;
  margin: 0 auto;
  font-size: 17px;
}
.resend-profile .form-pink-button:disabled {
  opacity: 50%;
}
.resend-profile .form-pink-link {
  display: block;
  color: #fa9483;
  margin: 50px auto 0 auto;
  width: 80px;
  text-align: center;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
}
.resend-profile i {
  color: #1a3454;
}

.card-declined {
  border: 1px solid #ef5350 !important;
}
.card-declined .ticket {
  background: #ef5350;
}

.card-accepted {
  border: 1px solid #3cb210 !important;
}
.card-accepted .ticket {
  background: #3cb210;
}

.btn-external {
  background: transparent;
  border: none;
  border-bottom: 1px solid #cccccc;
  border-radius: 0;
  margin-top: 12px;
  padding-bottom: 0px;
}
.btn-external:hover {
  background: transparent !important;
}
.btn-external:focus {
  background: transparent !important;
  box-shadow: none;
}

.send-external-offer {
  font-size: 13px;
}
.send-external-offer .spin-sign-up {
  padding-right: 0px;
  margin-right: 0px;
}

.external-offer-icon {
  height: 20px;
  margin: 1px 2px;
}

.sidebar-close {
  animation: slideOut 0.5s forwards;
}

.open-panel {
  animation: slideIn 0.5s;
}

.close-panel {
  animation: slideOut 0.5s forwards;
}

.open-panel-profile {
  animation: slideIn 0.5s;
}

.chevron-flip-up,
.chevron-flip-down {
  animation: flip180 0.5s forwards;
}

.languageButton {
  padding: 5px 16px;
  font-weight: 500;
  border-radius: 50px;
  margin-right: 20px;
  background: #334A65;
  border: 1px solid transparent;
  cursor: pointer;
}
.languageButton:hover {
  border: 1px solid white;
}

.languageSelect {
  position: absolute;
  bottom: 40px;
  right: 20px;
  border-radius: 8px;
  background-color: white;
  width: 120px;
  display: flex;
  flex-direction: column;
  padding: 5px;
}
.languageSelect .languageOption {
  padding: 5px;
  border-radius: 4px;
  cursor: pointer;
  color: black;
}
.languageSelect .languageOption:hover {
  background: #EDEFF1;
}

#notificationBadgeNumber {
  margin-left: 1.2em;
  font-size: 0.694rem;
  font-weight: 500;
  text-transform: uppercase;
  padding: 0 10px;
  border-radius: 200px;
  letter-spacing: 1.25px;
}

#sidebar {
  height: 100%;
  display: flex;
  flex-direction: column;
  z-index: 1000;
}

#sideParent {
  height: 100%;
  width: 300px;
  position: relative;
  background: #1C3553;
}

#scrollBar {
  margin-top: 60px;
  width: 10px;
  background: black;
  position: absolute;
  right: 0;
  display: block;
  opacity: 0;
  z-index: 9999;
}

#slickStuff {
  height: 100%;
  width: 100%;
  position: absolute;
  overflow-y: hidden;
  scrollbar-width: none;
}
#slickStuff::-webkit-scrollbar {
  display: none;
}
#slickStuff:hover {
  overflow-y: scroll;
}
#slickStuff:hover + #scrollBar {
  display: block;
  opacity: 1;
}

#sideParent2 {
  height: 100%;
}

#slickStuff::-webkit-scrollbar {
  width: 10px !important;
  padding-bottom: 5px !important;
}

#sidebar-wrapper {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.logoutButton {
  color: white;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.25px;
  padding: 5px;
  border-radius: 4px;
  margin-left: auto;
  margin-right: 1em;
  cursor: pointer;
}
.logoutButton:hover {
  background: #2E4560;
}

.sidebar-content {
  background-color: #1C3553;
  color: #FFFFFF;
  margin: 0;
  padding: 0;
  position: relative;
  height: 100%;
}
.sidebar-content h4, .sidebar-content h5, .sidebar-content p, .sidebar-content div, .sidebar-content li {
  color: #FFFFFF;
}
.sidebar-content .logout {
  cursor: pointer;
}
.sidebar-content circle-progress {
  margin-left: auto;
}
.sidebar-content .navbar-hamburger-button {
  display: block;
  overflow: hidden;
  padding: 20px 0;
  float: right;
  text-align: left;
}
.sidebar-content .navbar-hamburger-button .top-line, .sidebar-content .navbar-hamburger-button .middle-line, .sidebar-content .navbar-hamburger-button .bottom-line {
  width: 20px;
  height: 2px;
  background-color: #1C3553;
}
.sidebar-content .navbar-hamburger-button .middle-line {
  margin: 6px 0;
}
.sidebar-content .navbar-hamburger-button .top-line, .sidebar-content .navbar-hamburger-button .middle-line, .sidebar-content .navbar-hamburger-button .bottom-line {
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.sidebar-content .navbar-hamburger-button.w-open .top-line {
  transform: translateY(8px) rotate(45deg);
}
.sidebar-content .navbar-hamburger-button.w-open .middle-line {
  opacity: 0;
}
.sidebar-content .navbar-hamburger-button.w-open .bottom-line {
  transform: translateY(-8px) rotate(-45deg);
}
.sidebar-content .w-open {
  margin-right: 23px;
}
.sidebar-content .w-open .top-line {
  transform: translate3d(0, 8px, 0) rotateZ(45deg);
}
.sidebar-content .w-open .middle-line {
  opacity: 0;
}
.sidebar-content .w-open .bottom-line {
  transform: translate3d(0, -8px, 0) rotateZ(-45deg);
}
.sidebar-content a {
  color: #FFFFFF;
  text-decoration: none;
}
.sidebar-content .sidebar-header {
  margin-bottom: 25px;
  background-color: #FA9483;
  align-items: center;
  justify-content: center;
  height: 60px;
  display: flex;
  z-index: 20;
}
.sidebar-content .sidebar-header .sidebar-logo {
  margin: 0 auto;
}
.sidebar-content .sidebar-header .switch-button {
  background-size: 13px;
  margin-right: 14px;
  background-image: url("../images/icons/close-sidebar.svg");
  background-position: center;
  background-repeat: no-repeat;
  padding: 10px;
  position: absolute;
  right: 10px;
  top: 20px;
  cursor: pointer;
}
.sidebar-content .sidebar-body {
  padding: 0;
}
.sidebar-content .sidebar-body .panel-body {
  overflow: hidden;
  background: #14253B;
}
.sidebar-content .sidebar-body .sidebar-item-title {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.1px;
}
.sidebar-content .sidebar-body h4 {
  margin: 15px 0 15px 24px;
  font-size: 18px;
}
.sidebar-content .sidebar-body ul.sidebar-menu {
  margin-bottom: 25px;
  padding: 0;
  list-style: none;
  font-weight: 400;
}
.sidebar-content .sidebar-body ul.sidebar-menu li.sidebar-item, .sidebar-content .sidebar-body ul.sidebar-menu li.sidebar-item-no-hover {
  display: flex;
  align-items: center;
  font-size: 14px;
  padding: 8px 0;
  height: 50px;
  border-left: 5px solid transparent;
}
.sidebar-content .sidebar-body ul.sidebar-menu li.sidebar-item img, .sidebar-content .sidebar-body ul.sidebar-menu li.sidebar-item-no-hover img {
  margin: 0 20px;
  width: 18px;
}
.sidebar-content .sidebar-body ul.sidebar-menu li.sidebar-item-no-hover img {
  width: 23px;
}
.sidebar-content .sidebar-body ul.sidebar-menu li.sidebar-item.active {
  background-color: #2E4560;
  border-left-color: #ff8a85;
}
.sidebar-content .sidebar-body ul.sidebar-menu li.sidebar-item:hover {
  background-color: #2E4560;
  border-left-color: #ff8a85;
  cursor: pointer;
}
.sidebar-content .sidebar-body .main-links .noticeBadge {
  display: inline-block;
  margin-left: 5px;
  background-color: #FF5851;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}
.sidebar-content .sidebar-body .main-links .AANewTag {
  margin-left: 10px;
  padding: 2px 10px;
  background: #6DC762;
  color: white;
  border-radius: 20px;
  font-size: 10px;
  font-weight: 500;
}
.sidebar-content .sidebar-body .panel-group .panel-heading {
  padding: 0;
}
.sidebar-content .sidebar-body .panel-group .panel {
  background-color: transparent;
}
.sidebar-content .sidebar-body .panel-group .panel.panel-open {
  background-color: #1C2630;
}
.sidebar-content .sidebar-body .panel-group .panel.panel-default {
  border-color: transparent;
}
.sidebar-content .sidebar-body .panel-group .panel.panel-default:hover {
  background-color: #1C2630;
}
.sidebar-content .sidebar-body .panel-group .panel.panel-default .panel-heading {
  color: #FFFFFF;
  background-color: transparent;
  border-color: transparent;
}
.sidebar-content .sidebar-body .panel-group .panel.panel-default .panel-heading .panel-title {
  font-size: 16px;
  margin: 10px 0 12px 24px;
}
.sidebar-content .sidebar-body .panel-group .panel.panel-default .panel-heading .panel-title a span {
  display: flex;
  align-items: center;
}
.sidebar-content .sidebar-body .panel-group .panel.panel-default .panel-heading .panel-title a span i {
  margin: 0 30px 0 auto;
}
.sidebar-content .sidebar-body .panel-group .panel.panel-default .panel-heading .panel-title a span img {
  width: 17px;
  margin-right: 20px;
}
.sidebar-content .sidebar-body .panel-group .panel.panel-default .panel-body h5 {
  font-weight: 500;
  font-size: 14px;
}
.sidebar-content .sidebar-body .panel-group .panel.panel-default .panel-body ul.ul-guides {
  padding-left: 10px;
}
.sidebar-content .sidebar-body .panel-group .panel.panel-default .panel-body ul.ul-guides li {
  display: flex;
  list-style: none;
  font-weight: 400;
  font-size: 12px;
  align-items: center;
  margin-bottom: 15px;
}
.sidebar-content .sidebar-body .panel-group .panel.panel-default .panel-body ul.ul-guides li a.li-link {
  text-decoration: underline;
}
.sidebar-content .sidebar-body .panel-group .panel.panel-default .panel-body ul.ul-guides li span {
  margin-right: 2.6em;
}
.sidebar-content .sidebar-body .panel-group .panel.panel-default .panel-body ul.ul-guides li:before {
  content: url("../images/icons/bullet-icon.svg");
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
  transform: scale(0.6);
}
.sidebar-content .sidebar-body .panel-group .panel.panel-default .panel-body ul.ul-guides li.step-one {
  margin-bottom: 5px;
}
.sidebar-content .sidebar-body .panel-group .panel.panel-profile {
  background-color: #1C3553;
}
.sidebar-content .sidebar-body .panel-group .panel.panel-profile img {
  margin-bottom: 0;
}
.sidebar-content .sidebar-body .panel-group .panel.panel-profile .panel-body {
  background-color: #1C2630;
}
.sidebar-content .sidebar-body .panel-group .panel.panel-profile .panel-body ul {
  list-style: none;
}
.sidebar-content .sidebar-body .panel-group .panel.panel-profile .panel-body ul li {
  margin: 5px 0;
  padding-left: 14px;
}
.sidebar-content .sidebar-footer {
  margin-top: auto;
  padding-top: 15px;
  position: relative;
  bottom: 0;
  width: 100%;
  font-size: 0.9em;
}
.sidebar-content .sidebar-footer hr {
  border-color: #C9D5DB;
}
.sidebar-content .sidebar-footer ul {
  padding: 0;
  list-style: none;
}
.sidebar-content .sidebar-footer ul li:hover {
  cursor: pointer;
  text-decoration: underline;
}
.sidebar-content .sidebar-footer p {
  font-weight: 400;
}
.sidebar-content.collapsed:not(.mobile) {
  max-width: 80px;
  min-width: 80px;
}
.sidebar-content.collapsed:not(.mobile) .sidebar-header .switch-button {
  background-image: url("../images/icons/menu-sidebar-icon.svg");
  position: relative;
  top: 0;
  right: 0;
  margin: 0 auto;
}
.sidebar-content.collapsed:not(.mobile) .sidebar-title, .sidebar-content.collapsed:not(.mobile) i, .sidebar-content.collapsed:not(.mobile) .sidebar-logo {
  display: none;
}
.sidebar-content.collapsed:not(.mobile) .sidebar-body .sidebar-item-title {
  font-size: 11px;
}
.sidebar-content.collapsed:not(.mobile) .sidebar-body ul.sidebar-menu {
  margin-bottom: 15px;
}
.sidebar-content.collapsed:not(.mobile) .sidebar-body ul.sidebar-menu li.sidebar-item {
  flex-direction: column;
  text-align: center;
  font-size: 11px;
}
.sidebar-content.collapsed:not(.mobile) .sidebar-body ul.sidebar-menu li.sidebar-item span {
  line-height: 1.8;
}
.sidebar-content.collapsed:not(.mobile) .sidebar-body ul.sidebar-menu li.sidebar-item img {
  width: 18px;
}
.sidebar-content.collapsed:not(.mobile) .sidebar-body .panel-group {
  margin: 0;
}
.sidebar-content.collapsed:not(.mobile) .sidebar-body .panel-group .panel-default {
  margin-bottom: 15px;
  padding: 5px 0;
}
.sidebar-content.collapsed:not(.mobile) .sidebar-body .panel-group .panel-default .panel-heading .panel-title {
  margin: 0;
}
.sidebar-content.collapsed:not(.mobile) .sidebar-body .panel-group .panel-default .panel-heading .panel-title a span {
  flex-direction: column;
  font-size: 11px;
}
.sidebar-content.collapsed:not(.mobile) .sidebar-body .panel-group .panel-default .panel-heading .panel-title a span span {
  padding-top: 5px;
  text-align: center;
}
.sidebar-content.collapsed:not(.mobile) .sidebar-body .panel-group .panel-default .panel-heading .panel-title a span img {
  margin: 0 auto;
  width: 18px;
}
.sidebar-content.collapsed:not(.mobile) .sidebar-footer {
  display: none;
}

@media (max-width: 768px) {
  #sidebar-wrapper.mobile-open {
    height: 100dvh;
  }

  #sideParent, #sideParent2 {
    width: 100vw !important;
    overflow-y: scroll;
  }
  #sideParent::-webkit-scrollbar, #sideParent2::-webkit-scrollbar {
    display: none;
  }

  #slickStuff {
    position: static;
    padding-right: 0;
    overflow: hidden !important;
    height: calc(100% + 60px);
  }

  #scrollBar {
    display: none !important;
  }

  #sidebar {
    width: 100vw !important;
  }

  .sidebar-content {
    z-index: 999;
    max-width: none;
    width: 100%;
  }
  .sidebar-content .sidebar-footer {
    margin-top: 0;
  }
  .sidebar-content.collapsed.mobile {
    position: relative;
    height: unset;
    top: 0;
  }
  .sidebar-content.collapsed.mobile .sidebar-header {
    margin-bottom: 0;
  }
  .sidebar-content.collapsed.mobile .sidebar-header .switch-button {
    background-image: url("../images/icons/menu-sidebar-icon.svg");
  }
  .sidebar-content.collapsed.mobile .sidebar-body, .sidebar-content.collapsed.mobile .sidebar-footer {
    display: none;
  }
  .sidebar-content .navbar-hamburger-button {
    margin-right: 23px;
  }

  .menu-visible {
    opacity: 1;
    visibility: visible;
  }
}
.tasks-content {
  border: 1px solid #D6D6D6;
  border-radius: 4px;
  overflow-y: scroll;
  flex: 1;
}
.tasks-content .tasks-header {
  padding: 5px 16px 5px 20px;
  background-color: #F2F2F2;
}
.tasks-content .caret-up {
  border-left: transparent 4px solid;
  border-right: transparent 4px solid;
  border-bottom: #000000 4px solid;
  height: 0;
  width: 0;
  margin: 2px 3px 3px 6px;
}
.tasks-content .caret-down {
  border-left: transparent solid 4px;
  border-right: transparent solid 4px;
  border-top: #000000 4px solid;
  height: 0;
  width: 0;
  margin: 2px 3px 3px 6px;
}

.task-list-header {
  padding: 5px 16px 5px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.task-item-container {
  padding: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.task-item-container:not(:last-child) {
  border-bottom: 1px solid #dedede;
}
.task-item-container .c-checkbox .c-checkbox-container .c-checkbox-label .c-checkbox-selector input {
  border-color: #D6D6D6;
}
.task-item-container .task-item-chip {
  margin-top: 10px;
  display: inline-block;
  padding: 6px 8px;
  border-radius: 16px;
}
.task-item-container .task-item-menu {
  position: absolute;
  top: 12px;
  right: 15px;
}

.fill {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  animation: fill ease-in-out 3s;
  will-change: transform;
  position: absolute;
  clip: rect(0px, 21px, 42px, 0px);
}
.fill.low-progress {
  background-color: #FF5851;
}
.fill.half-progress {
  background-color: #FC8F00;
}
.fill.high-progress {
  background-color: #6184DC;
}
.fill.full-progress {
  background-color: #6DC762;
}

.inside-circle {
  width: 34.4px;
  height: 34.4px;
  border-radius: 50%;
  background: #26374B;
  line-height: 34.4px;
  text-align: center;
  position: absolute;
  z-index: 100;
  font-weight: 500;
  font-size: 10px;
  transform: translate(3.5px, 3.8px);
}

.external-offer-card {
  max-width: 1440px;
  margin: auto;
  padding-top: 40px;
  padding-bottom: 40px;
}

.message-external {
  padding-left: 190px;
  padding-right: 190px;
  padding-top: 140px;
}

.external-offer-modal .modal-header {
  border: none;
}
.external-offer-modal .modal-footer {
  border: none;
  text-align: center;
}
.external-offer-modal .modal-footer .btn-offer-external button {
  width: 300px;
}
.external-offer-modal .modal-footer .btn-offer-external .fa-spin {
  color: white;
}

.external-card {
  padding-bottom: 10px;
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 20px;
}
.external-card h4 {
  text-align: center;
}
.external-card .img-circle {
  width: 120px;
  margin: 10px 10px;
}
.external-card .p-btn-orange {
  text-align: center;
  margin-bottom: 10px;
}
.external-card .p-btn-orange label {
  width: 100%;
  border-radius: 35px;
  font-size: 12px;
  padding: 5px 80px;
  border-style: solid;
  border-width: 1px;
  border-color: #f68e04;
  background-color: white;
  color: #f68e04;
}
.external-card .p-btn-orange label .glyphicon {
  display: none;
}
.external-card .p-btn-orange input[type=checkbox] {
  display: none;
}
.external-card .p-btn-orange input[type=checkbox]:checked + label {
  background-color: #f68e04;
  color: white;
}
.external-card .p-btn-orange input[type=checkbox]:checked + label .glyphicon {
  display: inline;
  padding-left: 2px;
}
.external-card .offer-accepted {
  color: #3cb210;
}
@media (max-width: 768px) {
  .external-card {
    text-align: center;
  }
}

#listings-title-header {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  background: white;
  padding-left: 30px;
  font-weight: 500;
  color: #1C2630;
  font-size: 1rem;
  border-bottom: solid 1px #D6D6D6;
  position: sticky;
  top: 0px;
  z-index: 999;
}
@media (max-width: 768px) {
  #listings-title-header {
    padding-left: 0px;
  }
}

.btn-toggle {
  height: 35px;
  width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  cursor: pointer;
}

#listBar {
  margin-bottom: 20px;
}

#yourListingsTitle {
  letter-spacing: 0.14px;
  font-size: 1rem;
}

.thinPlusSVG {
  margin-right: 8px;
}
.thinPlusSVG .a {
  fill: #1c3553;
}

#propertyDetailsPanel {
  max-width: 800px;
  margin: auto;
}

#goToReferFriend {
  cursor: pointer;
  margin-left: auto;
  border: solid 1px #EDEDED;
  padding: 8px;
  border-radius: 4px;
  margin-right: 30px;
  letter-spacing: 1.25px;
}
#goToReferFriend #getOneMonthFree {
  font-size: 0.875rem;
  padding-left: 10px;
}

.owner-listings {
  display: flex;
  flex-direction: column;
  background: #f2f2f2;
  height: calc(100% - 60px);
}
.owner-listings .switchWrap {
  width: 40px;
  height: 20px;
  border-radius: 15px;
  background-color: #C7C7C7;
  cursor: pointer;
  position: relative;
  transition-duration: 0.1s;
}
.owner-listings .switchWrap .switchCircle {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 2px;
  left: 2px;
  background-color: #fff;
  border-radius: 10px;
  transition-duration: 0.1s;
}
.owner-listings .switchWrap.on {
  background-color: #72C163;
}
.owner-listings .switchWrap.on .switchCircle {
  left: 22px;
}
.owner-listings .switchWrap.disabled {
  opacity: 0.3;
}
.owner-listings .noListings {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 600px;
  background: white;
}
.owner-listings .action-controls {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  background-color: #f9f9f9;
  font-size: 0.875rem;
  font-weight: 500;
  margin: 0px 20px 16px 20px;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
}
.owner-listings .action-controls button {
  background-color: transparent;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 8px 12px;
  color: #1C3553;
  font-size: 0.75rem;
  font-weight: 500;
  margin-right: 8px;
  transition: all 0.2s ease;
  letter-spacing: 0.5px;
}
.owner-listings .action-controls button:hover:not([disabled]) {
  background-color: #f2f2f2;
  border-color: #d0d0d0;
}
.owner-listings .action-controls button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.owner-listings #listViewListingsWrapper {
  display: flex;
  flex-direction: column;
  background: white;
  border-radius: 8px;
  margin-bottom: 30px;
  position: relative;
}
.owner-listings #listViewListingsWrapper ::-webkit-scrollbar {
  width: 5px;
  height: 10px;
  background-color: #f5f5f5;
}
.owner-listings #listViewListingsWrapper ::-webkit-scrollbar-thumb {
  background: #d1d1d1;
  border-radius: 4px;
}
.owner-listings #listViewListingsWrapper #topFilter {
  display: flex;
  background: #ffffff;
  align-items: center;
  height: 48px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom: 1px solid #e0e0e0;
  overflow: hidden;
}
.owner-listings #listViewListingsWrapper #topFilter div {
  padding: 0 20px 0 20px;
  display: flex;
  height: 100%;
  font-size: 14px;
  align-items: center;
  cursor: pointer;
  border-bottom: 3px solid transparent;
  width: 120px;
  justify-content: center;
  letter-spacing: 0.5px;
  color: #C4CAD2;
  transition: all 0.2s ease;
}
.owner-listings #listViewListingsWrapper #topFilter div:hover {
  background: #f5f5f5;
  color: #ffffff;
}
.owner-listings #listViewListingsWrapper #topFilter .topFilterTabActive {
  border-bottom: 3px solid #1C3553;
  color: #ffffff;
  font-weight: 500;
}
.owner-listings #listViewListingsWrapper #tablewrapper {
  overflow-x: auto;
  margin: 0 20px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  min-height: 40vh;
}
.owner-listings #listViewListingsWrapper .pagination-wrapper {
  margin: 16px 20px;
}
.owner-listings #listViewListingsWrapper #listViewListings {
  width: 100%;
  border-collapse: collapse;
}
.owner-listings #listViewListingsWrapper #listViewListings th {
  padding: 12px 16px;
  color: #606060;
  font-size: 0.813rem;
  background: #f9f9f9;
  font-weight: 500;
  border-bottom: 1px solid #e0e0e0;
  transition: background-color 0.2s ease;
  position: sticky;
  top: 0;
  z-index: 2;
}
.owner-listings #listViewListingsWrapper #listViewListings td {
  padding: 12px 16px;
  color: #1C2630;
  font-size: 0.875rem;
  vertical-align: middle;
  border-bottom: 1px solid #f0f0f0;
}
.owner-listings #listViewListingsWrapper #listViewListings th:hover {
  background: #f2f2f2;
  cursor: pointer;
}
.owner-listings #listViewListingsWrapper #listViewListings tr {
  background: white;
  transition: background-color 0.1s ease;
}
.owner-listings #listViewListingsWrapper #listViewListings tr:hover {
  background-color: #f9f9f9;
}
.owner-listings #listViewListingsWrapper #listViewListings .tableCheckBox {
  cursor: pointer;
  width: 16px;
  height: 16px;
  accent-color: #1C3553;
}
.owner-listings #listViewListingsWrapper #listViewListings .listingRow .linked {
  color: #1C3553 !important;
  font-weight: 500;
  cursor: pointer;
  transition: color 0.2s ease;
}
.owner-listings #listViewListingsWrapper #listViewListings .listingRow .linked:hover {
  color: #265DA0 !important;
  text-decoration: underline !important;
}
.owner-listings #listViewListingsWrapper #listViewListings .listingRow .tdFixed {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: fit-content;
}
.owner-listings #listViewListingsWrapper #listViewListings .listingRow .tdFit {
  width: fit-content;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.owner-listings #listViewListingsWrapper #listViewListings .listingRow .tdRight {
  width: 100%;
  text-align: right;
  padding-right: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.owner-listings #listViewListingsWrapper #listViewListings .listingRow a {
  color: #1C3553 !important;
  font-weight: 500;
  text-decoration: none;
}
.owner-listings #listViewListingsWrapper #listViewListings .listingRow a:hover {
  color: #265DA0 !important;
  text-decoration: underline;
}
.owner-listings #listViewListingsWrapper #listViewListings .tableHeader {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.owner-listings #listViewListingsWrapper #listViewListings .tableHeader div {
  font-size: 13px;
  margin-top: 3px;
  color: #1c2630;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.owner-listings #listViewListingsWrapper #listViewListings .tableHeader .caret-up {
  border-left: transparent 4px solid;
  border-right: transparent 4px solid;
  border-bottom: #b1b4b7 4px solid;
  height: 0;
  width: 0;
  margin: 2px 3px 3px 6px;
  transition: border-color 0.2s ease;
}
.owner-listings #listViewListingsWrapper #listViewListings .tableHeader .caret-down {
  border-left: transparent solid 4px;
  border-right: transparent solid 4px;
  border-top: #b1b4b7 4px solid;
  height: 0;
  width: 0;
  margin: 2px 3px 3px 6px;
  transition: border-color 0.2s ease;
}
.owner-listings #listViewListingsWrapper #listViewListings .tableHeader .caret-up:hover {
  border-bottom: #1C3553 4px solid;
}
.owner-listings #listViewListingsWrapper #listViewListings .tableHeader .caret-down:hover {
  border-top: #1C3553 4px solid;
}
.owner-listings #listViewListingsWrapper .status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.owner-listings #listViewListingsWrapper .status-badge.active {
  background-color: rgba(114, 193, 99, 0.1);
  color: #72C163;
}
.owner-listings #listViewListingsWrapper .status-badge.draft {
  background-color: rgba(190, 190, 190, 0.1);
  color: #909090;
}
.owner-listings #listViewListingsWrapper .status-badge.pending {
  background-color: rgba(250, 148, 131, 0.1);
  color: #FA9483;
}
.owner-listings #listViewListingsWrapper .status-badge.leased {
  background-color: rgba(28, 53, 83, 0.1);
  color: #1C3553;
}
.owner-listings #listViewListingsWrapper .icon-button {
  background: transparent;
  border: none;
  color: #606060;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  border-radius: 4px;
}
.owner-listings #listViewListingsWrapper .icon-button:hover {
  background-color: #f2f2f2;
  color: #1C3553;
}
.owner-listings #listViewListingsWrapper .action-buttons {
  display: flex;
  gap: 4px;
}
.owner-listings .dash-link {
  display: flex;
  align-items: center;
  width: 100%;
  background-color: white;
  padding: 20px 30px;
  font-weight: 500;
  font-size: 0.875em;
  color: #666666;
}
.owner-listings .dash-link a {
  font-weight: 500;
  color: #1C3553;
  margin-left: 20px;
  white-space: nowrap;
}
.owner-listings .dash-link i {
  font-size: 20px;
  color: #f5cb42;
  margin-right: 10px;
}
.owner-listings .second-filter-wrap.mobile {
  display: none;
}
.owner-listings .listCard {
  height: 35px;
  width: 35px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.owner-listings h1,
.owner-listings h2,
.owner-listings h3,
.owner-listings h4,
.owner-listings h5,
.owner-listings h6,
.owner-listings p {
  color: #1c2630;
}
.owner-listings .title-your-listings {
  color: #1C3553;
  font-weight: 500;
  margin-bottom: 30px;
}
.owner-listings .white-card-listing {
  padding: 15px 70px;
  padding-bottom: 40px;
  border-radius: 15px;
  max-width: 800px;
  margin-bottom: 30px !important;
}
.owner-listings .listViewContainer {
  margin: 30px 30px 30px 30px;
  display: flex;
  flex-direction: column;
  width: calc(100vw - 370px) !important;
}
.owner-listings .listing-card {
  margin-top: 20px;
}
.owner-listings .top-group {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.owner-listings .top-group #mobileFilterAdd {
  display: none;
}
.owner-listings .top-group .owner-filter {
  flex: 1;
}
.owner-listings .create-btn {
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 500;
  padding: 14px 15px;
  border: none;
  border-radius: 100px;
  background: #FA9483;
  color: #1C3553;
  box-shadow: 0 3px 3px #00000040;
  letter-spacing: 1.25px;
  line-height: 0;
}
.owner-listings .create-btn:hover {
  background: #FBA99B !important;
}
.owner-listings .create-btn .text {
  margin-left: 4px;
}
.owner-listings #mobileList {
  display: none;
  border-bottom: 1px solid #ededed;
}
.owner-listings #mobileList .listViewMobileCard {
  display: flex;
  background: #FFFFFF;
  border-top: 1px solid #ededed;
}
@media (max-width: 768px) {
  .owner-listings .listViewContainer {
    max-width: 100%;
    flex-direction: row;
    margin: 0px;
  }
  .owner-listings .dash-link {
    display: flex;
    text-align: left;
    margin-bottom: 20px;
    line-height: 1.5;
    padding: 10px 16px;
  }
  .owner-listings .pr-2 {
    max-width: 80vw;
    cursor: pointer;
    height: fit-content;
  }
  .owner-listings .fs-16 {
    font-size: 1rem;
    font-weight: 500;
    color: #1c2630;
  }
  .owner-listings .fs-14 {
    font-size: 0.875rem;
    font-weight: 500;
    color: #666666;
  }
  .owner-listings .action-controls {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 20px;
  }
  .owner-listings #listViewListingsWrapper,
.owner-listings #listBar,
.owner-listings #goToReferFriend #getOneMonthFree,
.owner-listings #propertyDetailsPanel.listing-card.yourListingsTitle {
    display: none !important;
  }
  .owner-listings #mobileList {
    display: flex;
    flex-direction: column;
    min-width: none;
    margin-bottom: 60px;
  }
  .owner-listings #single-button {
    box-shadow: none !important;
  }
  .owner-listings .create-btn {
    max-height: 48px !important;
    border-radius: 4px;
  }
  .owner-listings .create-btn .text {
    display: none;
  }
  .owner-listings .top-group {
    display: flex;
    margin-bottom: 20px;
    width: 100vw;
    padding: 0 16px;
  }
  .owner-listings .top-group #mobileFilterAdd {
    display: flex;
    align-items: center;
  }
  .owner-listings .top-group #mobileFilterAdd img {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 13px;
    border-radius: 100%;
    cursor: pointer;
    background: #FA9483;
  }
  .owner-listings .owner-filter {
    width: 100%;
    margin-right: 20px;
    display: flex;
    flex-direction: row;
    background: #fff;
    border-radius: 4px;
    padding: 5px;
    align-items: center;
  }
  .owner-listings .owner-filter .first-filter-wrap {
    flex: 1;
  }
  .owner-listings .second-filter-wrap {
    display: none;
  }
  .owner-listings .second-filter-wrap.mobile {
    display: block;
    padding: 0 10px;
  }
  .owner-listings .white-card-listing {
    padding: 16px 16px;
    padding-top: 0 !important;
  }
  .owner-listings #mobileCardView {
    box-shadow: none !important;
  }
  .owner-listings #goToReferFriend {
    margin-right: 16px;
  }
  .owner-listings #goToReferFriend img {
    padding-right: 0 !important;
  }
}

.owner-listing-card-wrapper {
  height: 100%;
  overflow: auto;
  padding-top: 30px;
}
@media screen and (max-width: 768px) {
  .owner-listing-card-wrapper {
    padding-top: 0;
  }
}

.owner-listings-card {
  padding: 1em;
  background-color: #ffffff;
  border-radius: 8px;
  margin-bottom: 2em;
  border: 1px solid #d6d6d6;
}
.owner-listings-card #editPencil {
  margin-left: 8px;
  margin-top: -6px;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  cursor: pointer;
}
.owner-listings-card #editPencil:hover {
  background: #e6e6e6;
}
.owner-listings-card .listings-card-top {
  display: flex;
  flex-direction: row;
  max-width: 100%;
  column-gap: 30px;
  margin-bottom: 30px;
}
.owner-listings-card .listings-card-top .lc-top-img {
  width: 50%;
}
.owner-listings-card .listings-card-top .lc-top-img .image {
  position: relative;
}
.owner-listings-card .listings-card-top .lc-top-img .image img {
  height: 300px;
  width: 100%;
  border-radius: 8px;
  object-fit: cover;
}
.owner-listings-card .listings-card-top .lc-top-img .image .square {
  position: absolute;
  cursor: pointer;
  right: 20px;
  top: 20px;
  width: 35px;
  height: 35px;
  background: #44444480;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.owner-listings-card .listings-card-top .lc-top-img .image .square img {
  height: 14px;
  object-fit: contain;
}
.owner-listings-card .listings-card-top .lc-top-info {
  flex: 1;
  min-width: 0;
}
.owner-listings-card .listings-card-top .lc-top-info .lc-top-address {
  padding-right: 10px;
}
.owner-listings-card .listings-card-top .lc-top-info .lc-top-address h3 {
  letter-spacing: 0;
  color: #1c2630;
  padding-right: 30px;
  font-size: 16px;
}
.owner-listings-card .listings-card-top .lc-top-info .lc-top-address .deletePropertyButton {
  position: absolute;
  top: 0;
  right: 0;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  background: transparent;
  cursor: pointer;
  user-select: none;
}
.owner-listings-card .listings-card-top .lc-top-info .lc-top-address .deletePropertyButton:hover {
  background: #e6e6e6;
}
.owner-listings-card .listings-card-top .lc-top-info .lc-top-address .deletePropertyPanel {
  position: absolute;
  top: 30px;
  right: 0;
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0 0 10px #a3a3a3;
  background: white;
  z-index: 2000;
  color: #1c2630;
  cursor: pointer;
}
.owner-listings-card .listings-card-top .lc-top-info .lc-info {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.owner-listings-card .listings-card-top .lc-top-info .lc-info .item {
  min-width: 0;
}
.owner-listings-card .listings-card-top .lc-top-info .lc-info .item .title {
  display: flex;
  align-items: center;
}
.owner-listings-card .listings-card-top .lc-top-info .lc-info .item .title p {
  margin-bottom: 0px;
  font-weight: 400;
  color: #666666;
  font-size: 1rem;
  white-space: nowrap;
}
.owner-listings-card .listings-card-top .lc-top-info .lc-info .item .title .fa {
  font-size: 16px;
  color: #1c2630;
}
.owner-listings-card .listings-card-top .lc-top-info .lc-info .item .value p {
  font-size: 1rem;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.owner-listings-card .listings-card-top .lc-top-info .lc-buttons .item .title {
  font-weight: 500;
  font-size: 0.875rem;
  color: #1c2630;
  letter-spacing: 1.25px;
}
.owner-listings-card .listings-card-top .lc-top-info .lc-top-price {
  margin-bottom: 15px;
  color: #1c2630;
  letter-spacing: 0.5px;
  font-size: 16px;
  text-align: left;
  display: flex;
}
.owner-listings-card .listings-card-top .lc-top-info .lc-top-price h5 {
  margin: 0px;
  color: #707070;
  font-size: 22px !important;
}
.owner-listings-card .listings-card-top .lc-top-info .lc-top-price .price {
  color: #1c2630;
}
.owner-listings-card .listings-card-top .lc-top-info .lc-not-verified,
.owner-listings-card .listings-card-top .lc-top-info .lc-verified {
  position: relative;
  margin-bottom: 15px;
}
.owner-listings-card .listings-card-top .lc-top-info .lc-not-verified img,
.owner-listings-card .listings-card-top .lc-top-info .lc-verified img {
  margin-right: 7px;
}
.owner-listings-card .listings-card-top .lc-top-info .lc-not-verified span,
.owner-listings-card .listings-card-top .lc-top-info .lc-verified span {
  color: #666666;
  letter-spacing: 0.15px;
}
.owner-listings-card .listings-card-top .lc-top-info .lc-not-verified .verified-tooltip,
.owner-listings-card .listings-card-top .lc-top-info .lc-verified .verified-tooltip {
  display: none;
  position: absolute;
  padding: 5px 12px;
  top: 25px;
  left: -50px;
  background-color: #666666;
  border-radius: 4px;
  z-index: 1000;
  transition: 0.3s;
}
.owner-listings-card .listings-card-top .lc-top-info .lc-not-verified .verified-tooltip span,
.owner-listings-card .listings-card-top .lc-top-info .lc-verified .verified-tooltip span {
  font-size: 12px;
  line-height: 16px;
  color: #ffffffde;
}
.owner-listings-card .listings-card-top .lc-top-info .lc-not-verified:hover .verified-tooltip,
.owner-listings-card .listings-card-top .lc-top-info .lc-verified:hover .verified-tooltip {
  display: block;
  transition: 0.3s;
}
.owner-listings-card .listings-card-top .lc-top-info .lc-top-buttons {
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
}
.owner-listings-card .listings-card-top .lc-top-info .lc-top-buttons a {
  font-size: 16px;
  width: 194px;
  font-weight: 500;
  border-radius: 2px;
  border: 2px solid #1c3553;
  height: 35px;
  display: flex;
  align-items: center;
}
.owner-listings-card .listings-card-top .lc-top-info .lc-top-buttons .lc-top-offers {
  margin-bottom: 15px;
  color: #ffffff;
  background-color: #1c3553;
  width: fit-content;
  font-weight: 400;
  border-radius: 4px;
  border: none !important;
  font-size: 14px;
  letter-spacing: 1.25px;
}
.owner-listings-card .listings-card-top .lc-top-info .lc-top-buttons .lc-top-offers:hover {
  background-color: #495d75 !important;
}
.owner-listings-card .listings-card-top .lc-top-info .lc-top-buttons .lc-top-viewings {
  color: #1c3553;
  width: fit-content;
  background-color: white;
  border: 1px solid #e0e0e0 !important;
  font-weight: 400;
  border-radius: 4px;
  font-size: 14px;
  letter-spacing: 1.25px;
}
.owner-listings-card .listings-card-top .lc-top-info .lc-top-buttons .lc-top-viewings:hover {
  border: 1px solid #1c3553 !important;
}
.owner-listings-card .listings-card-bottom .lc-bottom-info {
  display: flex;
  flex-direction: row;
}
.owner-listings-card .listings-card-bottom .lc-bottom-info .lc-bottom-status {
  margin-bottom: 20px;
  margin-right: 30px;
  display: flex;
  flex-direction: column;
  width: 50%;
}
.owner-listings-card .listings-card-bottom .lc-bottom-info #serviceSection {
  display: flex;
  width: 100%;
  padding: 20px;
  background: #F2F2F2;
  border-radius: 8px;
  margin-top: 10px;
  justify-content: space-between;
  align-content: center;
}
.owner-listings-card .listings-card-bottom .lc-bottom-info .owner-service-level-title {
  text-align: left;
  font-size: 0.875rem;
  letter-spacing: 0.1px;
  color: #1c2630;
  font-weight: 500;
  text-transform: uppercase;
  margin-top: 20px;
}
.owner-listings-card .listings-card-bottom .lc-bottom-tools {
  flex: 1;
}
.owner-listings-card .reportLeasedInfo,
.owner-listings-card .upgradeRhentiInfo {
  padding: 5px 0px 5px 1px;
  margin-top: 10px;
  display: flex;
  font-size: 14px;
  color: #666666 !important;
  font-weight: 400;
}
.owner-listings-card .reportLeasedInfo .reportLeasedInfoLine,
.owner-listings-card .reportLeasedInfo .upgradeRhentiInfoLine,
.owner-listings-card .upgradeRhentiInfo .reportLeasedInfoLine,
.owner-listings-card .upgradeRhentiInfo .upgradeRhentiInfoLine {
  width: 10px;
  border-radius: 8px;
  margin-right: 10px;
}
.owner-listings-card .reportLeasedInfoLine {
  background-color: #72c163;
}
.owner-listings-card .upgradeRhentiInfoLine {
  background-color: #fa9483;
}
.owner-listings-card .upgradeRhentiInfoButton {
  border: 2px solid #e8e8e8;
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 4px;
  color: #1c3553;
  display: flex;
  align-items: center;
  font-weight: 500;
}
@media (max-width: 768px) {
  .owner-listings-card {
    display: flex;
    flex-direction: column;
    border: 0;
    margin-bottom: 60px;
  }
  .owner-listings-card .lc-top-address h3 {
    font-size: 16px;
    text-align: left;
  }
  .owner-listings-card .lc-top-price {
    font-size: 16px;
    text-align: left;
  }
  .owner-listings-card .listings-card-top {
    flex-direction: column;
  }
  .owner-listings-card .listings-card-top .lc-top-img {
    width: 100%;
    object-fit: cover;
    margin-bottom: 40px;
  }
  .owner-listings-card .listings-card-top .lc-top-img .image img {
    border-radius: 4px;
  }
  .owner-listings-card .listings-card-top .lc-top-info {
    text-align: start;
    font-size: 1rem;
  }
  .owner-listings-card .listings-card-top .lc-top-info .lc-info {
    grid-template-columns: 1fr;
  }
  .owner-listings-card .listings-card-top .lc-top-info .lc-top-price .price {
    font-size: 18px;
    font-weight: 500;
  }
  .owner-listings-card .listings-card-top .lc-top-info .lc-top-buttons {
    display: flex;
    justify-content: center;
    margin-top: 20px;
  }
  .owner-listings-card .listings-card-top .lc-top-info .lc-top-buttons a {
    width: 100% !important;
    font-size: 13px;
    margin-top: 10px;
  }
  .owner-listings-card .listings-card-top .lc-top-info .lc-top-buttons .lc-top-offers {
    margin-bottom: 0px !important;
    justify-content: center;
  }
  .owner-listings-card .listings-card-top .lc-top-info .lc-top-buttons .lc-top-viewings {
    justify-content: center;
  }
  .owner-listings-card .listings-card-bottom {
    display: flex;
    flex-direction: row;
    width: 100%;
  }
  .owner-listings-card .listings-card-bottom .owner-service-level-title {
    text-align: left;
    font-size: 0.875rem;
    letter-spacing: 0.1px;
    color: #1c2630;
    font-weight: 500;
    text-transform: uppercase;
  }
  .owner-listings-card .listings-card-bottom .lc-bottom-info {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .owner-listings-card .listings-card-bottom .lc-bottom-info .lc-bottom-status {
    width: 100%;
  }
  .owner-listings-card .listings-card-bottom .lc-bottom-tools {
    flex: auto;
    width: 100%;
    margin-top: 40px;
    background: #f2f2f2;
    cursor: pointer;
  }
}

.owner-listing-filter .desktop-screen-ul {
  display: flex;
  flex-direction: row;
  margin: 0;
}
.owner-listing-filter .desktop-screen-ul li {
  width: 120px;
  height: 48px;
  text-align: center;
  display: flex;
  align-items: center;
}
.owner-listing-filter .desktop-screen-ul li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  line-height: 47px;
  color: #C4CAD2;
  font-family: Roboto;
  letter-spacing: 1.25px;
  font-size: 14px;
}
.owner-listing-filter .desktop-screen-ul li a:hover {
  background: #495D75;
}
.owner-listing-filter .desktop-screen-ul .active {
  font-weight: 500;
  color: white;
  border-bottom: 3px solid #fa9483;
}
.owner-listing-filter .mobile-screen-ul {
  display: none;
}
.owner-listing-filter .mobile-screen-ul ul {
  width: 100%;
  margin-top: 36px;
  padding: 7px;
}
.owner-listing-filter ul li {
  display: inline;
  font-size: 15px;
}
.owner-listing-filter ul li a {
  cursor: pointer;
}
.owner-listing-filter ul li a:hover {
  text-decoration: none;
}
.owner-listing-filter ul {
  padding: 0px;
}
.owner-listing-filter .btn-filter {
  background: white !important;
  color: #444444 !important;
  border: none !important;
  height: 34px;
  width: 100%;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
}
@media (max-width: 768px) {
  .owner-listing-filter .desktop-screen-ul {
    display: none;
  }
  .owner-listing-filter .mobile-screen-ul {
    display: block;
  }
}

.owner-listing-second-filter .topFilterButton {
  padding: 5px 8px;
  border-radius: 200px;
  border: 1px solid #D6D6D6;
  margin-top: 10px;
  margin-left: 20px;
  cursor: pointer;
  font-size: 1rem;
  color: #1C2630;
  padding: 1rem;
}
.owner-listing-second-filter .mobileFilterOption {
  padding: 10px 30px;
  color: #1C3553;
  font-size: 14px;
}
.owner-listing-second-filter .resetFilterMobile {
  background: #1C3553;
  border-radius: 8px;
  text-align: center;
  color: white !important;
  font-size: 16px;
  font-weight: 500;
  padding: 10px;
}
.owner-listing-second-filter .owner-listing-second-filter-wrap {
  display: none;
}
.owner-listing-second-filter .apply-btn {
  width: 120px;
  height: 40px;
  background: #1C3553;
  color: #fff;
  padding: 0 10px;
  border-radius: 2px;
  font-size: 14px;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  border-radius: 4px;
  border: 0;
}
.owner-listing-second-filter .apply-btn:hover {
  background: #214164;
}
.owner-listing-second-filter .filter-ul {
  list-style: none;
  line-height: 40px;
  padding: 0px;
  margin: 0;
}
.owner-listing-second-filter .filter-ul li {
  white-space: nowrap;
  padding: 0 15px;
  margin: 0;
  font-weight: 500;
  color: #1C3553;
}
.owner-listing-second-filter .filter-ul .normal_1 {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  border: 1px solid #ccc;
  margin-right: 10px;
  margin-bottom: -5px;
}
.owner-listing-second-filter .filter-ul .normal_2 {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid #ccc;
  margin-right: 10px;
  margin-bottom: -5px;
}
.owner-listing-second-filter .filter-ul .active_1 {
  background: #1b3653;
  border-style: double;
  border-width: 4px;
  border-color: #fff;
}
.owner-listing-second-filter .filter-ul .active_2 {
  background: #1b3653;
  border-color: #1b3653;
  content: "\f11e";
  color: #fff;
  text-align: center;
  line-height: 18px;
}
.owner-listing-second-filter .filter-ul a {
  text-decoration: none;
  color: #1b3653;
}
.owner-listing-second-filter .filter-ul :hover {
  background: #1C355314;
}
.owner-listing-second-filter .desktop-screen-div {
  background: white;
  padding-top: 20px;
  padding-left: 20px;
  padding-bottom: 20px;
  border-radius: 8px;
}
.owner-listing-second-filter .desktop-screen-div .reset-all-btn {
  display: none;
  padding-left: 14px;
  padding-right: 14px;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 1.25px;
  color: #1C3553;
  text-transform: uppercase;
  transition-duration: 0.4s;
  text-align: center;
  border-radius: 4px;
  height: 50px;
  line-height: 50px;
}
.owner-listing-second-filter .desktop-screen-div .reset-all-btn:hover {
  background-color: #EDEFF1;
}
.owner-listing-second-filter .desktop-screen-div .filter-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: white;
}
.owner-listing-second-filter .desktop-screen-div .filter-container .second-filter-button-wrap {
  position: relative;
  border-radius: 4px;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 0;
  margin-right: 15px;
  cursor: pointer;
  border: 1.5px solid #D6D6D6;
  height: 52px;
}
.owner-listing-second-filter .desktop-screen-div .filter-container .second-filter-button-wrap .btn-service-level-filter {
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 0;
  padding-right: 20px;
  min-width: 100px;
  height: 50px;
  display: flex;
  align-items: center;
}
.owner-listing-second-filter .desktop-screen-div .filter-container .second-filter-button-wrap .btn-property-filter {
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 0;
  padding-right: 20px;
  min-width: 100px;
  height: 50px;
  display: flex;
  align-items: center;
}
.owner-listing-second-filter .desktop-screen-div .filter-container .second-filter-button-wrap .btn-viewings-calendar {
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 0;
  letter-spacing: 1.25px;
  min-width: 100px;
}
.owner-listing-second-filter .desktop-screen-div .filter-container .second-filter-button-wrap .fa-2x {
  font-size: 1.5rem;
}
.owner-listing-second-filter .desktop-screen-div .filter-container .second-filter-button-wrap .second-filter-button {
  color: #1C3553;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
}
.owner-listing-second-filter .desktop-screen-div .filter-container .second-filter-button-wrap .second-filter-button i:first-child {
  cursor: pointer;
}
.owner-listing-second-filter .desktop-screen-div .filter-container .second-filter-button-wrap .second-filter-button i:last-child {
  margin-top: 0px;
  transition-duration: 0.3s;
}
.owner-listing-second-filter .desktop-screen-div .filter-container .second-filter-button-wrap .second-filter-button i.move-down {
  transition-duration: 0.3s;
  transform: rotate(180deg);
}
.owner-listing-second-filter .desktop-screen-div .filter-container .second-filter-button-wrap .second-filter-dropdown-menu {
  overflow: hidden;
  position: absolute;
  top: 110%;
  left: 0;
  z-index: 1000;
  float: left;
  padding: 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 0.875rem;
  text-align: left;
  border-radius: 4px;
  background-clip: padding-box;
  height: 0;
  background: white;
}
.owner-listing-second-filter .desktop-screen-div .filter-container .second-filter-button-wrap .second-filter-dropdown-menu .filter-search {
  margin: 10px;
}
.owner-listing-second-filter .desktop-screen-div .filter-container .second-filter-button-wrap .second-filter-dropdown-menu .filter-search input {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 10px 10px;
  width: 100%;
  font-size: 1rem;
  font-weight: 500;
  color: #666666;
}
.owner-listing-second-filter .desktop-screen-div .filter-container .second-filter-button-wrap .second-filter-dropdown-menu ::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color: #f2f2f2;
}
.owner-listing-second-filter .desktop-screen-div .filter-container .second-filter-button-wrap .second-filter-dropdown-menu ::-webkit-scrollbar-thumb {
  background: #1C3553;
}
.owner-listing-second-filter .desktop-screen-div .filter-container .second-filter-button-wrap .second-filter-dropdown-menu .more-btn-wrap {
  display: flex;
  flex-direction: row;
  padding: 20px;
  justify-content: space-between;
  align-items: center;
  font-size: 0.875rem;
  color: #1C3553;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  font-weight: 500;
  border-top: 1px solid #d6d6d6;
}
.owner-listing-second-filter .desktop-screen-div .filter-container .second-filter-button-wrap .second-filter-dropdown-menu .more-btn-wrap span {
  color: #1b3653;
  display: none;
}
.owner-listing-second-filter .desktop-screen-div .filter-container .second-filter-button-wrap .show-layer-1 {
  height: fit-content;
  display: block;
  border: solid 1px #d6d6d6;
}
.owner-listing-second-filter .desktop-screen-div .filter-container .second-filter-button-wrap .show-layer-2 {
  height: fit-content;
  display: block;
  border: solid 1px #d6d6d6;
}
.owner-listing-second-filter .desktop-screen-div .filter-container .second-filter-button-wrap.selected {
  border: 1px solid #1C2630;
  background: #1c355315;
}
.owner-listing-second-filter .mobile-screen-div {
  display: none;
}
.owner-listing-second-filter .mobile-screen-div .filter-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 18px;
}
.owner-listing-second-filter .mobile-screen-div .filter-btn i {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background: #e9ecee;
  line-height: 26px;
  text-align: center;
  margin-top: 2px;
  border: 2px solid rgba(0, 0, 0, 0);
}
.owner-listing-second-filter .mobile-screen-div .filter-btn i.selected {
  border: 2px solid #0a0a0a;
}
.owner-listing-second-filter .mobile-screen-div .filter-btn span {
  height: 20px;
  display: inline-block;
  width: 1px;
  border-left: 1px solid #eee;
  margin-right: 10px;
}
.owner-listing-second-filter .mobile-screen-div .filter-ul li {
  text-overflow: ellipsis;
  overflow: hidden;
}
.owner-listing-second-filter .mobile-screen-div .title {
  font-size: 1rem;
  font-weight: 500;
  color: #1C2630;
}
.owner-listing-second-filter .mobile-screen-div .header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  border-bottom: 1px solid #ccc;
  color: #1C2630;
}
.owner-listing-second-filter .mobile-screen-div .filter-selection-wrap {
  padding: 1rem 2rem;
}
.owner-listing-second-filter .mobile-screen-div .filter-selection-wrap .filter-search {
  margin: 20px 0 10px 0;
}
.owner-listing-second-filter .mobile-screen-div .filter-selection-wrap .filter-search input {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 8px 10px;
  width: 100%;
}
.owner-listing-second-filter .mobile-screen-div .more-btn-wrap {
  text-align: center;
  padding-bottom: 2em;
}
.owner-listing-second-filter .mobile-screen-div .filter-wrap {
  background: #fff;
  position: fixed;
  left: 0;
  right: 0;
  top: 0px;
  bottom: 0;
  z-index: 9999;
  display: none;
}
.owner-listing-second-filter .mobile-screen-div .filter-wrap .content-wrap {
  position: absolute;
  top: 61px;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: scroll;
}
.owner-listing-second-filter .mobile-screen-div .filter-wrap .apply-btn {
  padding: 10px 20px;
}
@media (max-width: 768px) {
  .owner-listing-second-filter .desktop-screen-div {
    display: none;
  }
  .owner-listing-second-filter .mobile-screen-div {
    display: block;
  }
  .owner-listing-second-filter .filter-ul li {
    padding-left: 0 !important;
  }
}

.ownerListingsBedFilter {
  display: flex;
  margin-right: 15px;
  background: white;
  cursor: pointer;
}
.ownerListingsBedFilter #searchByProperty {
  display: flex;
  height: 52px;
  width: 300px;
  background: white;
  border-radius: 4px;
  border: 1.5px solid #d6d6d6;
  align-items: center;
  padding: 10px;
  position: relative;
  font-size: 0.875rem;
}
.ownerListingsBedFilter #searchByProperty #searchByPropertyResults {
  position: absolute;
  top: 110%;
  left: 0;
  right: 0;
  background: white;
  border-radius: 4px;
  max-height: 400px;
  overflow-y: scroll;
  border: solid 1px #d6d6d6;
  z-index: 999;
}
.ownerListingsBedFilter #searchByProperty #searchByPropertyResults .addressOption {
  background: white;
  border-bottom: 1px solid #0000001F;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  cursor: pointer;
  padding: 10px;
  color: #1C2630;
}
.ownerListingsBedFilter #searchByProperty #searchByPropertyResults .addressOption:hover {
  background: #f2f2f2;
}
.ownerListingsBedFilter .selected {
  border: 1px solid #1C2630 !important;
  background: #1C35531A;
}
.ownerListingsBedFilter .download {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  padding: 10px;
  margin-left: 10px;
  cursor: pointer;
}
.ownerListingsBedFilter .download i {
  margin-right: 5px;
}
.ownerListingsBedFilter .download span {
  font-weight: 500;
  color: #FFF;
}
.ownerListingsBedFilter .minusPlus {
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-self: center;
  border: 1px solid #CBCED1;
  border-radius: 100%;
  cursor: pointer;
}
.ownerListingsBedFilter .minusPlus i {
  margin: auto;
}
.ownerListingsBedFilter i.move-down {
  transform: rotate(180deg);
}
.ownerListingsBedFilter .fa-2x {
  transition-duration: 0.3s;
  font-size: 24px;
}

.owner-listings-title {
  margin: 20px auto;
  font-size: 0.875em;
  letter-spacing: 0.1px;
  color: #1C2630;
  font-weight: 500;
  text-transform: uppercase;
}

.owner-listings-status {
  display: flex;
  width: 100%;
  font-size: 0.875rem;
  line-height: 1rem;
  background: #f2f2f2;
  border-radius: 8px;
  flex-direction: column;
  margin-top: 10px;
  justify-content: center;
  padding: 16px;
}
.owner-listings-status .arrowRight {
  margin-bottom: 25px;
}
.owner-listings-status ul.line-status {
  list-style: none;
  display: flex;
  justify-content: space-evenly;
  padding: 0px;
}
.owner-listings-status ul.line-status li .status-option {
  display: flex;
  flex-direction: column;
  position: relative;
}
.owner-listings-status ul.line-status li .status-option span {
  text-align: center;
  color: #d3d3d3;
}
.owner-listings-status ul.line-status li .status-option span.icon-circle {
  position: relative;
  border-radius: 50%;
  background: #d3d3d3;
  height: 24px;
  width: 24px;
  margin: 2px auto;
  z-index: 3;
}
.owner-listings-status ul.line-status li .status-option span.icon-circle img {
  padding: 8px 5px;
}
.owner-listings-status ul.line-status li .status-option span.line-item {
  position: absolute;
  top: 32px;
  right: 10px;
  z-index: 1;
}
.owner-listings-status ul.line-status li .status-option span.line-item::before {
  content: "";
  position: absolute;
  width: 82px;
  height: 2px;
  right: 10px;
  border: dashed #d3d3d3 0.5px;
}
.owner-listings-status ul.line-status li.completed span {
  color: #444444;
}
.owner-listings-status ul.line-status li.completed span.icon-circle {
  background: #72C163 !important;
}
.owner-listings-status ul.line-status li.completed span.line-item::before {
  border-color: #1C3553;
  border-style: solid;
}
.owner-listings-status ul.line-status li.selected span {
  color: #444444;
}
.owner-listings-status ul.line-status li.selected span.icon-circle {
  background-color: #72C163;
}
.owner-listings-status ul.line-status li.selected span.line-item::before {
  border-color: #1C3553;
  border-style: solid;
}
.owner-listings-status ul.line-status li:first-child span.line-item::before {
  content: none;
}

@media (max-width: 768px) {
  .owner-listings-status .arrowRight {
    padding-right: 0;
  }
}
.owner-listings-tools .listing-tools-panel {
  font-family: Roboto, sans-serif !important;
}
.owner-listings-tools .disabled {
  opacity: 0.3;
}
.owner-listings-tools .listings-tools-dropdown {
  text-align: center;
  position: relative;
  padding: 20px 0px 20px 0px;
  font-size: 0.875em;
  color: #1C2630;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1px;
}
.owner-listings-tools .listings-tools-dropdown .collapse-arrow {
  padding-left: 1rem;
  padding-bottom: 2px;
}
.owner-listings-tools .listings-tools ul {
  padding: 0px;
  margin-bottom: 0px;
}
.owner-listings-tools .listings-tools ul li {
  list-style: none;
  cursor: pointer;
  padding: 8px;
  position: relative;
  display: block;
  border-radius: 6px;
  transition-duration: 0.2s;
}
.owner-listings-tools .listings-tools ul li .anchor-disabled {
  opacity: 0.5;
}
.owner-listings-tools .listings-tools ul li a.btn-listings-tools {
  display: inline-flex;
  width: 100%;
  padding: 0px;
  letter-spacing: 1.25px;
}
.owner-listings-tools .listings-tools ul li a.btn-listings-tools:active {
  box-shadow: none;
}
.owner-listings-tools .listings-tools ul li a.btn-listings-tools img {
  height: 18px;
  width: 18px;
  object-fit: none;
  margin-right: 14px;
}
.owner-listings-tools .listings-tools ul li a.btn-listings-tools span {
  color: #1C3553;
  font-weight: 500;
}
.owner-listings-tools .listings-tools ul li a.btn-listings-tools:hover span {
  color: #1C3553;
}
.owner-listings-tools .listings-tools ul li:hover {
  background: #fff;
  transition-duration: 0.2s;
}
.owner-listings-tools .listings-tools ul .reportLeasedTrigger:hover > .reportLeasedTooltip {
  opacity: 1;
}
.owner-listings-tools .listings-tools ul .reportLeasedTooltip {
  position: absolute;
  top: 40px;
  background: #666666;
  bottom: 0;
  left: -50px;
  height: fit-content;
  transition: opacity 0.5s;
  display: flex;
  opacity: 0;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  color: white;
  padding: 5px 8px;
  border-radius: 4px;
}
.owner-listings-tools .listings-tools.collapsed {
  display: none;
}
.owner-listings-tools .btn-title-box {
  font-size: 0.875em;
  letter-spacing: 0.1px;
  color: #1C2630;
  font-weight: 500;
  text-transform: uppercase;
  padding-bottom: 10px;
  margin-top: 20px;
}
.owner-listings-tools .btn-title-box:first-child {
  margin-top: 0px;
}
.owner-listings-tools .btn-box {
  background-color: #F2F2F2;
  border-radius: 6px;
  padding: 15px;
}
@media (max-width: 768px) {
  .owner-listings-tools .listings-tools {
    margin: 20px;
  }
  .owner-listings-tools .listings-tools .btn-title-box {
    text-align: left;
  }
  .owner-listings-tools .listings-tools-dropdown .collapse-arrow {
    padding-bottom: 2px;
  }
  .owner-listings-tools ul {
    display: inline-block;
    width: 100%;
  }
  .owner-listings-tools .btn-box {
    padding: 0;
  }
}

.package-selection-component .pkg-selection-card service-level-card {
  display: block;
  margin-bottom: 2em;
}
.package-selection-component .basicBanner {
  display: flex;
  display: flex;
  padding: 20px;
  background: white;
  border-radius: 8px;
  margin: 20px 0;
  border: 1px solid #00000029;
}
.package-selection-component .package-selection-title {
  display: flex;
  justify-content: flex-start;
  color: #1C2630;
  font-size: 16px;
  font-weight: 500;
}
.package-selection-component .pkg-selection-footer {
  text-align: center;
}
.package-selection-component .pkg-selection-footer hr {
  margin: 30px auto;
  border: 1px solid #e0e0e0;
  max-width: 300px;
}
.package-selection-component .dash-info-signup {
  padding: 20px;
  margin-top: 40px;
  border: 1px solid #E6B34880;
  border-radius: 8px;
}
.package-selection-component .dash-info-signup .dash-info-signup {
  padding: 1.5rem;
  background-color: #f8f9fa;
  border-radius: 8px;
  margin: 1rem 0;
}
.package-selection-component .dash-info-signup .info-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.package-selection-component .dash-info-signup .info-header {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.package-selection-component .dash-info-signup .info-icon {
  height: 20px;
  flex-shrink: 0;
}
.package-selection-component .dash-info-signup .info-text {
  font-size: 1rem;
  line-height: 1.5;
  color: #1E2630;
}
.package-selection-component .dash-info-signup .info-link {
  color: #007bff;
  text-decoration: none;
  position: relative;
  cursor: pointer;
}
.package-selection-component .dash-info-signup .info-link:hover .tooltip {
  display: block;
}
.package-selection-component .dash-info-signup .tooltip {
  display: none;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  font-size: 0.875rem;
  white-space: nowrap;
  z-index: 1000;
}
.package-selection-component .dash-info-signup .tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #333;
}
.package-selection-component .dash-info-signup .info-actions {
  display: flex;
  gap: 1rem;
  justify-content: flex-start;
}
.package-selection-component .dash-info-signup .info-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  background: white;
  cursor: pointer;
  font-size: 0.875rem;
  transition: all 0.2s ease;
}
.package-selection-component .dash-info-signup .info-btn:hover {
  background-color: #f8f9fa;
}
.package-selection-component .dash-info-signup .info-btn.selected {
  background-color: #007bff;
  color: white;
  border-color: #007bff;
}
.package-selection-component .dash-info-signup .check-icon {
  height: 16px;
  width: 16px;
}
.package-selection-component .rhentiBasic {
  height: 74px;
  padding: 17px 20px 17px 15px;
  margin: 20px auto;
  background: #FFFFFF;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: 700;
  border: 1px solid #00000029;
}
.package-selection-component .rhentiBasic p {
  font-size: 16px;
  color: #1C2630;
  font-weight: 500;
  margin: 0;
}
.package-selection-component .rhentiBasic .plus-btn {
  display: flex;
  align-items: center;
  font-size: 14px;
  letter-spacing: 1.25px;
  padding: 10px 17px;
  background: #FFFFFF;
  font-weight: 500;
  color: #1C3553;
  height: 40px;
  margin-left: auto;
  border-radius: 8px;
  border: 1px solid #1C3553;
}
.package-selection-component .rhentiBasic .plus-btn i {
  padding-right: 10px;
}
.package-selection-component .rhentiBasic .plus-btn:hover {
  background: #e5e5e5 !important;
}
.package-selection-component .rhentiBasic h2 {
  margin: 0px;
  font-size: 23px;
  font-weight: 500;
}

@media (max-width: 768px) {
  .package-selection .basicBanner {
    border-radius: 0 !important;
  }
  .package-selection .package-selection-title {
    justify-content: center;
  }
  .package-selection .service-level-card {
    padding: 0px !important;
  }
  .package-selection .service-level-card .flex-partners, .package-selection .service-level-card .service-info {
    width: 100%;
  }
  .package-selection .service-level-card .flex-btn {
    position: relative;
    width: 100%;
    max-width: 350px;
    margin: 10px auto;
    padding-left: 15px;
    top: 0px;
    right: 0px;
  }
  .package-selection .service-level-card .flex-btn button {
    width: 100%;
  }
  .package-selection .rhentiBasic {
    height: 104px;
  }
}
@media (max-width: 576px) {
  .pkg-selection-card {
    margin: 0 1em 5em 1em;
  }

  .dash-info-signup input {
    height: 25px !important;
    width: 25px !important;
  }

  .rhentiBasic {
    flex-direction: column;
    padding: 20px !important;
  }

  .plus-btn {
    width: 100%;
    text-align: center;
    margin-top: 20px;
  }
  .plus-btn span {
    margin: auto;
  }
}
.service-level-card {
  position: relative;
  background: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #D6D6D6;
  color: #1C2630;
  padding: 0;
}
.service-level-card .card-info {
  display: flex;
  flex-direction: column;
}
.service-level-card .card-info .is-yours .service-info {
  width: 100%;
}
.service-level-card .card-info .is-yours .service-info .synd-services {
  margin-top: 15px;
}
.service-level-card .card-info .is-yours .service-info .synd-services p {
  font-size: 14px;
  color: #666666 !important;
}
.service-level-card .card-info .is-yours .service-info .synd-services span {
  color: #1C2630;
  font-size: 14px !important;
}
.service-level-card .card-info .is-yours .service-info .synd-services .all-synd {
  display: flex;
}
.service-level-card .card-info .is-yours .service-info .synd-services .syndications {
  display: flex;
  margin: 10px 0px 0px 40px;
}
.service-level-card .card-info .is-yours .service-info .synd-services .syndications .checkbox-text {
  width: 100%;
}
.service-level-card .card-info .is-yours .service-info .synd-services .syndications .checkbox-text span.amount {
  margin-left: 40px;
}
.service-level-card .card-info .is-yours .service-info .synd-services .cancel-synd {
  text-align: center;
  margin-top: 60px;
}
.service-level-card .card-info .is-yours .service-info .synd-services .cancel-synd a {
  color: #ff5851;
  font-size: 16px;
  text-decoration: none;
  cursor: pointer;
}
.service-level-card .card-info .is-yours .service-info .synd-services .checkbox-select {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 40px;
  cursor: pointer;
}
.service-level-card .card-info .is-yours .service-info .synd-services .checkbox-select input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.service-level-card .card-info .is-yours .service-info .synd-services .checkbox-select input:checked ~ .checkmark, .service-level-card .card-info .is-yours .service-info .synd-services .checkbox-select input:indeterminate ~ .checkmark {
  background-color: #1c2630;
}
.service-level-card .card-info .is-yours .service-info .synd-services .checkbox-select input:checked ~ .checkmark::after {
  display: block;
}
.service-level-card .card-info .is-yours .service-info .synd-services .checkbox-select input:indeterminate ~ .checkmark::after {
  display: block;
  left: 7px;
  top: 2px;
  width: 2px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.service-level-card .card-info .is-yours .service-info .synd-services .checkbox-select .checkmark {
  position: absolute;
  height: 20px;
  width: 20px;
  border: 2px solid #1c2630;
  border-radius: 5px;
  background-color: transparent;
}
.service-level-card .card-info .is-yours .service-info .synd-services .checkbox-select .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.service-level-card .card-info .is-yours .service-info .synd-services .checkbox-select .checkmark.disabled {
  opacity: 0.7;
  cursor: initial;
}
.service-level-card .card-info .is-yours .service-info .synd-services .checkbox-select .checkmark:after {
  left: 5px;
  top: 1px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.service-level-card .card-info .description {
  flex: 2;
}
.service-level-card .card-info .description span {
  font-size: 13px;
}
.service-level-card .card-info .description .title-bar {
  height: 38px;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 16px;
}
.service-level-card .card-info .description .title-bar span {
  font-size: 14px;
  color: #1C3553;
  line-height: 24;
  font-weight: 500;
}
.service-level-card .card-info .description .highlight {
  background-color: #FFD9C7;
}
.service-level-card .card-info .description .add-on {
  background-color: #D8EBF5;
}
.service-level-card .card-info .service-more {
  margin-top: 0;
}
.service-level-card h2 {
  margin: 0px;
  font-size: 23px;
}
.service-level-card h3 {
  margin-top: 0px;
  font-size: 17px;
  font-weight: 600;
}
.service-level-card .service-info {
  padding: 20px 16px;
}
.service-level-card .service-info .service-level-description ul {
  padding-left: 1.2em;
  list-style: none;
}
.service-level-card .service-info .service-level-description ul li {
  margin: 8px 0;
  position: relative;
  padding-left: 1.5em;
}
.service-level-card .service-info .service-level-description ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #1C2630;
}
.service-level-card .flex-btn {
  position: absolute;
  top: 50px;
  right: 20px;
}
.service-level-card .flex-btn .plus-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 105px;
  height: 36px;
  font-size: 14px;
  letter-spacing: 1.25px;
  padding: 10px 17px;
  background: #1c3553;
  font-weight: 500;
  color: white;
  margin-left: auto;
  border-radius: 8px;
}
.service-level-card .flex-btn .plus-btn.selected {
  background: #ffffff !important;
  border: solid 1px #1c3553;
}
.service-level-card .flex-btn .plus-btn.selected:hover {
  background: #e5e5e5 !important;
}
.service-level-card .flex-btn .plus-btn:hover {
  background: #5f7186 !important;
}
.service-level-card .flex-btn .plus-btn:disabled {
  opacity: 0.2;
}
.service-level-card .flex-partners {
  padding: 10px 15px;
  flex: 2;
}
.service-level-card .flex-partners span {
  font-size: 15px !important;
}
.service-level-card .flex-partners.discount span:first-of-type {
  text-decoration: line-through;
}
.service-level-card .info-card {
  display: flex;
}
.service-level-card .partners {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.service-level-card .partners .logos {
  max-height: 28px;
  border: 1px solid #d6d6d6;
  border-radius: 2px;
  gap: 8px;
}
.service-level-card .partners.update {
  padding: 0px 55px;
}
.service-level-card .flex-collapse {
  display: flex;
  margin-top: 30px;
  text-align: left;
}
.service-level-card .not-collapsed {
  display: none !important;
}
.service-level-card .collapsed {
  display: block;
}
.service-level-card .learn-more {
  display: none;
}
.service-level-card .learn-more p {
  flex: 1;
}
.service-level-card .learn-more a {
  color: #707070;
  flex: 1;
}
.service-level-card .learn-more a img {
  margin-left: 10px;
  margin-bottom: 3px;
}
.service-level-card .learn-more .more {
  margin-top: 20px;
}
.service-level-card .flex-partners-mobile {
  margin-top: 20px;
  margin-bottom: 20px;
}
.service-level-card p, .service-level-card ul {
  font-size: 16px;
  font-weight: 400;
  margin-top: 15px;
}
.service-level-card .free-detail {
  font-weight: 600 !important;
}
.service-level-card .code-button {
  background: #1C3553;
  color: white;
  font-size: 16px;
  margin-left: 10px;
  text-decoration: none;
  cursor: pointer;
  padding: 10px;
  border-radius: 8px;
}
.service-level-card .code-button:hover {
  background: #5f7186;
}
.service-level-card .referral {
  display: flex;
  align-items: baseline;
}
.service-level-card .referral input {
  color: #8d8d8d;
  text-transform: uppercase;
  width: 150px;
  background: white;
  padding: 10px;
  border: 1px solid #cccccc;
  border-radius: 8px !important;
}
.service-level-card .referral i {
  margin-left: 20px;
}
.service-level-card .cancel-service {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 36px;
  width: 200px;
  max-width: 350px;
  margin-left: auto;
  text-align: center !important;
  border: 1px solid #0000001F;
  border-radius: 4px;
}
.service-level-card .cancel-service span {
  color: #1C3553;
  font-size: 14px;
  font-weight: 500;
  word-spacing: 1.25pt;
}
.service-level-card .cancel-service:hover {
  border: 1px solid #1C3553;
}

@media (max-width: 576px) {
  .service-level-card {
    padding: 30px 20px !important;
  }
  .service-level-card .card-info {
    flex-direction: column;
  }
  .service-level-card .referral {
    margin-bottom: 30px;
  }
  .service-level-card .plus-btn {
    width: 100%;
    height: auto !important;
    justify-content: center;
    margin-top: 20px;
  }
  .service-level-card .flex-btn {
    top: 0px !important;
  }
  .service-level-card .partners {
    padding: 0px 10px;
  }
  .service-level-card .partners .logos {
    height: 20px;
  }
  .service-level-card .partners.update {
    padding: 0px 35px !important;
  }
  .service-level-card .learn-more {
    display: block !important;
  }
  .service-level-card .learn-more .flex-collapse p {
    margin: 0;
  }
  .service-level-card .learn-more .flex-collapse p span {
    font-size: 14px;
  }
  .service-level-card .learn-more .flex-collapse p.discount span:first-of-type {
    text-decoration: line-through;
  }
  .service-level-card .referral {
    margin-top: 20px;
  }
  .service-level-card .referral input {
    width: 100%;
  }
  .service-level-card .checkbox-text span.amount {
    float: right;
    margin-left: 0px;
  }
}
.charges-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.charges-list li {
  position: relative;
  padding-left: 2em;
}
.charges-list li::before {
  font-family: "Material Icons";
  content: "check";
  position: absolute;
  left: 0.5em;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  color: #1C2630;
  width: auto;
  height: auto;
  background-color: transparent;
}
.charges-list li:hover {
  background-color: #f2f4f6;
}
.charge-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75em 1em 0.75em 0;
}

.chargeTitle {
  font-size: 1rem;
  color: #1C2630;
}

.charge-amount {
  font-weight: 500;
  color: #1C2630;
  margin-left: auto;
}

.payment-screen-summery {
  padding: 1em 1.2em;
  background-color: #ffffff;
  font-size: 1rem;
  color: #1C2630;
  border-radius: 8px;
  margin-bottom: 1em;
}
.payment-screen-summery .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.payment-screen-summery .item-title {
  font-size: 1rem;
  color: #1c2630;
  display: flex;
  align-items: center;
}
.payment-screen-summery .item-value {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  min-height: 1.5em;
}
.payment-screen-summery .item-value strong {
  font-weight: 600;
}

.total-price {
  border: 1px solid var(--primary-color);
  padding: 1em 1.2em;
  margin-top: 1.5em;
}
.total-price .monthly-total.total-cost .item .item-title {
  color: var(--primary-color);
  font-size: 1.2rem;
}
.total-price .monthly-total.total-cost .item .item-title strong {
  font-weight: 600;
}
.total-price .monthly-total.total-cost .item .item-value {
  color: var(--primary-color);
  font-size: 1.2rem;
}
.total-price .monthly-total.total-cost .item .item-value strong {
  font-weight: 600;
}

.service-level-cancel {
  padding: 1em;
}
.service-level-cancel .sl-cancel-header {
  margin-bottom: 1em;
}
.service-level-cancel .sl-cancel-header h2 {
  font-size: 1.2rem;
  color: #1c2630;
}
.service-level-cancel .sl-cancel-body span {
  font-size: 1rem;
  color: #1c2630;
}
.service-level-cancel .sl-cancel-body .main-text {
  margin-bottom: 18px;
}
.service-level-cancel .sl-cancel-body .sl-cancel-reasons ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.service-level-cancel .sl-cancel-body .sl-cancel-reasons ul li {
  margin-bottom: 10px;
}
.service-level-cancel .sl-cancel-body .sl-cancel-reasons ul li .checkbox-label {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.service-level-cancel .sl-cancel-body .sl-cancel-reasons ul li .checkbox-label input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  margin-right: 10px;
  width: 20px;
  height: 20px;
  border: 2px solid #1C3553;
  border-radius: 5px;
  background-color: transparent;
  transition: background-color 0.3s ease;
  cursor: pointer;
  box-sizing: border-box;
  line-height: 20px;
  position: relative;
}
.service-level-cancel .sl-cancel-body .sl-cancel-reasons ul li .checkbox-label input[type=checkbox]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
}
.service-level-cancel .sl-cancel-body .sl-cancel-reasons ul li .checkbox-label input[type=checkbox]:checked {
  background-color: #1C3553;
}
.service-level-cancel .sl-cancel-body .sl-cancel-reasons ul li .checkbox-label input[type=checkbox]:checked::before {
  content: "check";
  display: flex;
  font-family: "Material Icons";
  font-size: 16px;
  color: #fff;
}
.service-level-cancel .sl-cancel-body .sl-cancel-reasons ul li .checkbox-label::before {
  pointer-events: none;
}
.service-level-cancel .sl-cancel-body .sl-cancel-reasons .other-textarea {
  margin-top: 10px;
}
.service-level-cancel .sl-cancel-body .sl-cancel-reasons .other-textarea textarea {
  width: 100%;
  padding: 10px;
  resize: vertical;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  font-family: inherit;
}
.service-level-cancel .sl-cancel-footer {
  padding: 15px 0px;
}
.service-level-cancel .sl-cancel-footer .service-level-sumary {
  margin: auto;
  width: 295px;
  height: 140px;
}
.service-level-cancel .sl-cancel-footer .service-level-sumary h4:first-of-type {
  margin-bottom: 30px;
}
.service-level-cancel .sl-cancel-footer .service-level-sumary span {
  font-size: 14px;
}
.service-level-cancel .sl-cancel-footer .link-continue {
  margin-top: 15px;
  text-align: center;
  font-weight: 500;
}
.service-level-cancel .sl-cancel-footer .link-continue a {
  font-size: 14px;
  color: #1C3553;
  cursor: pointer;
}
.service-level-cancel .sl-cancel-footer .link-continue a[disabled=disabled] {
  pointer-events: none;
}
.service-level-cancel .sl-cancel-footer .service-level-btn {
  background: #1C3553;
  border-radius: 4px;
  width: 100%;
  padding: 10px 16px;
  color: white;
  border: none;
  font-weight: 500;
  font-size: 14px;
}
@media (max-width: 576px) {
  .service-level-cancel a {
    text-decoration: underline;
  }
  .service-level-cancel .sl-cancel-header h2 {
    margin: 40px auto;
  }
}

.payment-component {
  margin-bottom: 30px;
}
.payment-component h2 {
  color: #1E2630;
  font-size: 30px;
}
.payment-component h5 {
  color: #666666;
  font-size: 16px;
}
.payment-component .summary {
  margin-bottom: 20px;
}
.payment-component .card-enterprise {
  display: flex;
  flex-direction: column;
  margin-left: 15px;
  width: 100%;
  max-width: 400px;
}
.payment-component .card-enterprise span {
  font-size: 16px;
}
.payment-component .card-enterprise span.text-pink {
  color: #ff5851;
}
.payment-component .card-enterprise .synd-services {
  margin-top: 15px;
}
.payment-component .card-enterprise .synd-services span {
  color: #1C2630;
  font-size: 14px !important;
}
.payment-component .card-enterprise .synd-services .all-synd {
  display: flex;
}
.payment-component .card-enterprise .synd-services .syndications {
  display: flex;
  margin: 10px 0px 0px 40px;
}
.payment-component .card-enterprise .synd-services .syndications .checkbox-text {
  width: 100%;
}
.payment-component .card-enterprise .synd-services .syndications .checkbox-text span.amount {
  margin-left: 40px;
}
.payment-component .card-enterprise .synd-services .cancel-synd {
  text-align: center;
  margin-top: 60px;
}
.payment-component .card-enterprise .synd-services .cancel-synd a {
  color: #ff5851;
  font-size: 16px;
  text-decoration: none;
  cursor: pointer;
}
.payment-component .card-enterprise .synd-services .checkbox-select {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 40px;
  cursor: pointer;
}
.payment-component .card-enterprise .synd-services .checkbox-select input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.payment-component .card-enterprise .synd-services .checkbox-select input:checked ~ .checkmark, .payment-component .card-enterprise .synd-services .checkbox-select input:indeterminate ~ .checkmark {
  background-color: #1c2630;
}
.payment-component .card-enterprise .synd-services .checkbox-select input:checked ~ .checkmark::after {
  display: block;
}
.payment-component .card-enterprise .synd-services .checkbox-select input:indeterminate ~ .checkmark::after {
  display: block;
  left: 7px;
  top: 2px;
  width: 2px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.payment-component .card-enterprise .synd-services .checkbox-select .checkmark {
  position: absolute;
  height: 20px;
  width: 20px;
  border: 2px solid #1c2630;
  border-radius: 5px;
  background-color: transparent;
}
.payment-component .card-enterprise .synd-services .checkbox-select .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.payment-component .card-enterprise .synd-services .checkbox-select .checkmark.disabled {
  opacity: 0.7;
  cursor: initial;
}
.payment-component .card-enterprise .synd-services .checkbox-select .checkmark:after {
  left: 5px;
  top: 1px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.payment-component .cards-images {
  display: flex;
  justify-content: left;
  margin-top: 20px;
}
.payment-component .cards-images img {
  height: 26px;
  margin-right: 7px;
}
.payment-component .description {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  margin-top: 20px;
}
.payment-component .description a {
  color: #265DA0;
}
.payment-component .service-level-btn {
  width: 100%;
  margin-top: 30px;
}
.payment-component .service-level-btn img {
  height: 16px;
  margin: 0px 2px 2px 0px;
}
.payment-component .service-level-payment-btn:disabled {
  opacity: 0.5;
}
.payment-component .btn-saved-cards {
  background: #FFFFFF !important;
  border: none !important;
  /* height: 35px; */
  /* padding: 10px; */
  width: 100%;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  /* margin-top: 5px; */
  margin-left: 0px !important;
}
.payment-component .btn-saved-cards i {
  color: #1C3553;
}
.payment-component .dropdown {
  width: 100%;
  margin-top: 15px;
  padding: 10px;
  border: 1px solid #D6D6D6;
  border-radius: 8px;
  color: #1C3553;
  font-size: 14px;
  font-weight: 400;
}
.payment-component .dropdown-cards {
  width: 100%;
  cursor: pointer;
}
.payment-component .checkbox-terms {
  display: flex;
  margin-top: 30px;
  justify-content: center;
}
.payment-component .checkbox-terms a {
  color: #1C2630;
  text-decoration: underline;
  cursor: pointer;
}
.payment-component .checkbox-terms p {
  font-size: 14px;
}
.payment-component .checkbox-terms .check-label {
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.payment-component .checkbox-terms .check-label input:checked ~ .checkmark:after {
  display: block;
}
.payment-component .checkbox-terms .check-label input:checked ~ .checkmark {
  background-color: #1C3553;
}
.payment-component .checkbox-terms .check-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.payment-component .checkbox-terms .check-label .checkmark:after {
  left: 6px;
  top: 2px;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.payment-component .checkbox-terms .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: 2px solid #1C3553;
  border-radius: 5px;
  background-color: transparent;
}
.payment-component .checkbox-terms .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.payment-component .modal-field {
  position: relative;
  margin-top: 15px;
  background-color: #0000000B;
  border-radius: 4px 4px 0px 0px;
  height: 55px;
}
.payment-component .modal-field.small-field {
  width: 49%;
  display: inline-block;
}
.payment-component .modal-field.small-field:nth-child(2n) {
  float: right;
}
.payment-component .modal-field input {
  width: 100%;
  height: 100%;
  margin-top: 0px;
  padding: 0px 16px;
  border: none;
  opacity: 1;
}
.payment-component .modal-field input:focus {
  background-color: #0000001F;
  border-bottom: 1px solid #1C3553;
}
.payment-component .modal-field input:focus + label, .payment-component .modal-field input.ng-not-empty ~ label {
  color: #2F4E72;
  font-size: 75%;
  transform: translate3d(0, -90%, 0);
  opacity: 1;
}
.payment-component .modal-field label {
  color: #1C2630;
  position: absolute;
  top: 16px;
  left: 16px;
  transition: all 200ms;
  opacity: 0.5;
}
.payment-component .modal-field .help-block {
  text-align: left;
  margin-top: 0;
  background: #c22f2c1a;
  color: #444444;
}
.payment-component .modal-field .help-block i {
  color: #c22f2c;
  padding: 0px 10px;
}
.payment-component .field {
  position: relative;
  margin-top: 30px;
  background-color: #0000000B;
  border-radius: 4px;
  height: 59px;
}
.payment-component .field .input input {
  width: 100%;
  height: 100%;
  margin-top: 0px;
  padding: 0px 16px;
  border: none;
  opacity: 1;
}
.payment-component .field .input input:focus {
  background-color: #0000001F;
  border-bottom: 1px solid #1C3553;
}
.payment-component .field .input input:focus + label, .payment-component .field .input input.ng-not-empty ~ label {
  color: #2F4E72;
  font-size: 75%;
  transform: translate3d(0, -90%, 0);
  opacity: 1;
}
.payment-component .billing, .payment-component .referral {
  background: #FFFFFF;
  border-radius: 3px;
}
.payment-component .billing h4, .payment-component .referral h4 {
  color: #1C2630;
  font-size: 16px;
  font-weight: 500;
}
.payment-component .billing input, .payment-component .referral input {
  box-shadow: none;
  color: #1C2630;
  background-color: transparent;
}
.payment-component .billing .code-button, .payment-component .referral .code-button {
  width: 90px;
  height: 37px;
  color: #FFFFFF;
  background-color: #1C3553;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 35px auto 0px auto;
}
.payment-component .billing .current-card, .payment-component .referral .current-card {
  background-color: #F2F2F2;
  padding: 20px 15px;
  border-radius: 8px;
  width: 100%;
  margin: 15px 0;
}
.payment-component .billing .current-card img, .payment-component .referral .current-card img {
  margin-right: 15px;
}
.payment-component .billing .current-card span, .payment-component .referral .current-card span {
  color: #666666;
  font-size: 14px;
}
.payment-component .billing .current-card span.bill-info, .payment-component .referral .current-card span.bill-info {
  display: block;
  color: #1C2630;
}
.payment-component .billing .clear-btn, .payment-component .referral .clear-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 350px;
  cursor: pointer;
  padding: 10px 0;
  margin: 15px 0;
  border: 1px solid #0000001F;
  border-radius: 4px;
}
.payment-component .billing .clear-btn span, .payment-component .referral .clear-btn span {
  color: #1C3553;
  font-size: 14px;
}
@media (max-width: 420px) {
  .payment-component .cards-payment .card-payment-one {
    margin-right: 0px;
  }
  .payment-component .cards-payment .card-payment-two {
    margin-top: 15px;
  }
}
@media (max-width: 768px) {
  .payment-component .card-enterprise {
    margin: 0 auto;
  }
  .payment-component .dropdown {
    width: 100% !important;
  }
}

.card-group-stripe {
  display: flex;
}
.card-group-stripe .input-card-stripe {
  margin-right: 5px;
}

.billing .input {
  margin-top: 30px;
  background: transparent !important;
  border: none !important;
  color: #1C2630 !important;
  font-size: 14px !important;
  border-radius: 4px !important;
  width: 100% !important;
  font-size: 16px !important;
  font-family: inherit !important;
  opacity: 0.5;
}

.example.example2 .cc-field {
  position: relative;
  height: 59px;
  margin: 15px 0px;
  background: transparent;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  padding: 12px 16px;
  font-size: 1rem;
  font-weight: 500;
  color: #1C2630;
  transition: all 0.3s ease;
}
.example.example2 .cc-field.has-error {
  border-color: #FF5851;
}
.example.example2 .cc-field:focus {
  outline: none;
  border-color: #1C3553;
  box-shadow: 0 0 0 2px rgba(28, 53, 83, 0.2);
}
.example.example2 .cc-field:hover:not(:focus) {
  border-color: #1C2630;
}

.example.example2 .baseline {
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.example.example2 label {
  position: absolute;
  width: 100%;
  top: 18px;
  left: 16px;
  margin-bottom: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transform-origin: 0 50%;
  cursor: text;
  pointer-events: none;
  transition-property: color, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  color: #8D9297 !important;
  font-size: 18px;
  font-family: Roboto, sans-serif !important;
  font-weight: 400;
}

.example.example2 .input {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 16px;
  bottom: -28px;
  background-color: transparent;
  padding-bottom: 2px;
}

.example.example2 .input.focused,
.example.example2 .input:not(.empty) {
  background-color: #0000001F;
  border-bottom: 1px solid #1C3553;
}

.example.example2 .input.focused + label,
.example.example2 .input:not(.empty) + label {
  opacity: 1;
  bottom: 25px;
  font-size: 16px;
  transform: scale(0.75) translate3d(0, -80%, 0);
  cursor: default;
  color: #2F4E72;
}

.example.example2 .input.focused.invalid + label + .baseline {
  background-color: #eb1c26;
}

.example.example2 input,
.example.example2 button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border-style: none;
}

.example.example2 button {
  display: block;
  width: calc(100% - 30px);
  height: 40px;
  margin: 40px 15px 0;
  border-radius: 4px;
  color: #cccccc;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
}

.example.example2 .error svg {
  margin-top: 0 !important;
}

.example.example2 .error svg .base {
  fill: #eb1c26;
}

.billing .name-fields {
  display: flex;
  gap: 1em;
  margin-bottom: 2em;
}
.billing .name-fields .ui-text-wrapper {
  flex: 1;
}
@media (max-width: 768px) {
  .billing .name-fields {
    flex-direction: column;
    gap: 2em;
  }
}

.payment-section .cards-images {
  display: flex;
  gap: 12px;
  margin-bottom: 24px;
}
.payment-section .cards-images img {
  height: 24px;
  width: auto;
}
.payment-section .card-form {
  padding-bottom: 2em;
}
.payment-section .card-form .ui-text-wrapper {
  margin-bottom: 16px;
}
.payment-section .card-form .ui-text-wrapper label {
  display: block;
  font-size: 14px;
  color: #1C2630;
  margin-bottom: 8px;
  font-weight: 400;
}
.payment-section .card-form .ui-text-wrapper .stripe-input {
  padding: 16px;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  background: #FFFFFF;
  transition: border-color 0.2s ease;
}
.payment-section .card-form .ui-text-wrapper .stripe-input:hover {
  border-color: #1c2630;
}
.payment-section .card-form .ui-text-wrapper .stripe-input .StripeElement {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
}
.payment-section .card-form .ui-text-wrapper .stripe-input.StripeElement--focus {
  border-color: var(--primary-color);
}
.payment-section .card-form .ui-text-wrapper .stripe-input.StripeElement--invalid {
  border-color: #FF5851;
}
.payment-section .card-form .ui-text-wrapper .stripe-input.StripeElement--complete {
  border-color: #10B981;
}
.payment-section .card-form .ui-text-wrapper .error-message {
  color: #FF5851;
  font-size: 12px;
  margin-top: 4px;
  height: 0;
  opacity: 0;
  transition: all 0.2s ease;
  overflow: hidden;
}
.payment-section .card-form .ui-text-wrapper .error-message[role=alert]:not(:empty) {
  height: auto;
  opacity: 1;
  margin-top: 4px;
}
.payment-section .card-form .name-fields {
  display: flex;
  gap: 16px;
  margin-bottom: 16px;
}
.payment-section .card-form .name-fields .ui-text-wrapper {
  flex: 1;
}
@media (max-width: 576px) {
  .payment-section .card-form .name-fields {
    flex-direction: column;
    gap: 8px;
  }
}
.payment-section .card-form .notice-text {
  font-size: 14px;
  color: #666666;
  margin-top: 16px;
  line-height: 1.5;
}
.payment-section .card-form .notice-text a {
  color: var(--primary-color);
  text-decoration: none;
}
.payment-section .card-form .notice-text a:hover {
  text-decoration: underline;
}
.payment-section .saved-card .clear-btn {
  margin-top: 16px;
  padding: 8px 16px;
  border: 1px solid #E2E8F0;
  border-radius: 4px;
  background: #FFFFFF;
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: center;
}
.payment-section .saved-card .clear-btn span {
  color: #1C2630;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1.25px;
}
.payment-section .saved-card .clear-btn:hover {
  background: #F8FAFC;
  border-color: #CBD5E1;
}
.payment-section .saved-card .clear-btn:active {
  background: #F1F5F9;
  transform: translateY(1px);
}

.card-form.has-bottom-padding {
  padding-bottom: 0;
}

.feedback-page {
  padding: 20px;
}
.feedback-page .icon {
  position: relative;
  border-radius: 50%;
  background: #3cb210;
  height: 110px;
  width: 110px;
  margin: 0px auto 20px auto;
  z-index: 3;
}
.feedback-page .icon.success {
  background: #3cb210;
}
.feedback-page .icon.success img {
  padding: 30px 22px;
}
.feedback-page .icon.wrong {
  background: #af3d57;
}
.feedback-page .icon.wrong img {
  padding: 29px 29px;
}
.feedback-page .email-subs {
  display: flex;
  background-color: #F5F5F5;
  padding: 10px;
}
.feedback-page .email-subs img {
  margin-right: 15px;
}
.feedback-page .email-subs span {
  width: auto !important;
}
.feedback-page .feedback-info {
  display: flex;
  flex-direction: column;
}
.feedback-page .feedback-info span {
  color: #444444;
  width: 240px;
  margin: 10px auto;
}
.feedback-page .feedback-info .title {
  font-size: 26px;
}
.feedback-page button {
  margin-top: 30px;
}
@media (max-width: 765px) {
  .feedback-page {
    margin-top: 100px;
  }
  .feedback-page .feedback-info .subTitle {
    width: 180px;
  }
}

.title-terms {
  margin-bottom: 15px;
}

.terms-screen {
  height: 400px;
  overflow: scroll;
}
.terms-screen .test {
  margin-top: 20px !important;
}

.service-level-info .modal-header {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.service-level-info .modal-header .material-icons {
  font-size: 24px;
  color: #1c3553;
}
.service-level-info .modal-footer {
  padding: 16px 24px;
  border-top: 1px solid #eef0f2;
  display: flex;
  justify-content: center;
  align-items: center;
}
.service-level-info .modal-footer .btn-saving {
  min-width: 200px;
  text-align: center;
}

body .share-profile .share-profile-wrapper .pdf-container .download-btn-enable {
  background-color: #ff8a85 !important;
  transition-duration: 0.3s;
  border-radius: 100px;
}

body .share-profile .share-profile-wrapper .pdf-container .download-btn-enable:hover {
  background-color: #FA9483CC !important;
}

body .share-profile .share-profile-wrapper .pdf-container .download-btn-disable {
  background-color: #FA948361 !important;
  cursor: not-allowed;
  border-radius: 100px;
}

body .share-profile .share-profile-wrapper .pdf-container .download-btn-disable:hover {
  background-color: #FA948361 !important;
  cursor: not-allowed;
}

.share-profile {
  margin: 0 !important;
  padding: 0 !important;
}
.share-profile .download-alert {
  padding: 15px 15px;
  background-color: #FFEAC4;
  margin-bottom: 16px;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.share-profile .download-alert div {
  font-size: 13px !important;
  color: #1e2630;
}
.share-profile .download-alert div:nth-child(2) {
  flex: 1;
  margin-left: 15px;
}
.share-profile .download-alert a {
  display: inline-block;
  font-size: 14px !important;
  color: #1e2630;
  transition-duration: 0.3s;
  text-decoration: none;
  padding: 10px;
  border-radius: 4px;
}
.share-profile .download-alert a:hover {
  background-color: #1C35530A;
}
.share-profile .container {
  padding: 0;
  height: 620px;
  width: 100%;
  max-width: 554px;
  min-width: 320px;
  margin: 0 0 0 15px;
}
.share-profile .margin-btn-share {
  width: 150px;
  height: 40px;
  background: #1C3553 0% 0% no-repeat padding-box;
  border-radius: 2px;
  margin-top: 35px;
  margin-bottom: 35px;
}
.share-profile .share-profile-wrapper {
  display: block;
  float: left;
  width: 100%;
  padding: 20px 33px 0px 33px;
}
.share-profile .share-profile-wrapper h3 {
  color: #1C3553;
  font-size: 24px;
  font-weight: 500;
}
.share-profile .share-profile-wrapper p {
  color: #1C2630;
  font-size: 16px;
  margin-bottom: 20px;
}
.share-profile .share-profile-wrapper .grey-container {
  padding: 5px 25px;
  border-radius: 4px;
  background-color: #F2F2F2;
  margin-bottom: 20px;
}
.share-profile .share-profile-wrapper .grey-container .step {
  display: flex;
  align-items: center;
  margin: 20px 0;
  min-height: 30px;
}
.share-profile .share-profile-wrapper .grey-container .step .icon {
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  background-color: #1C3553;
  border-radius: 50%;
  display: flex;
  float: left;
  margin-right: 15px;
}
.share-profile .share-profile-wrapper .grey-container .step .icon img {
  margin: auto;
  display: block;
  width: 55%;
  height: 55%;
}
.share-profile .share-profile-wrapper .grey-container .step .step-text {
  display: flex;
  color: #1C2630;
}
.share-profile .share-profile-wrapper .grey-container .step .step-text span {
  font-weight: 500;
  font-size: 14px;
}
.share-profile .share-profile-wrapper .grey-container .step .step-text a {
  font-weight: 500;
  text-decoration: underline;
}
.share-profile .share-profile-wrapper .pdf-container {
  display: flex;
  align-items: center;
  background-color: #1C3553;
  padding: 20px 25px;
  border-radius: 4px;
  min-height: 30px;
}
.share-profile .share-profile-wrapper .pdf-container span {
  display: inline-block;
  flex: 1;
}
.share-profile .share-profile-wrapper .pdf-container .disabled span {
  color: #fff !important;
}
.share-profile .share-profile-wrapper .pdf-container .downloadIcon {
  margin-right: 15px;
  fill: #ff5243 !important;
}
.share-profile .share-profile-wrapper .pdf-container .icon {
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  background-color: #FA9483;
  border-radius: 50%;
  display: flex;
  float: left;
  margin-right: 15px;
}
.share-profile .share-profile-wrapper .pdf-container .icon img {
  margin: auto;
  display: block;
  width: 55%;
  height: 55%;
}
.share-profile .share-profile-wrapper .pdf-container span {
  display: inline-block;
  vertical-align: top;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
}
.share-profile .share-profile-wrapper .pdf-container .download-btn {
  display: inline-block;
  background-color: #FA948361 !important;
  border-radius: 21px;
  width: fit-content;
  height: 40px;
  cursor: pointer;
}
.share-profile .share-profile-wrapper .pdf-container .download-btn span {
  display: block;
  color: #1C3553;
  font-size: 15px;
  font-weight: 500;
  line-height: 40px;
  text-align: center;
  padding: 0 16px;
}
.share-profile .insurance-container {
  display: flex;
  align-items: center;
  padding: 15px 40px;
  margin-left: 15px;
  background-color: #1C2630;
  width: 100%;
  max-width: 554px;
  min-width: 320px;
}
.share-profile .insurance-container .icon {
  width: 37px;
  height: 32px;
  min-width: 37px;
  min-height: 32px;
  background-color: #FEF76F;
  border-radius: 50%;
  display: flex;
  float: left;
  margin-right: 15px;
}
.share-profile .insurance-container .icon img {
  margin: auto;
  display: block;
  width: 55%;
  height: 55%;
}
.share-profile .insurance-container .step-text {
  display: flex;
  color: #FFFFFF;
  line-height: 30px;
}
.share-profile .insurance-container .step-text h5 {
  margin: 0;
  font-weight: 500;
  font-size: 14px;
}
.share-profile .insurance-container .step-text a {
  color: #F75A58;
  font-weight: 500;
  text-decoration: underline;
}
@media (max-width: 350px) {
  .share-profile .share-profile-wrapper .pink-circle {
    height: 50px !important;
    width: 50px !important;
  }
  .share-profile .share-profile-wrapper .pink-circle img {
    height: 30px !important;
    margin: 10px auto !important;
  }
}
@media (max-width: 375px) {
  .share-profile .recipient-btn, .share-profile h4 {
    display: block !important;
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 768px) {
  .share-profile .blue-banner {
    display: none !important;
  }
  .share-profile .external-offer {
    width: 100% !important;
  }
  .share-profile .recipient-btn, .share-profile h4 {
    display: inline-block !important;
  }
}

@media (max-width: 768px) {
  .share-profile {
    margin: 0 !important;
    padding: 0;
  }

  .pdf-container {
    flex-direction: column;
  }
  .pdf-container .download-btn {
    margin-top: 16px;
  }
}
.confirm-login {
  background-color: #1C3553;
  margin: 0 !important;
  padding: 50px 0;
}
.confirm-login .info {
  margin-left: auto;
  margin-right: auto;
  max-width: 320px;
}
.confirm-login .info h1, .confirm-login .info h4, .confirm-login .info h5 {
  color: #FFFFFF;
}
.confirm-login .info h5 {
  margin: 20px auto;
}
.confirm-login .info h5.profile-info {
  margin: 0 auto;
}
.confirm-login .info h1 {
  font-size: 26px;
}
.confirm-login .info .pink-text {
  color: #FA9483;
}
.confirm-login .info .profile-info {
  font-weight: 500;
}
.confirm-login .confirm-btn {
  margin-top: 30px;
}
.confirm-login .confirm-offer-modal {
  max-width: 600px;
  margin-top: -20px;
}
.confirm-login .confirm-offer-modal button {
  background-color: #FA9483;
  color: #1C3553;
}
.confirm-login .confirm-offer-modal button:disabled {
  opacity: 50%;
}
.confirm-login .modal-field-confirm {
  display: flex;
  border: 1px solid #E9ECEE;
  border-radius: 3px;
  height: 40px;
}
.confirm-login .modal-field-confirm img {
  background: #E9ECEE;
  padding-right: 10px;
}
.confirm-login .modal-field-confirm .password-confirm {
  width: 100%;
  padding: 5px;
  background: #E9ECEE;
  border: 1px solid #E9ECEE;
}

.profile-container {
  display: flex;
  flex-direction: column;
  height: 100dvh;
  position: relative;
}
@media (max-width: 768px) {
  .profile-container {
    height: 100dvh;
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

.content-footer {
  padding: 0 1.2em 2em 1.2em;
}
@media (max-width: 768px) {
  .content-footer {
    padding-bottom: calc(2em + 60px);
  }
}

.heading {
  letter-spacing: 1.25px;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 2em;
  color: #1C2630;
}
.heading.shorter {
  margin-bottom: 1em;
}

.sub-heading {
  font-size: 1rem;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  font-weight: 500;
  color: #1C2630;
  margin-bottom: 1em;
}

.profile-screen {
  flex: 1;
  display: flex;
  flex-direction: row;
  background: #FFFFFF;
  overflow: auto;
}
@media (max-width: 768px) {
  .profile-screen {
    margin-top: 60px;
    height: calc(100vh - 60px);
    overflow: hidden;
  }
}
.profile-screen .info-icon {
  background: #1C3553;
  border-radius: 100px;
  width: 20px;
  height: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
  margin-right: 10px;
}

#personal-details {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 2em 1.2em;
}
#personal-details .details-wrapper {
  display: flex;
  flex-direction: column;
  margin-top: 2em;
  padding-bottom: 2em;
  border-bottom: 1px solid #d6d6d6;
}

#introduction {
  border: 1px solid #d6d6d6;
  width: 100%;
  min-height: 400px;
  padding: 8px 0;
  resize: vertical;
  overflow-y: auto;
  transition: border-color 0.2s ease;
  border-radius: 8px;
  padding: 10px;
}
#introduction:hover {
  border-color: #1C2630;
}

.vertical-resize-only {
  resize: vertical;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

#emptySection {
  flex: 4;
}

#AAInfoBox {
  background: #1C2630;
  padding: 20px;
}
#AAInfoBox p, #AAInfoBox ol, #AAInfoBox li {
  color: white;
  font-weight: 400;
}

.mobile-blue-banner {
  display: none;
}

.AANewTag {
  margin-left: 10px;
  padding: 0 15px 0 15px;
  background: #ff5851;
  color: white;
  border-radius: 20px;
  font-size: 10px;
  font-weight: 500;
}

.AABetaTag {
  margin-left: 10px;
  padding: 0 15px 0 15px;
  background: #EFB22D;
  color: white;
  border-radius: 20px;
  font-size: 10px;
  font-weight: 500;
}

.info-warning .fa-exclamation-circle {
  font-size: 20px;
  margin-left: 10px;
  color: #F78C4A;
}

.arrowUp {
  height: 0;
  border-bottom: #1C2630 solid 10px;
  border-right: solid transparent 10px;
  width: 0;
  border-left: solid transparent 10px;
  margin-top: 10px;
  margin-left: 30px;
}

.saveButtonWrapper {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
}

.saveButton {
  background: #1C3553 !important;
  color: white;
  width: 100%;
  padding: 10px;
  margin: 30px auto auto;
  border-radius: 2px;
  cursor: pointer;
}

.saveButton:hover {
  transform: translateY(-2px);
  opacity: 0.8;
}

/*  .form-blue-button {
    font-family: Roboto, sans-serif;
    background: #1c3553 0 0 no-repeat padding-box;
    width: 100%;
    border-radius: 8px !important;
    border: none;
    }

    .form-blue-button:hover { 
        background: #5f7186 !important;
    }*/
.profileNavigationLabel {
  padding: 1em;
  border-bottom: 1px #d6d6d6 solid;
  color: #1c2630;
  font-weight: 500;
  display: flex;
  cursor: pointer;
  font-size: 0.875rem;
  transition: color 0.2s ease;
}
@media (max-width: 768px) {
  .profileNavigationLabel {
    padding: 1em;
  }
}

.profileNavigationLabel:hover {
  background: #ededed;
}

.profileAssessmentSave {
  background: #1C3553;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 1.25px;
  color: white;
  text-align: center;
  border-radius: 4px;
  padding: 1em 0;
  cursor: pointer;
  border: none;
  width: 100%;
}

.profileAssessmentSave:hover {
  /*    transform: translateY(-2px);*/
  opacity: 0.8;
}

.profile-body {
  color: #1e2630;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-bottom: 2em;
}
.profile-body .gray-box {
  min-height: 80px;
  padding: 30px 50px;
  border: 2px solid #e9ecee;
  border-radius: 2px;
}
.profile-body .gray-box .percentage {
  color: #1e2630;
}
.profile-body .gray-box img {
  margin-left: 30px;
}
.profile-body .collapse-box {
  margin-bottom: 30px;
}
.profile-body .collapse-box.gray-box .collapse-header {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.profile-body .collapse-box.gray-box .collapse-body {
  margin-top: 40px;
}
.profile-body .collapse-box.gray-box img.up {
  transform: rotate(180deg);
}
.profile-body .profile-collapse .collapse-coapp .collapse-body {
  margin: 30px 0 0 0;
}
.profile-body .profile-collapse .collapse-coapp .collapse-body .coapp-collapse {
  background-color: #ffffff;
  border: none;
  border-radius: 5px;
}
.profile-body .profile-info {
  padding: 2em 1.2em;
}
.profile-body .profile-info #ui-radio .inner {
  background: #1C3553;
}
.profile-body .profile-info #ui-radio #radio-ui:checked + label .inner {
  background: #1C3553;
}
.profile-body .profile-info #ui-radio .outer {
  border: 2px solid #1C3553;
}
.profile-body .profile-info #ui-radio span {
  font-weight: 400;
  color: #1C2630;
  padding-left: 5px;
}
.profile-body .profile-assessment {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
}
.profile-body .profile-assessment .sub-title {
  margin: 10px 0 0 0;
}
.profile-body .profile-assessment a {
  margin-top: 40px;
  text-decoration: none;
}
.profile-body .profile-assessment .gray-box {
  display: flex;
  justify-content: space-between;
}
.profile-body .profile-assessment .gray-box img {
  transform: rotate(270deg);
}
.profile-body .form-blue-radio {
  float: right;
  display: flex;
}
.profile-body .form-blue-radio .radio-label {
  position: relative;
  color: #1e2630;
  font-size: 15px;
  font-weight: normal;
  padding-left: 25px;
  margin-left: 20px;
  cursor: pointer;
}
.profile-body .form-blue-radio .radio-label input {
  visibility: hidden;
}
.profile-body .form-blue-radio .radio-label .checkmark:after {
  padding: 7px;
  border-radius: 50%;
  background: #1c3553;
}
.profile-body .question {
  font-size: 1rem;
  font-weight: 400;
  margin-right: 20px;
  color: #1C2630;
  margin-bottom: 20px;
}

.profile-needs, .profile-preferences, .profile-item {
  padding: 2em 1.2em;
}

.profile-fields .profile-field {
  position: relative;
}
.profile-fields .profile-field input {
  width: 100%;
  color: #1e2630;
  border: none;
  height: 40px;
}
.profile-fields .profile-field input:disabled {
  opacity: 0.5;
}
.profile-fields .profile-field textarea:disabled {
  opacity: 0.5;
}
.profile-fields .profile-field .help-block {
  text-align: left;
  margin-top: 0;
  background: #c22f2c1a;
  color: #444444;
}
.profile-fields .profile-field .help-block i {
  color: #c22f2c;
  padding: 0 10px;
}
.profile-fields .profile-field select:disabled {
  opacity: 0.5;
}

#profileSettings {
  padding: 30px;
  height: 100%;
}

.title-sub-section {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.2em;
}

.text-caption-sm {
  font-size: 0.875rem;
  font-weight: 500;
  color: #666666;
}

.nav-sidebar {
  min-width: 350px;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-right: 1px solid #d6d6d6;
  transition: all 0.3s ease;
  overflow-y: auto;
}
@media (max-width: 768px) {
  .nav-sidebar {
    position: absolute;
    left: 0;
    top: 60px;
    bottom: 0;
    z-index: 10;
    width: 100%;
    border-right: none;
    overflow-y: auto;
  }
  .nav-sidebar.nav-hidden {
    transform: translateX(-100%);
  }
}

/* Content area */
#profileContent {
  background: #ffffff;
  overflow-y: auto;
  transition: all 0.3s ease;
  opacity: 1;
  width: 550px;
  min-width: 400px;
  border-right: 1px solid #d6d6d6;
}
@media (max-width: 768px) {
  #profileContent {
    border-right: none;
    width: 100%;
  }
}

.profile-image-wrapper {
  margin: 2em 1.2em;
}

.profile-photo-section {
  padding: 24px;
}

.edit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1em;
}

.header-middle {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 1em;
}

.photo-upload-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 24px;
  background-color: #f0f0f0;
  border: none;
  border-radius: 6px;
  color: #333;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 1.25px;
  text-transform: uppercase;
}
.photo-upload-button:hover {
  background-color: #e0e0e0;
}
.photo-upload-button svg, .photo-upload-button i {
  width: 16px;
  height: 16px;
}
.photo-upload-button input[type=file] {
  display: none;
}

.profile-photo-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.profile-photo-wrapper {
  position: relative;
  width: 120px;
  height: 120px;
}

.profile-photo-controls {
  margin-top: 16px;
  text-align: center;
}
.profile-photo-controls .photo-control-btn {
  padding: 8px 16px;
  border-radius: 4px;
  font-weight: 500;
  transition: all 0.2s ease;
}
.profile-photo-controls .photo-control-btn.cancel {
  background-color: transparent;
  color: #666;
}
.profile-photo-controls .photo-control-btn.cancel:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.profile-photo-controls .photo-control-btn.save {
  background-color: #1C3553;
  color: white;
  margin-left: 8px;
}
.profile-photo-controls .photo-control-btn.save:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.profile-photo-controls .photo-control-btn.save:hover:not(:disabled) {
  background-color: #0f1d2d;
}

.profile-screen-info {
  height: 100%;
  position: relative;
}
.profile-screen-info .upload-label {
  border-bottom: 2px solid #e6e6e6;
  margin-bottom: 3px;
  padding-bottom: 3px;
}
.profile-screen-info .uploadLabel {
  top: 0;
  margin-top: 0 !important;
}
.profile-screen-info .profile-info-view .profile-line-view {
  display: flex;
  margin-bottom: 30px;
}
.profile-screen-info .profile-info-view .profile-line-view span {
  flex: 1;
}
.profile-screen-info .profile-info-view .profile-line-view span:last-of-type {
  flex: 2;
}
.profile-screen-info label {
  font-size: 14px !important;
}
.profile-screen-info .edit {
  width: max-content;
  margin-left: auto;
  background-color: #c9d5dbb3;
  right: 100px;
  top: 80px;
  border-radius: 30px;
  cursor: pointer;
}
.profile-screen-info .edit img {
  padding: 8px;
  filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);
}
.profile-screen-info .edit.editing {
  background-color: transparent;
  right: 90px;
  cursor: initial;
}
.profile-screen-info .edit.editing span {
  font-size: 14px;
  cursor: pointer;
}
.profile-screen-info .edit.editing span:last-of-type {
  margin-left: 20px;
}
.profile-screen-info .edit.editing span.disabled {
  cursor: initial;
  pointer-events: none;
  opacity: 0.5;
}
.profile-screen-info .input-group-profile-info .grey-input {
  margin-bottom: 15px;
}
.profile-screen-info .input-group-profile-info .grey-input input {
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  border-radius: 8px;
  height: 35px;
  padding: 10px;
  width: 100%;
  font-size: 16px;
}
.profile-screen-info .profile-view-edit .profile-view-edit-info {
  display: flex;
  align-items: center;
  background: #FFEAC4;
  margin: 20px 0px;
  padding: 15px 20px;
  border-radius: 8px;
}
.profile-screen-info .profile-view-edit .profile-view-edit-info .icon i {
  color: #EFB22D;
  font-size: 30px;
}
.profile-screen-info .profile-view-edit .profile-view-edit-info .info {
  font-size: 14px;
  font-weight: 500;
  color: #1C2630;
  margin-left: 20px;
}
.profile-screen-info .profile-view-edit .verified {
  display: flex;
  align-items: center;
  margin: 20px 0;
}
.profile-screen-info .profile-view-edit .verified img {
  margin-right: 5px;
}
.profile-screen-info .profile-view-edit .profile-checkbox {
  display: flex;
}
.profile-screen-info .profile-view-edit .profile-checkbox .info-text {
  display: flex;
  flex: 6;
  flex-direction: column;
}
.profile-screen-info .profile-view-edit .profile-checkbox .info-text span {
  font-size: 14px;
}
.profile-screen-info .profile-view-edit .profile-checkbox .info-text span:first-of-type {
  margin-bottom: 10px;
}
.profile-screen-info .profile-view-edit .profile-checkbox .info-icon {
  flex: 1;
  cursor: pointer;
}
.profile-screen-info .profile-view-edit .profile-checkbox .info-icon img {
  float: right;
}
.profile-screen-info .profile-view-edit .profile-checkbox.with-margin {
  margin-top: 30px;
}
.profile-screen-info .profile-info-edit {
  padding-bottom: 20px;
}
.profile-screen-info .profile-info-edit .profile-fields .profile-field {
  margin-bottom: 40px;
}
.profile-screen-info span {
  font-size: 15px;
  color: #1e2630;
}
@media (max-width: 576px) {
  .profile-screen-info .profile-info-view {
    padding: 0px 15px;
  }
  .profile-screen-info .profile-info-view .profile-line-view span:last-of-type {
    flex: 1;
  }
  .profile-screen-info .profile-view-edit {
    padding: 0 20px;
  }
}

.checkbox-label {
  position: relative;
  display: flex;
}
.checkbox-label .check input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 14px;
  display: block;
  height: 20px;
  width: 20px;
  border: 1.5px solid #1c3553;
  border-radius: 3px !important;
  background-color: transparent;
  transition-duration: 0.3s;
  cursor: pointer;
}
.checkbox-label .check input:checked {
  background-color: #1c3553;
  border: 1.5px solid #1c3553;
}
.checkbox-label .check input:checked::before {
  content: "✓";
  background: url(images/icons/Icon-check.svg) no-repeat center;
  color: transparent;
  display: flex;
  transform: scale(1);
  margin: 0;
}
.checkbox-label .check input.disabled {
  opacity: 0.6;
  cursor: initial;
}

.profile-rental-needs {
  height: 100%;
}
.profile-rental-needs .rental-needs-header {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-bottom: 40px;
}
.profile-rental-needs .rental-needs-header span:last-of-type {
  margin-top: 20px;
}
.profile-rental-needs img {
  margin: 0px !important;
}
.profile-rental-needs .profile-fields .profile-field {
  margin-bottom: 20px;
}
.profile-rental-needs .profile-fields .profile-field .label-select {
  position: relative !important;
  color: #1e2630;
}
.profile-rental-needs .profile-fields .profile-field .field-region .regions {
  margin-top: 10px;
}
.profile-rental-needs .profile-fields .profile-field:last-of-type {
  margin-bottom: 0px;
}
.profile-rental-needs .form-fields .form-field .inside-select {
  margin-top: 10px;
}
.profile-rental-needs .disabled {
  opacity: 0.7;
  cursor: initial !important;
}
.profile-rental-needs .form-blue-radio {
  float: right;
  display: flex;
}
.profile-rental-needs .form-blue-radio label {
  position: relative;
  color: #1e2630;
  font-size: 15px;
  font-weight: normal;
  padding-left: 25px;
  margin-left: 20px;
  cursor: pointer;
}

.rental-preferences label {
  color: #1e2630;
}
.rental-preferences .group-input-rental-preferences select {
  background-color: white;
  height: 35px;
}
.rental-preferences .profile-title {
  font-size: 26px !important;
  font-weight: 500;
  margin-bottom: 20px;
}
.rental-preferences .profile-subtitle {
  font-size: 16px;
  margin-top: 15px;
  margin-bottom: 30px;
}
.rental-preferences textarea {
  margin-top: 10px;
  background: #e9ecee;
  width: 100%;
  border: none;
  padding: 10px;
}
.rental-preferences .select-renter-preferences {
  padding-right: 10px;
  background-color: white;
}
.rental-preferences .select-renter-preferences:disabled {
  opacity: 0.5;
}
.rental-preferences .profile-fields .profile-field {
  margin-bottom: 15px;
}
.rental-preferences .profile-fields .profile-field .select-number-bathrooms {
  padding-right: 10px;
  background-color: white;
}
.rental-preferences .profile-fields .profile-field .select-number-bathrooms.disabled {
  opacity: 0.5;
}
.rental-preferences .profile-fields .profile-field .label-select {
  position: relative !important;
  color: #1e2630;
}
.rental-preferences .profile-fields .profile-field .field-header {
  position: relative;
}
.rental-preferences .profile-fields .profile-field .field-header .edit {
  position: absolute;
  right: 0px;
  top: 0px;
  background-color: #d5dadf;
  border-radius: 30px;
  cursor: pointer;
}
.rental-preferences .profile-fields .profile-field .field-header .edit img {
  margin: unset;
  padding: 8px;
  filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);
}
.rental-preferences .profile-fields .profile-field .field-header .edit.editing {
  background-color: transparent;
  cursor: initial;
}
.rental-preferences .profile-fields .profile-field .field-header .edit.editing span {
  color: #265da0;
  font-size: 13px;
  cursor: pointer;
}
.rental-preferences .profile-fields .profile-field .field-header .edit.editing span:last-of-type {
  margin-left: 20px;
}
.rental-preferences .profile-fields .profile-field .field-header .edit.editing span.disabled {
  cursor: initial;
  pointer-events: none;
  opacity: 0.5;
}
.rental-preferences .profile-fields .profile-field .field-select span:last-of-type {
  float: right;
}
.rental-preferences .profile-fields .profile-field .field-date .rental-preferences-view,
.rental-preferences .profile-fields .profile-field .field-date .rental-preferences-edit {
  position: relative;
}
.rental-preferences .profile-fields .profile-field .field-date .rental-preferences-view .rental-select,
.rental-preferences .profile-fields .profile-field .field-date .rental-preferences-edit .rental-select {
  background-color: white !important;
  height: 35px;
}
.rental-preferences .profile-fields .profile-field .field-date .rental-preferences-view img,
.rental-preferences .profile-fields .profile-field .field-date .rental-preferences-edit img {
  height: 25px;
}
.rental-preferences .profile-fields .profile-field .field-date .rental-preferences-view .calendar,
.rental-preferences .profile-fields .profile-field .field-date .rental-preferences-edit .calendar {
  margin-right: 5px;
  position: absolute;
  right: 0;
  bottom: 5px;
}
.rental-preferences .profile-fields .profile-field .field-date .rental-preferences-view .calendar {
  bottom: 0;
}
.rental-preferences .profile-fields .profile-field .field-radio {
  display: flex;
}
.rental-preferences .profile-fields .profile-field .amenities .amenitie-parent {
  display: flex;
  max-height: 350px;
  flex-flow: wrap;
  flex-direction: column;
  justify-content: space-between;
}
.rental-preferences .profile-fields .profile-field .amenities .amenitie-parent .checkbox-group {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.rental-preferences .profile-fields .profile-field .amenities .amenitie-parent .checkbox-group label {
  flex: none;
  margin-right: 20px;
  display: flex;
}
.rental-preferences .profile-fields .profile-field textarea::placeholder {
  margin-top: 10px;
  color: #1e2630;
  border: none;
}
.rental-preferences .profile-fields .profile-field small {
  font-size: 75% !important;
}
.rental-preferences .profile-fields .profile-field:last-of-type {
  margin-bottom: 0px;
}
.rental-preferences .disabled {
  opacity: 0.7;
  cursor: initial !important;
  pointer-events: none;
}
@media (max-width: 576px) {
  .rental-preferences .amenities .amenitie-parent {
    display: block !important;
    max-height: unset !important;
  }
  .rental-preferences .amenities .amenitie-parent .checkbox-group span {
    flex: 1 !important;
  }
  .rental-preferences .amenities .amenitie-parent .checkbox-group label {
    flex: 1 !important;
    margin-right: 10px !important;
  }
  .rental-preferences .amenities .amenitie-parent .check {
    margin-left: auto;
  }
  .rental-preferences .field-radio {
    flex-direction: column;
    margin-bottom: 10px !important;
  }
  .rental-preferences .field-radio .form-blue-radio {
    float: left;
    margin-top: 10px;
  }
  .rental-preferences .field-radio .form-blue-radio label:first-of-type {
    margin-left: 0px !important;
  }
}
@media (max-width: 320px) {
  .rental-preferences .wish-list {
    width: 160px;
  }
}

.region-component .region-fields .region-field {
  position: relative;
  padding: 10px 0 10px 0;
  display: flex;
  border-radius: 18px;
  flex-wrap: wrap;
}
.region-component .region-fields .region-field.disabled-field {
  opacity: 0.5;
}
.region-component .region-fields .region-field .regionItems {
  display: flex;
  align-items: center;
}
.region-component .region-fields .region-field .regionItems i {
  margin-left: 10px;
}
.region-component .region-fields .region-field div {
  background-color: #ffeac4;
  color: #1d3552;
  padding: 10px;
  border-radius: 8px;
  font-weight: 500;
  margin: 0 5px 5px 0;
}
.region-component .region-fields .region-field div img {
  cursor: pointer;
}
.region-component .region-fields .region-field div img.disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: none;
}
.region-component .autoInput {
  width: 100% !important;
  height: 40px !important;
  border: none !important;
  padding: 20px !important;
  font-size: 16px;
  border-radius: 8px;
  background-color: #e9ecee;
}
.region-component .add-region {
  text-align: center;
  margin-top: 30px;
}
.region-component .add-region img {
  margin: 0px 10px 5px 0px !important;
  border-radius: 10px;
  cursor: pointer;
}
.region-component .add-region span {
  font-size: 16px;
  color: #1C2630;
  cursor: pointer;
}
.region-component .add-region .disabled {
  cursor: initial;
  pointer-events: none;
  opacity: 0.5;
}
@media (max-width: 576px) {
  .region-component .region-field input {
    max-width: 165px !important;
  }
  .region-component .region-field .regionItems {
    width: 100%;
    justify-content: space-between;
  }
}

.file-upload {
  min-height: 500px;
  border: 1px dashed #d6d6d6;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: border 0.2s ease;
  margin-top: 2em;
}
.file-upload:hover {
  border: 1px solid #1C2630;
}
.file-upload .name-document {
  display: flex;
}
.file-upload .file-upload-text-error {
  color: #FF5851;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.025em;
}
.file-upload a {
  color: #1c3553;
  max-width: 220px;
  cursor: pointer;
}
.file-upload a.disabled {
  cursor: initial;
  pointer-events: none;
}
.file-upload .upload-input {
  position: relative;
}
.file-upload .upload-input .upload-label {
  border-bottom: 1px solid #E5E5E5;
}
.file-upload .upload-input input {
  display: none;
}
.file-upload .upload-input span {
  color: #1C2630;
  font-size: 16px !important;
  font-weight: 500;
}
.file-upload .upload-input span.disabled {
  margin-left: 20px;
}
.file-upload .upload-input label {
  position: absolute;
  right: 0;
  color: #1C2630;
  font-size: 16px;
  cursor: pointer;
}
.file-upload .upload-input label.accept-image {
  color: #ff5851;
}
.file-upload .upload-input label.disabled {
  top: 0;
  left: 136px;
  right: 0;
  pointer-events: none;
  cursor: initial;
}
.file-upload .upload-input .file-tooltip {
  position: relative;
  display: inline-block;
}
.file-upload .upload-input .file-tooltip img {
  vertical-align: top;
}
.file-upload .upload-input .file-tooltip .tooltip-text {
  visibility: hidden;
  top: -5px;
  left: 120%;
  width: 150px;
  background-color: #e9ecee;
  color: #1e2630;
  text-align: left;
  padding: 5px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
}
.file-upload .upload-input .file-tooltip:hover .tooltip-text {
  visibility: visible;
}
.file-upload span {
  font-size: 14px !important;
}
.file-upload .help-block {
  margin-top: 0;
  background: #c22f2c1a;
  color: #444444;
}
.file-upload .help-block i {
  color: #c22f2c;
  padding: 0px 10px;
}
@media (max-width: 590px) {
  .file-upload a {
    max-width: 150px !important;
  }
  .file-upload .upload-input .upload-label {
    max-width: 150px;
  }
}

.text-upload-instruction {
  font-size: 1rem;
  color: #1C2630;
  font-weight: 500;
}

.thumbnail-img {
  width: 100%;
  height: 100%;
  max-height: 400px;
  object-fit: cover;
  margin-top: 2em;
}

.uploadButton-wrapper {
  position: relative;
  width: 40%;
  margin-top: 2em;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 1.25px;
}
.uploadButton-wrapper::before {
  content: attr(data-content);
  display: block;
  padding: 8px 16px;
  border-radius: 4px;
  background-color: transparent;
  color: var(--primary-color);
  font-size: 14px;
  border: 1px solid var(--primary-color);
  transition: all 0.3s ease;
}
.uploadButton-wrapper:hover::before {
  background-color: var(--primary-color);
  color: white;
}
.uploadButton-wrapper .file-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.uploadButton-wrapper .file-input:disabled ~ .uploadButton-wrapper .file-input::before {
  background-color: #cccccc;
  border-color: #cccccc;
  opacity: 0.7;
}

.image-preview {
  text-align: center;
}

.thumbnail-img {
  max-width: 100%;
  max-height: 300px;
  object-fit: contain;
}

.pdf-preview {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.pdf-icon {
  color: #dc3545;
}

.pdf-filename {
  font-size: 0.9rem;
  color: #666;
  word-break: break-all;
}

.file-upload.has-error {
  border: 1px dashed #FF5851;
}
.file-upload.has-error:hover {
  border: 1px solid #FF5851;
}

.file-upload-label {
  display: flex;
  align-items: center;
  font-weight: 400;
  color: #1C2630;
  font-size: 1rem;
}

.file-upload-title {
  margin-right: 4px;
}

.required-indicator {
  color: #ff0000;
}

.custom-offer {
  position: relative;
  padding: 0 32px 30px 32px;
}
.custom-offer h1 {
  font-size: 26px;
}
.custom-offer hr {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid;
}
.custom-offer .aa-progress-bar {
  display: flex;
  justify-content: space-around;
  padding-bottom: 40px;
  align-items: flex-start;
}
.custom-offer .aa-progress-bar .aa-step {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  min-width: 50px;
}
.custom-offer .aa-progress-bar .aa-step .aa-circle {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 10px auto;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  color: #FFFFFF;
  background-color: #FA9483;
  font-size: 14px;
  font-weight: 500;
}
.custom-offer .aa-progress-bar .aa-line {
  display: inline-block;
  width: 30px;
  height: 4px;
  margin: 15px auto;
  background-color: #FA9483;
}
.custom-offer .button-row {
  padding-top: 35px;
}
.custom-offer .button-row div {
  display: flex;
  align-items: center;
}
.custom-offer .button-row div.continue {
  height: 36px;
  width: 170px;
  background-color: #FA9483;
  border-radius: 2px;
  float: right;
  cursor: pointer;
}
.custom-offer .button-row div.continue span {
  color: #1C2630;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  margin: 0 auto;
}
.custom-offer .button-row div.cancel, .custom-offer .button-row div.back {
  height: 36px;
  width: 100px;
}
.custom-offer .button-row div.cancel span, .custom-offer .button-row div.back span {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  margin: 0 auto;
  cursor: pointer;
}
.custom-offer .button-row div.cancel {
  float: right;
}
.custom-offer .button-row div.back span {
  margin: 0;
}
.custom-offer .button-row div.withdraw {
  color: #FA9483;
  cursor: pointer;
}
.custom-offer .select-with-label .label-select {
  font-size: 10px !important;
}
.custom-offer .custom-margin-select {
  margin-top: 20px;
}
.custom-offer .offer-summary {
  margin: 20px auto;
  width: 100%;
  background: #E9ECEE;
  color: #1E2630;
  padding: 10px;
}
.custom-offer .offer-summary .price {
  display: flex;
  justify-content: space-between;
  padding-left: 30px;
  padding-right: 30px;
}
.custom-offer .form-fields, .custom-offer .coapp-group, .custom-offer .realtor-group {
  width: 100%;
}
.custom-offer .form-fields .section-title, .custom-offer .coapp-group .section-title, .custom-offer .realtor-group .section-title {
  display: block;
  color: #1E2630;
  font-size: 16px;
  text-align: center;
  margin: 40px auto;
}
.custom-offer .coapp-group .co-applicants-body, .custom-offer .coapp-group .coapp-collapse, .custom-offer .realtor-group .co-applicants-body, .custom-offer .realtor-group .coapp-collapse {
  margin-top: 40px;
  border: 2px solid #E9ECEE;
  border-radius: 2px;
}
.custom-offer .coapp-group .co-applicants-body .collapse-wrapper, .custom-offer .coapp-group .coapp-collapse .collapse-wrapper, .custom-offer .realtor-group .co-applicants-body .collapse-wrapper, .custom-offer .realtor-group .coapp-collapse .collapse-wrapper {
  border: 0;
  padding: 0;
  margin: 0;
}
.custom-offer .coapp-group .co-applicants-body .collapse-wrapper a, .custom-offer .coapp-group .coapp-collapse .collapse-wrapper a, .custom-offer .realtor-group .co-applicants-body .collapse-wrapper a, .custom-offer .realtor-group .coapp-collapse .collapse-wrapper a {
  display: block;
  width: 100%;
  height: 80px;
  padding: 30px 20px;
  text-decoration: none;
  color: #1E2630;
}
.custom-offer .coapp-group .co-applicants-body .collapse-wrapper a span, .custom-offer .coapp-group .coapp-collapse .collapse-wrapper a span, .custom-offer .realtor-group .co-applicants-body .collapse-wrapper a span, .custom-offer .realtor-group .coapp-collapse .collapse-wrapper a span {
  text-align: left;
}
.custom-offer .coapp-group .co-applicants-body .collapse-wrapper a img, .custom-offer .coapp-group .coapp-collapse .collapse-wrapper a img, .custom-offer .realtor-group .co-applicants-body .collapse-wrapper a img, .custom-offer .realtor-group .coapp-collapse .collapse-wrapper a img {
  padding-top: 5px;
  float: right;
}
.custom-offer .coapp-group .co-applicants-body .collapse-wrapper .accept, .custom-offer .coapp-group .coapp-collapse .collapse-wrapper .accept, .custom-offer .realtor-group .co-applicants-body .collapse-wrapper .accept, .custom-offer .realtor-group .coapp-collapse .collapse-wrapper .accept {
  margin: 30px 0;
}
.custom-offer .coapp-group .co-applicants-body .collapse-wrapper .accept span, .custom-offer .coapp-group .coapp-collapse .collapse-wrapper .accept span, .custom-offer .realtor-group .co-applicants-body .collapse-wrapper .accept span, .custom-offer .realtor-group .coapp-collapse .collapse-wrapper .accept span {
  display: block;
  padding-bottom: 20px;
}
.custom-offer .coapp-group #realtor .notice, .custom-offer .realtor-group #realtor .notice {
  display: block;
  text-align: center;
  padding-bottom: 30px;
}
.custom-offer .coapp-group .form-fields, .custom-offer .realtor-group .form-fields {
  width: 100%;
  margin: 0 auto 15px auto;
}
.custom-offer .coapp-group .form-fields .form-field span, .custom-offer .realtor-group .form-fields .form-field span {
  color: #1C2630;
  padding-bottom: 5px;
}
.custom-offer .coapp-group .form-fields .form-field input, .custom-offer .realtor-group .form-fields .form-field input {
  width: 100%;
  height: 40px;
  margin-top: 0px;
  margin-bottom: 15px;
  padding-left: 20px;
  background: #E9ECEE 0% 0% no-repeat padding-box;
  color: #1C2630;
  border-radius: 2px;
  border: none;
  opacity: 1;
}
.custom-offer .info-box {
  border: 2px solid #C9D5DB;
  border-radius: 2px;
  padding: 0 20px;
  max-height: 500px;
  overflow-y: scroll;
}
.custom-offer .info-box span {
  display: block;
}
.custom-offer .info-box .header-label {
  font-size: 16px;
  font-weight: 500;
  color: #1C2630;
  padding: 20px 0;
}
.custom-offer .info-box .info-label {
  font-size: 14px;
  color: #B3B3B3;
}
.custom-offer .info-box .info {
  font-size: 14px;
  font-weight: 500;
  color: #1C2630;
  padding-bottom: 10px;
}
.custom-offer .radio-group {
  margin-top: 25px !important;
  margin-bottom: -15px;
}
.custom-offer .radio-group span {
  color: #1C2630;
}
.custom-offer .answer {
  font-weight: normal;
}
.custom-offer .field-date .rental-preferences-edit {
  max-width: 330px;
  position: relative;
}
.custom-offer .field-date .rental-preferences-edit img {
  height: 25px;
}
.custom-offer .field-date .rental-preferences-edit .calendar {
  position: absolute;
  right: 20px;
  top: 27px;
}
.custom-offer .field-date .rental-preferences-edit input {
  padding: 0 20px;
}
.custom-offer .modal-field {
  position: relative;
  margin-top: 30px;
}
.custom-offer .modal-field input {
  width: 100%;
  height: 40px;
  margin-top: 0px;
  padding-left: 20px;
  background: #E9ECEE 0% 0% no-repeat padding-box;
  color: #1C2630;
  border-radius: 2px;
  border: none;
  opacity: 1;
}
.custom-offer .modal-field input:focus + label, .custom-offer .modal-field input.ng-not-empty ~ label {
  font-size: 75%;
  transform: translate3d(0, -100%, 0);
  opacity: 1;
}
.custom-offer .modal-field .input-error {
  color: red;
  font-size: 15px;
  font-weight: 500;
}
.custom-offer .modal-field .inside-select select {
  height: 40px;
  padding-left: 20px;
  background: #E9ECEE 0% 0% no-repeat padding-box;
  color: #1C2630 !important;
  border: 0px;
}
.custom-offer .modal-field .inside-select img {
  position: absolute;
  bottom: 15px;
  right: 15px;
  cursor: pointer;
}
.custom-offer .modal-field .short-field {
  position: relative;
  padding: 0 !important;
}
.custom-offer .modal-field .short-field select {
  width: 100%;
  padding-left: 20px;
}
.custom-offer .modal-field label {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 200ms;
  opacity: 0.5;
}
.custom-offer .modal-field span {
  color: #1C2630;
  padding-bottom: 5px;
}
.custom-offer .modal-field .currency-input {
  position: relative;
}
.custom-offer .modal-field .currency-input input {
  padding-left: 35px;
}
.custom-offer .modal-field .currency-input:before {
  position: absolute;
  top: 27px;
  content: "$";
  left: 20px;
}
.custom-offer .modal-field .field-select span {
  margin: 0;
  padding: 0;
}
.custom-offer .modal-field .field-select .inside-select {
  margin: 0;
}
.custom-offer .modal-field .field-select .inside-select select {
  font-size: 13px;
  color: #707070;
}
.custom-offer .short-field {
  max-width: 150px;
  display: block;
}
.custom-offer .cancel-icon {
  position: absolute;
  display: block;
  top: 0;
  right: 20px;
  margin-bottom: 20px;
  margin-top: 15px;
  color: #1E2630;
  cursor: pointer;
}
.custom-offer .cancel-icon i {
  font-size: 20px;
}

.notice {
  display: block;
  text-align: center;
  color: #1E2630;
  font-size: 14px;
}

.btn-save-offer {
  display: flex;
  flex-direction: column;
  padding: 30px 0 30px 0;
}
.btn-save-offer button {
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 375px) {
  .custom-offer {
    padding: 0 16px 30px 16px;
  }
  .custom-offer .button-row div.cancel, .custom-offer .button-row div.back {
    width: 70px;
  }
  .custom-offer .button-row div.continue {
    width: 120px;
  }
  .custom-offer .form-fields .radio-with-question span {
    width: 50%;
  }
}
.virtual-tour h3 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 600;
  color: #1C3553;
}
.virtual-tour p {
  font-size: 16px;
  font-weight: 400;
  color: #1C2630;
}
.virtual-tour .title-virtual {
  display: flex;
}
.virtual-tour .title-virtual img {
  margin-right: 7px;
}
.virtual-tour .virtual-tour-url label {
  color: #1C2630;
  font-size: 12px;
}
.virtual-tour a {
  color: #707070;
  text-decoration: underline;
  cursor: pointer;
}
.virtual-tour .save-btn {
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 17px;
  width: fit-content;
  padding: 10px 20px;
  border-radius: 4px;
  background: #1C3553;
  border: none;
  color: white;
  max-height: 50px;
}
.virtual-tour .add-feature {
  margin-bottom: 20px;
}
.virtual-tour .input-url {
  color: #1C2630;
  background: #F4F4F4;
  height: 40px;
  padding-left: 15px;
  width: 100%;
  border: none;
  border-radius: 4px;
  max-width: 100%;
}

.modal-virtual-tour {
  padding: 1.2em;
  position: relative;
}

.virtual-tour .modal-header {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 1;
  border: none;
}
.virtual-tour .close-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: none;
  background: transparent;
  border-radius: 50%;
  color: #1C2630;
  cursor: pointer;
  transition: all 0.2s ease;
  margin-left: auto;
}
.virtual-tour .close-button:hover {
  background-color: rgba(0, 0, 0, 0.04);
  transform: scale(1.1);
}
.virtual-tour .close-button:active {
  background-color: rgba(0, 0, 0, 0.08);
  transform: scale(0.95);
}
.virtual-tour .close-button:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.2);
}
.virtual-tour .close-button i {
  font-size: 24px;
}

.visibilityWrap {
  padding: 2em;
}
.visibilityWrap h3 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 600;
  color: #1C3553;
}
.visibilityWrap p {
  font-size: 16px;
  font-weight: 400;
  color: #1C2630;
}
.visibilityWrap .title-virtual {
  display: flex;
}
.visibilityWrap .title-virtual img {
  margin-right: 7px;
}
.visibilityWrap .virtual-tour-url label {
  color: #1C2630;
  font-size: 12px;
}
.visibilityWrap a {
  color: #707070;
  text-decoration: underline;
  cursor: pointer;
}
.visibilityWrap .save-btn {
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 17px;
  width: fit-content;
  padding: 10px 20px;
  border-radius: 4px;
  background: #1C3553;
  border: none;
  color: white;
  max-height: 50px;
}
.visibilityWrap .add-feature {
  margin-bottom: 20px;
}
.visibilityWrap .input-url {
  color: #1C2630;
  background: #F4F4F4;
  height: 40px;
  padding-left: 15px;
  width: 100%;
  border: none;
  border-radius: 4px;
  max-width: 100%;
}

.inbox {
  display: flex;
  position: relative;
  flex-direction: column;
  height: 100dvh;
  overflow: hidden;
}
@media (max-width: 768px) {
  .inbox {
    width: 100%;
  }
}

.chatWrapper {
  display: flex;
  position: fixed;
  top: 60px;
  left: 300px;
  right: 0;
  bottom: 0;
}
@media (max-width: 768px) {
  .chatWrapper {
    left: 0;
    width: 100%;
  }
}

#chatInbox {
  flex: 0;
  min-width: 440px;
  background: #ffffff;
  border-right: #d6d6d6 1px solid;
}
@media (max-width: 768px) {
  #chatInbox {
    min-width: 100%;
  }
}

#chatMessages {
  flex: 2;
  min-width: 500px;
  border-right: 1px solid #d6d6d6;
}
@media (max-width: 768px) {
  #chatMessages {
    min-width: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
  }
}

#userProfileLayout {
  flex: 1;
  min-width: 400px;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  background: #fff;
}
#userProfileLayout .userProfileBox {
  display: flex;
  flex-direction: column;
}
#userProfileLayout .userProfileBox .contactBox {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  display: flex;
  transition: max-height 0.3s ease-out;
  background-color: #ffffff;
  padding: 1em;
  gap: 1em;
}
#userProfileLayout .userProfileBox .contactBox .avatarBox img {
  width: 60px;
  height: 60px;
  border-radius: 35px;
  margin-right: 1em;
}
#userProfileLayout .userProfileBox .contactBox .textBox div {
  margin-bottom: 5px;
  color: #1c2630;
  font-size: 0.875rem;
  font-weight: 500;
}
#userProfileLayout .userProfileBox .contactBox .textBox div i {
  margin-right: 5px;
  color: #1c2630;
}
#userProfileLayout .userProfileBox .contactBox .textBox div span {
  color: #265da0;
}
#userProfileLayout .userProfileBox .contactBox .textBox .name {
  font-size: 1rem;
  color: #265da0;
  font-weight: 500;
  padding-bottom: 5px;
}
#userProfileLayout .userProfileBox .contactBox .textBox .name a {
  color: #265da0;
}
#userProfileLayout .userProfileBox .contactBox .textBox .phone {
  margin-bottom: 2px;
  font-size: 0.875rem;
}
#userProfileLayout .userProfileBox .contactBox .textBox .email {
  font-size: 0.875rem;
}
#userProfileLayout .userProfileBox .section {
  padding: 2em 1em;
  border-bottom: 1px solid #d6d6d6;
  max-height: 33.3333333333%;
  overflow-y: auto;
}
#userProfileLayout .userProfileBox .section h5 {
  color: #1c2630;
  font-weight: 500;
  letter-spacing: 1.25px;
}
#userProfileLayout .userProfileBox .section:last-child {
  padding-bottom: 100px;
}
#userProfileLayout .userProfileBox .viewingBox {
  margin-bottom: 20px;
  vertical-align: center;
  font-size: 0.875rem;
}
#userProfileLayout .userProfileBox .viewingBox:last-child {
  margin-bottom: 0;
}
#userProfileLayout .userProfileBox .btnBox {
  margin-top: 0px;
}
#userProfileLayout .btnOutline {
  color: #1c3553;
  border: 1px solid #1c3553;
  padding: 5px 10px;
  border-radius: 4px;
  margin-top: 10px;
  text-decoration: none;
  font-size: 13px;
  margin-right: 10px;
  display: inline-block;
  white-space: nowrap;
  font-weight: 500;
  transition: background-color 0.3s ease, color 0.3s ease;
}
#userProfileLayout .btnOutline:hover {
  background: #1c3553;
  color: #fff;
}

.msgHeader {
  height: 60px;
  padding-left: 1em;
  border-bottom: 1px solid #d6d6d6;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .msgHeader {
    margin-top: 30px;
  }
}
.msgHeader h4 {
  padding: 0;
  margin: 0;
  font-size: 1rem;
  color: #1c2630;
  font-weight: 500;
}

.switchWrapInbox {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 170px;
  margin-top: 1em;
}
.switchWrapInbox .switchBar {
  background: #d6d6d6;
  width: 36px;
  height: 14px;
  line-height: 0;
  position: relative;
  border-radius: 50px;
  cursor: pointer;
}
.switchWrapInbox .switchDot {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #d1d6dc;
  box-shadow: 0 1px 5px #00000077;
  position: absolute;
  top: -3px;
  transition-duration: 0.3s;
  left: 0;
}
.switchWrapInbox .switchDot.selected {
  left: 20px;
  background: #1c3553;
  box-shadow: 0 1px 5px #1c3553;
}

#chatSessionBox {
  overflow-x: hidden;
  overflow-y: auto;
  height: calc(100% - 52px);
  position: relative;
  padding-bottom: 60px;
}

.chat-session-badge {
  position: absolute;
  left: -30px;
  background: #fa9483;
  height: 20px;
  border-radius: 10px;
  min-width: 20px;
  top: 6px;
  text-align: center;
  color: #fff;
  font-size: 11px;
}

.syndicateTag {
  position: relative;
  padding: 0 1em;
  font-size: 0.8rem;
  border-radius: 200px;
  font-weight: 500;
  margin-left: 10px;
  letter-spacing: 0.8px;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.inboxContacts {
  position: relative;
  border-bottom: #e9ecee 1px solid;
  display: flex;
  flex-direction: row;
  align-items: center;
  background: white;
  cursor: pointer;
  padding: 10px 0;
}
.inboxContacts .sessionOption {
  position: absolute;
  right: 0;
  background: white;
  box-shadow: 0.5px 0.5px 5px lightgray;
  border: 1px solid #eee;
  z-index: 999;
  padding: 10px;
  margin-top: 20px;
  border-radius: 6px;
  width: 180px;
}
.inboxContacts .optionItem {
  color: #1c3553;
  font-size: 14px;
  padding: 5px 10px;
  cursor: pointer;
  border-radius: 6px;
}
.inboxContacts .optionItem:hover {
  color: #1c3553;
  background: #eee;
}

.fa-ellipsis-v {
  visibility: hidden;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5%;
  font-size: 18px;
}

.inboxImage .avatar-container {
  position: relative;
  display: inline-block;
}

.inboxImage .avatar-container img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 4px solid transparent;
  border-radius: 50%;
  margin: 1em;
}

.inboxImage .avatar-container.with-badge img {
  border-color: #fa9483;
}

.inboxImage .avatar-container .badge {
  position: absolute;
  top: 0;
  right: 12px;
  background-color: #fa9483;
  color: white;
  border-radius: 50%;
  padding: 0 6px;
  height: 20px;
  line-height: 20px;
  font-size: 0.75rem;
  border: 1px solid white;
}

.inboxContacts:hover {
  background: #f2f2f2;
}
.inboxContacts:hover .statusIconBox {
  display: none;
}
.inboxContacts:hover .date {
  display: none;
}
.inboxContacts:hover .fa-ellipsis-v {
  visibility: visible;
}

.inboxDetails {
  flex: 1;
  min-width: 0;
  margin-right: 1em;
  position: relative;
  font-size: 0.875rem;
}
.inboxDetails .displayName {
  font-size: 1rem;
  color: #1c3553 !important;
}
.inboxDetails .displayName .name {
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.latestMessage {
  color: gray !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  flex: 3;
}

.date {
  flex: 1;
  text-align: right;
  color: #1c2630;
}

.chatSearch {
  padding: 0;
  border-bottom: #e9ecee 1px solid;
}
.chatSearch h4 {
  padding: 15px;
  margin: 0;
}

.chatSearch select {
  width: 100%;
}

.filterContainer {
  width: 100%;
  position: relative;
  padding: 0.6em 0;
}
.filterContainer .filterHeader {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.filterContainer .filterHeader .searchContainer {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  border-radius: 4px;
  flex-direction: row;
  justify-content: center;
  overflow: hidden;
  border: 1px solid #d6d6d6;
  margin-right: 1em;
  margin-left: 1em;
  transition: border 0.3s ease;
}
.filterContainer .filterHeader .searchContainer:hover {
  border: 1px solid #1c3553;
}
.filterContainer .filterHeader .searchContainer:focus-within {
  border: 1px solid #1c3553;
}
.filterContainer .filterHeader .searchContainer input {
  padding: 0.6em 1em;
  border: none;
  flex: 1;
  height: 100%;
  width: 100%;
  transition: all 0.3s ease;
}
.filterContainer .filterHeader .searchContainer input:focus {
  outline: none;
}
.filterContainer .filterHeader .searchContainer .material-icons {
  position: relative;
  font-size: 20px;
  pointer-events: none;
  margin-right: 1em;
}
.filterContainer .filterResultBox {
  background: #14253b;
  padding: 10px 15px;
  color: #fff;
  display: flex;
}
.filterContainer .filterResultBox .text {
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(100% - 20px);
  overflow: hidden;
}
.filterContainer .filterResultBox .close {
  text-shadow: none;
  opacity: 1;
}
.filterContainer .filterResultBox .close i {
  color: #fff;
}
.filterContainer .filterButtonBox {
  display: flex;
  align-items: center;
  padding: 1em 0;
}
.filterContainer .filterButtonBox img {
  width: 18px;
  height: 12px;
}
.filterContainer .filterButtonBox .filterLabel {
  background-color: #ffffff;
  color: #1c3553;
  border: 1px solid transparent;
  padding: 0.25em 1em;
  border-radius: 4px;
  cursor: pointer;
  margin-left: 1em;
  transition: background 0.3s ease, transform 0.1s ease;
}
.filterContainer .filterButtonBox .filterLabel:hover {
  background-color: #c0c4c7;
}
.filterContainer .filterButtonBox .filterLabel:active {
  background-color: #a8acb0;
  transform: scale(0.98);
}
.filterContainer .filterLayerBox {
  top: 60px;
  display: block;
  height: 0;
  overflow: hidden;
  position: absolute;
  z-index: 10;
  background: #fff;
  padding: 0 25px 0 25px;
  left: 0;
  right: 0;
  margin-top: 5px;
  border-radius: 0 0 6px 6px;
  transition-property: height;
  transition-duration: 0.6s;
  color: #1c2630;
}
.filterContainer .filterLayerBox .filterLayerBox {
  font-weight: 500;
}
.filterContainer .filterLayerBox .filterButtonWrap {
  text-align: right;
  margin-top: 2em;
}
.filterContainer .filterLayerBox .filterButtonWrap button {
  background: #ffffff;
  border: 1px solid;
  padding: 0.8em 2em;
  border-radius: 4px;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 1.25px;
  color: #1c3553;
  transition: background 0.3s, color 0.3s ease;
}
.filterContainer .filterLayerBox .filterButtonWrap button:hover {
  background: #1c3553;
  color: #ffffff;
}
.filterContainer .filterLayerBox .filterButtonWrap button:active {
  background: #1c2630;
  color: #ffffff;
}
.filterContainer .filterLayerBox .filterButtonWrap .apply-btn {
  background: #1c3553;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 1.25px;
}
.filterContainer .filterLayerBox .filterButtonWrap .apply-btn:hover {
  background: #1c3553cc;
  color: #fff;
}
.filterContainer .filterLayerBox.show {
  height: fit-content;
  display: block;
  border: 1.5px solid #d6d6d6;
  padding: 1em;
}

.searchSelect {
  width: 100%;
  border: #e9ecee 2px solid;
  border-radius: 5px !important;
  padding: 5px;
  margin-right: 15px;
}

.copyBtn {
  display: inline-block;
  border-radius: 4px;
  border: 1px solid #d6d6d6;
  padding: 1px 3px;
  margin-left: 5px;
  cursor: pointer;
}

.statusIconBox {
  position: absolute;
  top: 10px;
  right: 0px;
}
.statusIconBox .statusIcon {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  margin-left: 5px;
  display: none;
  background-size: auto 100%;
}
.statusIconBox .pin {
  display: inline-block;
  background-image: url(images/icons/chatSessionPin.svg);
}
.statusIconBox .chatSessionViewingGreen {
  display: inline-block;
  background-image: url(images/icons/chatSessionViewing-green.svg);
}
.statusIconBox .chatSessionViewingYellow {
  display: inline-block;
  background-image: url(images/icons/chatSessionViewing-yellow.svg);
}
.statusIconBox .chatSessionViewingGrey {
  display: inline-block;
  background-image: url(images/icons/chatSessionViewing-grey.svg);
}
.statusIconBox .chatSessionApplicationGreen {
  display: inline-block;
  background-image: url(images/icons/chatSessionApplication-green.svg);
}
.statusIconBox .chatSessionApplicationYellow {
  display: inline-block;
  background-image: url(images/icons/chatSessionApplication-yellow.svg);
}
.statusIconBox .chatSessionApplicationGrey {
  display: inline-block;
  background-image: url(images/icons/chatSessionApplication-grey.svg);
}
.statusIconBox .chatSessionApplicationBlack {
  display: inline-block;
  background-image: url(images/icons/chatSessionApplication-black.svg);
}
.statusIconBox .greenStatus {
  color: #72c163;
  display: inline-block;
}
.statusIconBox .greyStatus {
  color: #ccc;
  display: inline-block;
}
.statusIconBox .yellowStatus {
  color: #efb22d;
  display: inline-block;
  background: none;
}

.searchBar {
  display: flex;
  align-items: center;
}
.searchBar i {
  font-size: 20px;
}
.searchBar .filterButton {
  color: #1c3553;
  padding: 15px 5px 18px 0;
}
.searchBar .searchInput {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
}

.searchBar input {
  width: 100%;
  background: #f5f5f5;
  border: #e9ecee 2px solid;
  border-radius: 5px;
  padding: 5px;
}

.spinWrapper {
  height: 100px;
  padding-top: 30px;
  align-items: flex-start;
}

#slideSearch {
  animation-name: searchSlide;
  animation-duration: 0.5s;
}

#messageDetail {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: white;
}
@media (max-width: 768px) {
  #messageDetail {
    width: 100%;
    min-width: auto;
  }
}
#messageDetail .viewingRequest,
#messageDetail .viewingConfirmed {
  display: flex;
  flex-direction: column;
  width: 70% !important;
  margin: 10px 20px 10px 30px;
  padding: 20px !important;
  background: #ffeac4 !important;
  border-radius: 3px;
  color: #1c3553 !important;
}
#messageDetail .viewingRequest .viewingRequestButtons,
#messageDetail .viewingConfirmed .viewingRequestButtons {
  padding: 0 5px;
  cursor: pointer;
  border-radius: 3px;
}
#messageDetail .viewingRequest .viewingRequestButtons:hover,
#messageDetail .viewingConfirmed .viewingRequestButtons:hover {
  background: #ffd891;
}
#messageDetail .itemsRequestedBox {
  padding: 0 !important;
  background: rgba(0, 0, 0, 0) !important;
}
#messageDetail .itemsRequested {
  margin: 10px 0px 10px 0px;
  padding: 20px !important;
  background: #d6ffd5 !important;
  border-radius: 3px;
  color: #1c3553 !important;
  display: block !important;
}
#messageDetail .addFileBox {
  background: rgba(255, 255, 255, 0.5);
  padding: 20px;
  border: 1px solid #fff;
  border-radius: 6px;
  display: block !important;
}
#messageDetail .addFileIcon {
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 25px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
  display: block;
  margin-bottom: 1em;
}
#messageDetail .bookViewingLink {
  background: #ffeac4 !important;
  cursor: pointer;
  padding: 5px 25px 5px 5px !important;
  border-radius: 100px !important;
  border: 1px solid #e6b348;
}
#messageDetail .bookViewingLink .calendarCircle {
  background-color: #1c3553;
  border-radius: 100%;
  height: 30px;
  width: 30px;
  display: flex;
  margin-right: 10px;
  text-align: center;
  align-items: center;
}
#messageDetail .bookViewingLink .calendarCircle i {
  flex: 1;
  padding-bottom: 2px;
  color: #fff;
  font-size: 16px;
}
#messageDetail .bookViewingLink .clickToBookLink {
  color: #1c3553;
  text-decoration: none !important;
}
#messageDetail .applicationLink {
  background: #ffd9c7 !important;
  cursor: pointer;
  padding: 5px 25px 5px 5px !important;
  border-radius: 100px !important;
  border: 1px solid #ec9986;
}
#messageDetail .applicationLink .calendarCircle {
  background-color: #1c3553;
  border-radius: 100%;
  height: 30px;
  width: 30px;
  display: flex;
  margin-right: 10px;
  text-align: center;
  align-items: center;
}
#messageDetail .applicationLink .calendarCircle i {
  flex: 1;
  padding-bottom: 2px;
  color: #fff;
  font-size: 16px;
}
#messageDetail .applicationLink .clickToBookLink {
  color: #1c3553;
}
#messageDetail .pdfPreviewBox {
  border: 1px solid #355c99;
  padding: 1px 10px;
  border-radius: 4px;
  background: #d6f0ff;
}
#messageDetail .pdfLink {
  background: #d6f0ff !important;
  cursor: pointer;
  padding: 5px 25px 5px 5px !important;
  border-radius: 100px !important;
  border-color: #355c99 !important;
  border: 1px solid #ec9986;
}
#messageDetail .pdfLink .calendarCircle {
  background-color: #1c3553;
  border-radius: 100%;
  height: 30px;
  width: 30px;
  display: flex;
  margin-right: 10px;
  text-align: center;
  align-items: center;
}
#messageDetail .pdfLink .calendarCircle i {
  flex: 1;
  padding-bottom: 2px;
  color: #fff;
  font-size: 16px;
}
#messageDetail .pdfLink .clickToBookLink {
  color: #1c3553;
}
#messageDetail .bookViewingLink:hover .clickToBookLink {
  text-decoration: underline;
}
#messageDetail .chatMessageUser {
  float: right;
  background: #3b5575;
  max-width: 60%;
  margin: 10px 50px 10px auto;
  padding: 10px;
  color: #fff !important;
  border-radius: 5px;
  position: relative;
  overflow-wrap: anywhere;
  font-size: 0.875rem;
}
#messageDetail .chatMessageUser .chatImage {
  position: absolute;
  right: -26px;
  top: 24px;
  transform: translate(50%, -50%);
}
#messageDetail .chatMessageUser .messageImage {
  width: 100%;
}
#messageDetail .chatMessageRecipient {
  float: left;
  background: #edeff1;
  max-width: 70%;
  margin: 10px 20px 10px 50px;
  padding: 10px;
  color: #1c2630 !important;
  border-radius: 5px;
  position: relative;
  overflow-wrap: anywhere;
  font-size: 0.875rem;
}
#messageDetail .chatMessageRecipient .chatImage {
  position: absolute;
  left: -26px;
  top: 24px;
  transform: translate(-50%, -50%);
}
#messageDetail .chatMessageRecipient .messageImage {
  width: 100%;
}
#messageDetail .chatImage img {
  height: 30px;
  border-radius: 100px;
}
@media (max-width: 768px) {
  #messageDetail .viewingActionButtons {
    font-size: 11px;
  }
}
#messageDetail .contactBox-wrapper .contactBox {
  overflow: hidden;
  display: flex;
  transition: max-height 0.3s ease-out;
  background-color: #ffffff;
  padding: 1em;
  gap: 1em;
}
@media (max-width: 768px) {
  #messageDetail .contactBox-wrapper .contactBox {
    border: 1px solid #d6d6d6;
  }
}

#contactDetails {
  background: #ffffff;
  width: 100%;
  padding: 1.2em;
  text-align: center;
  color: #1c2630;
  position: relative;
  display: flex;
  border-bottom: 1px solid #d6d6d6;
  z-index: 40;
}

#chatBox {
  flex: 5;
  display: flex;
  flex-direction: column-reverse;
  overflow-x: hidden;
  padding-bottom: 25px;
  min-height: 50vh;
}
#chatBox .deliveryUser {
  width: 60%;
  margin: -8px 50px 10px auto;
  justify-content: flex-end;
  display: flex;
  color: #1c2630;
  clear: both;
  font-size: 0.8rem;
}
#chatBox .deliveryRecipient {
  width: 60%;
  margin: -8px 20px 10px 50px;
  justify-content: flex-start;
  display: flex;
  color: #1c2630;
}
#chatBox .readCircle {
  width: 10px;
  height: 10px;
  background: #1c2630;
  border-radius: 100%;
  margin: 6px;
}
#chatBox .deliveredCircle {
  width: 10px;
  height: 10px;
  border: #1c2630 1px solid;
  border-radius: 100%;
  margin: 5px;
}
#chatBox .networkCircle {
  width: 10px;
  height: 10px;
  background: #ff5851;
  border-radius: 100%;
  margin: 5px;
}

.sendBox {
  background: #f2f2f2;
  display: flex;
  position: relative;
  align-items: center;
  padding: 0.8em 1em;
  gap: 0.6em;
  border-top: 1px solid #d6d6d6;
}
.sendBox #chatPanel,
.sendBox #chatPanelBooking,
.sendBox #chatPanelApplication {
  position: absolute;
  bottom: 60px;
  z-index: 10;
  background: #f3f3f3;
  border-radius: 8px;
  border: 1px solid #d6d6d6;
  display: flex;
  flex-direction: column;
  max-height: 300px;
  font-size: 0.875rem;
  font-weight: 500;
  overflow-y: auto;
  overflow-x: hidden;
}
.sendBox #chatPanel .chatPanelOptionItem,
.sendBox #chatPanelBooking .chatPanelOptionItem,
.sendBox #chatPanelApplication .chatPanelOptionItem {
  padding: 1.2em 1em;
  color: #1c3553;
  cursor: pointer;
}
.sendBox #chatPanel .chatPanelOptionItem:hover,
.sendBox #chatPanelBooking .chatPanelOptionItem:hover,
.sendBox #chatPanelApplication .chatPanelOptionItem:hover {
  background: #eceaea;
}
.sendBox textarea {
  flex: 1;
  width: 100%;
  height: 40px;
  border: 1px solid transparent;
  border-radius: 20px;
  resize: none;
  overflow: auto;
  transition: border 0.3s ease;
}
.sendBox textarea:hover {
  border: 1px solid #1c3553;
}
.sendBox textarea:focus {
  border-color: #4a90e2;
  box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.2);
  outline: none;
}
.sendBox textarea.overflow {
  overflow-y: auto;
}
.sendBox textarea.overflow::-webkit-scrollbar {
  width: 6px;
}
.sendBox textarea.overflow::-webkit-scrollbar-track {
  background: transparent;
  margin: 4px 0;
}
.sendBox textarea.overflow::-webkit-scrollbar-thumb {
  background-color: #cbd5e0;
  border-radius: 3px;
}
.sendBox textarea.overflow::-webkit-scrollbar-thumb:hover {
  background-color: #a0aec0;
}
.sendBox #tooltip {
  position: absolute;
  bottom: 60px;
  left: -24px;
  z-index: 1000;
  width: fit-content;
}
.sendBox #tooltip #chatBookingTooltip,
.sendBox #tooltip #chatImageTooltip {
  display: none;
  background: #c5dbe7;
  padding: 10px;
  border-radius: 10px;
  border: none;
  color: #1c3553;
  font-weight: 500;
}
.sendBox #tooltip.application-tooltip {
  left: 30px;
}
.sendBox #addImageButton,
.sendBox #addBookingLink {
  height: 100%;
  max-height: 40px;
  padding: 0.4em 0;
  width: 40px;
  border-radius: 8px;
  transition: all 0.2s ease;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(0);
}
.sendBox #addImageButton img,
.sendBox #addBookingLink img {
  height: 20px;
  transition: transform 0.2s ease;
}
.sendBox #addImageButton:hover,
.sendBox #addBookingLink:hover {
  background: #dce0e2;
}
.sendBox #addImageButton:hover img,
.sendBox #addBookingLink:hover img {
  transform: scale(1.1);
}
.sendBox #addImageButton:active,
.sendBox #addBookingLink:active {
  transform: translateY(2px);
  opacity: 0.8;
  background: #ced4d6;
}
.sendBox #addImageButton:active img,
.sendBox #addBookingLink:active img {
  transform: scale(0.95);
}
.sendBox .addOfferLink {
  margin-right: 5px;
}
.sendBox #addImageButton:hover,
.sendBox #addBookingLink:hover {
  background: #dce0e2;
}
.sendBox #addBookingLink:hover + #tooltip > #chatBookingTooltip {
  display: block;
  font-family: Roboto, sans-serif !important;
}
.sendBox #addImageButton:hover + #tooltip > #chatImageTooltip {
  display: block;
  font-family: Roboto, sans-serif !important;
  margin-left: -10px;
}
.sendBox .inputFiles {
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  margin-left: -10px;
  height: 30px;
  cursor: pointer;
}
.sendBox #sendButton {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.4em;
  border-radius: 8px;
  cursor: pointer;
  height: 100%;
  max-height: 40px;
  transition: background 0.3s ease;
}
.sendBox #sendButton:hover {
  background: #dce0e2;
}
.sendBox #sendButton:active {
  transform: translateY(2px);
  opacity: 0.8;
  background: #ced4d6;
}
.sendBox #sendButton img {
  transition: transform 0.2s ease;
}
.sendBox #sendButton:hover img {
  transform: scale(1.1);
}
.sendBox #sendButton:active img {
  transform: scale(0.95);
}
.sendBox #sendButton span:hover {
  color: #fa9483 !important;
}
.sendBox #sendButton:active {
  opacity: 0.5;
}

.spin {
  padding-right: 0px;
  margin-right: 0px;
  font-size: 30px;
  width: 30px;
  height: 30px;
  color: #fa9483;
}

.spinWrapper {
  width: 100%;
  justify-content: center;
  height: 100%;
  display: flex;
  align-items: center;
}

.previewBox {
  padding: 10px;
  max-height: 150px;
  overflow-y: auto;
  display: flex;
  align-items: center;
  flex-direction: row;
  width: 100%;
  justify-content: center;
  background-color: white;
  border-radius: 20px;
}
.previewBox .preview-item {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  background: white;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
}
.previewBox .preview-content {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
}
.previewBox #previewImage {
  max-height: 100px;
  max-width: 200px;
  object-fit: contain;
  border-radius: 4px;
}
.previewBox .pdfPreviewBox {
  display: flex;
  align-items: center;
  padding: 8px;
  background: #f5f5f5;
  border-radius: 4px;
}
.previewBox .pdfPreviewBox .fa-file-pdf-o {
  color: #d94c4c;
  margin-right: 8px;
  font-size: 18px;
}
.previewBox .remove-preview {
  background: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-left: 8px;
  transition: background-color 0.2s;
  flex-shrink: 0;
}
.previewBox .remove-preview:hover {
  background: rgba(0, 0, 0, 0.7);
}
.previewBox .remove-preview i {
  font-size: 14px;
}
.previewBox::-webkit-scrollbar {
  width: 6px;
}
.previewBox::-webkit-scrollbar-track {
  background: transparent;
}
.previewBox::-webkit-scrollbar-thumb {
  background-color: #cbd5e0;
  border-radius: 3px;
}

#previewImage {
  max-height: 100px;
  max-width: 200px;
  object-fit: contain;
}

#profileModal {
  border-right: 2px solid #e9ecee;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  color: #1c3553;
  display: flex;
  position: relative;
  background: white;
  z-index: 999;
  flex-direction: column;
  border-bottom: 2px solid #e9ecee;
}
#profileModal img {
  height: 80px;
  border-radius: 100%;
  margin-right: 20px;
}
#profileModal .bolden {
  font-weight: 500;
}
#profileModal .modalBar {
  color: #1c3553;
  font-weight: 500;
  display: flex;
  padding: 10px;
  cursor: pointer;
  margin: auto;
}

.detail-slideIn {
  animation-name: detailSlideIn;
  animation-duration: 0.5s;
}

@keyframes detailSlideIn {
  from {
    margin-top: -300px;
  }
  to {
    margin-top: 0px;
  }
}
.detail-slideOut {
  animation-name: detailSlideOut;
  animation-duration: 0.5s;
  margin-top: 0px;
}

@keyframes detailSlideOut {
  from {
    margin-top: 0px;
  }
  to {
    margin-top: -300px;
  }
}
@media (max-width: 768px) {
  #messageDetail {
    height: calc(100vh - 60px) !important;
  }

  .sendBox {
    position: fixed;
    bottom: 0;
    width: 100%;
  }

  #chatBox {
    margin-bottom: 40px;
    margin-top: 40px;
  }
}
#chatTextArea {
  max-height: 200px;
  height: 40px;
  font-size: 1rem;
  color: #1c2630;
  padding: 8px 16px;
  border-radius: 20px;
  overflow: hidden;
  line-height: 1.4;
  resize: none;
  transition: height 0.1s ease;
  min-height: 40px;
  box-sizing: border-box;
}
#chatTextArea.overflow {
  overflow-y: auto;
}
#chatTextArea.overflow::-webkit-scrollbar {
  width: 6px;
}
#chatTextArea.overflow::-webkit-scrollbar-track {
  background: transparent;
}
#chatTextArea.overflow::-webkit-scrollbar-thumb {
  background-color: #cbd5e0;
  border-radius: 3px;
}

@media screen and (max-width: 767px) {
  #chatMessages message-detail {
    width: 100%;
    height: 100%;
    display: block;
  }
}
.section.renterInfo h5 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 1rem;
  font-weight: 500;
  margin: 0;
}

.section.renterInfo {
  height: fit-content;
}

.section.renterInfo h5 i {
  transition: transform 0.2s ease;
}

.renterInfoHeader {
  font-size: 1rem;
  color: #1c2630;
  letter-spacing: 1.25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1em;
  background-color: #f2f2f2;
  border-bottom: 1px solid #d6d6d6;
  cursor: pointer;
}

.chatProfilePhoto {
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
}

.chatRenterDetail {
  font-weight: 500;
  color: #155e9b;
  gap: 1em;
}
.chatRenterDetail:hover {
  text-decoration: none;
  color: #092841;
  cursor: pointer;
}

.chatRenterDetail.renterName {
  font-size: 1.2rem;
}

.chatEmailDetails {
  display: flex;
  flex-direction: row;
  gap: 1em;
  align-items: center;
}

.chatRenterDetails-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1em;
}

.phoneNumber {
  color: #1c2630;
  font-weight: 500;
}

.chat-hub-messages {
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media (max-width: 768px) {
  .chat-hub-messages {
    width: 100%;
    min-width: auto;
    padding-bottom: 60px;
  }
}
.chat-hub-messages .chat-hub-messages-header {
  height: 56px;
  background: #fff;
  display: flex;
  align-items: center;
  padding: 0 20px;
  font-weight: 600;
  border-bottom: 1px solid #e0e0e0;
  justify-content: space-between;
  flex-shrink: 0;
}
.chat-hub-messages .chat-hub-messages-header .chat-hub-messages-header-back {
  cursor: pointer;
  margin-right: 10px;
  color: #1c3553;
}
.chat-hub-messages .chat-hub-messages-header .chat-hub-messages-header-title {
  font-size: 16px;
  font-weight: 500;
  color: #1c3553;
}
.chat-hub-messages .chat-hub-messages-header .chat-hub-messages-profile-button {
  cursor: pointer;
  margin-right: 10px;
  color: #1c3553;
}
.chat-hub-messages .viewingRequest,
.chat-hub-messages .viewingConfirmed {
  display: flex;
  flex-direction: column;
  width: 70% !important;
  margin: 10px 20px 10px 30px;
  padding: 20px !important;
  background: #ffeac4 !important;
  border-radius: 3px;
  color: #1c3553 !important;
}
.chat-hub-messages .viewingRequest .viewingRequestButtons,
.chat-hub-messages .viewingConfirmed .viewingRequestButtons {
  padding: 0 5px;
  cursor: pointer;
  border-radius: 3px;
}
.chat-hub-messages .viewingRequest .viewingRequestButtons:hover,
.chat-hub-messages .viewingConfirmed .viewingRequestButtons:hover {
  background: #ffd891;
}
.chat-hub-messages .itemsRequestedBox {
  padding: 0 !important;
  background: rgba(0, 0, 0, 0) !important;
}
.chat-hub-messages .itemsRequested {
  margin: 10px 0px 10px 0px;
  padding: 20px !important;
  background: #d6ffd5 !important;
  border-radius: 3px;
  color: #1c3553 !important;
  display: block !important;
}
.chat-hub-messages .addFileBox {
  background: rgba(255, 255, 255, 0.5);
  padding: 20px;
  border: 1px solid #fff;
  border-radius: 6px;
  display: block !important;
}
.chat-hub-messages .addFileIcon {
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 25px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
  display: block;
  margin-bottom: 1em;
}
.chat-hub-messages .bookViewingLink {
  background: #ffeac4 !important;
  cursor: pointer;
  padding: 5px 25px 5px 5px !important;
  border-radius: 100px !important;
  border: 1px solid #e6b348;
}
.chat-hub-messages .bookViewingLink .calendarCircle {
  background-color: #1c3553;
  border-radius: 100%;
  height: 30px;
  width: 30px;
  display: flex;
  margin-right: 10px;
  text-align: center;
  align-items: center;
}
.chat-hub-messages .bookViewingLink .calendarCircle i {
  flex: 1;
  padding-bottom: 2px;
  color: #fff;
  font-size: 16px;
}
.chat-hub-messages .bookViewingLink .clickToBookLink {
  color: #1c3553;
  text-decoration: none !important;
}
.chat-hub-messages .applicationLink {
  background: #ffd9c7 !important;
  cursor: pointer;
  padding: 5px 25px 5px 5px !important;
  border-radius: 100px !important;
  border: 1px solid #ec9986;
}
.chat-hub-messages .applicationLink .calendarCircle {
  background-color: #1c3553;
  border-radius: 100%;
  height: 30px;
  width: 30px;
  display: flex;
  margin-right: 10px;
  text-align: center;
  align-items: center;
}
.chat-hub-messages .applicationLink .calendarCircle i {
  flex: 1;
  padding-bottom: 2px;
  color: #fff;
  font-size: 16px;
}
.chat-hub-messages .applicationLink .clickToBookLink {
  color: #1c3553;
}
.chat-hub-messages .pdfPreviewBox {
  border: 1px solid #355c99;
  padding: 1px 10px;
  border-radius: 4px;
  background: #d6f0ff;
}
.chat-hub-messages .pdfLink {
  background: #d6f0ff !important;
  cursor: pointer;
  padding: 5px 25px 5px 5px !important;
  border-radius: 100px !important;
  border-color: #355c99 !important;
  border: 1px solid #ec9986;
}
.chat-hub-messages .pdfLink .calendarCircle {
  background-color: #1c3553;
  border-radius: 100%;
  height: 30px;
  width: 30px;
  display: flex;
  margin-right: 10px;
  text-align: center;
  align-items: center;
}
.chat-hub-messages .pdfLink .calendarCircle i {
  flex: 1;
  padding-bottom: 2px;
  color: #fff;
  font-size: 16px;
}
.chat-hub-messages .pdfLink .clickToBookLink {
  color: #1c3553;
}
.chat-hub-messages .bookViewingLink:hover .clickToBookLink {
  text-decoration: underline;
}
.chat-hub-messages .chatMessageUser {
  float: right;
  background: #3b5575;
  max-width: 60%;
  margin: 10px 50px 10px auto;
  padding: 10px;
  color: #fff !important;
  border-radius: 5px;
  position: relative;
  overflow-wrap: anywhere;
  font-size: 0.875rem;
}
.chat-hub-messages .chatMessageUser .chatImage {
  position: absolute;
  right: -26px;
  top: 24px;
  transform: translate(50%, -50%);
}
.chat-hub-messages .chatMessageUser .messageImage {
  width: 100%;
}
.chat-hub-messages .chatMessageRecipient {
  float: left;
  background: #edeff1;
  max-width: 70%;
  margin: 10px 20px 10px 50px;
  padding: 10px;
  color: #1c2630 !important;
  border-radius: 5px;
  position: relative;
  overflow-wrap: anywhere;
  font-size: 0.875rem;
}
.chat-hub-messages .chatMessageRecipient .chatImage {
  position: absolute;
  left: -26px;
  top: 24px;
  transform: translate(-50%, -50%);
}
.chat-hub-messages .chatMessageRecipient .messageImage {
  width: 100%;
}
.chat-hub-messages .chatImage img {
  height: 30px;
  border-radius: 100px;
}
@media (max-width: 768px) {
  .chat-hub-messages .viewingActionButtons {
    font-size: 11px;
  }
}
.chat-hub-messages .contactBox-wrapper .contactBox {
  overflow: hidden;
  display: flex;
  transition: max-height 0.3s ease-out;
  background-color: #ffffff;
  padding: 1em;
  gap: 1em;
}
@media (max-width: 768px) {
  .chat-hub-messages .contactBox-wrapper .contactBox {
    border: 1px solid #d6d6d6;
  }
}
.chat-hub-messages .chat-hub-messages-list {
  flex: 1 1 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column-reverse;
  gap: 16px;
  min-height: 0;
}
.chat-hub-messages .chat-hub-messages-list .chat-date-separator {
  width: 100%;
  text-align: center;
  position: relative;
  margin: 8px 0 4px;
  font-size: 0.75rem;
  font-weight: 500;
  color: #6b7280;
}
.chat-hub-messages .chat-hub-messages-list .chat-date-separator:before, .chat-hub-messages .chat-hub-messages-list .chat-date-separator:after {
  content: "";
  display: inline-block;
  width: 40%;
  height: 1px;
  background: #e5e7eb;
  vertical-align: middle;
}
.chat-hub-messages .chat-hub-messages-list .chat-date-separator:before {
  margin-right: 0.75em;
}
.chat-hub-messages .chat-hub-messages-list .chat-date-separator:after {
  margin-left: 0.75em;
}
.chat-hub-messages .chat-hub-messages-list .deliveryUser {
  width: 60%;
  margin: -8px 50px 10px auto;
  justify-content: flex-end;
  display: flex;
  color: #1c2630;
  clear: both;
  font-size: 0.8rem;
}
.chat-hub-messages .chat-hub-messages-list .deliveryRecipient {
  width: 60%;
  margin: -8px 20px 10px 50px;
  justify-content: flex-start;
  display: flex;
  color: #1c2630;
}
.chat-hub-messages .chat-hub-messages-list .readCircle {
  width: 10px;
  height: 10px;
  background: #1c2630;
  border-radius: 100%;
  margin: 6px;
}
.chat-hub-messages .chat-hub-messages-list .deliveredCircle {
  width: 10px;
  height: 10px;
  border: #1c2630 1px solid;
  border-radius: 100%;
  margin: 5px;
}
.chat-hub-messages .chat-hub-messages-list .networkCircle {
  width: 10px;
  height: 10px;
  background: #ff5851;
  border-radius: 100%;
  margin: 5px;
}
.chat-hub-messages .chat-message-link {
  text-decoration: underline;
}
.chat-hub-messages .chat-message-link:hover {
  color: var(--secondary-color);
}

#contactDetails {
  background: #ffffff;
  width: 100%;
  padding: 1.2em;
  text-align: center;
  color: #1c2630;
  position: relative;
  display: flex;
  border-bottom: 1px solid #d6d6d6;
  z-index: 40;
}

#chatBox {
  flex: 5;
  display: flex;
  flex-direction: column-reverse;
  overflow-x: hidden;
  padding-bottom: 25px;
  min-height: 50vh;
}

.chat-hub-messages-footer {
  background: #f2f2f2;
  display: flex;
  position: relative;
  align-items: center;
  padding: 0.8em 1em;
  gap: 0.6em;
  border-top: 1px solid #d6d6d6;
}
.chat-hub-messages-footer .chat-panel,
.chat-hub-messages-footer .chat-panel-booking,
.chat-hub-messages-footer .chat-panel-application {
  position: absolute;
  bottom: 60px;
  z-index: 10;
  background: #f3f3f3;
  border-radius: 8px;
  border: 1px solid #d6d6d6;
  display: flex;
  flex-direction: column;
  max-height: 300px;
  font-size: 0.875rem;
  font-weight: 500;
  overflow-y: auto;
  overflow-x: hidden;
}
.chat-hub-messages-footer .chat-panel .chat-panel-option-item,
.chat-hub-messages-footer .chat-panel-booking .chat-panel-option-item,
.chat-hub-messages-footer .chat-panel-application .chat-panel-option-item {
  padding: 1.2em 1em;
  color: #1c3553;
  cursor: pointer;
}
.chat-hub-messages-footer .chat-panel .chat-panel-option-item:hover,
.chat-hub-messages-footer .chat-panel-booking .chat-panel-option-item:hover,
.chat-hub-messages-footer .chat-panel-application .chat-panel-option-item:hover {
  background: #eceaea;
}
.chat-hub-messages-footer textarea {
  flex: 1;
  width: 100%;
  height: 40px;
  border: 1px solid transparent;
  border-radius: 20px;
  resize: none;
  overflow: auto;
  transition: border 0.3s ease;
}
.chat-hub-messages-footer textarea:hover {
  border: 1px solid #1c3553;
}
.chat-hub-messages-footer textarea:focus {
  border-color: #4a90e2;
  box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.2);
  outline: none;
}
.chat-hub-messages-footer textarea.overflow {
  overflow-y: auto;
}
.chat-hub-messages-footer textarea.overflow::-webkit-scrollbar {
  width: 6px;
}
.chat-hub-messages-footer textarea.overflow::-webkit-scrollbar-track {
  background: transparent;
  margin: 4px 0;
}
.chat-hub-messages-footer textarea.overflow::-webkit-scrollbar-thumb {
  background-color: #cbd5e0;
  border-radius: 3px;
}
.chat-hub-messages-footer textarea.overflow::-webkit-scrollbar-thumb:hover {
  background-color: #a0aec0;
}
.chat-hub-messages-footer #tooltip {
  position: absolute;
  bottom: 60px;
  left: -24px;
  z-index: 1000;
  width: fit-content;
}
.chat-hub-messages-footer #tooltip #chatBookingTooltip,
.chat-hub-messages-footer #tooltip #chatImageTooltip {
  display: none;
  background: #c5dbe7;
  padding: 10px;
  border-radius: 10px;
  border: none;
  color: #1c3553;
  font-weight: 500;
}
.chat-hub-messages-footer #tooltip.application-tooltip {
  left: 30px;
}
.chat-hub-messages-footer #addImageButton,
.chat-hub-messages-footer #addBookingLink {
  height: 100%;
  max-height: 40px;
  padding: 0.4em 0;
  width: 40px;
  border-radius: 8px;
  transition: all 0.2s ease;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(0);
}
.chat-hub-messages-footer #addImageButton img,
.chat-hub-messages-footer #addBookingLink img {
  height: 20px;
  transition: transform 0.2s ease;
}
.chat-hub-messages-footer #addImageButton:hover,
.chat-hub-messages-footer #addBookingLink:hover {
  background: #dce0e2;
}
.chat-hub-messages-footer #addImageButton:hover img,
.chat-hub-messages-footer #addBookingLink:hover img {
  transform: scale(1.1);
}
.chat-hub-messages-footer #addImageButton:active,
.chat-hub-messages-footer #addBookingLink:active {
  transform: translateY(2px);
  opacity: 0.8;
  background: #ced4d6;
}
.chat-hub-messages-footer #addImageButton:active img,
.chat-hub-messages-footer #addBookingLink:active img {
  transform: scale(0.95);
}
.chat-hub-messages-footer .addOfferLink {
  margin-right: 5px;
}
.chat-hub-messages-footer #addImageButton:hover,
.chat-hub-messages-footer #addBookingLink:hover {
  background: #dce0e2;
}
.chat-hub-messages-footer #addBookingLink:hover + #tooltip > #chatBookingTooltip {
  display: block;
  font-family: Roboto, sans-serif !important;
}
.chat-hub-messages-footer #addImageButton:hover + #tooltip > #chatImageTooltip {
  display: block;
  font-family: Roboto, sans-serif !important;
  margin-left: -10px;
}
.chat-hub-messages-footer .inputFiles {
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  margin-left: -10px;
  height: 30px;
  cursor: pointer;
}
.chat-hub-messages-footer #sendButton {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.4em;
  border-radius: 8px;
  cursor: pointer;
  height: 100%;
  max-height: 40px;
  transition: background 0.3s ease;
}
.chat-hub-messages-footer #sendButton:hover {
  background: #dce0e2;
}
.chat-hub-messages-footer #sendButton:active {
  transform: translateY(2px);
  opacity: 0.8;
  background: #ced4d6;
}
.chat-hub-messages-footer #sendButton img {
  transition: transform 0.2s ease;
}
.chat-hub-messages-footer #sendButton:hover img {
  transform: scale(1.1);
}
.chat-hub-messages-footer #sendButton:active img {
  transform: scale(0.95);
}
.chat-hub-messages-footer #sendButton span:hover {
  color: #fa9483 !important;
}
.chat-hub-messages-footer #sendButton:active {
  opacity: 0.5;
}

.spin {
  padding-right: 0px;
  margin-right: 0px;
  font-size: 30px;
  width: 30px;
  height: 30px;
  color: #fa9483;
}

.spinWrapper {
  width: 100%;
  justify-content: center;
  height: 100%;
  display: flex;
  align-items: center;
}

.previewBox {
  padding: 10px;
  max-height: 150px;
  overflow-y: auto;
  display: flex;
  align-items: center;
  flex-direction: row;
  width: 100%;
  justify-content: center;
  background-color: white;
  border-radius: 20px;
}
.previewBox .preview-item {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  background: white;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
}
.previewBox .preview-content {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
}
.previewBox #previewImage {
  max-height: 100px;
  max-width: 200px;
  object-fit: contain;
  border-radius: 4px;
}
.previewBox .pdfPreviewBox {
  display: flex;
  align-items: center;
  padding: 8px;
  background: #f5f5f5;
  border-radius: 4px;
}
.previewBox .pdfPreviewBox .fa-file-pdf-o {
  color: #d94c4c;
  margin-right: 8px;
  font-size: 18px;
}
.previewBox .remove-preview {
  background: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-left: 8px;
  transition: background-color 0.2s;
  flex-shrink: 0;
}
.previewBox .remove-preview:hover {
  background: rgba(0, 0, 0, 0.7);
}
.previewBox .remove-preview i {
  font-size: 14px;
}
.previewBox::-webkit-scrollbar {
  width: 6px;
}
.previewBox::-webkit-scrollbar-track {
  background: transparent;
}
.previewBox::-webkit-scrollbar-thumb {
  background-color: #cbd5e0;
  border-radius: 3px;
}

#previewImage {
  max-height: 100px;
  max-width: 200px;
  object-fit: contain;
}

#profileModal {
  border-right: 2px solid #e9ecee;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  color: #1c3553;
  display: flex;
  position: relative;
  background: white;
  z-index: 999;
  flex-direction: column;
  border-bottom: 2px solid #e9ecee;
}
#profileModal img {
  height: 80px;
  border-radius: 100%;
  margin-right: 20px;
}
#profileModal .bolden {
  font-weight: 500;
}
#profileModal .modalBar {
  color: #1c3553;
  font-weight: 500;
  display: flex;
  padding: 10px;
  cursor: pointer;
  margin: auto;
}

.detail-slideIn {
  animation-name: detailSlideIn;
  animation-duration: 0.5s;
}

@keyframes detailSlideIn {
  from {
    margin-top: -300px;
  }
  to {
    margin-top: 0px;
  }
}
.detail-slideOut {
  animation-name: detailSlideOut;
  animation-duration: 0.5s;
  margin-top: 0px;
}

@keyframes detailSlideOut {
  from {
    margin-top: 0px;
  }
  to {
    margin-top: -300px;
  }
}
@media (max-width: 768px) {
  #messageDetail {
    height: calc(100vh - 60px) !important;
  }

  .sendBox {
    position: fixed;
    bottom: 0;
    width: 100%;
  }

  #chatBox {
    margin-bottom: 40px;
    margin-top: 40px;
  }
}
#chatTextArea {
  max-height: 120px;
  height: 40px;
  font-size: 1rem;
  color: #1c2630;
  padding: 8px 16px;
  border-radius: 20px;
  overflow: hidden;
  line-height: 1.4;
  resize: none;
  transition: height 0.2s ease;
  min-height: 40px;
  box-sizing: border-box;
  border: 1px solid #d6d6d6;
  background: #fff;
  flex: 1;
  font-family: inherit;
}
#chatTextArea::placeholder {
  color: #9ca3af;
  font-style: italic;
}
#chatTextArea:focus {
  border-color: #1976d2;
  outline: none;
  box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.08);
}
#chatTextArea.overflow {
  overflow-y: auto;
}
#chatTextArea.overflow::-webkit-scrollbar {
  width: 6px;
}
#chatTextArea.overflow::-webkit-scrollbar-track {
  background: transparent;
}
#chatTextArea.overflow::-webkit-scrollbar-thumb {
  background-color: #cbd5e0;
  border-radius: 3px;
}
#chatTextArea.overflow::-webkit-scrollbar-thumb:hover {
  background-color: #a0aec0;
}

@media screen and (max-width: 767px) {
  #chatMessages message-detail {
    width: 100%;
    height: 100%;
    display: block;
  }
}
.section.renterInfo h5 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 1rem;
  font-weight: 500;
  margin: 0;
}

.section.renterInfo {
  height: fit-content;
}

.section.renterInfo h5 i {
  transition: transform 0.2s ease;
}

.renterInfoHeader {
  font-size: 1rem;
  color: #1c2630;
  letter-spacing: 1.25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1em;
  background-color: #f2f2f2;
  border-bottom: 1px solid #d6d6d6;
  cursor: pointer;
}

.chatProfilePhoto {
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
}

.chatRenterDetail {
  font-weight: 500;
  color: #155e9b;
  gap: 1em;
}
.chatRenterDetail:hover {
  text-decoration: none;
  color: #092841;
  cursor: pointer;
}

.chatRenterDetail.renterName {
  font-size: 1.2rem;
}

.chatEmailDetails {
  display: flex;
  flex-direction: row;
  gap: 1em;
  align-items: center;
}

.chatRenterDetails-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1em;
}

.phoneNumber {
  color: #1c2630;
  font-weight: 500;
}

.chat-panel-search-input {
  border: 1px solid #d6d6d6;
  border-radius: 8px;
  background: #f7f7f7;
  padding: 8px 12px;
  font-size: 15px;
  color: #1c3553;
  width: 100%;
  box-sizing: border-box;
  transition: border 0.2s, box-shadow 0.2s;
}
.chat-panel-search-input:focus {
  border-color: #1976d2;
  background: #fff;
  outline: none;
  box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.08);
}

.new-auth {
  width: 100%;
  min-height: 100dvh;
  overflow: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.new-auth .section {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.new-auth h1, .new-auth h2, .new-auth h3, .new-auth h4, .new-auth h5, .new-auth h6, .new-auth p, .new-auth div {
  color: #1C2630;
}
.new-auth .window {
  display: block;
  max-width: 600px;
  min-width: 300px;
  margin-right: auto;
  margin-left: auto;
  padding: 40px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: auto;
  border-radius: 8px;
  background-color: #fff;
  z-index: 1;
}
.new-auth .rhenti-logo {
  width: 100px;
  position: relative;
}
.new-auth .rhenti-logo .rhenti-logo-rosebud {
  margin-top: 40px;
  margin-bottom: 40px;
}
.new-auth .rhenti-logo .rhenti-logo-blue {
  display: none;
  margin-top: 40px;
  margin-bottom: 40px;
}
.new-auth .rhenti-logo-login {
  margin-bottom: 40px;
}
.new-auth .rhenti-logo-rosebud {
  width: 100px;
  margin-top: 40px;
}
.new-auth .rhenti-logo-blue {
  display: none;
}
.new-auth .logo-rhenti-signup {
  margin-top: 40px;
  margin-bottom: 40px;
}
.new-auth .logo-rhenti-signup img {
  height: 32px;
}
.new-auth .login-anchor-signup {
  margin-top: 15px;
  margin-bottom: 15px;
}
.new-auth .login-anchor-signup a {
  color: white;
  font-weight: 600;
}
.new-auth .login-anchor-signup a:hover {
  color: #fa9483;
  text-decoration: none;
}
.new-auth .logo-blue {
  display: none;
}
.new-auth button:hover {
  color: white;
}
.new-auth button:disabled {
  opacity: 0.5;
}
.new-auth .signup-input-group input, .new-auth .login-input-group input, .new-auth .forgot-password-form input {
  padding: 10px;
  width: 100%;
  height: 38px;
  border: 1px solid #1c2630;
  margin-bottom: 10px;
}
.new-auth .signup-input-group input:focus, .new-auth .login-input-group input:focus, .new-auth .forgot-password-form input:focus {
  border-color: #3898EC;
}
.new-auth .signup-input-group label, .new-auth .login-input-group label, .new-auth .forgot-password-form label {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 400;
}
.new-auth .type-options {
  display: flex;
  margin-bottom: 15px;
}
.new-auth .type-options label {
  display: flex;
}
.new-auth .type-options span {
  margin-left: 5px;
  font-size: 16px;
  font-weight: 400;
}
.new-auth .type-options .property-owner {
  margin-left: 20px;
}
.new-auth .terms-signup {
  display: flex;
  padding-top: 20px;
  padding-bottom: 20px;
}
.new-auth .terms-signup label {
  margin-left: 7px;
  font-size: 16px;
  font-weight: 400;
}
.new-auth .terms-signup a {
  color: #1C3553;
}
.new-auth .terms-signup a:hover {
  color: #FA9483;
}
.new-auth .title-signup, .new-auth .title-login, .new-auth .title-forgot-password {
  margin-bottom: 40px;
  font-size: 32px;
  margin-top: 0px;
  color: #1c3553;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
}
.new-auth .btn-signup-page, .new-auth .btn-login-page, .new-auth .btn-forgot-password-page {
  width: 100%;
  color: #1c3553;
  background: #fa9483;
  border: none;
  box-shadow: none;
  height: 38px;
  font-size: 16px;
}
.new-auth .login-anchor-signup, .new-auth .not-registered, .new-auth .forgot-page-footer {
  margin-top: 15px;
  margin-bottom: 15px;
}
.new-auth .login-anchor-signup a, .new-auth .not-registered a, .new-auth .forgot-page-footer a {
  color: white;
  font-weight: 600;
}
.new-auth .login-anchor-signup a:hover, .new-auth .not-registered a:hover, .new-auth .forgot-page-footer a:hover {
  color: #fa9483;
  text-decoration: none;
}
.new-auth .select-type {
  color: #1c3553;
  font-weight: 500;
  font-size: 19px;
  margin-bottom: 15px;
}
.new-auth .white-card {
  background: white;
  padding: 100px;
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
}
.new-auth .password-labels {
  display: flex;
  justify-content: space-between;
}
.new-auth .forgot-password-link {
  margin-bottom: 5px;
  color: #1c3553;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 400;
  text-decoration: none;
}
.new-auth .forgot-password-link:hover {
  color: #fa9483;
}
@media (max-width: 620px) {
  .new-auth .white-card {
    padding: 40px;
  }
}

@media (max-width: 479px) {
  .new-auth {
    background: white;
  }
  .new-auth .login-anchor-signup a {
    color: #1c3553;
  }
  .new-auth .login-anchor-signup a:focus {
    color: #fa9483;
    text-decoration: none;
  }
  .new-auth .logo-rhenti-signup {
    margin-bottom: 15px;
  }
  .new-auth .logo-rose, .new-auth .rhenti-logo-rosebud {
    display: none;
  }
  .new-auth .logo-blue, .new-auth .rhenti-logo-blue {
    display: block;
  }
  .new-auth .rhenti-logo-login {
    margin-top: 40px;
    margin-bottom: 0px;
  }
  .new-auth .rhenti-logo .rhenti-logo-rosebud {
    display: none;
  }
  .new-auth .rhenti-logo .rhenti-logo-blue {
    display: block;
  }
  .new-auth .forgot-page-body, .new-auth .window {
    width: 100%;
  }
  .new-auth .forgot-page-footer a, .new-auth .not-registered a {
    color: #FFFFFF;
  }
}
.form-fields .fields-edit {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
}
.form-fields .fields-edit span {
  color: #1c2630;
  font-size: 13px;
  cursor: pointer;
}
.form-fields .fields-edit span:last-of-type {
  margin-left: 20px;
}
.form-fields .fields-edit span.disabled {
  cursor: initial;
  pointer-events: none;
  opacity: 0.5;
}
.form-fields .form-error input,
.form-fields .form-error .inside-select {
  border: 2px solid #ff5851 !important;
}
.form-fields .form-error .required-field {
  color: #ff5851 !important;
  font-size: 12px !important;
}
.form-fields .form-field label {
  font-size: 16px;
  font-weight: normal;
}
.form-fields .form-field .input-field {
  margin-top: 10px;
}
.form-fields .form-field .input-field input {
  width: 100%;
  height: 40px;
  border: none;
  padding: 20px;
  font-size: 16px;
  border-radius: 8px;
  background-color: #e9ecee;
}
.form-fields .form-field .input-field input.no-autocomplete {
  background-color: transparent;
  opacity: 0;
  position: absolute;
}
.form-fields .form-field .input-field .help-block {
  position: absolute;
  padding: 5px 20px;
  font-size: 15px;
}
.form-fields .field-select .inside-select {
  margin-top: 10px;
  background-color: #e9ecee;
  padding-right: 20px;
  border-radius: 8px;
  overflow: hidden;
}
.form-fields .field-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  height: 40px;
  padding: 0px 20px;
  border: none;
  font-size: 16px;
  color: #1e2630;
  background: url(images/arrow-down.svg) no-repeat right;
  background-color: #e9ecee;
  cursor: pointer;
}
.form-fields .field-select span {
  display: inline-block;
  margin-bottom: 10px;
}
.form-fields .field-date .input-field {
  position: relative;
}
.form-fields .field-date .input-field img {
  position: absolute;
  height: 24px;
  right: 20px;
  top: 8px;
  cursor: pointer;
}
.form-fields .field-radio .input-field label {
  display: inline-flex;
  position: relative;
  padding-left: 25px;
  margin-bottom: 0;
  cursor: pointer;
}
.form-fields .field-radio .input-field label span:first-of-type {
  font-weight: normal;
  margin: 3px 0px 0px 5px;
}
.form-fields .field-radio .input-field label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.form-fields .field-radio .input-field label .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  padding: 3px;
  border: 1px solid #cccccc;
  border-radius: 50%;
}
.form-fields .field-radio .input-field label .checkmark:after {
  position: absolute;
  display: none;
  content: "";
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: #1c3553;
}
.form-fields .field-radio .input-field label input:checked ~ .checkmark {
  border: 1px solid #1c3553;
}
.form-fields .field-radio .input-field label input:checked ~ .checkmark:after {
  display: block;
}
.form-fields .field-radio .input-field label:last-of-type {
  margin-left: 20px;
}
.form-fields .field-radio.horizontal {
  display: flex;
  align-items: center;
  margin: 30px 0px 35px 0px;
}
.form-fields .field-radio.horizontal span {
  flex: 1;
}
.form-fields .field-radio.horizontal .input-field {
  flex: 1;
}
.form-fields .has-error {
  position: relative;
}
@media (max-width: 590px) {
  .form-fields .field-radio.horizontal {
    display: block;
  }
  .form-fields .field-radio.horizontal .input-field {
    margin-top: 10px;
  }
}

.collapse-wrapper {
  margin: 30px 0px;
  padding: 30px 20px;
  border: 2px solid #e9ecee;
  border-radius: 2px;
}
.collapse-wrapper .collapse-field-group {
  margin-top: 20px;
}
.collapse-wrapper a {
  color: #1e2630;
  font-size: 15px;
  text-decoration: none;
}
.collapse-wrapper a img {
  float: right;
  margin-top: 5px;
}
.collapse-wrapper a img.up {
  transform: rotate(180deg);
}
.collapse-wrapper .form-group {
  margin: 0;
}
@media (max-width: 590px) {
  .collapse-wrapper {
    padding: 15px 15px;
    margin: 30px -10px;
  }
  .collapse-wrapper a {
    font-size: 13px;
  }
}

.add-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 25px !important;
}
.add-btn button {
  border-radius: 15px;
  width: 26px;
  height: 26px;
  background: url(images/icons/add-circle.svg) no-repeat;
}
.add-btn span {
  color: #1c2630;
  cursor: pointer;
}

.signup-terms {
  background: #e9ecee;
  margin: 0px;
  overflow: hidden;
  border-radius: 8px;
}
.signup-terms .signup-terms-title {
  color: #1c3553;
  font-weight: 600;
}
.signup-terms .inside-terms {
  margin: 60px 90px;
  padding: 40px;
  background: white;
  max-height: 370px;
  overflow-y: scroll;
}
.signup-terms .btn-close-terms {
  width: 216px;
  margin-bottom: 40px;
  font-weight: 500;
  color: #1C2630;
  background: #fa9483;
  border: none;
  border-radius: 4px;
  box-shadow: none;
  height: 38px;
  font-size: 14px;
}
@media (max-width: 990px) {
  .signup-terms .inside-terms {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
  }
}

.privacy-policy {
  background: #e9ecee;
  margin: 0px;
  overflow: hidden;
  border-radius: 8px;
}
.privacy-policy .inside-terms {
  margin: 60px 90px;
  padding: 40px;
  background: white;
  max-height: 370px;
  overflow-y: scroll;
}
.privacy-policy .inside-terms h2, .privacy-policy .inside-terms h3 {
  font-size: 14px;
}
.privacy-policy .inside-terms a {
  color: #1c3553 !important;
}
.privacy-policy .inside-terms .privacy-policy-title {
  color: #1c3553;
  font-weight: 600;
  font-size: 24px;
}
.privacy-policy .btn-close-terms {
  width: 216px;
  margin-bottom: 40px;
  font-weight: 500;
  color: #1C2630;
  background: #fa9483;
  border: none;
  border-radius: 4px;
  box-shadow: none;
  height: 38px;
  font-size: 14px;
}
@media (max-width: 990px) {
  .privacy-policy .inside-terms {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
  }
}

.employment-information .employment-title {
  font-size: 26px !important;
  font-weight: 500;
  margin-bottom: 20px;
}
.employment-information .employer-warning {
  margin-top: 10px;
  color: #1e2630;
}
.employment-information .employment-subtitle {
  font-size: 16px;
  margin-top: 15px;
}
.employment-information .form-fields {
  margin-top: 25px;
}
.employment-information .form-fields .form-field {
  margin-bottom: 16px;
}
.employment-information .form-fields .form-field .input-field,
.employment-information .form-fields .form-field .inside-select {
  margin-top: 5px;
}
.employment-information .form-fields .form-field.file-upload {
  margin-bottom: 20px;
}

.assessment-citizenship-history .citizenship-history-header {
  text-align: center;
  margin-bottom: 40px;
}
.assessment-citizenship-history .citizenship-history-body .form-fields .form-field {
  margin-bottom: 30px;
}

.accommodation-history .accommodation-history-header {
  text-align: center;
  margin-bottom: 40px;
}
.accommodation-history .accommodation-history-body .form-fields .form-field {
  margin-bottom: 1.2em;
}
.accommodation-history .accommodation-radio {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: #1C2630;
  margin-bottom: 1.2em;
}
.accommodation-history .optional {
  color: #666666;
  margin-left: 5px;
}
.accommodation-history .title {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 20px;
  color: #1C2630;
  text-transform: uppercase;
  letter-spacing: 1.25px;
}
.accommodation-history #ui-radio .inner {
  background: #1C3553;
}
.accommodation-history #ui-radio #radio-ui:checked + label .inner {
  background: #1C3553;
}
.accommodation-history #ui-radio .outer {
  border: 2px solid #1C3553;
}
.accommodation-history #ui-radio span {
  font-weight: 400;
  color: #1C2630;
  padding-left: 0.25em;
}

.accommodation-history-addresses {
  padding: 1.2em 1em;
  border-radius: 8px;
  background-color: #f8f8f8;
  margin-top: 1.2em;
}

.add-btn-wrapper {
  display: flex;
  justify-content: center;
  padding-bottom: 2em;
  border-bottom: 1px solid #d6d6d6;
  margin-top: 1.2em;
}
.add-btn-wrapper .button-add {
  display: flex;
  align-items: center;
  gap: 8px;
}

.personal-information .personal-information-header {
  text-align: center;
  margin-bottom: 40px;
}
.personal-information .personal-information-body .form-fields .form-field {
  margin-bottom: 30px;
}

.basic-information .basic-title {
  font-size: 24px !important;
  font-weight: 500;
  color: #1c3553 !important;
  letter-spacing: 1.25px;
  display: block;
  text-align: center;
}
.basic-information .basic-subtitle {
  font-size: 0.85rem;
  font-weight: 500;
  margin-top: 15px;
  color: #1c2630;
}
.basic-information .update-photo-field {
  margin-top: 20px;
}
.basic-information .info-icon {
  cursor: pointer;
}
.basic-information #ui-radio .inner {
  background: #1C3553;
}
.basic-information #ui-radio #radio-ui:checked + label .inner {
  background: #1C3553;
}
.basic-information #ui-radio .outer {
  border: 2px solid #1C3553;
}
.basic-information #ui-radio span {
  font-weight: 400;
  color: #1C2630;
  padding-left: 5px;
}

.pre-assessment .pre-assessment-header {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-bottom: 40px;
  width: fit-content;
}
.pre-assessment .pre-assessment-header span:last-of-type {
  margin-top: 20px;
}
.pre-assessment .pre-assessment-body .profile-fields .form-field {
  margin-bottom: 15px;
}
.pre-assessment .pre-assessment-body .profile-fields .question {
  color: #1C2630;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
}
.pre-assessment .pre-assessment-body .profile-fields .optional {
  color: #666666;
  margin-left: 5px;
}

.id-verification .id-verification-header {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-bottom: 40px;
}
.id-verification .id-verification-header .profile-page-title {
  margin-bottom: 20px;
}
.id-verification .id-verification-header span:last-of-type {
  margin-top: 20px;
}
.id-verification .id-verification-body .uppload-field {
  margin-bottom: 40px;
}
.id-verification .id-verification-body .profile-picture-component {
  margin-bottom: 0px;
}

#realtor .form-fields, #realtor .notice {
  width: 90%;
}
#realtor .notice {
  margin: 0 auto;
}

.leadhub-main-wrapper {
  position: fixed;
  top: 0;
  left: 300px;
  right: 0;
  bottom: 0;
  overflow: hidden;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  background-color: #f2f2f2;
  height: 100%;
}
@media (max-width: 768px) {
  .leadhub-main-wrapper {
    left: 0;
  }
}

.create-btn {
  display: flex;
  align-items: center;
  padding: 0.6em 1em;
  border: 1px solid transparent;
  border-radius: 200px;
  background-color: #fa9483;
  color: #ffffff;
  letter-spacing: 1.25px;
  gap: 4px;
  transition: all 0.2s ease-in-out;
  position: relative;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.create-btn:hover {
  background: #fba99b;
  transform: translateY(-1px);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
}
.create-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(250, 148, 131, 0.3);
}
.create-btn:active {
  transform: translateY(1px);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  background: #f86a52;
}
.create-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
.create-btn .text {
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .create-btn {
    width: 100%;
    justify-content: center;
    padding: 0.8em 1em;
  }
}

.dot {
  font-size: 1em;
  transform: translateY(5px);
  color: rgba(0, 0, 0, 0);
}

.dot_1 {
  color: #fa9483;
}

.third-filter-wrapper {
  background-color: #fff;
  max-width: 100%;
  padding: 1em;
  border-radius: 8px;
  margin-bottom: 1em;
  transition-duration: 0.3s;
  gap: 1em;
  cursor: pointer;
}
@media (max-width: 768px) {
  .third-filter-wrapper {
    position: fixed;
    top: 60px;
    border-top: 2px solid #eaeaea;
    z-index: 999;
    left: 0;
    right: 0;
    height: calc(100vh - 118px);
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #d6d6d6;
  }
}
.third-filter-wrapper .third-filter-wrapper-title {
  font-family: Roboto, sans-serif !important;
  font-size: 14px;
  font-weight: 500;
  color: #1c2630;
  margin-bottom: 2em;
  position: relative;
}
.third-filter-wrapper .third-filter-wrapper-title .titile-text-wrapper {
  display: flex;
  flex-direction: row;
}
.third-filter-wrapper .third-filter-wrapper-title .titile-text-wrapper div:nth-child(2) {
  margin-left: 10px;
  display: none;
}
@media only screen and (max-width: 768px) {
  .third-filter-wrapper .third-filter-wrapper-title .titile-text-wrapper div:nth-child(2) {
    display: block;
  }
}
.third-filter-wrapper .third-filter-wrapper-title .fa {
  position: absolute;
  right: 15px;
  top: 0px;
  display: none;
  transform: rotate(180deg);
  transition-duration: 0.3s;
}
@media only screen and (max-width: 768px) {
  .third-filter-wrapper .third-filter-wrapper-title .fa {
    display: block;
  }
}
.third-filter-wrapper .third-filter-wrapper-title .fa-angle-up {
  transform: rotate(0deg);
}
.third-filter-wrapper .third-filter-wrapper-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  overflow-x: auto;
  gap: 1em;
}
@media (max-width: 768px) {
  .third-filter-wrapper .third-filter-wrapper-content {
    flex-direction: column;
    overflow: hidden;
    height: calc(100vh - 238px);
  }
}
.third-filter-wrapper .third-filter-wrapper-content .item-wrapper {
  display: flex;
  padding: 1em 1.2em;
  border-radius: 8px;
  background-color: #fa948333;
  position: relative;
  cursor: pointer;
  gap: 1em;
}
@media (max-width: 768px) {
  .third-filter-wrapper .third-filter-wrapper-content .item-wrapper {
    width: 100%;
    margin-bottom: 5px;
  }
}
.third-filter-wrapper .third-filter-wrapper-content .item-wrapper .options-icon {
  position: relative;
  font-size: 1.5em;
  color: #1c2630;
  transition-duration: 0.3s;
}
.third-filter-wrapper .third-filter-wrapper-content .item-wrapper div:nth-child(1) {
  width: 38px;
  height: 38px;
  border-radius: 19px;
  background-color: #fff;
  position: absolute;
  line-height: 38px;
  text-align: center;
  left: 12px;
  top: 12px;
}
.third-filter-wrapper .third-filter-wrapper-content .item-wrapper div:nth-child(2) {
  font-weight: 500;
  color: #1c2630;
  font-size: 14px;
}
.third-filter-wrapper .third-filter-wrapper-content .item-wrapper div:nth-child(3) {
  font-weight: 500;
  color: #1c2630;
  font-size: 18px;
}
.third-filter-wrapper .third-filter-wrapper-content .c1 {
  background-color: #fa948333;
  border: 1.5px solid transparent;
  transition: border-color 0.3s ease;
}
.third-filter-wrapper .third-filter-wrapper-content .c1:hover {
  border-color: #fa9583;
}
.third-filter-wrapper .third-filter-wrapper-content .c1.active {
  border-color: #fa9583;
}
.third-filter-wrapper .third-filter-wrapper-content .c2 {
  background-color: #efb22d33;
  border: 1.5px solid transparent;
  transition: border-color 0.3s ease;
}
.third-filter-wrapper .third-filter-wrapper-content .c2:hover {
  border-color: #efb12d;
}
.third-filter-wrapper .third-filter-wrapper-content .c2.active {
  border-color: #efb12d;
}
.third-filter-wrapper .third-filter-wrapper-content .c3 {
  background-color: #7fb9cf33;
  border: 1.5px solid transparent;
  transition: border-color 0.3s ease;
}
.third-filter-wrapper .third-filter-wrapper-content .c3:hover {
  border-color: #7fb8cf;
}
.third-filter-wrapper .third-filter-wrapper-content .c3.active {
  border-color: #7fb8cf;
}
.third-filter-wrapper .third-filter-wrapper-content .c4 {
  background-color: #05668d33;
  border: 1.5px solid transparent;
  transition: border-color 0.3s ease;
}
.third-filter-wrapper .third-filter-wrapper-content .c4:hover {
  border-color: #05668d;
}
.third-filter-wrapper .third-filter-wrapper-content .c4.active {
  border-color: #05668d;
}
.third-filter-wrapper .third-filter-wrapper-content .c5 {
  background-color: #faa36833;
  border: 1.5px solid transparent;
  transition: border-color 0.3s ease;
}
.third-filter-wrapper .third-filter-wrapper-content .c5:hover {
  border-color: #faa268;
}
.third-filter-wrapper .third-filter-wrapper-content .c5.active {
  border-color: #faa268;
}
.third-filter-wrapper .third-filter-wrapper-content .c6 {
  background-color: #ff585133;
  border: 1.5px solid transparent;
  transition: border-color 0.3s ease;
}
.third-filter-wrapper .third-filter-wrapper-content .c6:hover {
  border-color: #ff5751;
}
.third-filter-wrapper .third-filter-wrapper-content .c6.active {
  border-color: #ff5751;
}
.third-filter-wrapper .third-filter-wrapper-content .c1.active {
  border-color: #fa9583;
}
.third-filter-wrapper .third-filter-wrapper-content .c2.active {
  border-color: #efb12d;
}
.third-filter-wrapper .third-filter-wrapper-content .c3.active {
  border-color: #7fb8cf;
}
.third-filter-wrapper .third-filter-wrapper-content .c4.active {
  border-color: #05668d;
}
.third-filter-wrapper .third-filter-wrapper-content .c5.active {
  border-color: #faa268;
}
.third-filter-wrapper .third-filter-wrapper-content .c6.active {
  border-color: #ff5751;
}
.third-filter-wrapper .third-filter-wrapper-content .item-wrapper:last-child {
  margin-right: 0;
}
.third-filter-wrapper .hide-filter-btn {
  text-align: center;
  padding: 20px;
  cursor: pointer;
  display: none;
  font-weight: bold;
  font-size: 14px;
  color: #1c2630;
}
@media only screen and (max-width: 768px) {
  .third-filter-wrapper .hide-filter-btn {
    display: block;
  }
}

@media only screen and (max-width: 768px) {
  .third-filter-wrapper-close {
    height: 60px;
    overflow: hidden;
  }
}

#wrapper.leadHub {
  max-width: 100%;
  overflow-x: hidden;
  flex-direction: column;
  background: #fff;
  min-height: fit-content;
  padding: 0 20px 20px 20px;
  border-radius: 0 0 8px 8px;
}

#lead-hub-top-bar {
  height: 60px;
  background: #ffffff;
  border-bottom: solid 1.5px #d6d6d6;
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 500;
  color: #1c2630;
  padding: 0 30px;
  position: sticky;
  top: 0;
  z-index: 999;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  #lead-hub-top-bar {
    justify-content: center;
  }
}
#lead-hub-top-bar .mobile-chat-button {
  display: none;
  margin-left: auto;
  background-image: linear-gradient(to bottom right, #ea6659, #fa9483);
  height: 30px;
  width: 30px;
  border-radius: 100%;
  padding: 7px;
  z-index: 999;
}
#lead-hub-top-bar .mobile-chat-button img {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  #lead-hub-top-bar .mobile-chat-button {
    display: flex;
  }
}

.moveInDate > div,
.moveInDate > i {
  vertical-align: middle;
  display: inline-block;
}

.leadHub {
  padding: 1.2em;
  overflow-y: auto;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
@media (max-width: 768px) {
  .leadHub {
    margin-top: 60px;
  }
}
.leadHub #leadhub-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.2em;
  flex-wrap: wrap;
  gap: 10px;
}
@media (max-width: 768px) {
  .leadHub #leadhub-controls {
    flex-direction: column;
    align-items: stretch;
  }
}
.leadHub #leadhub-controls .leadhub-controls-info {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.leadHub #leadhub-controls .leadhub-controls-info .auto-lead-distribution {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  color: #1c2630;
  font-weight: 500;
}
.leadHub #leadhub-controls .leadhub-controls-info .auto-lead-distribution span {
  line-height: 1.5;
}
.leadHub #leadhub-controls .leadhub-controls-info .auto-lead-distribution .badge {
  line-height: 1.5;
  margin-left: 8px;
  padding: 4px 8px;
  background-color: #6ec84a;
  color: white;
  border-radius: 24px;
  font-size: 0.75rem;
}
@media only screen and (max-width: 768px) {
  .leadHub #leadhub-controls .leadhub-controls-info {
    flex-direction: column;
    align-items: stretch;
  }
}
.leadHub #lead-dashboard {
  display: flex;
  flex-direction: column;
}
.leadHub #moveIn {
  padding: 0 10px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #0000001f;
  color: #1c3553;
}
.leadHub .headhub-controls {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 30px;
}
.leadHub .filter-ul {
  list-style: none;
  line-height: 40px;
  padding: 0px;
  margin: 0;
}
.leadHub .filter-ul li {
  white-space: nowrap;
  padding: 0 15px;
  margin: 0;
  font-weight: 500;
}
.leadHub .filter-ul .normal_1 {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  border: 1px solid #ccc;
  margin-right: 10px;
  margin-bottom: -5px;
}
.leadHub .filter-ul .normal_2 {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid #ccc;
  margin-right: 10px;
  margin-bottom: -5px;
}
.leadHub .filter-ul .active_1 {
  background: #1b3653;
  border-style: double;
  border-width: 4px;
  border-color: #fff;
}
.leadHub .filter-ul .active_2 {
  background: #1b3653;
  border-color: #1b3653;
  content: "\f11e";
  color: #fff;
  text-align: center;
  line-height: 18px;
}
.leadHub .filter-ul a {
  text-decoration: none;
  color: #1b3653;
}
.leadHub .filter-ul :hover {
  background: #1c355314;
}
.leadHub .second-filter-button-wrap {
  display: flex;
  flex-direction: column;
  position: relative;
  min-width: 150px;
  background: #fff;
  border-radius: 4px;
  font-weight: 500;
  justify-content: center;
  cursor: pointer;
  font-size: 0.875rem;
  height: 52px;
  margin: 0;
  border: 1.5px solid #d6d6d6;
}
.leadHub .second-filter-button-wrap ::-webkit-scrollbar {
  width: 5px;
  height: 10px;
  background-color: #f2f2f2;
}
.leadHub .second-filter-button-wrap ::-webkit-scrollbar-thumb {
  background: #1c3553;
}
.leadHub .second-filter-button-wrap .second-filter-button {
  color: #1c2630;
  display: flex;
  flex-direction: row;
  padding: 0 10px;
}
.leadHub .second-filter-button-wrap .second-filter-button i:first-child {
  flex: 1;
  font-style: normal;
  cursor: pointer;
}
.leadHub .second-filter-button-wrap .second-filter-button i:last-child {
  margin-top: 0px;
  transition-duration: 0.3s;
}
.leadHub .second-filter-button-wrap .second-filter-button i.move-down {
  transition-duration: 0.3s;
  transform: rotate(180deg);
}
.leadHub .second-filter-button-wrap .second-filter-dropdown-menu {
  overflow: hidden;
  position: absolute;
  top: 110%;
  left: 0;
  z-index: 1000;
  float: left;
  min-width: 160px;
  padding: 0;
  margin: 2px 0 0;
  list-style: none;
  text-align: left;
  background: #ffffff;
  border-radius: 4px;
  background-clip: padding-box;
  transition: height 0.3s;
  height: 0;
}
.leadHub .second-filter-button-wrap .second-filter-dropdown-menu .more-btn-wrap {
  display: flex;
  flex-direction: row;
  margin: 10px 20px;
  justify-content: space-between;
  font-size: 0.875rem;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  font-weight: 500;
  align-items: center;
}
.leadHub .second-filter-button-wrap .second-filter-dropdown-menu .more-btn-wrap span {
  color: #1b3653;
  display: none;
}
.leadHub .second-filter-button-wrap .second-filter-dropdown-menu .more-btn-wrap #reset-btn {
  padding-right: 30px;
}
.leadHub .second-filter-button-wrap .show-layer-1 {
  height: fit-content;
  display: block;
}
.leadHub .second-filter-button-wrap .show-layer-2 {
  height: fit-content;
  display: block;
  border: 1.5px solid #d6d6d6;
  min-width: fit-content;
  max-width: 100%;
  font-size: 0.875rem;
  color: #1c2630;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .leadHub .second-filter-button-wrap .show-layer-2 {
    min-width: 100%;
  }
}
@media screen and (max-width: 1186px) {
  .leadHub .second-filter-button-wrap {
    display: flex;
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
.leadHub .apply-btn {
  width: 120px;
  height: 40px;
  background: #1c3553;
  color: #fff;
  padding: 0 10px;
  font-size: 14px;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  border-radius: 4px;
  border: 0;
}
.leadHub .apply-btn:hover {
  background: #1c3553cc;
}
.leadHub .searchContainer {
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  height: 52px;
  width: 250px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  font-size: 0.875rem;
  font-weight: 500;
  color: #1c2630;
}
.leadHub .searchContainer ::placeholder {
  color: #707070;
  font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
  .leadHub .searchContainer {
    width: 100%;
  }
}
.leadHub .searchContainer input {
  border: none;
  flex: 1;
  height: 100%;
  border-radius: 6px;
  padding-left: 10px;
  font-size: 1rem;
}
.leadHub .searchContainer .fa-search {
  font-size: 1rem;
  margin-right: 10px;
  color: #1c2630;
}
.leadHub .listCard {
  height: 35px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.leadHub .listCard span {
  font-size: 14px;
  letter-spacing: 1.25px;
  font-weight: 500;
}
.leadHub #topFilter {
  display: flex;
  background: #1c3553;
  align-items: center;
  height: 48px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .leadHub #topFilter {
    overflow-x: auto;
  }
  .leadHub #topFilter ::-webkit-scrollbar {
    display: none;
  }
}
.leadHub #topFilter div {
  padding: 0 1.2em 0 1.2em;
  display: flex;
  height: 100%;
  font-size: 0.875rem;
  align-items: center;
  cursor: pointer;
  border-bottom: 3px solid transparent;
  min-width: fit-content;
  width: 120px;
  justify-content: center;
  letter-spacing: 1.25px;
  transition: all 0.3s ease;
}
.leadHub #topFilter div:hover {
  background-color: #ffffff1a;
}
.leadHub h2 {
  margin: 0;
  color: #1c3553;
}
.leadHub #hubArchive,
.leadHub #hubLeads {
  display: table;
  width: 100%;
  overflow-x: auto;
  min-height: 10vh;
  max-height: fit-content;
}
.leadHub #overview {
  border: 1px solid #0000001f;
  display: flex;
  font-weight: 500;
  padding: 30px 30px 30px 5px;
  background: white;
  border-radius: 4px;
  overflow-y: auto;
}
.leadHub #overview .lead-graph {
  width: 200px !important;
  height: auto !important;
}
.leadHub #overview .overview-header {
  text-align: center;
  width: 200px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1.25px;
  color: #000000;
}
.leadHub #control {
  display: flex;
  flex-wrap: wrap;
  padding: 1em 1.2em;
  background: white;
  gap: 1em;
}
.leadHub #control #searchByProperty {
  display: flex;
  height: 52px;
  width: 100px;
  background: white;
  border-radius: 4px;
  border: 1.5px solid #d6d6d6;
  align-items: center;
  padding: 10px;
  position: relative;
}
@media (max-width: 768px) {
  .leadHub #control #searchByProperty {
    width: 100%;
  }
}
.leadHub #control #searchByProperty #searchByPropertyResults {
  position: absolute;
  border: 1.5px solid #d6d6d6;
  top: 110%;
  left: 0;
  right: 0;
  background: white;
  border-radius: 4px;
  max-height: 400px;
  overflow-y: scroll;
  z-index: 999;
}
.leadHub #control #searchByProperty #searchByPropertyResults .addressOption {
  background: white;
  border-bottom: 1px solid #d6d6d6;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  cursor: pointer;
  padding: 10px;
  color: #1c2630;
}
.leadHub #control #searchByProperty #searchByPropertyResults .addressOption:hover {
  background: #f2f2f2;
}
.leadHub #control .download {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  padding: 10px;
  margin-left: 10px;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
}
.leadHub #control .download .tooltip {
  position: absolute;
  background: #1c2630;
  color: white;
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.2s ease;
  bottom: -32px;
}
.leadHub #control .download .tooltip:after {
  content: "";
  position: absolute;
  top: -4px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #1c2630;
}
.leadHub #control .download:hover:not(.active) .tooltip {
  opacity: 1;
  transform: translateY(0);
}
.leadHub #control .download.active .tooltip {
  opacity: 0;
  transform: translateY(10px);
}
.leadHub #control .download .material-icons {
  font-size: 24px;
  color: #1c3553;
}
.leadHub #control .download:hover {
  background-color: #1c355320;
}
.leadHub #control .download.active {
  background-color: #1c2630;
  border-color: #1c3553;
}
.leadHub #control .download.active .material-icons {
  color: #ffffff;
}
.leadHub #control .download span {
  font-weight: 500;
  color: #fff;
}
.leadHub #control .download .optionWrap {
  white-space: nowrap;
  position: absolute;
  right: 0;
  top: 50px;
  background: white;
  box-shadow: 0.5px 0.5px 5px lightgray;
  border: 1px solid #eee;
  z-index: 999;
  border-radius: 6px;
  width: fit-content;
  color: #1c2630;
  transition: all 0.3s ease;
}
.leadHub #control .download .optionWrap div {
  padding: 10px 15px;
  transition-duration: 0.5s;
}
.leadHub #control .download .optionWrap div:hover {
  background-color: #eee;
}
.leadHub #filters {
  display: flex;
}
.leadHub .filterItem {
  padding-left: 10px;
}
.leadHub .leadRow td {
  white-space: nowrap;
}
.leadHub .leadRow .text-clickable {
  color: #265da0 !important;
  font-weight: 500;
  cursor: pointer;
}
.leadHub .leadRow .text-clickable a {
  color: inherit;
}
.leadHub .leadRow .text-clickable:hover {
  text-decoration: underline;
}
.leadHub .leadRow:hover {
  background: #f5f5f5;
}
.leadHub #tableControls {
  display: flex;
  align-items: center;
  background: #d6d6d6;
  padding: 10px;
  color: #1c2630;
  width: 100%;
}
.leadHub #tableControls .controlOption {
  margin-right: 15px;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  background: #ffffff80;
  padding: 5px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.leadHub #tableControls .hover:hover {
  color: #fa9483;
}
.leadHub #tableControls .statusDropdown {
  position: absolute;
  top: 29px;
  padding: 10px;
  background: white;
  box-shadow: 0px 1px 3px #c9d5db;
}
.leadHub #tableControls .statusDropdown div {
  margin-right: 0px;
}
.leadHub #leadDetailsControls {
  display: flex;
  padding-top: 0 20px 20px 20px;
}
.leadHub #leadDetailsControls .detailOption {
  padding: 10px 10px 10px 0px;
  color: #1c2630;
  font-size: 15px;
  margin-right: 10px;
  cursor: pointer;
}
.leadHub .tabs {
  flex: 2;
  display: flex;
  color: gray;
  font-weight: 500;
  border-bottom: #dbdbdb 2px solid;
  font-size: 14px;
}
.leadHub #search {
  display: flex;
  flex: 0;
  padding-left: 20px;
  flex-direction: row-reverse;
}
.leadHub #search input {
  width: 100%;
  background: #f5f5f5;
  border: lightgray 2px solid;
  border-radius: 5px;
  padding: 10px;
}
.leadHub #search #searchIcon {
  font-size: 25px;
  padding: 7px;
  color: #1c2630;
  margin-left: auto;
  cursor: pointer;
}
.leadHub .tabOption {
  padding: 11px 20px 11px 20px;
  cursor: pointer;
}
.leadHub #tableContent {
  min-height: 42vh;
  max-height: fit-content;
  overflow-x: auto;
  max-width: 100%;
  background: #ffffff;
  border: 1px solid #d6d6d6;
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.leadHub #tableContent::-webkit-scrollbar {
  height: 10px;
  width: 10px;
  background-color: #f2f2f2;
}
.leadHub #tableContent::-webkit-scrollbar-thumb {
  background: #1c3553;
}
.leadHub #tableContent table {
  flex: 1;
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
}
.leadHub #tableContent table .more-status-wrap {
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.leadHub #tableContent table .more-status-wrap .more-status-text {
  display: inline-block;
  background-color: #1c2630;
  color: #fff;
  margin: 2px 6px;
  padding: 2px 10px;
  border-radius: 6px;
}
.leadHub #tableContent table .more-status-wrap .more-status-icon {
  display: inline-block;
  border-left: transparent solid 4px;
  border-right: transparent solid 4px;
  border-top: #000000 4px solid;
  height: 0;
  width: 0;
}
.leadHub #tableContent table .more-data-wrap {
  top: 34px;
  right: 0;
  position: absolute;
  padding: 10px;
  border-radius: 6px;
  border: 1px solid #ccc;
  background-color: #fff;
  max-width: none;
  z-index: 9;
}
.leadHub #tableContent table .more-data-wrap span {
  color: #fff;
}
.leadHub #tableContent table .more-data-wrap .primary {
  color: #6ec84a;
}
.leadHub #tableContent table .more-data-wrap div {
  white-space: nowrap;
}
.leadHub #tableContent table tr {
  border-bottom: 1px solid #d6d6d6;
  white-space: nowrap;
}
.leadHub #tableContent table tr div {
  max-width: 100%;
}
.leadHub #tableContent table th {
  background: #f2f2f2;
  font-weight: 500;
  color: #1c2630;
  white-space: nowrap;
  padding: 16px;
}
.leadHub #tableContent table td {
  color: #1c2630;
  font-size: 0.875rem;
  padding: 20px 16px;
}
.leadHub #tableContent table th:hover {
  background: gainsboro;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.leadHub #tableContent table .nameDetails {
  cursor: pointer;
}
.leadHub #tableContent table .nameDetails:hover {
  color: #05668d;
}
.leadHub #tableContent table .tableHeader {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.leadHub #tableContent table .tableHeader div {
  font-size: 13px;
  margin-top: 3px;
  color: #1c2630;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.leadHub #tableContent table .tableHeader .caret-up {
  border-left: transparent 4px solid;
  border-right: transparent 4px solid;
  border-bottom: #b1b4b7 4px solid;
  height: 0;
  width: 0;
  margin: 2px 3px 3px 6px;
  transition: border-color 0.2s ease;
}
.leadHub #tableContent table .tableHeader .caret-down {
  border-left: transparent solid 4px;
  border-right: transparent solid 4px;
  border-top: #b1b4b7 4px solid;
  height: 0;
  width: 0;
  margin: 2px 3px 3px 6px;
  transition: border-color 0.2s ease;
}
.leadHub #tableContent table .tableHeader .caret-up:hover {
  border-bottom: #1C3553 4px solid;
}
.leadHub #tableContent table .tableHeader .caret-down:hover {
  border-top: #1C3553 4px solid;
}
.leadHub #tableContent table th {
  padding: 12px 16px;
  color: #606060;
  font-size: 0.813rem;
  background: #f9f9f9;
  font-weight: 500;
  border-bottom: 1px solid #e0e0e0;
  transition: background-color 0.2s ease;
  position: sticky;
  top: 0;
  z-index: 2;
}
.leadHub #tableContent table th:hover {
  background: #f2f2f2;
  cursor: pointer;
}
.leadHub #tableContent table td {
  padding: 12px 16px;
  color: #1C2630;
  font-size: 0.875rem;
  vertical-align: middle;
  border-bottom: 1px solid #f0f0f0;
}
.leadHub #tableContent table tr {
  background: white;
  transition: background-color 0.1s ease;
}
.leadHub #tableContent table tr:hover {
  background-color: #f9f9f9;
}
.leadHub #tableContent table .tableCheckBox {
  cursor: pointer;
  width: 16px;
  height: 16px;
  accent-color: #1C3553;
}
.leadHub #lead-creation {
  padding-left: 10px;
  padding-right: 20px;
  border-radius: 4px;
  border: 1.5px solid #d6d6d6;
  color: #1c2630;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-weight: 500;
  font-size: 0.875rem;
  height: 52px;
  min-width: 200px;
  cursor: pointer;
}
.leadHub #lead-creation img {
  height: 20px;
  width: 20px;
  opacity: 0.8;
  margin-top: -2px;
}
.leadHub #lead-creation .lead-creation-panel {
  position: absolute;
  top: 110%;
  right: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s ease 0.5s, opacity 0.3s;
  background: white;
  padding: 10px;
  border-radius: 4px;
  border: 1.5px solid #d6d6d6;
  z-index: 999;
}
.leadHub #lead-creation .lead-creation-panel input {
  width: 100%;
  padding: 0 10px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #0000001f;
  color: #1c3553;
  cursor: pointer;
}
@media screen and (max-width: 1186px) {
  .leadHub #lead-creation {
    margin-left: 0px;
    width: 100%;
    justify-content: start;
  }
}
.leadHub .options-visible {
  visibility: visible !important;
  opacity: 1 !important;
  transition: visibility 0s ease 0s, opacity 0.3s !important;
}
.leadHub #dateRange {
  font-size: 0.875rem;
  font-weight: 500;
}
.leadHub #dateRange input {
  padding: 0 10px;
  height: 52px;
  border-radius: 4px;
  border: 1.5px solid #d6d6d6;
  color: #1c2630;
  cursor: pointer;
}
.leadHub #dateRange input::placeholder {
  color: #666666;
}
.leadHub #dateRange .clear {
  height: 52px;
  padding: 0 10px;
  margin-left: 15px;
  border-radius: 4px;
  color: #1c3553;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.leadHub #pages {
  display: flex;
  justify-content: center;
  align-items: center;
}
.leadHub #pages .page {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 36px;
  height: 36px;
  margin: 5px;
  cursor: pointer;
  color: #1c3553;
  background: #f2f2f2;
  margin-top: 20px;
  border-radius: 100%;
}
.leadHub #pages .page-down {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 10px;
  margin: 5px;
  cursor: pointer;
  color: #1c3553;
  background: #f2f2f2;
  margin-top: 20px;
  border-radius: 20px;
  position: relative;
}
.leadHub #pages #pageDropdown {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: -143px;
  right: 0;
  left: 0;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 0 10px #e6e6e6;
  border: 1px solid #d1d6dc;
}
.leadHub #pages .pageOption {
  padding: 5px 20px 5px 20px;
  text-align: center;
  cursor: pointer;
  color: #1c3553;
}
.leadHub #pages .pageOption:hover {
  background: #e5e9ec;
}
.leadHub #pages .pageOption:first-child {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.leadHub #pages .pageOption:last-child {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
@media screen and (max-width: 768px) {
  .leadHub #pages .page {
    font-size: 0.875rem;
  }
  .leadHub #pages .page-down {
    font-size: 0.875rem;
  }
}
.leadHub #slideSearch {
  animation-name: searchSlide;
  animation-duration: 0.5s;
}
.leadHub #deleteModal {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
}
.leadHub #deleteModal .deleteWrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.leadHub #deleteModal .deleteWrapper .deleteContent {
  width: 500px;
  display: flex;
  flex-direction: column;
  background: white;
  padding: 8px;
  border-radius: 2px;
}
.leadHub #deleteModal .deleteWrapper .deleteContent .deleteTitle {
  display: flex;
  justify-content: center;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  color: #1c3553;
  margin-bottom: 15px;
}
.leadHub #deleteModal .deleteWrapper .deleteContent .cancelButton {
  text-align: center;
  width: 200px;
  background: #fa9483;
  padding: 5px 0px 5px 0px;
  color: #1c3553;
  font-weight: 500;
  border-radius: 2px;
  margin-right: 10px;
  cursor: pointer;
}
.leadHub #deleteModal .deleteWrapper .deleteContent .cancelButton:hover {
  color: white;
  transform: translateY(-2px);
}
.leadHub #deleteModal .deleteWrapper .deleteContent .deleteButton {
  text-align: center;
  width: 200px;
  background: white;
  border: 1.5px solid #fa9483;
  padding: 5px 0px 5px 0px;
  color: #1c3553;
  font-weight: 500;
  border-radius: 2px;
  margin-left: 10px;
  cursor: pointer;
}
.leadHub #deleteModal .deleteWrapper .deleteContent .deleteButton:hover {
  background: #fa9483;
  color: white;
  transform: translateY(-2px);
}
.leadHub .newTagWrapper {
  padding: 8px 16px 8px 16px !important;
}
.leadHub .newTagInput {
  border-radius: 3px;
  border: #d6d6d6 solid 1px;
  background: #0000000b;
  height: 30px;
  padding-left: 10px;
  width: 100%;
  color: #1c3553;
  font-weight: 500;
}
.leadHub .deleteTag {
  margin-left: auto;
  margin-right: 0px !important;
  text-align: right;
  color: #fa9483;
  padding-left: 10px;
}
.leadHub .deleteTag:hover {
  transform: translateY(-2px);
}
.leadHub .statusDropdown .dropItem {
  margin: 15px 20px 15px 20px !important;
  color: #1c2630;
  font-weight: 500;
}
.leadHub .statusDropdown .dropItem:hover {
  color: #fa9483;
}
.leadHub .changeStatusModal {
  padding: 5px;
}
@keyframes searchSlide {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}

.leadHub.property-view {
  margin-top: 0;
}

.btn-filter {
  font-size: 0.875rem;
  color: #1c2630;
  height: 52px;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .btn-filter {
    justify-content: left;
    padding-left: 10px;
  }
}

.btn-icon {
  margin-right: 8px;
}

input[type=checkbox] {
  accent-color: #1c2630;
}

#information-label {
  font-size: 0.875rem;
  line-height: 1.5;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px Solid #d6d6d6;
}

.filter-item-wrapper {
  display: flex;
  gap: 1em;
  padding: 1em;
  color: #1c2630;
  font-weight: 500;
  font-size: 0.875rem;
  letter-spacing: normal;
  border-radius: 8px;
  border: 1.5px solid transparent;
  transition: border-color 0.3s ease;
  min-width: fit-content;
}
.filter-item-wrapper:hover {
  border-color: #1c2630;
}
.filter-item-wrapper.active {
  border-color: #007bff;
}

.action-filter-text {
  max-width: 20ch;
  line-height: 1.3;
}

.action-filter-count {
  font-size: 1.2rem;
}

.filter-img-icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.filter-img-icon svg {
  width: 16px;
  height: 16px;
}

.leadhub-controls-right {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1em;
  margin-left: auto;
}
@media (max-width: 768px) {
  .leadhub-controls-right {
    width: 100%;
  }
}

.switchWrap {
  width: 40px;
  height: 20px;
  border-radius: 15px;
  background-color: #C7C7C7;
  cursor: pointer;
  position: relative;
  transition-duration: 0.1s;
  margin-top: 0;
}
.switchWrap .switchCircle {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 2px;
  left: 2px;
  background-color: #fff;
  border-radius: 10px;
  transition-duration: 0.1s;
}

.switchWrap.on {
  background-color: #72C163;
}
.switchWrap.on .switchCircle {
  left: 22px;
}

.switchWrap.disabled {
  opacity: 0.3;
}

.lead-information-property-card {
  padding: 10px 20px;
  background-color: #EDEFF16A;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  margin-top: 20px;
}
.lead-information-property-card table tr td {
  border: none;
}

.blueButtonSolid {
  background: #1C3553;
  font-weight: 500;
  padding: 8px 16px;
  letter-spacing: 1.25px;
  border-radius: 4px;
  font-size: 14px;
  color: #FFF;
  width: fit-content;
  cursor: pointer;
  border: 2px solid #1C3553;
}

.blueButtonOutline {
  background: transparent;
  font-weight: 500;
  padding: 8px 16px;
  letter-spacing: 1.25px;
  border-radius: 4px;
  font-size: 14px;
  color: #1C3553;
  width: fit-content;
  cursor: pointer;
  border: 2px solid #1C3553;
}

.lead-owner-select {
  background-color: #FFFFFF;
  border: 1px solid #d6d6d6;
  padding: 10px 16px;
  border-radius: 4px;
  height: 60px;
  position: relative;
  transition: all 0.3s ease;
}
.lead-owner-select .chevron {
  transition: transform 0.5s ease;
}
.lead-owner-select .chevron-reverse {
  transform: rotate(180deg);
}
.lead-owner-select:hover {
  border: 1px solid #1c2630;
}
.lead-owner-select .lead-owner-select-title {
  font-size: 14px;
  color: #8D9297;
}
.lead-owner-select .lead-owner-select-value {
  font-size: 16px;
  color: #495159;
}
.lead-owner-select .lead-owner-select-options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  border-radius: 8px;
  border: 1px solid #DFDFDF;
  box-shadow: 0 0 10px #cfcfcf;
  z-index: 999;
}
.lead-owner-select .lead-owner-select-options .lead-owner-select-option {
  padding: 12px 14px;
  font-size: 16px;
  color: #495159;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.lead-owner-select .lead-owner-select-options .lead-owner-select-option:not(:last-child) {
  border-bottom: 1px solid #DFDFDF;
}
.lead-owner-select .lead-owner-select-options .lead-owner-select-option:not(.action-option):hover {
  background-color: #EFEFEF;
}
.lead-owner-select .lead-owner-select-options .lead-owner-custom-input {
  flex: 1;
}

#leadDetails {
  background: #F2F2F2;
}
#leadDetails .leadOwnerToggle {
  position: absolute;
  top: 45px;
  left: 0;
  right: 0;
  background: white;
  border-radius: 8px;
  box-shadow: 0 0 10px #cfcfcf;
  z-index: 999;
}
#leadDetails .leadOwnerToggle .leadOwnerOption {
  padding: 10px;
}
#leadDetails .leadOwnerToggle .leadOwnerOption:hover {
  background-color: #1C35531A;
}
#leadDetails .leadOwnerToggle .addLeadOwnerInput {
  display: none;
}
#leadDetails .leadOwnerToggle .addLeadOwner:hover > .addLeadOwnerInput {
  display: flex;
  flex-direction: column;
}
#leadDetails .leadOwnerToggle .addLeadOwnerInput:focus {
  display: flex;
  flex-direction: column;
}
#leadDetails .leadOwnerToggle .addPerson {
  color: #1C2630;
  font-size: 14px;
  font-weight: 500;
}
#leadDetails .details {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 1000px;
}
#leadDetails .details .detail-input {
  border: 1px solid #D6D6D6;
  border-radius: 8px;
  width: 100%;
  height: 300px;
  padding: 10px;
  margin: 0px;
}
#leadDetails .details .save-button {
  background: #1C3553;
  border-radius: 4px;
  padding: 10px 16px;
  text-align: center;
  color: white;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  margin-top: 5px;
}
#leadDetails .details #detailsBar {
  display: flex;
  padding: 15px;
  background: white;
  margin-bottom: 20px;
  color: #1C2630;
  border-radius: 8px;
  box-shadow: 0 0 10px #DCDCDC;
}
#leadDetails .details #detailsBar .detailsOptions {
  cursor: pointer;
  padding: 8px 10px;
  align-items: center;
  display: flex;
  margin-right: 10px;
  border: 1px solid #1C3553;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1.25px;
  color: #1C3553;
  background: rgba(28, 53, 83, 0);
  border-radius: 8px;
}
#leadDetails .details #detailsBar .detailsOptions:last-child {
  margin-right: 0;
}
#leadDetails .details #detailsBar .detailsOptions:hover {
  background: rgba(28, 53, 83, 0.08);
}
#leadDetails .details #detailsBar .archiveDelete {
  display: flex;
  justify-content: flex-end;
  flex-grow: 1;
  flex-direction: row;
}
#leadDetails .details #leadInfo {
  display: flex;
  min-height: calc(100vh - 200px);
  height: 100%;
  margin-bottom: 200px;
}
#leadDetails .details .statusDropdown {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  background: white;
  margin-right: -15px;
  border-radius: 8px;
  width: 180px;
  margin-top: 50px;
  z-index: 999;
  box-shadow: 0px 1px 3px #C9D5DB;
}
#leadDetails .details .statusDropdown > div {
  padding: 10px;
  color: #1C2630;
  font-weight: 500;
}
#leadDetails .details .statusDropdown > div:hover {
  color: #FA9483;
}
#leadDetails .details .subCategories {
  flex: 1;
  box-shadow: 0 0 10px #DCDCDC;
  border-radius: 8px;
  margin-right: 15px;
}
#leadDetails .details .subCategories:last-child {
  margin-right: 0;
}
#leadDetails .details .subCategories #activities {
  display: flex;
  flex-direction: column;
  padding: 20px;
  border: 1px solid #D6D6D6;
  overflow: auto;
  overflow-x: hidden;
  height: 100%;
  border-radius: 8px;
  background: white;
}
#leadDetails .details .subCategories .notes {
  display: flex;
  flex-direction: column;
  padding: 20px;
  border: 1px solid #D6D6D6;
  margin-bottom: 15px;
  border-radius: 8px;
  background: white;
}
#leadDetails .details .subCategories #addNote {
  position: absolute;
  bottom: 15px;
  right: 15px;
  padding: 10px;
  border-radius: 100%;
  display: flex;
  background: #FA9483;
  z-index: 999;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 1px 3px #c9d5db;
  cursor: pointer;
}
#leadDetails .details .subCategories .activity {
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
}
#leadDetails .details .subCategories .activity:last-child {
  padding-bottom: 0px;
}
#leadDetails .details .subCategories .activityRow {
  display: flex;
}
#leadDetails .details .subCategories .activityRow .rightSide {
  margin-left: auto;
}
#leadDetails .details .subCategories .leadActivityAbsolute {
  position: absolute;
  bottom: 0;
  top: 0;
  width: 100%;
}
#leadDetails .details .subCategories .leadActivityWrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}
#leadDetails .details .subCategories .firstColumnBox {
  display: flex;
  flex-direction: column;
  background: white;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0px 1px 3px #c9d5db;
}
#leadDetails .details .subCategories .firstColumnBox .concessions .title {
  color: #666666;
  font-size: 16px;
}
#leadDetails .details .subCategories .firstColumnBox .concessions .list {
  display: grid;
  grid-template-columns: 2fr 1fr;
}
#leadDetails .details .subCategories .firstColumnBox .concessions .list .concession-list {
  min-width: 0;
}
#leadDetails .details .subCategories .firstColumnBox .concessions .list .concession-list p {
  font-size: 14px;
  color: #1C2630;
  font-weight: 500;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#leadDetails .details .subCategories .firstColumnBox .concessions .list .concession-edit {
  text-align: right;
}
#leadDetails .details .categoryWrapper {
  padding: 20px;
  background: white;
  margin-right: 20px;
  margin-bottom: 20px;
}
#leadDetails .details .categoryWrapper .messageLead {
  width: 200px;
  padding: 10px;
  text-align: center;
  background: #FA9483;
  color: #1C3553;
  font-weight: 500;
  margin: auto;
  cursor: pointer;
}
#leadDetails .details .scrollWrapper {
  min-height: 0;
  height: 100%;
}
#leadDetails .detailsOptionsRows {
  font-weight: 500;
  color: white;
  padding-left: 10px;
}
#leadDetails span {
  font-size: 14px;
  color: #666666;
}
#leadDetails p {
  font-size: 18px;
  color: #1C2630;
  font-weight: 500;
  padding-bottom: 10px;
}
#leadDetails h4 {
  font-size: 16px;
  color: #1C2630;
}
#leadDetails #mobileDetailsBar {
  display: none;
}
@media only screen and (max-width: 1200px) {
  #leadDetails #mobileDetailsBar {
    display: flex;
  }
  #leadDetails #detailsBar {
    display: none !important;
  }
  #leadDetails .subCategories {
    margin-bottom: 15px;
    margin-right: 0 !important;
  }
  #leadDetails .subCategories .subCategories {
    margin-bottom: 0 !important;
  }
  #leadDetails .details {
    width: 100%;
    min-width: 0;
  }
  #leadDetails .details #detailsBar {
    margin: 0;
    margin-bottom: 20px;
    flex-direction: column;
    background: #F2F2F2;
    color: #1C2630;
  }
  #leadDetails .details #detailsBar .detailsOptions {
    padding: 0px 20px 0px 20px;
    display: block;
  }
  #leadDetails .details #detailsBar .archiveDelete {
    justify-content: space-between;
  }
  #leadDetails .details .categoryWrapper {
    margin-right: 0px;
  }
  #leadDetails .details .scrollWrapper {
    min-height: auto;
    height: 300px;
  }
  #leadDetails .details .statusDropdown {
    margin-top: 60px;
  }
  #leadDetails #leadInfo {
    display: block !important;
    height: 100%;
  }
  #leadDetails .detailsOptions {
    padding: 0 !important;
  }
  #leadDetails .detailsOptionsRows {
    font-weight: 500;
    padding: 10px;
    background: #1C2630;
    border-radius: 5px;
    display: flex;
    margin-bottom: 10px;
    margin-top: 5px;
  }
  #leadDetails .detailsOptionsRows i {
    margin-left: auto;
  }
  #leadDetails .marketingChannel {
    background: #f5f5f5;
    border: 2px #C9D5DB solid;
    color: #1C2630;
  }
  #leadDetails .leadActivityAbsolute {
    position: relative !important;
  }
}

#offerModal {
  background: white;
  position: absolute;
  top: 0;
  margin-bottom: 50px;
}
#offerModal .closeModal {
  float: right;
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 999;
  font-size: 16px;
  color: white;
  font-weight: 500;
}

.leads-download {
  background-color: transparent;
  letter-spacing: 1.25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  padding: 10px;
  margin-left: 10px;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
}
.leads-download span {
  font-weight: 500;
  color: #1C3553;
}
.leads-download:hover {
  background-color: #1C35530A;
}

td .lead-graph #percentage {
  font-size: 12px;
}

.property-select {
  min-width: 250px;
}

.information-box {
  border-left: 10px solid #F7D895;
  border-top: 1.5px solid #F7D895;
  border-right: 1.5px solid #F7D895;
  border-bottom: 1.5px solid #F7D895;
  border-radius: 2px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.information-box #information-text {
  font-size: 0.875rem;
  font-weight: 400;
  color: #1c2630;
  padding: 5px 16px 5px 16px;
}

@media only screen and (max-width: 768px) {
  #leadHub.startEnd {
    flex-wrap: wrap;
  }

  #moveDate {
    width: 100%;
  }
}
.listing-form {
  max-width: 600px;
  margin: 60px auto;
  padding: 40px 30px;
  color: #1e2630;
  background-color: white;
  border-radius: 2px;
  box-shadow: 2px 2px 2px #c9d5dbb3;
}
.listing-form .listing-body {
  padding: 40px 50px;
}
.listing-form .listing-body span {
  font-size: 16px;
  color: #1c2630;
}
.listing-form .listing-body .listing-title {
  font-size: 26px;
}
.listing-form .listing-body .listing-label {
  font-size: 14px;
}
.listing-form .listing-footer {
  display: flex;
  justify-content: space-between;
  padding: 15px 0px;
}
@media (max-width: 767.98px) {
  .listing-form .listing-step-5 {
    margin: -30px !important;
  }
  .listing-form .container {
    padding: 0 !important;
  }
  .listing-form .listing-body {
    padding: 40px 0px;
  }
  .listing-form .listing-footer button {
    width: 110px !important;
    margin: 0 !important;
  }
}

.createListingForm {
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: auto;
  background: #ffffff;
}

.listing-flow-card {
  width: 700px;
  margin: 1em;
  color: #1e2630;
  border: 1px solid #d6d6d6;
  border-radius: 8px;
}
@media (max-width: 767.98px) {
  .listing-flow-card {
    width: 100%;
    border-radius: 0;
    border: none;
    margin-bottom: 4em;
  }
}
.listing-flow-card .progress {
  border-radius: 4px;
  margin-bottom: 0px;
  height: 8px;
}
.listing-flow-card .progress .listing-flow-progress {
  height: 8px;
}
.listing-flow-card .listing-flow-step {
  padding: 2em;
}
.listing-flow-card .listing-flow-step #ui-radio {
  font-size: 16px;
}
.listing-flow-card .concession-container {
  display: flex;
  align-items: center;
  width: 100%;
}
.listing-flow-card .concession-container .concession-el {
  flex: 1;
}
.listing-flow-card .concession-container .concession-icon .fa {
  font-size: 22px;
  color: red;
}
.listing-flow-card #ui-radio .inner {
  background: #1C3553;
}
.listing-flow-card #ui-radio #radio-ui:checked + label .inner {
  background: #1C3553;
}
.listing-flow-card #ui-radio .outer {
  border: 2px solid #1C3553;
}
.listing-flow-card #ui-radio span {
  font-weight: 400;
  color: #1C2630;
  padding-left: 5px;
}
@media (max-width: 767.98px) {
  .listing-flow-card .listing-flow-step {
    padding: 20px 0px;
  }
}

.concession-container {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.concession-el {
  flex: 1;
}

.concession-delete-button {
  display: flex;
  align-items: center;
  padding: 12px;
  margin-top: -16px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.concession-delete-button:hover:not(.disabled) {
  background-color: rgba(0, 0, 0, 0.04);
}
.concession-delete-button:hover:not(.disabled) i {
  color: #FF5851;
}
.concession-delete-button.disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.concession-delete-button i {
  font-size: 20px;
  color: #8D9297;
  transition: color 0.2s ease;
}

.add-incentive-wrapper {
  display: flex;
  justify-content: flex-start;
  margin-top: 1em;
}

.add-incentive-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border: 1px solid #1C3553;
  border-radius: 4px;
  background: transparent;
  color: #1C3553;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.2s ease;
  line-height: 20px;
}
.add-incentive-button i {
  font-size: 20px;
  display: flex;
  align-items: center;
  height: 20px;
  line-height: 1;
}
.add-incentive-button:hover {
  background-color: #1c3553;
  color: #ffffff;
}
.add-incentive-button:hover i {
  color: #ffffff;
}
.add-incentive-button:active {
  background-color: rgba(28, 53, 83, 0.08);
}
.add-incentive-button:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(28, 53, 83, 0.2);
}

ng-quill-editor .ql-container {
  height: 150px;
}

.listing-step-one .step-one-header {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 10px;
}
.listing-step-one .monthlyCost {
  margin-left: 10px;
  border: none;
  padding: 15px;
  background: #e9ecee;
  border-radius: 3px;
  margin-top: -5px;
}
.listing-step-one .step-one-body .form-fields .form-title {
  font-size: 18px;
  margin: 40px 0px 20px 0px;
}
.listing-step-one .step-one-body .form-fields .form-field {
  margin-bottom: 25px;
}
.listing-step-one .step-one-body .form-fields .form-field .input-field {
  margin-top: 5px;
}
.listing-step-one .step-one-body .form-fields .form-field .field-radio {
  margin-top: 25px;
}
.listing-step-one .step-one-body .form-fields .form-field .field-radio .utility {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
.listing-step-one .step-one-body .form-fields .form-field .field-radio .utility span,
.listing-step-one .step-one-body .form-fields .form-field .field-radio .utility input-field {
  flex: 1;
}
.listing-step-one .step-one-body .form-fields .form-field .field-checkbox {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
  flex-direction: column;
}
.listing-step-one .step-one-body .form-fields .form-field .field-checkbox .amenity {
  flex: 1;
  display: flex;
  align-items: center;
  margin: 0px 0px 20px 0px;
}
.listing-step-one .step-one-body .form-fields .form-field .field-checkbox .amenity .check {
  margin-right: 10px;
}
.listing-step-one .step-one-body .form-fields .form-field .field-checkbox .amenity span {
  margin-bottom: 5px;
}
.listing-step-one .step-one-body .form-fields .form-field .field-checkbox .amenity input {
  flex: unset;
}
.listing-step-one .step-one-body .form-fields .form-field .field-checkbox .amenity input:checked::before {
  left: 8px;
  top: 3px;
}
.listing-step-one .step-one-body .form-fields .form-field .file-upload {
  margin: 25px 0px;
}
.listing-step-one .step-one-body .form-fields .collapse-wrapper {
  margin: 30px -40px;
  border: 2px solid #c9d5db;
}
.listing-step-one .step-one-body .form-fields.property-location {
  display: flex;
  flex-direction: column;
}
.listing-step-one .step-one-body .form-fields .select-container {
  display: flex;
  align-items: center;
  width: 100%;
}
.listing-step-one .step-one-body .form-fields .select-container .select-el {
  flex: 1;
}
.listing-step-one .step-one-body .form-fields .select-container .select-icon .fa {
  font-size: 22px;
  color: red;
}
@media (max-width: 575.98px) {
  .listing-step-one .collapse-wrapper {
    margin: 30px -10px;
  }
  .listing-step-one .field-radio .utility {
    flex-direction: column;
    align-items: unset !important;
    margin-bottom: 30px !important;
  }
  .listing-step-one .field-checkbox .amenity span {
    margin-right: 5px;
  }
}

.listing-step-two .step-two-header {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 10px;
}
.listing-step-two .step-two-body .form-fields {
  display: flex;
  flex-direction: column;
}
.listing-step-two .step-two-body .form-fields .form-title {
  font-size: 18px;
  margin: 40px 0px 20px 0px;
}
.listing-step-two .step-two-body .form-fields .form-field {
  margin-bottom: 25px;
}
.listing-step-two .step-two-body .form-fields .form-field .input-field {
  margin-top: 5px;
}
.listing-step-two .step-two-body .form-fields .form-field .select-small {
  max-width: 200px;
}
.listing-step-two .step-two-body .form-fields .form-field .field-radio .listing-radio {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.listing-step-two .step-two-body .form-fields .form-field .field-radio .listing-radio .input-field {
  margin-top: 0;
  margin-right: 40px;
}
.listing-step-two .step-two-body .form-fields .form-field.field-checkbox {
  margin-top: 10px;
  margin-bottom: 0;
}
.listing-step-two .step-two-body .form-fields .form-field.field-checkbox .check {
  width: 25px;
  height: 25px;
}
.listing-step-two .step-two-body .form-fields .form-field.field-checkbox .amenity {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}
.listing-step-two .step-two-body .form-fields .form-field.field-checkbox .amenity span {
  margin-bottom: 5px;
}
.listing-step-two .step-two-body .form-fields .form-field.field-checkbox .amenity input:checked::before {
  left: 8px;
  top: 3px;
}
.listing-step-two .step-two-body .form-fields .form-field.field-checkbox .amenity.with-margin {
  padding-right: 30px;
}
@media (max-width: 575.98px) {
  .listing-step-two .field-radio .listing-radio {
    display: block !important;
  }
  .listing-step-two .field-radio .listing-radio .input-field {
    margin-top: 5px;
    margin-right: 0;
  }
  .listing-step-two .field-checkbox .amenity.with-margin {
    padding-right: 7.5px !important;
  }
}

.listing-step-three .step-three-header {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
  margin-bottom: 20px;
}
.listing-step-three .step-three-header .listing-title {
  text-align: center;
  margin-bottom: 35px;
}
.listing-step-three .step-three-body .form-fields {
  display: flex;
  flex-direction: column;
}
.listing-step-three .step-three-body .form-fields .form-title {
  margin: 20px 0px 20px 0px;
}
.listing-step-three .step-three-body .form-fields .form-field {
  margin-bottom: 20px;
}
.listing-step-three .step-three-body .form-fields .form-field .input-field {
  margin-top: 5px;
}
.listing-step-three .step-three-body .form-fields .form-field .btn-group {
  display: flex;
  height: 40px;
  background-color: #e9ecee;
  border-radius: 4px;
  margin-top: 10px;
}
.listing-step-three .step-three-body .form-fields .form-field .btn-group .btn {
  flex: 1;
  font-size: 0.875rem;
  letter-spacing: 1.25px;
  font-weight: 500;
  color: #1c2630;
  text-align: left;
  padding: 8px 12px;
}
.listing-step-three .step-three-body .form-fields .form-field .btn-group .btn.active {
  color: white;
  background-color: #1e2630;
}
.listing-step-three .step-three-body .form-fields .form-field .btn-group .btn.active:after {
  content: none;
}
.listing-step-three .step-three-body .form-fields .form-field .btn-group .btn:last-of-type:after {
  content: none;
}
.listing-step-three .step-three-body .form-fields .form-field .btn-group .btn:after {
  content: "";
  height: 60%;
  width: 1px;
  position: absolute;
  right: 0;
  top: auto;
  background-color: white;
}
.listing-step-three .space-toolbar input[type=radio] {
  opacity: 0;
  position: fixed;
  width: 0;
}
.listing-step-three .space-toolbar label {
  flex: 1;
  display: inline-block;
  cursor: pointer;
  background-color: #E9ECEE;
  padding: 10px 20px;
  border-radius: 4px;
  font-size: 14px !important;
  text-align: center;
}
.listing-step-three .space-toolbar input[type=radio]:checked + label {
  background-color: #1C3553;
  color: white !important;
}

.listing-step-four .step-four-header {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
  margin-bottom: 25px;
}
.listing-step-four .step-four-header .listing-title {
  margin-bottom: 35px;
  text-align: center;
}
.listing-step-four .step-four-header a {
  color: #1c2630;
}
.listing-step-four .step-four-body .form-fields .form-field {
  margin-bottom: 20px;
}
.listing-step-four .step-four-body .form-fields .form-field .external-offers {
  margin-top: 10px;
}
.listing-step-four .step-four-body .form-fields .form-field .external-offers a {
  color: #fa9483;
  text-decoration: none;
  cursor: pointer;
}

.verification-window .listing-step-verification .step-verification-header .listing-title {
  justify-content: left;
}
.verification-window .listing-step-verification .step-verification-header .listing-subtitle p {
  text-align: left;
}

.listing-step-verification {
  padding: 20px;
  /*    .form-blue-button {
          display: block;
          width: 100px;
          height: 35px;
          margin: 60px auto 0 auto;
          border-radius: 4px !important;
          letter-spacing: 1.25px;
          font-weight: 400;
      }*/
}
.listing-step-verification .close {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #1C2630;
  cursor: pointer;
  opacity: 1;
}
.listing-step-verification .step-verification-header {
  margin: 0 0 60px 0;
}
.listing-step-verification .step-verification-header .listing-title {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.listing-step-verification .step-verification-header .listing-title img {
  height: 26px;
  width: 22px;
  margin-right: 10px;
}
.listing-step-verification .step-verification-header .listing-title strong {
  font-size: 20px;
  color: #1E2630;
  letter-spacing: 0.15px;
}
.listing-step-verification .step-verification-header .listing-subtitle {
  display: block;
  margin: 30px 0;
}
.listing-step-verification .step-verification-header .listing-subtitle p {
  color: #1C2630;
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 24px;
  text-align: center;
}

.listing-step-notification #ui-radio .inner {
  background: #1C3553;
}
.listing-step-notification #ui-radio #radio-ui:checked + label .inner {
  background: #1C3553;
}
.listing-step-notification #ui-radio .outer {
  border: 2px solid #1C3553;
}
.listing-step-notification #ui-radio span {
  font-weight: 400;
  color: #1C2630;
  padding-left: 5px;
}

.image-upload {
  --primary-color: #1c3553;
  --accent-color: #FA9483;
  --bg-light: #e9ecee;
  --border-radius: 8px;
  --spacing: 1rem;
}
.image-upload .show-images {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: var(--spacing);
  background-color: var(--bg-light);
  border-radius: var(--border-radius);
  padding: var(--spacing);
  min-height: 200px;
  margin-bottom: var(--spacing);
}
.image-upload .show-images .no-image {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: calc(var(--spacing) * 2);
}
.image-upload .show-images .no-image img {
  height: 40px;
  margin-bottom: var(--spacing);
  opacity: 0.7;
}
.image-upload .show-images .no-image span {
  color: var(--primary-color);
  font-size: 14px;
  letter-spacing: 0.56px;
  opacity: 0.8;
}
.image-upload .show-images .image-uploaded {
  position: relative;
  aspect-ratio: 1;
  transition: all 0.3s ease-out;
}
.image-upload .show-images .image-uploaded:hover:not(.dragging) {
  transform: scale(1.05);
  z-index: 1;
}
.image-upload .show-images .image-uploaded:hover:not(.dragging) .icon-background,
.image-upload .show-images .image-uploaded:hover:not(.dragging) .icon-background-refresh,
.image-upload .show-images .image-uploaded:hover:not(.dragging) .icon-background-move {
  opacity: 1;
}
.image-upload .show-images .image-uploaded:active {
  cursor: grab;
  transform: scale(1.02);
}
.image-upload .show-images .image-uploaded.dragging {
  opacity: 0.8;
  cursor: grabbing;
  z-index: 2;
  transform: scale(1.1);
}
.image-upload .show-images .image-uploaded .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: calc(var(--border-radius) / 2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.image-upload .show-images .image-uploaded.drag-highlight {
  opacity: 0.5;
  transform: scale(1.05);
  position: relative;
}
.image-upload .show-images .image-uploaded.drag-highlight::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.3);
  border-radius: calc(var(--border-radius) / 2);
}
.image-upload .icon-background,
.image-upload .icon-background-refresh {
  background: var(--primary-color);
  padding: 8px;
  border-radius: 50%;
  position: absolute;
  opacity: 0;
  transition: all 0.2s ease;
  cursor: pointer;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.image-upload .icon-background:hover,
.image-upload .icon-background-refresh:hover {
  transform: scale(1.1);
  background: #294d79;
}
.image-upload .icon-background img,
.image-upload .icon-background-refresh img {
  height: 12px;
  width: 12px;
  margin: 0;
}
.image-upload .icon-background {
  top: 8px;
  right: 8px;
}
.image-upload .icon-background-refresh {
  top: 8px;
  left: 8px;
}
.image-upload .add-image {
  margin-top: var(--spacing);
}
.image-upload .add-image input[type=file] {
  display: none;
}
.image-upload .add-image label.btn.form-blue-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--primary-color);
  color: white;
  padding: 12px 24px;
  border-radius: var(--border-radius);
  cursor: pointer;
  transition: background 0.2s ease;
  font-size: 14px;
}
.image-upload .add-image label.btn.form-blue-button:hover {
  background: #294d79;
}
.image-upload .add-image label.btn.form-blue-button i {
  margin-left: 8px;
}
.image-upload #rotationProgressTotal {
  margin-top: var(--spacing);
  height: 4px;
  background: var(--bg-light);
  border-radius: 2px;
  overflow: hidden;
}
.image-upload #rotationProgressTotal #rotationProgress {
  height: 100%;
  background: var(--accent-color);
  transition: all 0.3s ease;
}

[style*="background: #FA94831A"] {
  margin: var(--spacing) 0;
  border-radius: var(--border-radius);
}
[style*="background: #FA94831A"] svg {
  flex-shrink: 0;
}
[style*="background: #FA94831A"] div {
  color: var(--primary-color);
  font-size: 14px;
  line-height: 1.5;
}

.dragging-clone {
  pointer-events: none;
  transition: transform 0.1s ease-out;
  will-change: transform;
  border-radius: calc(var(--border-radius) / 2);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}
.dragging-clone .icon-background,
.dragging-clone .icon-background-refresh {
  display: none;
}
.dragging-clone img {
  border-radius: calc(var(--border-radius) / 2);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.icon-background-move {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  transition: all 0.2s ease;
}
.icon-background-move:hover {
  background: rgba(255, 255, 255, 0.95);
  transform: translateY(-50%) scale(1.05);
}
.icon-background-move .material-icons {
  transition: transform 0.2s ease;
}
.icon-background-move:hover .material-icons {
  transform: scale(1.1);
}

.icon-left {
  left: 10px;
}

.icon-right {
  right: 10px;
}

.material-icons {
  font-size: 20px;
  color: #333;
}

.doc-multiple-container .upload-area {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border-radius: 8px;
  border: 1px dashed #d6d6d6;
  padding: 2em;
  transition: border-color 0.2s ease;
  height: 300px;
}
.doc-multiple-container .upload-area:hover {
  border-color: #1C2630;
}
.doc-multiple-container .upload-area .upload-content {
  width: 60%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.doc-multiple-container .upload-area .upload-content .cloud-icon {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.doc-multiple-container .upload-area .doc-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.doc-multiple-container .doc-cards .doc-card {
  margin: 5px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #D6D6D6;
  padding: 16px 10px;
  border-radius: 8px;
}
.doc-multiple-container .doc-cards .doc-card .rename-input {
  border: none;
  background: none;
  outline: none;
  font-size: inherit;
  font-family: inherit;
  color: inherit;
}

#syndicationUrls {
  padding: 20px;
}
#syndicationUrls ::-webkit-scrollbar {
  display: none;
}
#syndicationUrls .channelNameLink {
  color: #05668D;
  cursor: pointer;
}
#syndicationUrls .channelNameLink:hover {
  text-decoration: underline;
}
#syndicationUrls .title {
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 17px;
  color: #1C3553;
  text-align: left;
}
#syndicationUrls .urlRow {
  margin: 10px 10% 10px 10%;
}
#syndicationUrls .channel {
  padding-bottom: 10px;
  color: #1C3553;
}
#syndicationUrls .urlDetail {
  align-items: center;
  padding: 10px;
  background: #E9ECEE;
  margin-bottom: 20px;
  display: flex;
  flex: 1;
  border-radius: 3px;
}
#syndicationUrls .urlDetail input {
  width: 100%;
  background: #E9ECEE;
  border: none;
}
#syndicationUrls .copy {
  margin-left: auto;
  background: white;
  justify-content: flex-end;
  padding: 10px 10px 10px 15px;
  color: #1C2630;
  font-weight: 500;
}
#syndicationUrls .copy:hover {
  color: #FA9483;
}
#syndicationUrls .closeModal {
  margin-top: 40px;
  margin-left: 35%;
  margin-right: 35%;
  background: #FA9483;
  padding: 15px;
  text-align: center;
  font-weight: 500;
  color: #1C3553;
  border-radius: 3px;
}
#syndicationUrls .closeModal:hover {
  color: white;
  transform: translateY(-2px);
}

#createListingServiceStep {
  width: 100%;
  margin-top: 20px !important;
}
#createListingServiceStep .service-level-card .referral {
  display: flex;
}
#createListingServiceStep .service-level-card .referral input {
  margin-bottom: 10px;
}
#createListingServiceStep .service-level-card .referral .code-button {
  margin-left: 10px;
}
#createListingServiceStep .service-level-btn {
  display: none;
}
#createListingServiceStep .service-level-payment-btn {
  display: none;
}

#referralChannels {
  background: #1C3553;
  padding: 10px;
  margin: -25px;
}
#referralChannels .modal-title {
  color: white;
  font-size: 22px;
  font-weight: 500;
}
#referralChannels .modal-header {
  border-bottom: none;
}
#referralChannels .modal-header .close {
  display: none;
}
#referralChannels .referralChannelsWrapper {
  display: flex;
  flex-direction: column;
  color: white;
  padding-top: 0px;
}
#referralChannels .referralChannelsWrapper .textField {
  border-radius: 3px;
  padding: 5px 10px 5px 10px;
  margin: 5px 0px 5px 35px;
  border: #1C2630 1px solid;
  color: black;
  width: calc(100% - 40px);
}
#referralChannels .referralChannelsWrapper #saveButton {
  width: 100%;
  padding: 10px;
  background: #FA9483;
  font-weight: 500;
  letter-spacing: 1.25px;
  font-size: 0.875rem;
  color: #1C3553;
  border-radius: 3px;
  margin-top: 20px;
  text-align: center;
  cursor: pointer;
}
#referralChannels .checkBox {
  opacity: 0;
  z-index: 1000;
}
#referralChannels .inputWrapper {
  padding: 5px 0px 5px 0px;
}
#referralChannels .inputWrapper input {
  width: 20px;
  height: 20px;
  margin: 0px;
  z-index: 1000;
}
#referralChannels .inputWrapper .inputText {
  margin-left: 20px;
  font-size: 14px;
}
#referralChannels .inputWrapper .outerCheckBox {
  z-index: 999;
  position: absolute;
  left: 0;
  height: 20px;
  width: 20px;
  border: 2px white solid;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10%;
}
#referralChannels .inputWrapper .innerCheckBox {
  border-radius: 10%;
}

.duuoBanner {
  margin-top: auto;
  background: url(images/duuo.png);
  display: flex;
  padding: 15px;
  width: 400px;
  margin-left: auto;
  margin-top: 20px;
  margin-right: -40px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.duuoBanner .insuranceIcon {
  padding: 10px 13px;
  border-radius: 100%;
  height: fit-content;
  background: #FEF76F;
}
.duuoBanner .duuoContent {
  padding: 6px 20px 0px 15px;
  font-weight: 500;
  color: white;
  font-size: 14px;
}

@media (max-width: 576px) {
  .duuoBanner {
    width: auto;
    margin-right: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }
}
#renterResources .header {
  font-weight: 500;
  color: #1C2630;
  background: white;
  padding: 21px 20px;
  font-size: 16px;
}
#renterResources .resource-content {
  color: #1C2630;
  padding: 20px;
  background: #E9ECEE;
  height: 100%;
  min-height: 100vh;
  display: flex;
}
#renterResources .resource-content .columns {
  flex: 1;
}
#renterResources .duuoBanner {
  background: white;
}
#renterResources .duuoBanner .duuoContent {
  color: black;
  margin-top: 30px;
  margin-left: 30px;
  margin-right: 30px;
}
#renterResources .duuoBanner .duuoContent .duuoQuote {
  background: #F75A58;
  padding: 3px 20px;
  width: fit-content;
  color: white;
  text-align: center;
  margin: auto;
  margin-top: 20px !important;
  border-radius: 20px;
  margin-bottom: 20px;
}
#renterResources .blog {
  display: flex;
  flex-direction: column;
  color: white;
  justify-content: center;
  align-items: center;
  background-size: cover !important;
  height: 200px !important;
  background-position: 0px -80px !important;
  background: url(https://images.squarespace-cdn.com/content/v1/5dcee961f1b9c812704a0e86/1576187884196-7KA65I3VP34CD843C798/ke17ZwdGBToddI8pDm48kDHPSfPanjkWqhH6pl6g5ph7gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z4YTzHvnKhyp6Da-NYroOW3ZGjoBKy3azqku80C789l0mwONMR1ELp49Lyc52iWr5dNb1QJw9casjKdtTg1_-y4jz4ptJBmI9gQmbjSQnNGng/Couch?format=2500w);
}
#renterResources .resource {
  margin: 20px 0px 20px 0px;
  border-radius: 5px;
  height: fit-content;
  width: 100%;
}

#editViewing {
  display: flex;
  flex-direction: column;
  color: #1C3553;
}
#editViewing .center-text {
  text-align: center;
}
#editViewing .flex1 {
  flex: 1;
}
#editViewing .top-banner {
  padding: 13px 10px;
  font-weight: 500;
  position: relative;
}
#editViewing .requestSent {
  background-color: #FFEAC4;
}
#editViewing .requestConfirmed {
  background-color: #84D178;
}
#editViewing .rescheduleButton, #editViewing .cancelButton, #editViewing .shareViewingButton {
  padding: 5px 10px;
  border-radius: 5px;
  font-weight: 500;
  display: flex;
  align-items: center;
  width: 200px;
  cursor: pointer;
}
#editViewing .rescheduleButton {
  border: 2px solid #1C3553;
  margin-bottom: 15px;
}
#editViewing .rescheduleButton:hover {
  color: white;
  background-color: #1C3553;
}
#editViewing .reschedulePanel {
  width: 200px;
  display: flex;
  flex-direction: column;
}
#editViewing .reschedulePanel .date-schedule > div {
  padding: 0;
}
#editViewing .reschedulePanel .date-schedule > div > fieldset > div {
  padding: 0;
}
#editViewing .reschedulePanel .date-schedule > div > fieldset > div > p {
  margin: 0;
}
#editViewing .reschedulePanel .rescheduleSave {
  padding: 5px 10px;
  border-radius: 5px;
  font-weight: 500;
  display: flex;
  align-items: center;
  width: 200px;
  cursor: pointer;
  border: 2px solid #84D178;
  color: #84D178;
  margin-bottom: 15px;
}
#editViewing .reschedulePanel .rescheduleSave:hover {
  color: white;
  background-color: #84D178;
}
#editViewing .cancelButton {
  border: 2px solid #FF7868;
  color: #FF7868;
}
#editViewing .cancelButton:hover {
  color: white;
  background-color: #FF7868;
}
#editViewing .cancelButton:hover i {
  color: white;
}
#editViewing .cancel-confirm-yes, #editViewing .cancel-confirm-no {
  padding: 5px 10px;
  border-radius: 5px;
  font-weight: 500;
  display: flex;
  align-items: center;
  width: 200px;
  cursor: pointer;
}
#editViewing .cancel-confirm-yes {
  border: 2px solid #84D178;
  color: #84D178;
  margin-right: 5px;
}
#editViewing .cancel-confirm-yes:hover {
  color: white;
  background-color: #84D178;
}
#editViewing .cancel-confirm-no {
  border: 2px solid #FF7868;
  color: #FF7868;
  margin-left: 5px;
}
#editViewing .cancel-confirm-no:hover {
  color: white;
  background-color: #FF7868;
}
#editViewing .shareViewingButton {
  background-color: #1C3553;
  color: white;
  border: 2px solid #1C3553;
}
#editViewing .shareViewingButton:hover {
  color: #1C3553;
  background-color: white;
}
#editViewing .shareViewingButton:hover i {
  color: #1C3553;
}
#editViewing #calendar {
  width: 100%;
  max-width: 280px;
  display: flex;
  flex-direction: column;
  background-color: #F2F2F2;
}
#editViewing #calendar .calendar-header {
  padding: 8px 10px;
  background-color: #EBEBEB;
  flex: 1;
  text-align: center;
}
#editViewing #calendar .calendar-day {
  width: 20px;
  background-color: #F2F2F2;
  min-width: 14.2857142857%;
  text-align: center;
  padding: 8px 10px;
}
#editViewing #calendar .circle-date {
  border-radius: 100%;
  border: 2px solid #FA9483;
}
@media (max-width: 768px) {
  #editViewing #editWrapper {
    flex-direction: column;
  }
  #editViewing #calendar {
    margin-bottom: 20px;
    max-width: 100%;
  }
  #editViewing #calendar .calendar-header {
    padding: 12px 10px;
  }
  #editViewing #calendar .calendar-day {
    padding: 12px 10px;
  }
  #editViewing .rescheduleButton, #editViewing .cancelButton, #editViewing .shareViewingButton, #editViewing .cancel-confirm-yes, #editViewing .cancel-confirm-no, #editViewing .reschedulePanel, #editViewing .rescheduleSave, #editViewing .cancelPanel {
    width: 100% !important;
  }
  #editViewing .shareViewingButton {
    margin-top: 15px !important;
  }
}

#createExternalBooking {
  display: flex;
  justify-content: center;
}
#createExternalBooking modal-book {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px;
}
#createExternalBooking modal-book .book-viewing-modal {
  height: fit-content;
  width: fit-content;
  box-shadow: 0px 0px 10px #d2d2d2;
  padding: 30px 60px;
  max-width: 600px;
}
#createExternalBooking modal-book .book-viewing-modal .text-right {
  display: none;
}
#createExternalBooking #editBookings {
  width: fit-content;
  height: fit-content;
  background: white;
  padding: 20px 40px;
  box-shadow: 0px 0px 10px #d2d2d2;
  border-radius: 3px;
}
#createExternalBooking #bookConfirmation {
  display: flex;
  flex-direction: column;
  color: #1C3553;
}
#createExternalBooking #bookConfirmation .confirmationTime {
  display: flex;
  background-color: #FFEAC4;
  padding: 20px;
}
#createExternalBooking #bookConfirmation .confirmationInfo {
  display: flex;
  padding: 20px;
}
#createExternalBooking #bookConfirmation .flex1 {
  flex: 1;
}
#createExternalBooking #bookConfirmation .bold {
  font-weight: 500;
}
#createExternalBooking #bookConfirmation .doneButton {
  padding: 10px;
  background: #1C3553;
  color: white;
  cursor: pointer;
}
#createExternalBooking #bookConfirmation .doneButton:hover {
  color: #FA9483 !important;
}
@media (max-width: 768px) {
  #createExternalBooking #editBookings {
    height: 100%;
    padding: 20px 20px;
  }
  #createExternalBooking modal-book {
    margin: 0px;
  }
  #createExternalBooking modal-book .book-viewing-modal {
    padding: 0px;
    max-width: none;
  }
}

.title-header {
  height: 60px;
  min-height: 60px;
  flex-shrink: 0;
  background: #ffffff;
  color: #1c2630;
  padding: 0 1.2em;
  border-bottom: 1px solid #d6d6d6;
  font-size: 1rem;
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  width: 100%;
}
.title-header #giftRAF .a {
  fill: #fa9483;
}
.title-header .raf-offer {
  display: inline-flex;
  align-items: center;
  margin-left: auto;
  padding: 8px;
  border: solid 1px #EDEDED;
  border-radius: 4px;
  cursor: pointer;
  letter-spacing: 1.25px;
}
.title-header .raf-offer i {
  color: #FA9483;
  font-size: 1rem;
}
.title-header span {
  flex: 1;
  text-align: left;
}
@media (max-width: 768px) {
  .title-header {
    position: sticky;
    padding: 1em;
    font-size: 0.875rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .title-header i.fa-chevron-left {
    font-size: 14px;
    flex: 0 0 auto;
  }
  .title-header span {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    text-align: center;
    margin-left: 0;
  }
  .title-header .raf-offer {
    margin-right: 0;
    padding: 8px;
    flex: 0 0 auto;
  }
  .title-header .raf-offer #getOneMonthFree {
    display: none;
  }
  .title-header .raf-offer img {
    padding-right: 0;
  }
}

.profile-gallery-upload {
  min-height: 300px;
  display: flex;
  flex-direction: column;
}

.image-actions {
  display: flex;
  gap: 5px;
  justify-content: center;
  margin-top: 5px;
}

.thumbnail {
  transition: transform 0.3s ease;
  transform-origin: center;
}

.image-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  padding: 16px;
  min-height: 300px;
  overflow-y: auto;
  border: 1px solid #d6d6d6;
  border-radius: 8px;
}
@media screen and (max-width: 768px) {
  .image-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.image-grid-container .no-image {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 300px;
  text-align: center;
  border: 1px solid #d6d6d6;
  border-radius: 8px;
}
.image-grid-container .no-image span {
  color: #1c3553;
  font-size: 12px;
  margin-top: 10px;
  letter-spacing: 0.56px;
}

.image-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  overflow: hidden;
  border-radius: 4px;
}
.image-wrapper .thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.add-image {
  margin-top: 20px;
}
.add-image input {
  display: none;
}
.add-image label {
  width: 100%;
  height: 100%;
  margin: 0;
}

.ui-text-label {
  display: block;
  margin-bottom: 0.25em;
  font-size: 0.875rem;
  font-weight: 400;
  color: #1C2630;
  text-align: left;
}

.required-marker {
  color: #FF5851;
  margin-left: 4px;
}

.ui-text-container {
  position: relative;
}
.ui-text-container input {
  width: 100%;
  padding: 12px 16px;
  font-size: 1rem;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  background: #ffffff;
  transition: all 0.3s ease;
  font-weight: 500;
  color: #1C2630;
}
.ui-text-container input.has-error {
  border-color: #FF5851;
}
.ui-text-container input.has-error:focus {
  border-color: #FF5851;
  box-shadow: 0 0 0 2px rgba(255, 88, 81, 0.25);
}
.ui-text-container input:focus {
  outline: none;
  border-color: #1C3553;
  box-shadow: 0 0 0 2px rgba(28, 53, 83, 0.2);
}
.ui-text-container input:hover:not(:focus) {
  border-color: #1C2630;
}
.ui-text-container.has-error::before {
  content: "⚠️";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  pointer-events: none;
}

.ui-text-container input.is-disabled {
  background-color: #f5f5f5;
  border-color: #ddd;
  color: #999;
  cursor: not-allowed;
}

.ui-text-container input.is-disabled::placeholder {
  color: #bbb;
}

.password-eye {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: #9e9e9e;
}

.ui-text-error {
  color: #FF5851;
  font-size: 0.75rem;
  margin-top: 0.25rem;
  font-weight: 400;
  min-height: 18px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.ui-text-error span {
  font-size: inherit;
  line-height: 1.2;
  display: block;
}
.ui-text-error[role=alert] {
  animation: shakeError 0.6s ease-in-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes shakeError {
  0%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-4px);
  }
  75% {
    transform: translateX(4px);
  }
}
.ui-text-assist {
  color: #8D9297;
  font-size: 12px;
  margin-top: 4px;
}

.ui-text-area {
  border: 1px solid #d6d6d6;
  width: 100%;
  min-height: 400px;
  padding: 8px 0;
  resize: vertical;
  overflow-y: auto;
  transition: border-color 0.2s ease;
  border-radius: 8px;
  padding: 10px;
}
.ui-text-area:hover {
  border-color: #1C2630;
}

.ui-toggle-switch {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 20px;
  background-color: #d6d6d6;
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.3s;
  margin: 0px;
}

.ui-toggle-switch-checked {
  background-color: #72C163;
}

.ui-toggle-switch-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.ui-toggle-switch input {
  display: none;
}

.ui-toggle-switch input:checked + div {
  left: calc(100% - 18px);
}

.ui-toggle-switch div {
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 14px;
  background-color: #fff;
  top: 50%;
  transform: translateY(-50%);
  left: 4px;
  transition: all 0.4s;
}

.ui-datepicker-wrapper {
  position: relative;
}

.ui-datepicker-label {
  display: block;
  margin-bottom: 0.25em;
  font-size: 0.875rem;
  font-weight: 400;
  color: #1C2630;
  text-align: left;
}

.required-marker {
  color: #FF5851;
  margin-left: 4px;
}

.ui-datepicker {
  position: relative;
}
.ui-datepicker .input-wrapper {
  position: relative;
}
.ui-datepicker .input-wrapper input {
  height: 50px;
  width: 100%;
  padding: 12px 16px;
  font-size: 1rem;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  background: transparent;
  transition: all 0.3s ease;
  font-weight: 500;
  color: #1C2630;
}
.ui-datepicker .input-wrapper input.has-error {
  border-color: #FF5851;
}
.ui-datepicker .input-wrapper input:focus {
  outline: none;
  border-color: #1C3553;
  box-shadow: 0 0 0 2px rgba(28, 53, 83, 0.2);
}
.ui-datepicker .input-wrapper input:hover:not(:focus) {
  border-color: #1C2630;
}
.ui-datepicker .input-wrapper .icon-wrapper {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.ui-datepicker .input-wrapper .icon-wrapper .ui-datepicker-icon {
  width: 16px;
  height: 16px;
  color: #9e9e9e;
}

.ui-datepicker.disabled input {
  background-color: #f5f5f5;
  border-color: #ddd;
  color: #999;
  cursor: not-allowed;
}
.ui-datepicker.disabled input::placeholder {
  color: #bbb;
}
.ui-datepicker.disabled .icon-wrapper {
  cursor: not-allowed;
  opacity: 0.5;
}

.ui-datepicker-error {
  color: var(--error-color, #FF5851);
  font-size: 0.75rem;
  margin-top: 0.25rem;
  font-weight: 400;
}
.ui-datepicker-error span {
  font-size: 0.75rem;
  color: inherit;
}
.ui-datepicker-error[role=alert] {
  animation: fadeIn 0.2s ease-in;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.ui-select-container {
  position: relative;
}
.ui-select-container .ui-select-label {
  font-size: 0.875rem;
  color: #495159;
  margin-bottom: 0.5rem;
}
.ui-select-container .ui-select-label .required-indicator {
  color: #dc3545;
  margin-left: 0.25rem;
}
.ui-select-container .error-message {
  color: #FF5851;
  font-size: 12px;
  margin-top: 4px;
  position: absolute;
}
.ui-select-container .select-wrapper {
  position: relative;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  background: #fff;
  transition: all 0.2s ease;
}
.ui-select-container .select-wrapper.bordered {
  border-width: 1px;
}
.ui-select-container .select-wrapper.error, .ui-select-container .select-wrapper.has-error {
  border-color: #FF5851;
  box-shadow: 0 0 0 1px rgba(255, 88, 81, 0.2);
}
.ui-select-container .select-wrapper.error:focus-within, .ui-select-container .select-wrapper.has-error:focus-within {
  border-color: #FF5851;
  box-shadow: 0 0 0 2px rgba(255, 88, 81, 0.25);
}
.ui-select-container .select-wrapper.error::before, .ui-select-container .select-wrapper.has-error::before {
  content: "⚠️";
  position: absolute;
  right: 48px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  pointer-events: none;
}
.ui-select-container .select-wrapper:hover:not(:focus):not(.disabled) {
  border-color: #1C2630;
}
.ui-select-container .select-wrapper:focus, .ui-select-container .select-wrapper:focus-visible, .ui-select-container .select-wrapper.focused {
  outline: none;
  border-color: #1C3553;
  box-shadow: 0 0 0 2px rgba(28, 53, 83, 0.2);
}
.ui-select-container .select-wrapper.disabled {
  background-color: #e9ecef;
  cursor: not-allowed;
}
.ui-select-container .ui-select-input {
  width: 100%;
  padding: 12px 16px;
  font-size: 1rem;
  font-weight: 500;
  border: none;
  background: transparent;
  cursor: pointer;
  color: #1C2630;
}
.ui-select-container .ui-select-input:focus {
  outline: none;
}
.ui-select-container .ui-select-placeholder {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.2s ease;
  color: #6c757d;
  pointer-events: none;
}
.ui-select-container .ui-select-placeholder.is-floating {
  transform: translateY(-140%) scale(0.85);
  color: #495159;
}
.ui-select-container .select-icons {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: linear-gradient(to right, transparent 0%, white 30%);
  padding-left: 15px;
}
.ui-select-container .select-icons .clear-button,
.ui-select-container .select-icons .dropdown-icon {
  font-size: 1;
  transition: transform 0.2s ease, color 0.2s ease;
  cursor: pointer;
}
.ui-select-container .select-icons .clear-button {
  background: none;
  border: none;
  padding: 0;
  color: #6c757d;
}
.ui-select-container .select-icons .clear-button:hover, .ui-select-container .select-icons .clear-button:focus {
  color: var(--primary-color);
  transform: scale(1.1);
  outline: none;
}
.ui-select-container .select-icons .dropdown-icon {
  color: #6c757d;
}
.ui-select-container .select-icons .dropdown-icon:hover, .ui-select-container .select-icons .dropdown-icon:focus {
  color: var(--primary-color);
  transform: scale(1.1);
  outline: none;
}
.ui-select-container .select-icons .dropdown-icon.rotated {
  transform: rotate(180deg);
}
.ui-select-container .ui-select-options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  color: #1C2630;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  margin-top: 0.25em;
  max-height: 280px;
  overflow-y: auto;
  z-index: 1000;
  display: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.ui-select-container .ui-select-options.visible {
  display: block;
}
.ui-select-container .ui-select-options .ui-select-option {
  padding: 0.5rem 0.75rem;
  cursor: pointer;
}
.ui-select-container .ui-select-options .ui-select-option:hover {
  background-color: #f8f9fa;
}
.ui-select-container .ui-select-options .ui-select-option[aria-selected=true] {
  background-color: #e2e6ea;
}
.ui-select-container:not(:focus-within) .ui-select-container .ui-select-options .ui-select-option {
  display: none !important;
}
.ui-select-container .ui-select-helper {
  margin-top: 0.25rem;
  font-size: 0.875rem;
}
.ui-select-container .ui-select-helper .helper-text {
  color: #6c757d;
}
.ui-select-container .ui-select-helper .error-text {
  color: var(--error-color, #FF5851);
  font-size: 0.75rem;
  margin-top: 0.25rem;
  font-weight: 400;
}
.ui-select-container .required-marker {
  color: #FF5851;
  margin-left: 4px;
}
.ui-select-container .ui-text-error {
  color: #FF5851;
  font-size: 0.75rem;
  margin-top: 0.25rem;
  font-weight: 400;
  min-height: 18px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.ui-select-container .ui-text-error span {
  font-size: inherit;
  line-height: 1.2;
  display: block;
}
.ui-select-container .ui-text-error[role=alert] {
  animation: shakeError 0.6s ease-in-out;
}

@keyframes shakeError {
  0%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-4px);
  }
  75% {
    transform: translateX(4px);
  }
}
#ui-select-search {
  position: relative;
}
#ui-select-search #ui-select-input-bordered:-webkit-autofill {
  box-shadow: none;
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
#ui-select-search input {
  border: 1px solid rgba(255, 255, 255, 0);
  padding-right: 40px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#ui-select-search #searchInput {
  line-height: 2em;
  padding: 5px 10px;
  margin: 1em;
  border: 1px solid #ccc;
  border-radius: 6px;
}
#ui-select-search #ui-select-options {
  position: absolute;
  width: 100%;
  box-shadow: 0 3px 10px #bdbdbd80;
  background: white;
  border-radius: 4px;
  display: flex;
  z-index: 8000;
  visibility: hidden;
  flex-direction: column;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  opacity: 0;
  transition: visibility 0s ease 0.5s, opacity 0.3s;
  overflow-y: auto;
  max-height: 500px;
  cursor: pointer;
}
#ui-select-search #ui-select-options .ui-select-option {
  padding: 15px 20px;
  font-size: 16px;
}
#ui-select-search #ui-select-options .ui-select-option:hover {
  background: #ebebeb;
}
#ui-select-search #ui-select-input {
  padding: 30px 15px 8px 15px;
  background-color: #EFEFEF;
  border-bottom: 1px solid #1C3553;
  margin-bottom: 1px;
  font-size: 16px;
  color: #495159;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  width: 100%;
  cursor: pointer;
}
#ui-select-search #ui-select-input:focus {
  border-bottom: 2px solid #1C3553;
  margin-bottom: 0px;
  background-color: #D2D2D2 !important;
}
#ui-select-search #ui-select-input:hover {
  background-color: #E0E0E0;
}
#ui-select-search #ui-select-input-no-border-bottom {
  padding: 12px 16px;
  background-color: #FFFFFF;
  border: 1px solid #d6d6d6;
  font-size: 1rem;
  font-weight: 500;
  color: #1c2630;
  border-radius: 3px;
  width: 100%;
  cursor: pointer;
}
#ui-select-search #ui-select-input-no-border-bottom:focus {
  background-color: #D2D2D2 !important;
}
#ui-select-search #ui-select-input-no-border-bottom:hover {
  border: 1px solid #1c2630;
}
#ui-select-search #ui-select-input-bordered {
  border: none;
  border-radius: 8px;
  padding: 15px;
  margin-top: 10px;
  margin-bottom: 2px;
  background-color: white !important;
  border: 1px solid #939393;
  font-size: 16px;
  color: #1C2630;
  width: 100%;
  cursor: pointer;
}
#ui-select-search #ui-select-input-bordered:hover {
  border: 1px solid #1C2630;
}
#ui-select-search #ui-select-input-bordered:focus {
  border: 2px solid #1C2630;
  margin-bottom: 0px;
}
#ui-select-search .options-visible {
  visibility: visible !important;
  opacity: 1 !important;
  transition: visibility 0s ease 0s, opacity 0.3s !important;
}
#ui-select-search .chevy-reverse {
  transform: rotate(180deg);
}
#ui-select-search #placeholder {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 15px;
  pointer-events: none;
  align-items: center;
  margin-top: 0;
  color: #8D9297;
  transition: margin-top 0.1s ease 0.3s, font-size 0.1s ease 0.3s;
}
#ui-select-search .placeholder-mobile1 {
  display: flex;
}
#ui-select-search .placeholder-mobile2 {
  display: flex;
}
#ui-select-search #placeholder-bordered {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 15px;
  pointer-events: none;
  margin-top: 25px;
  color: #8D9297;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: -5px;
  font-size: 18px;
  height: fit-content;
  background: white;
  transition: margin-top 0.1s ease 0.3s, font-size 0.1s ease 0.3s;
}
#ui-select-search .placeholder-float {
  margin-top: -25px !important;
  font-size: 14px !important;
  transition: margin-top 0.1s ease, font-size 0.1s ease;
}
#ui-select-search #ui-select-input:focus + #placeholder {
  margin-top: -25px !important;
  font-size: 14px !important;
  transition: margin-top 0.1s ease, font-size 0.1s ease;
  color: #1C3553;
}
#ui-select-search #ui-select-input-no-border-bottom:focus + #placeholder {
  margin-top: -25px !important;
  font-size: 14px !important;
  transition: margin-top 0.1s ease, font-size 0.1s ease;
}
#ui-select-search #ui-select-input-bordered:focus + #placeholder-bordered {
  margin-top: 1px !important;
  font-size: 14px !important;
  transition: margin-top 0.1s ease, font-size 0.1s ease;
  color: #1C2630;
}
#ui-select-search #ui-select-input-bordered:hover + #placeholder-bordered {
  color: #1C2630;
}
#ui-select-search .placeholder-float-bordered {
  margin-top: 1px !important;
  font-size: 14px !important;
  transition: margin-top 0.1s ease, font-size 0.1s ease;
}
#ui-select-search .ui-select-error {
  color: #FF5851;
  font-size: 12px;
  padding-left: 15px;
}
#ui-select-search #chevy {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  transition: transform 0.5s ease;
  pointer-events: none;
}
#ui-select-search #chevy i {
  font-size: 25px;
}
#ui-select-search #mobile-label {
  padding-bottom: 10px;
  font-size: 18px;
  color: #8D9297;
}
#ui-select-search .mobile1 {
  display: none;
}
#ui-select-search .mobile2 {
  display: none;
}

#ui-select-multiple {
  position: relative;
}
#ui-select-multiple #ui-select-input-bordered:-webkit-autofill {
  box-shadow: none;
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
#ui-select-multiple #ui-select-options {
  position: absolute;
  width: 100%;
  box-shadow: 0 3px 10px #bdbdbd80;
  background: white;
  display: flex;
  z-index: 8000;
  visibility: hidden;
  flex-direction: column;
  border-radius: 4px 4px 8px 8px;
  opacity: 0;
  transition: visibility 0s ease 0.5s, opacity 0.3s;
  overflow-y: auto;
  max-height: 500px;
  cursor: pointer;
}
#ui-select-multiple #ui-select-options .ui-select-option {
  padding: 15px 20px;
  font-size: 16px;
}
#ui-select-multiple #ui-select-options .ui-select-option input[type=checkbox] {
  transform: scale(1.25);
}
#ui-select-multiple #ui-select-options .ui-select-option:hover {
  background: #ebebeb;
}
#ui-select-multiple #ui-select-options #ui-select-input-search {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 10px 10px;
  font-size: 1rem;
  font-weight: 500;
  color: #666666;
  margin: 16px;
}
#ui-select-multiple #ui-select-input {
  border: none;
  padding: 30px 15px 8px 15px;
  background-color: #EFEFEF;
  border-bottom: 1px solid #1C3553;
  margin-bottom: 1px;
  font-size: 16px;
  color: #495159;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  width: 100%;
  cursor: pointer;
}
#ui-select-multiple #ui-select-input:focus {
  border-bottom: 2px solid #1C3553;
  margin-bottom: 0;
  background-color: #D2D2D2 !important;
}
#ui-select-multiple #ui-select-input:hover {
  background-color: #E0E0E0;
}
#ui-select-multiple #ui-select-input-no-border-bottom {
  border: 1px solid #d6d6d6;
  padding: 30px 15px 10px 15px;
  background-color: #ffffff;
  font-size: 1rem;
  font-weight: 500;
  color: #1c2630;
  border-radius: 3px;
  width: 100%;
  cursor: pointer;
}
#ui-select-multiple #ui-select-input-no-border-bottom:focus {
  background-color: #D2D2D2 !important;
}
#ui-select-multiple #ui-select-input-no-border-bottom:hover {
  background-color: #E0E0E0;
}
#ui-select-multiple #ui-select-input-bordered {
  border: none;
  border-radius: 8px;
  padding: 15px;
  margin-top: 10px;
  margin-bottom: 2px;
  background-color: white !important;
  border: 1px solid #939393;
  font-size: 16px;
  color: #1C2630;
  width: 100%;
  cursor: pointer;
}
#ui-select-multiple #ui-select-input-bordered:hover {
  border: 1px solid #1C2630;
}
#ui-select-multiple #ui-select-input-bordered:focus {
  border: 2px solid #1C2630;
  margin-bottom: 0px;
}
#ui-select-multiple .options-visible {
  visibility: visible !important;
  opacity: 1 !important;
  transition: visibility 0s ease 0s, opacity 0.3s !important;
}
#ui-select-multiple .chevy-reverse {
  transform: rotate(180deg);
}
#ui-select-multiple #placeholder {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 15px;
  pointer-events: none;
  align-items: center;
  margin-top: 0;
  color: #8D9297;
  font-size: 16px;
  transition: margin-top 0.1s ease 0.3s, font-size 0.1s ease 0.3s;
}
#ui-select-multiple .placeholder-mobile1 {
  display: flex;
}
#ui-select-multiple .placeholder-mobile2 {
  display: flex;
}
#ui-select-multiple #placeholder-bordered {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 15px;
  pointer-events: none;
  margin-top: 25px;
  color: #8D9297;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: -5px;
  font-size: 18px;
  height: fit-content;
  background: white;
  transition: margin-top 0.1s ease 0.3s, font-size 0.1s ease 0.3s;
}
#ui-select-multiple .placeholder-float {
  margin-top: -25px !important;
  font-size: 14px !important;
  transition: margin-top 0.1s ease, font-size 0.1s ease;
}
#ui-select-multiple #ui-select-input:focus + #placeholder {
  margin-top: -25px !important;
  font-size: 14px !important;
  transition: margin-top 0.1s ease, font-size 0.1s ease;
  color: #1C3553;
}
#ui-select-multiple #ui-select-input-no-border-bottom:focus + #placeholder {
  margin-top: -25px !important;
  font-size: 14px !important;
  transition: margin-top 0.1s ease, font-size 0.1s ease;
}
#ui-select-multiple #ui-select-input-bordered:focus + #placeholder-bordered {
  margin-top: 1px !important;
  font-size: 14px !important;
  transition: margin-top 0.1s ease, font-size 0.1s ease;
  color: #1C2630;
}
#ui-select-multiple #ui-select-input-bordered:hover + #placeholder-bordered {
  color: #1C2630;
}
#ui-select-multiple .placeholder-float-bordered {
  margin-top: 1px !important;
  font-size: 14px !important;
  transition: margin-top 0.1s ease, font-size 0.1s ease;
}
#ui-select-multiple .ui-select-error {
  color: #FF5851;
  font-size: 12px;
  position: absolute;
}
#ui-select-multiple #chevy {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  transition: transform 0.5s ease;
  pointer-events: none;
}
#ui-select-multiple #chevy i {
  font-size: 25px;
}
#ui-select-multiple #mobile-label {
  padding-bottom: 10px;
  font-size: 18px;
  color: #8D9297;
}
#ui-select-multiple .mobile1 {
  display: none;
}
#ui-select-multiple .mobile2 {
  display: none;
}

/*
@media (max-width: 768px) {
    #ui-select-multiple {
        .placeholder-mobile1 {
            display: none !important;
        }

        .placeholder-mobile2 {
            display: flex !important;
        }

        #ui-select-input {
            padding: 15px 15px 13px 15px !important;
            color: #495159 !important;
        }

        #ui-select-input-no-border-bottom {
            // padding: 15px !important;
            color: #495159 !important;
        }

        #ui-select-input-bordered{
            color: #1C2630 !important; 
        }

        .mobile1 {
            display: flex !important;
        }
        .mobile1 + #ui-select-input-no-border-bottom {
            padding: 15px !important;
        }
        .mobile1 ~ #chevy {
            height: 52px !important;
        }

        .mobile2 {
            display: none !important;
        }

        // #chevy {
        //     top: auto !important;
        //     padding: 3% !important;
        // }
    }
}*/
#ui-select-group {
  position: relative;
  margin-bottom: 1rem;
}
#ui-select-group #mobile-label.mobile1 {
  display: block;
  font-size: 0.875rem;
  color: #1C2630;
  margin-bottom: 0.25em;
}
#ui-select-group #mobile-label.mobile2 {
  display: none;
}
#ui-select-group #ui-select-input,
#ui-select-group #ui-select-input-no-border-bottom,
#ui-select-group #ui-select-input-bordered {
  width: 100%;
  padding: 12px 16px;
  font-size: 1rem;
  background: transparent;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 500;
  color: #1C2630;
  transition: all 0.3s ease;
}
#ui-select-group #ui-select-input:hover:not(:disabled),
#ui-select-group #ui-select-input-no-border-bottom:hover:not(:disabled),
#ui-select-group #ui-select-input-bordered:hover:not(:disabled) {
  border-color: #1C2630;
}
#ui-select-group #ui-select-input:focus,
#ui-select-group #ui-select-input-no-border-bottom:focus,
#ui-select-group #ui-select-input-bordered:focus {
  outline: none;
  border-color: #1C3553;
  box-shadow: 0 0 0 2px rgba(28, 53, 83, 0.2);
}
#ui-select-group #ui-select-input:disabled,
#ui-select-group #ui-select-input-no-border-bottom:disabled,
#ui-select-group #ui-select-input-bordered:disabled {
  background-color: #f5f5f5;
  border-color: #ddd;
  color: #999;
  cursor: not-allowed;
}
#ui-select-group #placeholder,
#ui-select-group #placeholder-bordered {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.2s ease;
  pointer-events: none;
  color: #8D9297;
}
#ui-select-group #placeholder.placeholder-float, #ui-select-group #placeholder.placeholder-float-bordered,
#ui-select-group #placeholder-bordered.placeholder-float,
#ui-select-group #placeholder-bordered.placeholder-float-bordered {
  top: -20px;
  left: 0;
  font-size: 0.875rem;
  color: #1C2630;
}
#ui-select-group #ui-select-options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  margin-top: 4px;
  max-height: 300px;
  overflow-y: auto;
  z-index: 1000;
  display: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
#ui-select-group #ui-select-options.options-visible {
  display: block;
}
#ui-select-group #ui-select-options .ui-select-group {
  padding: 8px 16px;
  font-size: 0.875rem;
  color: #8D9297;
  font-weight: 500;
  background: #f5f5f5;
}
#ui-select-group #ui-select-options .ui-select-option {
  padding: 8px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
#ui-select-group #ui-select-options .ui-select-option:hover {
  background-color: #f5f5f5;
}
#ui-select-group #ui-select-options .ui-select-option .ui-select-option-content {
  font-size: 1rem;
  color: #1C2630;
}
#ui-select-group #ui-select-options .ui-select-option .pointer {
  color: #8D9297;
}
#ui-select-group #ui-select-options .ui-select-option .pointer:hover {
  color: #FF5851;
}
#ui-select-group #chevy {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: #8D9297;
  pointer-events: none;
  transition: transform 0.2s ease;
}
#ui-select-group #chevy.chevy-reverse {
  transform: translateY(-50%) rotate(180deg);
}
#ui-select-group .ui-select-error {
  color: #FF5851;
  font-size: 0.75rem;
  margin-top: 0.25rem;
  font-weight: 400;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
#ui-feedback {
  color: #757575;
  display: block;
}
#ui-feedback .emoji {
  user-select: none;
  margin-right: 15px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  width: 35px;
}
#ui-feedback .emoji i {
  font-size: 30px;
  transition: font-size 0.3s ease;
}
#ui-feedback .emoji:hover i {
  font-size: 35px;
  transition: font-size 0.3s ease;
}

#ui-radio {
  display: flex;
  align-items: center;
  position: relative;
}
#ui-radio span {
  padding-right: 1.2em;
  padding-left: 0.25em;
}
#ui-radio #radio-ui {
  background-color: transparent;
  width: 20px;
  height: 20px;
  margin: 0;
  opacity: 0;
}
#ui-radio label {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  margin: 0;
}
#ui-radio .outer {
  height: 20px;
  width: 20px;
  border-radius: 100%;
  background: transparent;
  border: 2px solid #1C3553;
  display: flex;
  justify-content: center;
  align-items: center;
}
#ui-radio .inner {
  height: 10px;
  width: 10px;
  border-radius: 100%;
  background: #1C3553;
  opacity: 0;
  transition: opacity 0.3s;
}
#ui-radio #radio-ui:checked + label .inner {
  background: #1C3553;
  opacity: 1 !important;
  transition: opacity 0.3s;
}
#ui-radio input[type=radio] {
  cursor: pointer;
}
#ui-radio input[type=radio]:checked + label {
  background-color: transparent !important;
}

.ui-radio-group {
  display: flex;
  justify-content: space-between;
}
.ui-radio-group .ui-radio-group-label {
  font-size: 1rem;
  font-weight: 500;
  color: #1C2630;
  margin-bottom: 8px;
}
.ui-radio-group .ui-radio-group-label .required {
  color: red;
  margin-left: 4px;
}
.ui-radio-group .ui-radio-group-options {
  display: flex;
  flex-direction: row;
  gap: 24px;
}
.ui-radio-group .ui-radio-option {
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
}
.ui-radio-group .ui-radio-option.disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.ui-radio-group .ui-radio-option .radio-circle {
  width: 20px;
  height: 20px;
  border: 2px solid #1C3553;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  transition: all 0.2s ease;
}
.ui-radio-group .ui-radio-option .radio-circle .radio-inner {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #1C3553;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.ui-radio-group .ui-radio-option.selected .radio-circle .radio-inner {
  opacity: 1;
}
.ui-radio-group .ui-radio-option .radio-label {
  font-size: 1rem;
  color: #495159;
}
.ui-radio-group .ui-radio-group-error {
  font-size: 12px;
  color: red;
  margin-top: 4px;
}

.ui-radio-text {
  font-size: 1rem;
  padding-right: 8px;
}

.base-box {
  border-radius: 8px;
  padding: 1.2em 1em;
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 0;
  text-align: left;
  color: #000000;
  line-height: 1.3;
  text-transform: none;
  letter-spacing: normal;
}
.base-box i {
  font-size: 1.4rem;
  margin-right: 12px;
}
.base-box.blue-box {
  background-color: #355D9B1A;
}
.base-box.blue-box i {
  color: #355D9B;
}
.base-box.green-box {
  background-color: #EBF6EF;
}
.base-box.green-box i {
  color: #4CAF50;
}

#ui-button {
  background: #1C3553;
  padding: 10px;
  color: white;
  border-radius: 8px;
  font-weight: 500;
  cursor: pointer;
  box-shadow: 0 0 10px #e6e6e6;
}

#ui-button:hover {
  background: #294d79;
}

#referFriend {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  overflow-y: auto;
  padding: 2em;
  margin-top: 2em;
}
@media (max-width: 768px) {
  #referFriend {
    margin-top: 0;
    width: 100%;
    border: none;
    padding: 0;
    position: relative;
    top: 2em;
    min-height: calc(100dvh - 120px);
    overflow-y: auto;
  }
}
#referFriend #iconRAF {
  margin: auto;
}
#referFriend #iconRAF .a, #referFriend #iconRAF .b {
  fill: #1b3553;
}
#referFriend #iconRAF .b {
  stroke: #f2f2f2;
  stroke-miterlimit: 10;
  stroke-width: 6px;
}
#referFriend #iconRAF .c {
  fill: #ffffff;
}
#referFriend .inputs {
  width: 100%;
  margin-bottom: 20px;
}
#referFriend .input-wrapper {
  border-radius: 4px;
}
#referFriend #wrapper {
  position: relative;
  padding: 30px 20px;
  border-radius: 8px;
  background: white;
  border: 1.5px solid #d6d6d6;
  min-width: 300px;
  max-width: 500px;
}
@media (max-width: 768px) {
  #referFriend #wrapper {
    border: 0;
    width: 100%;
    padding: 16px;
    margin-bottom: 2rem;
  }
}
#referFriend .send {
  padding: 8px 20px;
  cursor: pointer;
  text-align: center;
  background: #FF9580;
  border-radius: 8px;
  box-shadow: 0 0 10px #e6e6e6;
  color: #1C3553;
  font-size: 14px;
  letter-spacing: 1.25px;
  font-weight: 500;
}
#referFriend .send:hover {
  background: #FBA99B;
}

.lc-bottom-service {
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 8px;
}
.lc-bottom-service .close-img {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 12px;
  cursor: pointer;
}
.lc-bottom-service hr {
  width: 100%;
  height: 1px;
  background-color: #D6D6D6;
  margin: 10px 0 20px 0;
}
.lc-bottom-service .lc-services {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.lc-bottom-service .lc-services .currentLabel {
  color: #1C3553;
  font-size: 13px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.lc-bottom-service .lc-services .upcomingLabel {
  color: #1C3553;
  font-size: 13px;
  margin-bottom: 10px;
  text-transform: uppercase;
  margin-top: 10px;
}
.lc-bottom-service .lc-services span, .lc-bottom-service .lc-services p {
  color: #1c3553 !important;
  font-size: 16px;
  font-weight: 500;
}
.lc-bottom-service .cancelled-chip {
  padding: 3px 8px;
  border-radius: 18px;
  background-color: #FF5851;
}

#submitOfferModal {
  display: flex;
  flex-direction: column;
  padding: 2em;
}
@media (max-width: 768px) {
  #submitOfferModal {
    padding: 0;
  }
}
#submitOfferModal #availableDate {
  background: #D8F6D1;
  border-radius: 2px;
  margin-top: 8px;
  padding: 5px 10px;
  color: #1C2630;
  font-size: 0.875rem;
  font-weight: 500;
}
#submitOfferModal #ui-radio .inner {
  background: #1C3553;
}
#submitOfferModal #ui-radio #radio-ui:checked + label .inner {
  background: #1C3553;
}
#submitOfferModal #ui-radio .outer {
  border: 2px solid #1C3553;
}
#submitOfferModal #ui-radio span {
  font-weight: 400;
  color: #1C2630;
  padding-left: 5px;
}
#submitOfferModal .saveCloseBtn {
  background: #1C3553;
  padding: 8px 10px;
  text-align: center;
  border-radius: 4px;
  color: white;
  font-weight: 500;
  font-size: 16px;
  margin-top: 20px;
  cursor: pointer;
}
#submitOfferModal .topBarMobile {
  display: none;
}
#submitOfferModal #mobile-label {
  font-size: 16px;
}
#submitOfferModal i {
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  font-size: 20px;
  color: #1C3553;
}
#submitOfferModal .dateInput {
  border: none;
  padding: 20px 15px 20px 15px;
  background-color: #EFEFEF;
  font-size: 18px;
  color: #1C2630;
  border-radius: 3px;
  width: 100%;
}
#submitOfferModal .dateInput::placeholder {
  color: #8D9297;
}
#submitOfferModal .dateInput:focus {
  background-color: #D2D2D2 !important;
}
#submitOfferModal .dateInput:hover {
  background-color: #E0E0E0;
}
#submitOfferModal .inputLabel {
  font-size: 14px;
  font-weight: 500;
  color: #1C2630;
  margin-bottom: 10px;
}
#submitOfferModal .submitOfferButton {
  background: #1C3553;
  padding: 8px 10px;
  text-align: center;
  border-radius: 4px;
  color: white;
  font-weight: 500;
  font-size: 16px;
  margin-top: 20px;
  cursor: pointer;
}
#submitOfferModal .offer-amount-details {
  display: flex;
  flex-direction: column;
  margin-bottom: 2em;
  color: #1c2630;
}
#submitOfferModal .property-header {
  display: flex;
  background: #F2F2F2;
  padding: 1em;
  border-radius: 8px;
  align-items: center;
  gap: 1em;
}
#submitOfferModal .property-icon {
  background: #ffffff;
  border-radius: 50%;
  height: 60px;
  width: 60px;
  min-width: 60px;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
}
#submitOfferModal .property-info {
  position: relative;
  width: 100%;
  display: flex;
}
#submitOfferModal .property-icon .material-icons {
  font-size: 36px;
  vertical-align: middle;
  color: #1C3553;
}
#submitOfferModal .property-address {
  font-size: 1.2rem;
  font-weight: 500;
  color: #1C2630;
  display: flex;
  align-items: center;
  max-width: 24ch;
  padding-right: 1em;
  margin-right: auto;
}
#submitOfferModal .property-info-right {
  background-color: #ffffff;
  position: relative;
  padding: 0.6em 1em;
  border-radius: 8px;
  border: 1.5px solid var(--primary-color);
}
#submitOfferModal .property-info-right .property-label {
  display: inline-block;
  font-size: 0.875rem;
  color: #666;
  text-transform: none;
  font-weight: 500;
}
#submitOfferModal .property-info-right .property-price {
  display: block;
  font-size: 2rem;
  font-weight: 500;
  color: #1C2630;
}

.property-address {
  padding-right: 0;
}

.modal-close-button {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: none;
  background: rgba(0, 0, 0, 0.05);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  padding: 0;
}
.modal-close-button .material-icons {
  font-size: 20px;
  color: #1c2630;
}
.modal-close-button:hover {
  background: rgba(0, 0, 0, 0.1);
}
.modal-close-button:active {
  background: rgba(0, 0, 0, 0.15);
}
.modal-close-button:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(49, 130, 206, 0.4);
}

.property-header {
  position: relative;
}

.submitOfferButton {
  margin-bottom: 20px;
  background: #1C3553;
  color: white;
  border: none;
  font-size: 14px;
}
.submitOfferButton:hover {
  color: #FA9483 !important;
}

#login-component {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}
#login-component .login-info {
  flex: 2;
  background: #1c3553;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#login-component .login-info .info-header {
  font-size: 2.5rem;
  font-weight: 400;
  color: white;
  letter-spacing: 0.18px;
  line-height: 1.1;
  margin-top: 40px;
}
#login-component .login-info .info-suffix {
  width: 350px;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.4;
  color: white;
  letter-spacing: 0.18px;
  margin-top: 20px;
}
#login-component .login-wrapper {
  flex: 3;
  width: 100%;
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
}
#login-component .login-wrapper .login-wrapper-box {
  display: flex;
  flex-direction: column;
  width: 450px;
  padding: 1em;
}
@media (max-width: 768px) {
  #login-component .login-wrapper .login-wrapper-box {
    width: 100%;
    padding: 2em;
  }
}
#login-component .login-wrapper .login-wrapper-box .topSliders {
  padding: 8px 10px;
  font-weight: 500;
  color: #1c2630;
  cursor: pointer;
  border-bottom: 3px solid transparent;
  letter-spacing: 1.25px;
}
#login-component .login-wrapper .login-wrapper-box #login-button {
  padding: 15px;
  color: white;
  width: fit-content;
  font-weight: 500;
  border-radius: 4px;
  background: #1c3553;
  letter-spacing: 1.25px;
  cursor: pointer;
}
#login-component .login-wrapper .login-wrapper-box #login-button:hover {
  background: #224166;
}
#login-component .login-wrapper .login-wrapper-box .login-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  align-items: center;
  justify-content: flex-start;
}
#login-component .login-wrapper .login-wrapper-box .login-footer button {
  flex: 1 1 calc(50% - 1em);
  text-align: center;
}
@media (max-width: 800px) {
  #login-component .login-wrapper .login-wrapper-box .login-footer {
    flex-direction: column;
    align-items: stretch;
  }
  #login-component .login-wrapper .login-wrapper-box .login-footer button {
    flex: none;
    width: 100%;
  }
}

@media (max-width: 768px) {
  #login-component {
    flex-direction: column;
  }
  #login-component .login-logo {
    justify-content: center;
  }
  #login-component .login-info {
    width: 100% !important;
    align-items: center;
    padding: 20px;
  }
  #login-component .login-info .login-logo {
    text-align: center;
  }
  #login-component .login-info img {
    margin-top: 20px !important;
  }
  #login-component .login-info .info-header {
    font-size: 30px;
    margin-top: 40px;
    text-align: center;
  }
  #login-component .login-info .info-suffix {
    font-size: 16px !important;
    margin-bottom: 20px;
  }
  #login-component .login-wrapper {
    width: 100%;
    align-items: flex-start;
  }
  #login-component .login-wrapper #login-button {
    width: 100% !important;
    text-align: center;
    margin-top: 20px;
  }
  #login-component .login-wrapper .login-footer {
    flex-direction: column;
  }
  #login-component .login-wrapper .login-footer .forgotPassword {
    margin: auto;
    margin-top: 20px !important;
  }
  #login-component .login-wrapper .ms-login {
    margin-bottom: 20px;
  }
}
.thirdparty-signin-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  border-radius: 4px;
  background: white;
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
  font-weight: 500;
  cursor: pointer;
  transition: background 0.3s, color 0.3s;
}
.thirdparty-signin-button img {
  margin-right: 10px;
}
.thirdparty-signin-button:hover {
  background: var(--primary-color);
  color: white;
}

.forgotPassword {
  margin-left: auto;
  height: fit-content;
  padding: 10px 20px;
  border-radius: 4px;
  cursor: pointer;
}
.forgotPassword a {
  font-weight: 500;
  color: var(--primary-color);
  font-size: 13px;
  letter-spacing: 1.25px;
  text-decoration: none;
}
.forgotPassword:hover {
  background: color-mix(in srgb, var(--primary-color) 10%, transparent);
}

.not-authorized-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 80vh;
  text-align: center;
  width: 100%;
}

.not-authorized-icon {
  font-size: 5rem;
  color: #d9534f;
  margin-bottom: 32px;
  margin-top: 32px;
  box-shadow: 0 4px 24px rgba(217, 83, 79, 0.15);
  border-radius: 50%;
  background: #fff;
  padding: 32px;
}

.not-authorized-image {
  width: 120px;
  height: 120px;
  margin-bottom: 24px;
}

.not-authorized-message {
  font-size: 2rem;
  color: #d9534f;
  font-weight: 600;
  margin-top: 8px;
  letter-spacing: 0.5px;
}

#signup-component {
  min-height: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
}
@media (max-width: 860px) {
  #signup-component {
    flex-direction: column;
  }
}
#signup-component .signup-left {
  padding: 20px;
}
#signup-component .signup-info {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 860px) {
  #signup-component .signup-info {
    flex: 0;
  }
}
#signup-component .signup-info .signup-logo {
  cursor: pointer;
}
#signup-component .signup-info .info-header {
  width: 350px;
  font-size: 2.5rem;
  font-weight: 400;
  color: white;
  letter-spacing: 0.18px;
  line-height: 1.1;
  margin-top: 40px;
}
#signup-component .signup-info .info-suffix {
  width: 350px;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.4;
  color: white;
  letter-spacing: 0.18px;
  margin-top: 20px;
}
#signup-component .signup-info .info-suffix .property-link {
  color: white;
  cursor: pointer;
  font-size: 1.25rem;
}
#signup-component .signup-info .info-suffix .property-link-address {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
#signup-component .signup-wrapper {
  flex: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
}
@media (max-width: 860px) {
  #signup-component .signup-wrapper {
    padding: 2em;
  }
}
#signup-component .signup-wrapper .signup-wrapper-box {
  width: 450px;
  height: fit-content;
  padding: 1em;
}
@media (max-width: 860px) {
  #signup-component .signup-wrapper .signup-wrapper-box {
    width: 100%;
    justify-content: flex-start;
    padding: 0;
  }
}
#signup-component .signup-wrapper .signup-wrapper-box .topSliders {
  padding: 8px 10px;
  font-weight: 500;
  color: #1C2630;
  cursor: pointer;
  border-bottom: 3px solid transparent;
  letter-spacing: 1.25px;
}
#signup-component .signup-wrapper .signup-wrapper-box #signup-button {
  padding: 15px;
  color: white;
  width: 100%;
  font-weight: 500;
  border-radius: 4px;
  background: #1C3553;
  cursor: pointer;
  margin-top: 20px;
  text-align: center;
}
#signup-component .signup-wrapper .signup-wrapper-box #signup-button:hover {
  background: #224166;
}
#signup-component .signup-wrapper .signup-wrapper-box .renterOrPO {
  padding: 5px 8px;
  border: 1px solid #E0E0E0;
  border-radius: 30px;
  margin-left: 10px;
  color: #1C3553;
  cursor: pointer;
}
#signup-component .signup-wrapper .signup-wrapper-box .renterOrPO:hover {
  background: #1c355318;
  border: 1px solid #1C3553 !important;
}
#signup-component .signup-wrapper .signup-wrapper-box #outerCheck {
  background: white;
  border: 2px solid #2F4E72;
  border-radius: 2px;
  position: absolute;
  margin-top: 3px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  width: 17px;
  height: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#signup-component .signup-wrapper .signup-wrapper-box #checkbox-terms-signup + #outerCheck > #innerCheck {
  visibility: hidden;
}
#signup-component .signup-wrapper .signup-wrapper-box #checkbox-terms-signup:checked + #outerCheck {
  background: #2F4E72;
  border: 2px solid #2F4E72;
}
#signup-component .signup-wrapper .signup-wrapper-box #checkbox-terms-signup:checked + #outerCheck > #innerCheck {
  visibility: visible;
}
#signup-component .signup-wrapper .TOSPP {
  color: #1C2630;
}
#signup-component .signup-wrapper .TOSPP a {
  text-decoration: underline;
}

#account-settings {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#account-settings .inputWrapper {
  margin-top: 20px;
}

#label {
  font-size: 0.875rem;
  color: #666666;
  margin-top: 15px;
}

#current-time {
  font-size: 0.875rem;
  color: #1C2630;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.25px;
}

.blueButton {
  background: var(--primary-color);
  font-weight: 500;
  padding: 10px 16px 10px 16px;
  letter-spacing: 1.25px;
  border-radius: 4px;
  font-size: 0.875rem;
  border: none;
  color: white;
  width: 100%;
  cursor: pointer;
}
.blueButton:hover {
  background: var(--primary-color);
  opacity: 0.8;
}
.blueButton:disabled {
  background: var(--primary-color);
  opacity: 0.5;
}

.profile-checkbox {
  display: flex;
  color: #1C2630;
}
.profile-checkbox .info-text {
  display: flex;
  flex: 6;
  flex-direction: column;
}
.profile-checkbox .info-text span {
  font-size: 14px;
}
.profile-checkbox .info-text span:first-of-type {
  margin-bottom: 10px;
}
.profile-checkbox .info-icon {
  flex: 1;
  cursor: pointer;
}
.profile-checkbox .info-icon img {
  float: right;
}
.profile-checkbox.with-margin {
  margin-top: 30px;
}

@media (max-width: 768px) {
  #account-settings {
    margin: 0 !important;
    width: auto !important;
    height: 100%;
  }
}
#apply-listing {
  min-height: 100%;
  display: flex;
}
#apply-listing .f500 {
  font-weight: 500;
}
#apply-listing .f400 {
  font-weight: 400;
}
#apply-listing .f16px {
  font-size: 16px;
}
#apply-listing .f14px {
  font-size: 14px;
}
#apply-listing .cello {
  color: #1C3553;
}
#apply-listing .bunker {
  color: #1C2630;
}
#apply-listing .spacing {
  letter-spacing: 1.25px;
}
#apply-listing .details-wrapper {
  color: #1C2630;
  margin-top: 32px;
  font-size: 0.875rem;
  font-weight: 500;
}
#apply-listing #apply-banner {
  width: 500px;
  padding: 120px 60px 60px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  background: white;
  border-right: 1.5px solid #d6d6d6;
}
#apply-listing #apply-banner .display-step {
  display: flex;
  align-items: baseline;
  cursor: pointer;
}
#apply-listing #apply-banner .display-step .icons {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 10px;
}
#apply-listing #apply-content {
  flex: 1;
  overflow-y: hidden;
  background: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 60px;
  width: 450px;
}
#apply-listing #apply-content #login-component {
  height: auto;
}
#apply-listing #apply-content #login-component .login-wrapper-box {
  padding-top: 0;
}
#apply-listing #apply-content #step-progress {
  display: flex;
  align-items: center;
  flex-direction: column;
}
#apply-listing #apply-content #step-progress #outerProgress {
  background: #FA94835E;
  position: relative;
  width: 100%;
  height: 5px;
  margin: 10px 0;
}
#apply-listing #apply-content #step-progress #outerProgress #innerProgress {
  position: absolute;
  background: #FA9483;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: width 1s;
}
#apply-listing #apply-content .backButton {
  border-radius: 4px;
  border: 1px solid #1C3553;
  color: #1C3553;
  padding: 10px 16px;
  flex: 1;
  text-align: center;
  font-size: 14px;
  letter-spacing: 1.25px;
  font-weight: 500;
  cursor: pointer;
}
#apply-listing #apply-content .backButton:hover {
  background: #1c355315;
}
#apply-listing #apply-content .nextButton {
  border-radius: 4px;
  color: white;
  background: #1C3553;
  padding: 11px 16px;
  flex: 1;
  text-align: center;
  font-size: 14px;
  letter-spacing: 1.25px;
  font-weight: 500;
  cursor: pointer;
}
#apply-listing #apply-content .nextButton:hover {
  background: #1C3553CC;
}
#apply-listing #apply-content .nextButton:disabled {
  background: #1C3553CC;
}
#apply-listing #apply-content .submit-app .info-chip {
  display: flex;
  justify-content: space-between;
  background: #F2F2F2;
  border-radius: 8px;
  padding: 14px;
}
#apply-listing #apply-content .submit-app .info-chip button {
  background: transparent;
  border: 0px;
}
#apply-listing #apply-content #drop {
  width: 100%;
  height: 100%;
  background: #1C35531A;
  border: 1px dashed #666666;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  flex-direction: column;
}
#apply-listing #apply-content .emailSendResend {
  display: none;
}
#apply-listing #apply-content .steps {
  width: 100%;
  display: none;
}
#apply-listing #apply-content .steps .steps__header {
  display: flex;
  justify-content: space-between;
  padding: 20px 16px;
  background-color: #F2F2F2;
  border-bottom: 1px solid #CBCBCB;
}
#apply-listing #apply-content .steps .steps__header .steps__header__main {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  color: #1C2630;
}
#apply-listing #apply-content .steps .steps__content {
  padding: 20px 16px;
  background-color: #F2F2F2;
}
#apply-listing #apply-content .steps .steps__content .display-step {
  display: flex;
  align-items: baseline;
}
#apply-listing #apply-content .steps .steps__content .display-step .icons {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 10px;
}
#apply-listing #apply-content .apply-content-wrapper .startup__screen {
  padding: 30px 16px;
}
#apply-listing #apply-content .apply-content-wrapper .startup__screen .startup__screen__header {
  font-size: 20px;
  font-weight: 500;
  color: #1C2630;
}
#apply-listing #apply-content .apply-content-wrapper .startup__screen .startup__screen__divider {
  height: 2px;
  background: #FA9483;
  margin: 20px 0px;
}
#apply-listing #apply-content .apply-content-wrapper .startup__screen .startup__screen__info {
  font-size: 16px;
  color: #000000DE;
  letter-spacing: 0.25px;
}
#apply-listing #apply-content .mobile-nav {
  position: absolute;
  z-index: 99;
  margin-top: -61px;
  width: 100%;
  height: 60px;
  background: white;
  display: flex;
  align-items: center;
  border-bottom: 1.5px solid #d6d6d6;
}
#apply-listing #apply-content .num-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding: 6px 8px;
  background: #1C3553;
  font-weight: 500;
  color: #fff;
}
#apply-listing .link-button {
  font-size: 16px;
  font-weight: 400;
  color: #1c3553;
  width: fit-content;
  border-radius: 4px;
  padding: 10px 16px;
  margin-left: -16px;
  cursor: pointer;
}
#apply-listing .link-button:hover {
  background: #1C355314;
}
#apply-listing .startup__next {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  text-transform: uppercase;
  text-align: center;
  color: white;
  background-color: #1C3553;
  padding: 20px 0px;
}
@media (max-width: 768px) {
  #apply-listing #apply-banner {
    display: none;
  }
  #apply-listing #apply-content {
    margin-top: 120px;
    min-width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }
  #apply-listing #apply-content .apply-content-wrapper {
    width: 100% !important;
    padding: 32px 16px 0;
    margin-top: 0 !important;
    overflow-y: hidden;
  }
  #apply-listing #apply-content .apply-content-wrapper .signup-wrapper {
    padding: 0 16px;
  }
  #apply-listing #apply-content .apply-content-wrapper .signup-wrapper .signup-wrapper-box {
    padding: 0;
  }
  #apply-listing #apply-content .apply-content-wrapper .login-wrapper {
    padding: 0 16px;
  }
  #apply-listing #apply-content .apply-content-wrapper .login-wrapper .login-wrapper-box {
    padding: 0;
  }
  #apply-listing #apply-content .bottom-buttons {
    width: 100% !important;
    padding: 0 16px;
  }
  #apply-listing #apply-content .steps {
    display: block;
  }
  #apply-listing #signup-button {
    display: none;
  }
  #apply-listing #login-button {
    display: none;
  }
}

.form-section {
  border-bottom: 1.5px solid #d6d6d6;
  margin-bottom: 32px;
  margin-top: 32px;
  padding-top: 32px;
  padding-bottom: 32px;
}

.af-side-headings-wrapper {
  display: flex;
  flex-direction: column;
  padding-top: 64px;
  padding-left: 48px;
  padding-right: 48px;
  min-height: 100%;
}
.af-side-headings-wrapper .af-side-headings-title {
  font-size: 48px;
  line-height: 1.15;
  margin-bottom: 20px;
}
.af-side-headings-wrapper .af-side-headings-subtitle {
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 20px;
}
.af-side-headings-wrapper .af-info-suffix {
  max-width: 350px;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.4;
  color: white;
  letter-spacing: 0.18px;
  margin-top: 20px;
}
.af-side-headings-wrapper .af-info-suffix .af-property-link {
  cursor: pointer;
  font-size: 1.25rem;
}
.af-side-headings-wrapper .af-info-suffix .af-property-link-address {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.af-side-headings-wrapper .af-side-step-hr {
  border-top: 2px solid #fa9483;
  margin: 25px 0;
}
.af-side-headings-wrapper .display-step {
  display: flex;
  align-items: baseline;
}
.af-side-headings-wrapper .display-step .icons {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 10px;
}

.af-side-headings-wrapper-mobile {
  display: flex;
  flex-direction: column;
  padding-top: 24px;
  padding-left: 24px;
  padding-right: 24px;
}
.af-side-headings-wrapper-mobile .display-step {
  display: flex;
  align-items: baseline;
}
.af-side-headings-wrapper-mobile .display-step .icons {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 10px;
}

.mobile-application-step-wrapper {
  position: relative;
  padding: 2em;
}

.review-offer-card {
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  margin-bottom: 20px;
}
.review-offer-card .review-offer-card-title {
  font-size: 20px;
  line-height: 1.2;
  margin-top: 20px;
  margin-left: 16px;
  margin-right: 16px;
}
.review-offer-card .review-offer-card-content {
  padding: 16px;
}

.submit-app .info-chip {
  display: flex;
  justify-content: space-between;
  background: #F2F2F2;
  border-radius: 8px;
  padding: 14px;
}
.submit-app .info-chip button {
  background: transparent;
  border: 0px;
}

.pillText {
  display: flex;
  width: 100px;
  padding: 4px 14px;
  font-weight: 500;
  justify-content: center;
  align-items: center;
  border-radius: 200px;
  color: white;
  text-align: center;
  font-size: 14px;
  background: #72c163;
}
.pillText.current {
  background: #666666;
}

.application-wrapper {
  min-height: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
}
@media (max-width: 1200px) {
  .application-wrapper {
    flex-direction: column;
    overflow-y: auto;
    height: auto;
  }
}

.application-left {
  flex: 1;
  min-width: 150px;
  max-width: 600px;
  display: flex;
  flex-direction: column;
  height: auto;
  border-right: 1px solid #d6d6d6;
}
.application-left .af-side-headings-wrapper {
  padding: 2em;
  flex: 1;
  display: flex;
  flex-direction: column;
  padding-bottom: 4em;
}
.application-left .application-left-collapsible-section {
  border: 1px solid #345D9B;
  border-radius: 4px;
  margin-bottom: 2em;
}
.application-left .collapsible-header {
  padding: 1em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  background-color: #EAEEF5;
  border-radius: 4px;
}
.application-left .collapsible-header .chevron-icon {
  transition: transform 0.3s ease;
  display: flex;
  align-items: center;
  height: 20px;
  transition: transform 0.3s ease;
}
.application-left .collapsible-header .chevron-icon.chevron-expanded {
  transform: rotate(180deg);
}
.application-left .collapsible-header span {
  display: inline-flex;
  align-items: center;
}
.application-left .collapsible-header .header-content {
  display: flex;
  align-items: center;
  gap: 8px;
  line-height: 1;
}
.application-left .collapsible-header .info-icon {
  color: #345D9B;
  font-size: 20px;
  display: flex;
  align-items: center;
  height: 20px;
  line-height: 1;
}
.application-left .collapsible-header:hover {
  background-color: #f0f0f0;
}
.application-left .collapsible-content {
  transition: max-height 0.5s ease-out, opacity 0.5s ease-out;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0 1em;
}
.application-left .collapsible-content.ng-hide {
  max-height: 0;
  opacity: 0;
}
.application-left .collapsible-content:not(.ng-hide) {
  max-height: 2000px;
  opacity: 1;
  padding: 1em;
}
.application-left .collapsible-content ul {
  margin: 0;
}

.af-content-wrapper {
  flex: 1;
  height: 100%;
  min-width: 350px;
  padding: 2em;
}
@media (max-width: 1200px) {
  .af-content-wrapper {
    width: 100%;
    padding: 1em;
    margin-bottom: 120px;
  }
}

.af-content {
  max-width: 600px;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .af-content {
    width: 100%;
  }
}

.nav-button-wrapper {
  display: flex;
  margin: 4em 0;
  gap: 1em;
}
@media (max-width: 768px) {
  .nav-button-wrapper {
    margin-bottom: 2em;
  }
}

#step-progress {
  display: flex;
  align-items: center;
  flex-direction: column;
}
#step-progress #outerProgress {
  background: #FA94835E;
  position: relative;
  width: 100%;
  height: 5px;
  margin: 10px 0;
}
#step-progress #outerProgress #innerProgress {
  position: absolute;
  background: #FA9483;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 0%;
  transition: width 1s;
}

/* Mobile Application Step Wrapper */
.mobile-application-step-wrapper {
  cursor: pointer;
  padding: 10px;
  background-color: #fff;
  border-bottom: 1px solid #e0e0e0;
}

.mobile-nav-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
}

.nav-title {
  font-size: 16px;
  font-weight: 500;
  color: #333;
}

.chevron-icon span {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
}

.chevron-down {
  background-image: url("../images/icons/chevron-down.svg");
  /* Replace with your SVG icon */
}

.chevron-up {
  background-image: url("../images/icons/chevron-up.svg");
  /* Replace with your SVG icon */
}

.af-side-headings-wrapper-mobile {
  margin-top: 10px;
}

.display-step {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.icons {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 10px;
}

.circle-icon {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #333;
}

.circle-icon.filled {
  background-color: #333;
}

.arrow-icon {
  transform: scale(0.6);
  margin-top: -6px;
  height: 43px;
}

.step-label {
  font-size: 16px;
  font-weight: 500;
  color: #333;
  cursor: pointer;
}

.coverage-list {
  list-style: none;
  padding-left: 0;
}
.coverage-list li {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.coverage-list li .check-icon {
  color: #4CAF50;
  font-size: 20px;
  margin-right: 8px;
}
.coverage-list .check-icon {
  color: #4CAF50;
  font-size: 20px;
  margin-right: 8px;
}

.coverage-actions {
  display: flex;
  flex-direction: column;
  gap: 0.6em;
  max-width: fit-content;
}
.coverage-actions .btn-sm {
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 1.25px;
  font-weight: 500;
  padding: 4px 8px;
  text-transform: uppercase;
  min-width: 80px;
  border-radius: 4px;
  font-weight: 500;
  border: none !important;
  transition: all 0.2s ease;
}
.coverage-actions .btn-sm.btn-danger-outline {
  color: #FF5851;
  border: 1px solid #FF5851 !important;
  background: transparent;
}
.coverage-actions .btn-sm.btn-danger-outline:hover {
  background: #FF5851;
  color: white;
}
.coverage-actions .btn-sm.btn-accent {
  color: white;
  background: #1C3553;
  border: none !important;
}
.coverage-actions .btn-sm.btn-accent:hover {
  opacity: 0.8;
  color: white;
}

.document-list {
  padding-left: 24px;
  margin-top: 12px;
}
.document-list > li {
  margin-bottom: 12px;
  line-height: 1.5;
  position: relative;
}
.document-list > li::before {
  font-family: "Material Icons";
  content: "check";
  position: absolute;
  left: -24px;
  color: #72C163;
  font-size: 1rem;
}
.document-list > li ul {
  margin-top: 8px;
  padding-left: 24px;
}
.document-list > li ul li {
  margin-bottom: 8px;
  position: relative;
}
.document-list > li ul li::before {
  font-family: "Material Icons";
  content: "check";
  position: absolute;
  left: -24px;
  color: #72C163;
  font-size: 0.875rem;
}
.document-list > li ul li:last-child {
  margin-bottom: 0;
}

.info-chip {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1em 2em;
  background: #f5f6f7;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.info-chip:hover {
  background: #ecedef;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.info-chip:active {
  transform: translateY(0);
  background: #e5e7e9;
}
.info-chip span {
  color: #1c3553;
  font-weight: 500;
  letter-spacing: 1.25px;
}
.info-chip div {
  margin-right: 12px;
}

.confirmation-heading {
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 1rem;
  color: #1c2630;
}

.sample-doc-link {
  color: #155E9B;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.sample-doc-link:hover {
  text-decoration: underline;
}
.sample-doc-link i {
  margin-right: 4px;
}

/* Save Progress Indicator Styles */
.save-status-container {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0.75em;
  border-radius: 4px;
  background-color: #f8f9fa;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.save-progress .progress {
  height: 6px;
  border-radius: 3px;
  background-color: #e9ecef;
  margin-bottom: 0.5em;
  overflow: hidden;
}
.save-progress .save-progress-bar {
  height: 100%;
  border-radius: 3px;
  background-color: var(--primary-color, #1c3553);
  transition: width 0.3s ease;
  animation: progress-bar-stripes 1s linear infinite;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}
.save-progress .save-status-text {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.85rem;
  color: #1c2630;
}
.save-progress .save-status-text span {
  font-size: 0.85rem !important;
  font-weight: 500;
}
.save-progress .save-status-text span i {
  margin-right: 0.4em;
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.navbar-kijiji {
  background-color: #373373;
  position: absolute;
  width: 100%;
  top: 0;
}
.navbar-kijiji .language-btn-wrapper {
  position: absolute;
  right: 0;
  margin-right: 20px;
  margin-top: 8px;
  background-color: #00000077;
  border-radius: 16px;
}
.navbar-kijiji .language-btn-wrapper .language-btn {
  padding: 4px 12px;
  border-radius: 16px;
  color: #fff;
  font-size: 12px;
  font-style: bold;
}

.kaf-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 50px;
  display: flex;
  background-color: #fff;
}
.kaf-wrapper .kaf-side-section {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding-top: 64px;
  padding-left: 48px;
  padding-right: 48px;
  height: 100%;
  border-right: 1.5px solid #d6d6d6;
}
.kaf-wrapper .kaf-side-section .kaf-side-headings-title {
  font-size: 36px;
  line-height: 1.15;
  margin-bottom: 20px;
}
.kaf-wrapper .kaf-side-section .kaf-side-headings-subtitle {
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 20px;
}
.kaf-wrapper .kaf-side-section .kaf-info-suffix {
  width: 350px;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.4;
  color: white;
  letter-spacing: 0.18px;
  margin-top: 20px;
}
.kaf-wrapper .kaf-side-section .kaf-info-suffix .kaf-property-link {
  cursor: pointer;
  font-size: 1.25rem;
}
.kaf-wrapper .kaf-side-section .kaf-info-suffix .kaf-property-link-address {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kaf-wrapper .kaf-side-section .kaf-side-step-hr {
  border-top: 2px solid #fa9483;
  margin: 25px 0;
}
.kaf-wrapper .kaf-side-section .display-step {
  display: flex;
  align-items: baseline;
}
.kaf-wrapper .kaf-side-section .display-step .icons {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 10px;
}
.kaf-wrapper .kaf-form-section {
  flex: 2;
  height: 100%;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.kaf-wrapper .kaf-form-section .kaf-top-nav-menu {
  width: 100%;
  padding: 12px;
  border-bottom: 1px solid #d6d6d6;
}
.kaf-wrapper .kaf-form-section .kaf-top-nav-menu .display-step {
  display: flex;
  align-items: baseline;
}
.kaf-wrapper .kaf-form-section .kaf-top-nav-menu .display-step .icons {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 10px;
}
.kaf-wrapper .kaf-form-section .kaf-form-section-content {
  flex: 1;
  padding: 16px;
  width: 100%;
}
.kaf-wrapper .kaf-form-section .kaf-form-section-content #step-progress {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.kaf-wrapper .kaf-form-section .kaf-form-section-content #step-progress #outerProgress {
  background: #FA94835E;
  position: relative;
  width: 100%;
  height: 5px;
  margin: 10px 0;
}
.kaf-wrapper .kaf-form-section .kaf-form-section-content #step-progress #outerProgress #innerProgress {
  position: absolute;
  background: #FA9483;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 0%;
  transition: width 1s;
}
.kaf-wrapper .kaf-form-section .kaf-form-section-content .submit-app .info-chip {
  display: flex;
  justify-content: space-between;
  background: #F2F2F2;
  border-radius: 8px;
  padding: 14px;
}
.kaf-wrapper .kaf-form-section .kaf-form-section-content .submit-app .info-chip button {
  background: transparent;
  border: 0px;
}
@media (min-width: 768px) {
  .kaf-wrapper .kaf-form-section-content {
    max-width: 500px;
    margin: 0 auto;
  }
}

.kaf-checkbox {
  display: flex;
  margin-bottom: 12px;
  margin-right: 8px;
  line-height: 0;
}
.kaf-checkbox .kaf-checkbox-container {
  margin-right: 10px;
}
.kaf-checkbox .kaf-checkbox-container .kaf-checkbox-label .kaf-checkbox-selector input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 20px;
  width: 20px;
  margin: 0;
  border: 1.5px solid #40BB71;
  border-radius: 3px !important;
  outline: none;
  background-color: transparent;
  transition-duration: 0.3s;
  cursor: pointer;
}
.kaf-checkbox .kaf-checkbox-container .kaf-checkbox-label .kaf-checkbox-selector input:checked {
  background-color: #40BB71;
  border: none;
}
.kaf-checkbox .kaf-checkbox-container .kaf-checkbox-label .kaf-checkbox-selector input:checked::before {
  content: "✓";
  display: block;
  background: url(images/icons/Icon-check.svg) no-repeat;
  background-position: center;
  top: 0.6em;
  color: transparent;
  transform: scale(1);
}
.kaf-checkbox .kaf-checkbox-container .kaf-checkbox-label .kaf-checkbox-selector input.disabled {
  opacity: 0.6;
  cursor: initial;
}
.kaf-checkbox .kaf-checkbox-title {
  font-size: 14px;
  line-height: 1.5;
}

#rental-needs {
  margin-top: 2em;
}
#rental-needs .pet-list-item {
  margin-top: 1em;
  background-color: #f8f8f8;
  padding: 1.2em 1em;
  border-radius: 8px;
}
#rental-needs .pet-list-item .question {
  margin-bottom: 8px;
}
#rental-needs .rental-needs-radio {
  display: flex;
  flex-direction: column;
  color: #1C2630;
  margin-bottom: 32px;
}
#rental-needs .rental-needs-radio:last-child {
  margin-bottom: 0;
  /* Set the margin-bottom to 0 for the last child */
}
#rental-needs .rental-needs-inputs {
  display: flex;
  flex-direction: column;
  color: #1C2630;
  margin-bottom: 1.2em;
}
#rental-needs .rental-needs-inputs .question {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 8px;
}
#rental-needs .optional {
  color: #666666;
  margin-left: 5px;
}
#rental-needs #ui-radio .inner {
  background: #1C3553;
}
#rental-needs #ui-radio #radio-ui:checked + label .inner {
  background: #1C3553;
}
#rental-needs #ui-radio .outer {
  border: 2px solid #1C3553;
}
#rental-needs #ui-radio span {
  font-weight: 400;
  color: #1C2630;
  padding-left: 5px;
}

#rental-preferences {
  color: #1C2630;
}
#rental-preferences .rental-preferences-inputs {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.2em;
}
#rental-preferences .question {
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
  color: #495159;
}
#rental-preferences .optional {
  color: #666666;
  margin-left: 5px;
}
#rental-preferences .amenity {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
#rental-preferences .amenityTitle {
  margin-left: 1em;
  font-size: 1rem;
  color: #1C2630;
  font-weight: 400;
}
#rental-preferences .title-checkbox {
  font-size: 1rem;
  color: #1C2630;
  font-weight: 500;
  margin-bottom: 1.2em;
}

.date-picker-label {
  display: block;
  margin-bottom: 0.5rem;
}
.date-picker-button {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.75rem;
}
.date-picker-button:hover {
  color: #0066cc;
  opacity: 0.8;
}
.date-picker-button i {
  color: #666;
}

#education-info {
  margin-top: 30px;
}
#education-info .education {
  margin-top: 32px;
  position: relative;
  padding-bottom: 20px;
  border-bottom: 1.5px solid #D6D6D6;
}
#education-info .education .field {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.2em;
}
#education-info .question {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
  color: #1C2630;
}
#education-info .optional {
  color: #666666;
  margin-left: 5px;
}

.renter-profile-modal {
  position: relative;
  color: #1C3553;
  height: 70vh;
  overflow-y: scroll;
  padding: 22px 40px;
}
.renter-profile-modal .phone-label {
  color: #1C2630;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}
.renter-profile-modal .line-break {
  height: 2px;
  background: #e1e1e1;
  margin: 20px 0px;
}
.renter-profile-modal .save-btn {
  border-radius: 4px;
  color: white;
  background: #1C3553;
  padding: 11px 16px;
  width: 100%;
  text-align: center;
  font-size: 14px;
  letter-spacing: 1.25px;
  font-weight: 500;
  cursor: pointer;
  text-transform: uppercase;
}
.renter-profile-modal .save-btn:hover {
  background: #1C3553CC;
}
.renter-profile-modal .emailSendResend {
  display: none;
}

.emailSendResend {
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 1.25px;
  font-weight: 500;
  border: 1px solid #1C3553;
  background-color: transparent;
  padding: 0.25em 1.2em;
  border-radius: 4px;
  transition: all 0.3s ease;
}
.emailSendResend:hover {
  background-color: #1C3553;
  color: white;
  cursor: pointer;
}
.emailSendResend:disabled {
  opacity: 0.5;
  border-color: #8895A7;
  color: #8895A7;
  cursor: not-allowed;
}
.emailSendResend:disabled:hover {
  background-color: transparent;
  color: #8895A7;
}

.renter-profile-modal {
  position: relative;
}
.renter-profile-modal .modal-close-button {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: none;
  background: rgba(0, 0, 0, 0.05);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  padding: 0;
}
.renter-profile-modal .modal-close-button .material-icons {
  font-size: 20px;
  color: #1c2630;
}
.renter-profile-modal .modal-close-button:hover {
  background: rgba(0, 0, 0, 0.1);
}
.renter-profile-modal .modal-close-button:active {
  background: rgba(0, 0, 0, 0.15);
}
.renter-profile-modal .modal-close-button:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(49, 130, 206, 0.4);
}

.renter-assessment-modal {
  position: relative;
  color: #1C3553;
  height: 70vh;
  overflow-y: scroll;
  padding: 22px 40px;
}
.renter-assessment-modal .phone-label {
  color: #1C2630;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}
.renter-assessment-modal .line-break {
  height: 2px;
  background: #e1e1e1;
  margin: 20px 0px;
}
.renter-assessment-modal .save-btn {
  border-radius: 4px;
  color: white;
  background: #1C3553;
  padding: 11px 16px;
  width: 100%;
  text-align: center;
  font-size: 14px;
  letter-spacing: 1.25px;
  font-weight: 500;
  cursor: pointer;
  text-transform: uppercase;
}
.renter-assessment-modal .save-btn:hover {
  background: #1C3553CC;
}
.renter-assessment-modal .emailSendResend {
  display: none;
}

.renter-assessment-modal {
  position: relative;
}
.renter-assessment-modal .modal-close-button {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: none;
  background: rgba(0, 0, 0, 0.05);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  padding: 0;
}
.renter-assessment-modal .modal-close-button .material-icons {
  font-size: 20px;
  color: #1c2630;
}
.renter-assessment-modal .modal-close-button:hover {
  background: rgba(0, 0, 0, 0.1);
}
.renter-assessment-modal .modal-close-button:active {
  background: rgba(0, 0, 0, 0.15);
}
.renter-assessment-modal .modal-close-button:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(49, 130, 206, 0.4);
}

#employment {
  display: flex;
  flex-direction: column;
  padding-bottom: 1em;
}
#employment .employment-radio {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: #1C2630;
  margin-bottom: 1.2em;
}
#employment .employment-radio .question {
  font-size: 1rem;
  font-weight: 400;
}
#employment .employment-radio:last-child {
  margin-bottom: 0;
  /* Set the margin-bottom to 0 for the last child */
}
#employment .employment-inputs,
#employment .employment-inputs-last {
  display: flex;
  flex-direction: column;
  color: #1C2630;
  margin-bottom: 1.2em;
}
#employment .employment-inputs .question,
#employment .employment-inputs-last .question {
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 8px;
}
#employment .employment-inputs-last {
  margin-bottom: 2em;
}
#employment .optional {
  color: #666666;
  margin-left: 5px;
}
#employment .title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
  color: #1C2630;
}
#employment .form-field {
  margin-bottom: 10px;
}
#employment #ui-radio .inner {
  background: #1C3553;
}
#employment #ui-radio #radio-ui:checked + label .inner {
  background: #1C3553;
}
#employment #ui-radio .outer {
  border: 2px solid #1C3553;
}
#employment #ui-radio span {
  font-weight: 400;
  color: #1C2630;
  padding-left: 0.25em;
}

#personal-references .references-radio {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  color: #1C2630;
  margin-bottom: 1.2em;
  gap: 1em;
}
#personal-references #ui-radio .inner {
  background: #1C3553;
}
#personal-references #ui-radio #radio-ui:checked + label .inner {
  background: #1C3553;
}
#personal-references #ui-radio .outer {
  border: 2px solid #1C3553;
}
#personal-references #ui-radio span {
  font-weight: 400;
  color: #1C2630;
  padding-left: 5px;
}

#credit-check-info .ui-input {
  margin-bottom: 1.2em;
}
#credit-check-info .dateInput {
  border: none;
  padding: 20px 15px 20px 15px;
  background-color: #EFEFEF;
  font-size: 16px;
  color: #1C2630;
  border-radius: 3px;
  width: 100%;
}
#credit-check-info .dateInput::placeholder {
  color: #8D9297;
}
#credit-check-info .dateInput:focus {
  background-color: #D2D2D2 !important;
}
#credit-check-info .dateInput:hover {
  background-color: #E0E0E0;
}
#credit-check-info .credit-check-info-radio {
  display: flex;
  flex-direction: column;
  color: #1C2630;
  margin-bottom: 1.2em;
  gap: 0.25em;
}
#credit-check-info .credit-check-info-inputs {
  display: flex;
  flex-direction: column;
  color: #1C2630;
  margin: 2em 0;
}
#credit-check-info .credit-check-info-inputs .question {
  margin-bottom: 0.25em;
}
#credit-check-info .optional {
  color: #666666;
  margin-left: 5px;
}
#credit-check-info .dateInput {
  border: none;
  padding: 20px 15px 20px 15px;
  background-color: #EFEFEF;
  font-size: 16px;
  color: #1C2630;
  border-radius: 3px;
  width: 100%;
}
#credit-check-info .dateInput::placeholder {
  color: #8D9297;
}
#credit-check-info .dateInput:focus {
  background-color: #D2D2D2 !important;
}
#credit-check-info .dateInput:hover {
  background-color: #E0E0E0;
}
#credit-check-info .error-card {
  margin-top: 2em;
  margin-bottom: 2em;
  padding: 2em 1.2em;
  background: #FF585114;
  border: 1px solid #ED6958;
  border-radius: 8px;
  font-size: 1rem;
  line-height: 1.3;
}
#credit-check-info .error-card a {
  text-decoration: underline;
}
#credit-check-info .success-card {
  margin-top: 15px;
  padding: 15px 20px;
  border: 1px solid #72C163;
  background: #72C16305;
  border-radius: 8px;
  font-size: 16px;
}

.required-indicator {
  color: #dc3545;
}

/* #listings-title-header {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    background: white;
    padding-left: 30px;
    font-family: "Roboto", medium !important;
    font-weight: 500;
    color: black;
    font-size: 16px;
    // box-shadow: 0 0 5px #d9d9d9;
    position: relative;
  } */
/*   #yourListingsTitle {
    letter-spacing: 0.8px;
    font-size: 16px;
  } */
.renter-listings {
  display: flex;
  flex-direction: column;
}
.renter-listings .noListings {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 600px;
  background: white;
}
.renter-listings #listViewListingsWrapper {
  display: flex;
  flex-direction: column;
  background: white;
  margin-bottom: 100px;
  box-shadow: 0 0 10px #c7c7c7;
  border-radius: 8px;
}
.renter-listings #listViewListingsWrapper #topFilter {
  display: flex;
  background: #1C3553;
  align-items: center;
  height: 48px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden;
}
.renter-listings #listViewListingsWrapper #topFilter div {
  padding: 0 20px 0 20px;
  display: flex;
  height: 100%;
  font-size: 14px;
  align-items: center;
  cursor: pointer;
  border-bottom: 3px solid transparent;
  width: 150px;
  justify-content: center;
  letter-spacing: 1.25px;
}
.renter-listings #listViewListingsWrapper #topFilter div:hover {
  background: #495D75;
}
.renter-listings #listViewListingsWrapper .table-wrapper {
  overflow-x: auto;
  margin: 20px 20px 0 20px;
  border: 1px solid #d6d6d6;
  min-height: 40vh;
}
.renter-listings #listViewListingsWrapper .table-wrapper #listViewListings {
  width: 100%;
  margin-top: 20px;
}
.renter-listings #listViewListingsWrapper .table-wrapper #listViewListings th, .renter-listings #listViewListingsWrapper .table-wrapper #listViewListings td {
  border: none;
  padding: 16px;
  color: #1C2630;
}
.renter-listings #listViewListingsWrapper .table-wrapper #listViewListings th:hover {
  background: gainsboro;
  cursor: pointer;
}
.renter-listings #listViewListingsWrapper .table-wrapper #listViewListings tr {
  border-bottom: 1px solid #f5f5f5;
  background: white;
}
.renter-listings #listViewListingsWrapper .table-wrapper #listViewListings .tableCheckBox {
  cursor: pointer;
}
.renter-listings #listViewListingsWrapper .table-wrapper #listViewListings .listingRow {
  font-size: 16px;
  letter-spacing: 0.14px;
  color: #1C2630;
}
.renter-listings #listViewListingsWrapper .table-wrapper #listViewListings .listingRow .prop_container {
  display: flex;
}
.renter-listings #listViewListingsWrapper .table-wrapper #listViewListings .listingRow .prop_container .prop_image {
  margin-right: 20px;
}
.renter-listings #listViewListingsWrapper .table-wrapper #listViewListings .listingRow .prop_container .prop_image img {
  border-radius: 8px;
  height: 92px;
  width: 138px;
}
.renter-listings #listViewListingsWrapper .table-wrapper #listViewListings .listingRow .prop_container .prop_details .prop_address {
  color: #265DA0 !important;
  cursor: pointer;
  font-weight: 400;
}
.renter-listings #listViewListingsWrapper .table-wrapper #listViewListings .listingRow .prop_container .prop_details .prop_status {
  display: inline-block;
  background: #d1f8de;
  font-weight: 500;
  padding: 3px 6px;
  font-size: 12px;
  border-radius: 8px;
}
.renter-listings #listViewListingsWrapper .table-wrapper #listViewListings .listingRow .prop_container .prop_details .prop_price {
  color: #1C2630;
  font-weight: 400;
}
.renter-listings #listViewListingsWrapper .table-wrapper #listViewListings .listingRow .remove_btn {
  text-transform: uppercase;
  background: transparent;
  border: 0px;
  color: #1c3553;
  font-size: 14px;
  letter-spacing: 1.25px;
}
.renter-listings #listViewListingsWrapper .table-wrapper #listViewListings .listingRow .linked {
  color: #265DA0 !important;
}
.renter-listings #listViewListingsWrapper .table-wrapper #listViewListings .listingRow .linked:hover {
  text-decoration: underline !important;
}
.renter-listings #listViewListingsWrapper .table-wrapper #listViewListings .listingRow .tdFixed {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 200px;
  overflow: hidden;
}
.renter-listings #listViewListingsWrapper .table-wrapper #listViewListings .listingRow .tdFit {
  width: fit-content;
  white-space: normal;
  overflow: hidden;
}
.renter-listings #listViewListingsWrapper .table-wrapper #listViewListings .listingRow .tdRight {
  width: 100%;
  text-align: right;
  padding-right: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.renter-listings #listViewListingsWrapper .table-wrapper #listViewListings .listingRow a {
  color: #05668D !important;
  font-weight: 500;
  text-decoration: none;
}
.renter-listings #listViewListingsWrapper .table-wrapper #listViewListings .listingRow a.red {
  color: red !important;
}
.renter-listings #listViewListingsWrapper .table-wrapper #listViewListings .tableHeader {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.renter-listings #listViewListingsWrapper .table-wrapper #listViewListings .tableHeader div {
  font-size: 14px;
  margin-top: 3px;
  color: #1C2630;
  font-weight: 500;
}
.renter-listings #listViewListingsWrapper .table-wrapper #listViewListings .tableHeader .caret-up {
  border-left: transparent 4px solid;
  border-right: transparent 4px solid;
  border-bottom: #b1b4b7 4px solid;
  height: 0;
  width: 0;
  margin: 2px 3px 3px 6px;
}
.renter-listings #listViewListingsWrapper .table-wrapper #listViewListings .tableHeader .caret-down {
  border-left: transparent solid 4px;
  border-right: transparent solid 4px;
  border-top: #b1b4b7 4px solid;
  height: 0;
  width: 0;
  margin: 2px 3px 3px 6px;
}
.renter-listings #listViewListingsWrapper .table-wrapper #listViewListings .tableHeader .caret-up:hover {
  border-bottom: #000000 4px solid;
}
.renter-listings #listViewListingsWrapper .table-wrapper #listViewListings .tableHeader .caret-down:hover {
  border-top: #000000 4px solid;
}
.renter-listings #listViewListingsWrapper .pagination-wrapper {
  margin: 0 20px;
}
.renter-listings .dash-link {
  display: flex;
  align-items: center;
  height: 60px;
  width: 100%;
  background-color: #fff;
  padding: 5px 30px;
  font-weight: 500;
}
.renter-listings .dash-link a {
  font-weight: 500;
  color: #1C3553;
  margin-left: 20px;
  white-space: nowrap;
}
.renter-listings .dash-link a i {
  color: #1C3553;
  font-size: 13px;
}
.renter-listings .dash-link i {
  font-size: 30px;
  color: #f5cb42;
  margin-right: 10px;
}
.renter-listings .second-filter-wrap.mobile {
  display: none;
}
.renter-listings .listCard {
  height: 35px;
  width: 35px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.renter-listings h1,
.renter-listings h2,
.renter-listings h3,
.renter-listings h4,
.renter-listings h5,
.renter-listings h6,
.renter-listings p {
  color: #1c2630;
}
.renter-listings .title-your-listings {
  color: #1C3553;
  font-weight: 500;
  margin-bottom: 30px;
}
.renter-listings .white-card-listing {
  padding: 15px 70px;
  padding-bottom: 40px;
  border-radius: 15px;
  max-width: 800px;
  margin-bottom: 100px !important;
}
.renter-listings .listViewContainer {
  padding: 15px 0px 0px !important;
  min-width: 370px;
  display: flex;
  flex-direction: column;
  width: calc(100vw - 370px) !important;
}
.renter-listings .top-group {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background: #1C3553;
}
.renter-listings .top-group .r-filter {
  flex: 1;
}
.renter-listings #mobileList {
  display: none;
}
.renter-listings #mobileList .type-select {
  width: 100%;
  border: 0px;
  height: 30px;
  color: #000000;
  font-size: 16px;
}
.renter-listings #mobileList .listViewMobileCard {
  display: flex;
  flex-direction: column;
  padding: 15px;
  padding-bottom: 0px;
  background: white;
  cursor: pointer;
}
.renter-listings #mobileList .listViewMobileCard .prop_container {
  display: flex;
}
.renter-listings #mobileList .listViewMobileCard .prop_container .prop_image {
  margin-right: 20px;
}
.renter-listings #mobileList .listViewMobileCard .prop_container .prop_image img {
  height: 72px;
  width: 100px;
  border-radius: 8px;
}
.renter-listings #mobileList .listViewMobileCard .prop_container .prop_details {
  white-space: nowrap;
  padding-bottom: 5px;
  border-bottom: 1px solid #0000001F;
}
.renter-listings #mobileList .listViewMobileCard .prop_container .prop_details .prop_title {
  font-size: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-right: 10px;
  color: #265DA0;
  font-weight: 500;
}
.renter-listings #mobileList .listViewMobileCard .prop_container .prop_details .prop_key {
  font-size: 14px;
  letter-spacing: 0.1px;
  text-transform: uppercase;
  color: #1c2630;
  font-weight: 400;
}
.renter-listings #mobileList .listViewMobileCard .prop_container .prop_details .prop_value {
  font-size: 14px;
  margin-left: 10px;
}
.renter-listings #mobileList .listViewMobileCard .prop_container .prop_details .prop_status {
  display: inline-block;
  background: #F2F2F2;
  padding: 3px 6px;
  border-radius: 8px;
}
.renter-listings #mobileList .listViewMobileCard .prop_container .prop_details .prop_status_2 {
  display: inline-block;
  background: #d2e8c1;
  padding: 3px 6px;
  font-size: 14px;
  border-radius: 8px;
}
.renter-listings #mobileList .listViewMobileCard .prop_container .prop_details .remove_btn {
  text-transform: uppercase;
  background: transparent;
  border: 0px;
  color: #1c3553;
  font-size: 14px;
  letter-spacing: 1.25px;
}
.renter-listings #mobileList .lazy-case {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  margin-top: 15px;
}
.renter-listings #mobileList .lazy-case .spinner {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 6px;
  border: 1px solid #FA9483;
  border-radius: 50%;
  border-top-color: transparent;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}
.renter-listings #mobileList #pages {
  display: flex;
  justify-content: center;
  background: #FFFFFF;
}
.renter-listings #mobileList #pages .page {
  padding: 5px 10px 5px 10px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  margin: 5px;
  cursor: pointer;
  color: black;
  margin-top: 20px;
  margin-bottom: 15px;
}
.renter-listings #mobileList #pages #pageDropdown {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 35px;
  right: 0;
  background: white;
  box-shadow: 0 0 10px #c9c9c9;
  border-radius: 5px;
}
.renter-listings #mobileList #pages .pageOption {
  padding: 10px 15px 10px 15px;
  border-bottom: 1px solid #e7e7e7;
  cursor: pointer;
  color: black;
}
.renter-listings #mobileList #pages .pageOption:last-child {
  border-bottom: none;
}
@media (max-width: 768px) {
  .renter-listings .listViewContainer {
    width: 100% !important;
    min-width: 0 !important;
  }
  .renter-listings #listViewListingsWrapper {
    display: none;
  }
  .renter-listings #listBar {
    display: none !important;
  }
  .renter-listings #mobileList {
    display: flex;
    flex-direction: column;
  }
  .renter-listings #single-button {
    box-shadow: none !important;
  }
  .renter-listings .create-btn {
    max-height: 48px !important;
    border-radius: 4px;
  }
  .renter-listings .create-btn .text {
    display: none;
  }
  .renter-listings .top-group {
    display: flex;
    align-items: stretch;
    margin-bottom: 20px;
    background: transparent;
    border-bottom: 1px solid #d6d6d6;
  }
  .renter-listings .top-group #mobileFilterAdd {
    display: flex;
    align-items: center;
  }
  .renter-listings .top-group #mobileFilterAdd img {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 13px;
    border-radius: 100%;
    cursor: pointer;
    background: #FA9483;
  }
  .renter-listings .dash-link {
    margin-bottom: 20px;
    height: 100%;
    padding: 6px 16px 16px 16px;
  }
  .renter-listings .dash-link a {
    padding-left: 5px;
    margin-top: 40px;
    margin-left: auto;
  }
  .renter-listings .r-filter {
    width: 100%;
    display: flex;
    flex-direction: row;
    background: #fff;
    border-radius: 4px;
    padding: 16px;
    align-items: center;
  }
  .renter-listings .r-filter .first-filter-wrap {
    flex: 1;
  }
  .renter-listings .second-filter-wrap.mobile {
    padding: 0 10px;
  }
  .renter-listings .second-filter-wrap.desktop {
    display: none;
  }
  .renter-listings .second-filter-wrap.mobile {
    display: block;
  }
}
@media (max-width: 768px) {
  .renter-listings {
    margin: 0px;
  }
  .renter-listings .white-card-listing {
    padding: 15px 15px;
    padding-top: 0 !important;
  }
}

@media (max-width: 768px) {
  #propertyDetailsPanel {
    width: auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .listing-card {
    border-bottom: none !important;
  }

  #yourListingsTitle {
    margin-left: 0 !important;
    padding-left: 35%;
  }

  #goToReferFriend {
    margin-right: 16px;
  }
  #goToReferFriend img {
    padding-right: 0 !important;
  }
  #goToReferFriend #getOneMonthFree {
    display: none;
  }

  #listings-title-header {
    padding-left: 16px;
  }

  #mobileCardView {
    box-shadow: none !important;
  }
}
@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
.accept-border {
  border: 1px solid #72C163;
  border-radius: 3px;
}

.reject-border {
  border: 1px solid #FF5851;
  border-radius: 3px;
}

#walkin {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#walkin #banner {
  background: #1C3553;
  padding-top: 50px;
  padding-bottom: 20px;
  display: flex;
  justify-content: center;
}
#walkin #welcome {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px;
  border-bottom: 1px solid #66666633;
  margin: 0 16px 16px 16px;
}
#walkin #welcome div {
  color: #1C2630;
}
#walkin #check-in {
  margin: 16px;
}
#walkin .input-field {
  margin-bottom: 16px;
}
#walkin .input-radio {
  color: #1C2630;
}
#walkin #ui-radio .inner {
  background: #1C3553;
}
#walkin #ui-radio #radio-ui:checked + label .inner {
  background: #1C3553;
}
#walkin #ui-radio .outer {
  border: 2px solid #1C3553;
}
#walkin #ui-radio span {
  font-weight: 400;
  color: #1C2630;
  padding-left: 5px;
}
#walkin #check-in-register {
  background: #1C3553;
  color: white;
  font-size: 16px;
  font-weight: 500;
  padding: 16px;
  border-radius: 40px;
  text-align: center;
  cursor: pointer;
}

@media (min-width: 1100px) {
  #walkin {
    max-width: 400px;
    margin-top: 50px;
    border-radius: 8px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 0 10px #bdbdbd;
    height: fit-content;
  }

  #banner {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
}
#topBanner {
  height: 60px;
  width: 100%;
  background: white;
  border-bottom: solid 1px #D6D6D6;
  display: flex;
  align-items: center;
  padding-left: 20px;
  color: #1C2630;
  font-size: 1rem;
  font-weight: 500;
  z-index: 999;
  position: sticky;
  top: 0;
}
@media (max-width: 768px) {
  #topBanner {
    justify-content: center;
  }
}

#listViewCalendar {
  background: #1C3553;
  color: white;
  display: none;
}
#listViewCalendar .listViewClass {
  padding: 10px 0;
  flex: 1;
  text-align: center;
  border-bottom: 3px solid transparent;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1.25px;
}

#viewings-calendar {
  display: flex;
  width: calc(100vw - 300px);
  height: calc(100vh - 60px);
  position: relative;
}
#viewings-calendar #viewings {
  flex: 1;
  padding: 20px;
  background: white;
  display: flex;
  flex-direction: column;
  width: 50%;
}
#viewings-calendar #viewings #listViewListingsWrapper {
  display: flex;
  flex-direction: column;
  background: white;
  height: calc(100% - 105px);
  border: 1px solid #D6D6D6;
  position: relative;
  /*             .topFilterButton {
                padding: 5px 8px;
                border-radius: 20px;
                border: 1px solid #d3d3d3;
                margin-top: 20px;
                margin-left: 20px;
                cursor: pointer;
              } */
}
#viewings-calendar #viewings #listViewListingsWrapper .loadingBox {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #4a4a4a;
  font-weight: bold;
}
#viewings-calendar #viewings #listViewListingsWrapper .nameDetails {
  cursor: pointer;
  color: #05668D;
  font-weight: 500;
}
#viewings-calendar #viewings #listViewListingsWrapper .nameDetails:hover {
  text-decoration: underline;
  color: #05668D;
}
#viewings-calendar #viewings #listViewListingsWrapper #topFilter {
  display: flex;
  background: #1C3553;
  align-items: center;
  height: 48px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden;
}
#viewings-calendar #viewings #listViewListingsWrapper #topFilter div {
  padding: 0 20px 0 20px;
  display: flex;
  height: 100%;
  font-size: 14px;
  align-items: center;
  cursor: pointer;
  border-bottom: 3px solid transparent;
  width: 120px;
  justify-content: center;
  letter-spacing: 1.25px;
}
#viewings-calendar #viewings #listViewListingsWrapper #topFilter div:hover {
  background: #495D75;
}
#viewings-calendar #viewings #listViewListingsWrapper #listViewListings {
  width: 100%;
}
#viewings-calendar #viewings #listViewListingsWrapper #listViewListings th, #viewings-calendar #viewings #listViewListingsWrapper #listViewListings td {
  border: none;
  padding: 14px;
  color: black;
}
#viewings-calendar #viewings #listViewListingsWrapper #listViewListings th:hover {
  background: gainsboro;
  cursor: pointer;
}
#viewings-calendar #viewings #listViewListingsWrapper #listViewListings tr {
  border-bottom: 1px solid #f5f5f5;
  background: white;
}
#viewings-calendar #viewings #listViewListingsWrapper #listViewListings .tableCheckBox {
  cursor: pointer;
}
#viewings-calendar #viewings #listViewListingsWrapper #listViewListings .listingRow .linked {
  color: #265DA0 !important;
  font-weight: 500;
  cursor: pointer;
}
#viewings-calendar #viewings #listViewListingsWrapper #listViewListings .listingRow .linked:hover {
  text-decoration: underline !important;
}
#viewings-calendar #viewings #listViewListingsWrapper #listViewListings .listingRow .tdFixed {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 200px;
  overflow: hidden;
}
#viewings-calendar #viewings #listViewListingsWrapper #listViewListings .listingRow .tdFit {
  width: fit-content;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#viewings-calendar #viewings #listViewListingsWrapper #listViewListings .listingRow .tdRight {
  width: 100%;
  text-align: right;
  padding-right: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#viewings-calendar #viewings #listViewListingsWrapper #listViewListings .listingRow a {
  color: #05668D !important;
  font-weight: 500;
  text-decoration: none;
}
#viewings-calendar #viewings #listViewListingsWrapper #listViewListings .tableHeader {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
#viewings-calendar #viewings #listViewListingsWrapper #listViewListings .tableHeader div {
  font-size: 14px;
  margin-top: 3px;
  color: #1C2630;
  font-weight: 500;
  letter-spacing: 1.25px;
}
#viewings-calendar #viewings #listViewListingsWrapper #listViewListings .tableHeader .caret-up {
  border-left: transparent 4px solid;
  border-right: transparent 4px solid;
  border-bottom: #b1b4b7 4px solid;
  height: 0;
  width: 0;
  margin: 2px 3px 3px 6px;
}
#viewings-calendar #viewings #listViewListingsWrapper #listViewListings .tableHeader .caret-down {
  border-left: transparent solid 4px;
  border-right: transparent solid 4px;
  border-top: #b1b4b7 4px solid;
  height: 0;
  width: 0;
  margin: 2px 3px 3px 6px;
}
#viewings-calendar #viewings #listViewListingsWrapper #listViewListings .tableHeader .caret-up:hover {
  border-bottom: #000000 4px solid;
}
#viewings-calendar #viewings #listViewListingsWrapper #listViewListings .tableHeader .caret-down:hover {
  border-top: #000000 4px solid;
}
#viewings-calendar #viewings #listViewListingsWrapper #pages {
  display: flex;
  justify-content: center;
  padding-bottom: 15px;
}
#viewings-calendar #viewings #listViewListingsWrapper #pages .page {
  padding: 6px 12px;
  margin: 5px;
  cursor: pointer;
  color: #1C3553;
  background: #1C35530A;
  margin-top: 20px;
  border-radius: 100%;
}
#viewings-calendar #viewings #listViewListingsWrapper #pages #pageDropdown {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 35px;
  right: 0;
  left: 0;
  background: #F7F8FA;
  border-radius: 20px;
  box-shadow: 0 0 10px #e6e6e6;
  border: 1px solid #D1D6DC;
}
#viewings-calendar #viewings #listViewListingsWrapper #pages .pageOption {
  padding: 5px 10px 5px 10px;
  text-align: center;
  cursor: pointer;
  color: #1C3553;
}
#viewings-calendar #viewings #listViewListingsWrapper #pages .pageOption:hover {
  background: #E5E9EC;
}
#viewings-calendar #viewings #listViewListingsWrapper #pages .pageOption:first-child {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
#viewings-calendar #viewings #listViewListingsWrapper #pages .pageOption:last-child {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
#viewings-calendar #viewings #searchByProperty {
  display: flex;
  width: 300px;
  background: white;
  border-radius: 4px;
  border: 1.5px solid #D6D6D6;
  align-items: center;
  padding: 10px;
  position: relative;
}
#viewings-calendar #viewings #searchByProperty #searchByPropertyResults {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  background: white;
  border-radius: 4px;
  max-height: 400px;
  overflow-y: auto;
  box-shadow: 0 3px 10px #dcdcdc;
  border: 1.5px solid #D6D6D6;
  z-index: 999;
}
#viewings-calendar #viewings #searchByProperty #searchByPropertyResults .addressOption {
  background: white;
  border-bottom: 1px solid #0000001F;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  cursor: pointer;
  padding: 10px;
  color: #1C2630;
  font-size: 0.875rem;
  font-weight: 500;
}
#viewings-calendar #viewings #searchByProperty #searchByPropertyResults .addressOption:hover {
  background: #f2f2f2;
}
#viewings-calendar #ui-calendar {
  flex: 1;
  padding: 20px;
  z-index: 2;
  position: relative;
  max-width: 700px;
  min-width: 500px;
  overflow-y: auto;
}
#viewings-calendar #ui-calendar #spinner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40%;
  z-index: 1;
}
#viewings-calendar #ui-calendar .fc td, #viewings-calendar #ui-calendar .fc th {
  border-color: white;
}
#viewings-calendar #ui-calendar td {
  background: white;
}
#viewings-calendar #ui-calendar .fc-col-header-cell {
  padding-top: 10px;
  background: white;
}
#viewings-calendar #ui-calendar .fc-daygrid-day-number {
  color: #1C2630;
  font-size: 14px;
  font-weight: 500;
  padding-top: 10px;
}
#viewings-calendar #ui-calendar .fc-toolbar-title {
  color: #1C2630;
  font-size: 24px;
  font-weight: 300;
  font-family: "Roboto";
}
#viewings-calendar #ui-calendar .fc-today-button {
  border: 1px solid #D6D6D6;
  border-radius: 30px;
  background: white;
  color: #1C3553;
  opacity: 1;
  font-size: 14px;
  padding: 5px 10px;
  text-transform: uppercase;
  font-weight: 500;
  margin-right: 90px;
}
#viewings-calendar #ui-calendar .fc-button-group .fc-prev-button {
  border-radius: 100%;
  padding: 2px;
  border: 1px solid #D6D6D6;
  margin-right: 5px;
  background: white;
  width: 28px;
  height: 28px;
  display: none;
}
#viewings-calendar #ui-calendar .fc-button-group .fc-next-button {
  border-radius: 100%;
  padding: 2px;
  border: 1px solid #D6D6D6;
  margin-left: 5px;
  background: white;
  width: 28px;
  height: 28px;
  margin-right: 40px;
  display: none;
}
#viewings-calendar #ui-calendar #tooltip {
  position: absolute;
  background: #14253B;
  border-radius: 14px;
  height: fit-content;
  width: 200px;
  margin-top: 70px;
  z-index: 9999999999999;
  top: 0;
  bottom: 0;
  padding: 15px;
  color: white;
}
#viewings-calendar #ui-calendar #tooltip .tooltip-text {
  color: white;
  font-size: 12px;
  font-weight: 400;
}
#viewings-calendar #ui-calendar #tooltip .tooltip-time {
  color: #C5E9FC;
  font-weight: 500;
}
#viewings-calendar #ui-calendar #tooltip i {
  font-size: 10px;
}
#viewings-calendar #ui-calendar .calendar-property {
  position: absolute;
  top: 40px;
  background-color: #4C4C4C;
  width: 100%;
  color: white;
  padding: 5px 7px;
  border-radius: 4px;
  font-weight: 500;
  display: flex;
}
#viewings-calendar #ui-calendar .propertyFilter .fc-toolbar {
  margin-bottom: 4em !important;
}
#viewings-calendar #ui-calendar .propertyFilterNone .fc-toolbar {
  margin-bottom: 1em !important;
}
#viewings-calendar #ui-calendar .fc-daygrid-day-top {
  justify-content: center;
}
#viewings-calendar #ui-calendar .fc-daygrid-day-frame {
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 8px;
}
#viewings-calendar #ui-calendar .fc-daygrid-day-frame:hover {
  border-color: #265DA0;
}
#viewings-calendar #ui-calendar .fc-icon-chevron-left, #viewings-calendar #ui-calendar .fc-icon-chevron-right {
  color: #1C3553;
}
#viewings-calendar #ui-calendar .fc-scrollgrid-sync-inner {
  background: white;
  height: 30px;
}
#viewings-calendar #ui-calendar .fc-scrollgrid-sync-inner .fc-col-header-cell-cushion {
  color: #1C2630;
  font-size: 14px;
  font-weight: 500;
}
#viewings-calendar #ui-calendar .fc-event-title, #viewings-calendar #ui-calendar .fc-event-time {
  display: none;
}
#viewings-calendar #ui-calendar .fc-daygrid-day-events {
  display: flex;
  justify-content: center;
}
#viewings-calendar #ui-calendar .fc-day-today .fc-daygrid-day-frame {
  background: #265DA01A !important;
  border-radius: 4px;
}
@-moz-document url-prefix() {
  #viewings-calendar #ui-calendar .fc-day-today {
    background: #265DA01A !important;
    border-radius: 4px;
  }
  #viewings-calendar #ui-calendar .fc-day-today .fc-daygrid-day-frame {
    background: transparent !important;
  }
  #viewings-calendar #ui-calendar .fc-daygrid-day-frame:hover {
    border-color: transparent !important;
  }
}
#viewings-calendar #ui-calendar .fc-daygrid-body {
  overflow: hidden;
}
#viewings-calendar #ui-calendar .fc-scrollgrid {
  border: 1px solid #D6D6D6;
  border-radius: 8px;
  overflow: hidden;
  width: 100% !important;
}
#viewings-calendar #ui-calendar .fc-scrollgrid-sync-table,
#viewings-calendar #ui-calendar .fc-scrollgrid-sync-inner,
#viewings-calendar #ui-calendar .fc-col-header,
#viewings-calendar #ui-calendar .fc-col-header-cell,
#viewings-calendar #ui-calendar .fc-daygrid-body,
#viewings-calendar #ui-calendar .fc-daygrid-body-unbalanced,
#viewings-calendar #ui-calendar .fc-daygrid-body-balanced {
  width: 100% !important;
}
#viewings-calendar #ui-calendar .fc .fc-scrollgrid-sync-table {
  table-layout: fixed;
}
#viewings-calendar #ui-calendar .fc-daygrid-day {
  width: 14.285714% !important;
  max-width: 14.285714% !important;
}
#viewings-calendar #ui-calendar .fc-daygrid-day-events {
  min-height: initial !important;
  overflow: hidden !important;
}
#viewings-calendar #ui-calendar .fc-event-main {
  padding: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
#viewings-calendar #ui-calendar .fc-daygrid-day-top {
  justify-content: center !important;
  width: 100% !important;
  overflow: hidden !important;
}
#viewings-calendar #ui-calendar .fc-daygrid-dot-event {
  margin: 0;
  pointer-events: none;
}
#viewings-calendar #ui-calendar #calendar-info {
  padding: 20px;
  background: white;
  border: 1px solid #D6D6D6;
  margin-top: 20px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
}
#viewings-calendar #ui-calendar .today-btn {
  border: 1px solid #D6D6D6;
  background: white;
  padding: 2px 8px;
  border-radius: 20px;
}
#viewings-calendar #ui-calendar .add-event {
  border-radius: 100%;
  border: 1px solid #D6D6D6;
  background: white;
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-left: 5px;
}
#viewings-calendar #leadDetailsWrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #F2F2F2;
  z-index: 9999;
  padding: 20px;
}

@media (max-width: 1125px) {
  .modal-content {
    margin: 0px;
  }

  #listViewCalendar {
    display: flex !important;
    cursor: pointer;
  }

  #viewings-calendar {
    width: 100% !important;
    height: 100% !important;
    flex-direction: column;
  }
  #viewings-calendar #viewings {
    width: 100% !important;
  }
  #viewings-calendar #calendar {
    height: 100% !important;
  }
  #viewings-calendar #calendar-info {
    display: none !important;
  }
  #viewings-calendar #listViewListingsWrapper {
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
    position: relative;
  }
  #viewings-calendar .fc-view-harness {
    height: 412px !important;
  }
  #viewings-calendar .fc-daygrid-day-frame {
    padding: 0 !important;
    height: 50px;
  }
  #viewings-calendar .fc-today-button {
    display: none;
  }
  #viewings-calendar #control {
    flex-direction: column;
  }
  #viewings-calendar #control .expiredToggle {
    flex: 1;
  }
  #viewings-calendar #control .drop {
    margin-left: 0 !important;
    margin-top: 15px;
    width: 100%;
  }
  #viewings-calendar #control .drop #searchByProperty {
    width: 100%;
  }
}
@media (min-width: 3000px) {
  #viewings-calendar #viewings {
    flex: 3 !important;
  }
}
/* Add this to your CSS */
.fc {
  min-height: 600px;
  height: auto !important;
}

/* For mobile devices */
@media (max-width: 768px) {
  .fc {
    min-height: 400px;
  }
}
.move-in-page .editButtonBox {
  position: relative;
}
.move-in-page .editButtonBox .moreButton {
  cursor: pointer;
  padding: 3px 5px;
}
.move-in-page .editButtonBox .editLayer {
  z-index: -1;
  position: absolute;
  border: 1px solid #eaeaea;
  border-radius: 6px;
  padding: 5px 0;
  background: #fff;
  right: 14px;
  top: 0;
  box-shadow: 0 2px 5px #00000030;
  opacity: 0;
  transition-duration: 0.5s;
  width: 0;
  overflow: hidden;
}
.move-in-page .editButtonBox .editLayer div {
  cursor: pointer;
  padding: 5px 15px;
  transition-duration: 0.5s;
}
.move-in-page .editButtonBox .editLayer div:hover {
  color: #265DA0;
}
.move-in-page .editButtonBox .editLayer.show {
  opacity: 1;
  width: 100px;
  right: 26px;
  z-index: 1;
}

#block-time {
  padding: 2em 1em;
  display: flex;
  flex-direction: column;
  font-size: 1rem;
  color: #1C2630;
  background: white;
  border-radius: 8px;
}
#block-time .question {
  font-size: 0.875;
  font-weight: 400;
  margin-bottom: 1em;
  color: #1c2630;
}
#block-time .sub-heading {
  margin-bottom: 0;
}
#block-time .date-time-fields {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 12px;
}
#block-time .time-picker {
  width: 100%;
}
#block-time .date-picker {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  color: #1C2630;
}
#block-time .date-picker input {
  background: #ffffff;
  border: 1px solid #D6D6D6;
  padding: 12px 16px;
  border-radius: 4px;
  width: 100%;
  color: #1c2630;
  font-size: 1rem;
  font-weight: 500;
  transition: border-color 0.3s ease;
}
#block-time .date-picker input:focus {
  border-color: #265DA0;
  outline: none;
}
#block-time .date-picker input:hover {
  border: 1px solid #1c2630;
}
#block-time .date-picker .calendar-icon-datepicker {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
#block-time .date-picker .calendar-icon-datepicker .material-icons {
  color: #1C3553;
  font-size: 20px;
}
#block-time .weekDay {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #D6D6D6;
  border-radius: 4px;
  margin: 0 5px;
  background: #F4F4F4;
  height: 60px;
  cursor: pointer;
}
#block-time .weekDay:first-child {
  margin-left: 0;
}
#block-time .weekDay:last-child {
  margin-right: 0;
}
#block-time .weekDay.selected {
  border-color: #265DA0 !important;
}
#block-time #ui-radio .inner {
  background: #1C3553;
}
#block-time #ui-radio #radio-ui:checked + label .inner {
  background: #1C3553;
}
#block-time #ui-radio .outer {
  border: 2px solid #1C3553;
}
#block-time #ui-radio span {
  font-weight: 400;
  color: #1C2630;
  padding-left: 5px;
}
#block-time .input-viewing {
  margin-bottom: 2em;
}
#block-time .date-schedule ul.list-labels li span.lbl-available::before {
  background-color: #FFFFFF !important;
  border: solid 1px #232A33 !important;
}
#block-time .date-schedule ul.list-labels li span::before {
  border-radius: 50% !important;
}
#block-time .date-schedule ul.list-labels li span.lbl-not-available::before {
  background-color: #FF5851 !important;
}
#block-time .date-schedule .uib-datepicker-popup .uib-datepicker .full-blocked-rsvp button {
  background-color: #FF5851 !important;
}
#block-time .ng-isolate-scope .date-schedule .col-md-12 {
  padding: 0 !important;
}
#block-time .ng-isolate-scope .date-schedule .col-md-12 li {
  font-size: 12px;
}
#block-time .list-labels span {
  display: inline-block;
  transform: translateY(3px);
}
#block-time .readyButton {
  flex: 1;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  padding: 8px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1.25px;
  cursor: pointer;
  transition: all 0.2s;
}
#block-time .readyButton:hover {
  transform: translateY(-1px);
  opacity: 0.9;
}
#block-time .modal-close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  z-index: 10;
}
#block-time .modal-close-button .material-icons {
  font-size: 24px;
  color: #1C3553;
}
#block-time .intro-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2em 0 0 0;
}
#block-time .intro-container .calendar-icon {
  margin-bottom: 20px;
  margin-top: 10px;
  transform: scale(1.3);
}
#block-time .intro-container .calendar-icon .a {
  fill: #1C3553;
}
#block-time .intro-container .title {
  margin-bottom: 20px;
}
#block-time .intro-container .loading-spinner {
  display: flex;
  justify-content: center;
}
#block-time .intro-container .button-container {
  display: flex;
  width: 100%;
}
#block-time .intro-container .button-container .button-spacer {
  width: 10px;
}
#block-time .form-container {
  display: flex;
  flex-direction: column;
  gap: 2em;
}
#block-time .form-container .section-title {
  font-weight: 500;
  font-size: 18px;
  padding-bottom: 20px;
}
#block-time .form-container .field-label {
  font-weight: 400;
  padding-bottom: 10px;
  font-size: 14px;
  color: #1c2630;
}
#block-time .form-container .input-viewing {
  margin-bottom: 15px;
}
#block-time .form-container .input-viewing:last-child {
  padding-bottom: 20px;
}
#block-time .startEnd {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#block-time .startEnd .time-row {
  display: flex;
  flex-direction: row;
  gap: 1em;
  position: relative;
  padding-right: 80px;
}
#block-time .startEnd .all-day-checkbox {
  margin: 0;
}
#block-time .startEnd .all-day-checkbox .checkbox-container {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #1C2630;
  cursor: pointer;
  user-select: none;
}
#block-time .startEnd .all-day-checkbox .checkbox-container input[type=checkbox] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
#block-time .startEnd .all-day-checkbox .checkbox-container input[type=checkbox]:focus + .checkbox-label .checkbox-custom {
  box-shadow: 0 0 0 2px rgba(28, 53, 83, 0.2);
}
#block-time .startEnd .all-day-checkbox .checkbox-container input[type=checkbox]:checked + .checkbox-label .checkbox-custom {
  background-color: #1C3553;
  border-color: #1C3553;
}
#block-time .startEnd .all-day-checkbox .checkbox-container input[type=checkbox]:checked + .checkbox-label .checkbox-custom .checkbox-icon {
  opacity: 1;
  transform: scale(1);
}
#block-time .startEnd .all-day-checkbox .checkbox-container .checkbox-label {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 4px 0;
}
#block-time .startEnd .all-day-checkbox .checkbox-container .checkbox-label .checkbox-custom {
  position: relative;
  width: 18px;
  height: 18px;
  border: 1px solid #D6D6D6;
  border-radius: 3px;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
#block-time .startEnd .all-day-checkbox .checkbox-container .checkbox-label .checkbox-custom:hover {
  border-color: #1C2630;
}
#block-time .startEnd .all-day-checkbox .checkbox-container .checkbox-label .checkbox-custom .checkbox-icon {
  color: white;
  font-size: 16px;
  opacity: 0;
  transform: scale(0.8);
  transition: all 0.1s ease;
}
#block-time .startEnd .all-day-checkbox .checkbox-container .checkbox-label .checkbox-text {
  margin-left: 10px;
  font-weight: 500;
}
#block-time .startEnd .all-day-checkbox .checkbox-container .checkbox-label .checkbox-hint {
  display: flex;
  align-items: center;
  margin-left: 12px;
  color: #666666;
}
#block-time .startEnd .all-day-checkbox .checkbox-container .checkbox-label .checkbox-hint .hint-icon {
  font-size: 16px;
  color: #1C2630;
  margin-right: 4px;
}
#block-time .startEnd .all-day-checkbox .checkbox-container .checkbox-label .checkbox-hint .hint-text {
  font-size: 0.75rem;
  font-style: italic;
}
#block-time .startEnd .ui-select.disabled {
  opacity: 0.6;
  pointer-events: none;
}
#block-time .startEnd .date-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
}
#block-time .startEnd .date-time-row {
  margin-bottom: 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 1em;
  padding: 2em 1em;
  border-radius: 8px;
  padding-bottom: 24px;
  position: relative;
}
#block-time .startEnd .date-time-row.start {
  background-color: #72C1631A;
}
#block-time .startEnd .date-time-row.end {
  background-color: #FF58511A;
}
#block-time .startEnd .date-time-row .error-text {
  position: absolute;
  bottom: 6px;
  left: 16px;
}
#block-time .repeat-options {
  display: flex;
  flex-direction: column;
}
#block-time .repeat-options .day-selector {
  display: flex;
  margin-top: 15px;
  flex-direction: column;
}
#block-time .repeat-options .day-selector .weekDay {
  flex: 1;
  text-align: center;
  padding: 8px 0;
  border: 1px solid #D6D6D6;
  border-radius: 4px;
  margin: 0 2px;
  cursor: pointer;
}
#block-time .repeat-options .day-selector .weekDay.selected {
  border-color: #265DA0;
  color: #265DA0;
  font-weight: 500;
}
#block-time .repeat-options .day-selector .day-picker {
  display: flex;
  margin-top: 2em;
}
#block-time .repeat-options .repeat-until {
  margin-top: 0.5rem;
  position: relative;
}
#block-time .repeat-options .repeat-until .repeat-until-label {
  padding-bottom: 0.25em;
  font-size: 14px;
}
#block-time .repeat-options .repeat-until .error-text {
  position: absolute;
  bottom: -18px;
  left: 0;
}
#block-time .action-buttons {
  margin-top: 2em;
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
  gap: 1em;
}
#block-time .action-buttons .save-button {
  padding: 10px 20px;
  background-color: var(--primary-color);
  color: white;
  font-size: 0.875rem;
  letter-spacing: 0.5px;
  font-weight: 500;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
  width: 100%;
}
#block-time .action-buttons .save-button:hover {
  opacity: 0.8;
}
#block-time .action-buttons .cancel-button {
  padding: 10px 20px;
  background-color: white;
  color: var(--primary-color);
  font-size: 0.875rem;
  letter-spacing: 0.5px;
  font-weight: 500;
  border: 1px solid var(--primary-color);
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
  width: 100%;
}
#block-time .action-buttons .cancel-button:hover {
  background-color: var(--primary-color);
  color: white;
}
#block-time .mt-2 {
  margin-top: 0.5rem;
}
#block-time .f-500 {
  font-weight: 500;
}
#block-time .pb-1 {
  padding-bottom: 1px;
}
#block-time .fs-14 {
  font-size: 14px;
}
#block-time .make-recurring-container {
  display: flex;
  justify-content: center;
  margin: 2em 0;
}
#block-time .make-recurring-button {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  background-color: white;
  color: var(--primary-color);
  border: 1px dashed var(--primary-color);
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.875rem;
}
#block-time .make-recurring-button i {
  margin-right: 8px;
}
#block-time .make-recurring-button:hover {
  background-color: #f5f8fa;
}
#block-time .recurring-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1em;
}
#block-time .recurring-header .remove-recurring-button {
  display: flex;
  align-items: center;
  background: none;
  border: none;
  color: #888;
  cursor: pointer;
  font-size: 0.75rem;
  padding: 0;
}
#block-time .recurring-header .remove-recurring-button i {
  font-size: 16px;
  margin-right: 4px;
}
#block-time .recurring-header .remove-recurring-button:hover {
  color: #ff5851;
}
#block-time .block-summary {
  margin: 0;
}
#block-time .block-summary .summary-card {
  background-color: #EFB22D1A;
  border: 1px solid #EFB22D;
  border-radius: 8px;
  padding: 1rem;
  box-shadow: 0 2px 4px rgba(28, 53, 83, 0.05);
  transition: all 0.2s ease;
}
#block-time .block-summary .summary-card h5 {
  color: #1c2630;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  margin-bottom: 0.5em;
}
#block-time .block-summary .summary-card h5 i {
  margin-right: 8px;
  color: #EFB22D;
}
#block-time .block-summary .summary-card p {
  color: #1C2630;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 0;
}
#block-time .block-summary .summary-card .highlight {
  font-weight: 500;
  color: #265DA0;
}
#block-time .block-summary .summary-card.updated {
  animation: pulse-highlight 1s ease;
}
@keyframes pulse-highlight {
  0% {
    background-color: #F2F7FC;
  }
  50% {
    background-color: #E5EFF9;
  }
  100% {
    background-color: #F2F7FC;
  }
}
@media (max-width: 768px) {
  #block-time .block-summary .summary-card {
    padding: 0.75rem;
  }
  #block-time .block-summary .summary-card h5 {
    font-size: 15px;
  }
  #block-time .block-summary .summary-card p {
    font-size: 13px;
  }
}
#block-time .error-field {
  border: 1px solid #FF5851 !important;
  border-radius: 4px;
}
#block-time .error-field[role=alert] {
  animation: shakeError 0.6s ease-in-out;
}
@keyframes shakeError {
  0%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-4px);
  }
  75% {
    transform: translateX(4px);
  }
}
#block-time .error-text {
  color: #FF5851;
  font-size: 12px;
  margin-top: 4px;
  font-weight: 500;
  display: block;
  padding-left: 2px;
}
#block-time .date-picker.error-field input {
  border-color: #FF5851;
}
#block-time .date-picker.error-field input:focus {
  border-color: #FF5851;
}
#block-time .date-picker.error-field .calendar-icon-datepicker .material-icons {
  color: #FF5851;
}
#block-time ui-select.ng-invalid.ng-dirty .ui-select-match,
#block-time ui-select.has-error .ui-select-match {
  border-color: #FF5851;
  background-color: rgba(220, 53, 69, 0.05);
}

@media (max-width: 1000px) {
  #block-time .startEnd {
    flex-direction: column;
  }
  #block-time .startEnd .start {
    margin-right: 0 !important;
  }
  #block-time .startEnd .end {
    margin-left: 0 !important;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  #block-time .weekDay {
    height: 40px;
  }
}
.viewing-button {
  border: 2px solid #1C3553;
  color: #1C3553;
  background: white;
}

.block-button {
  border: 2px solid #1C3553;
  color: white;
  background: #1C3553;
}

.weekDay.selected {
  border-color: #265DA0 !important;
}

#event-modal {
  background: #14253B;
  border-radius: 8px;
}
#event-modal .eventList::-webkit-scrollbar-thumb {
  background: #FA9483;
  height: 30px;
  border-radius: 8px;
}
#event-modal .eventList::-webkit-scrollbar {
  width: 5px;
  background: transparent;
  padding-bottom: 5px;
}
#event-modal .eventList::-webkit-scrollbar-track-piece {
  display: none;
}
#event-modal .eventList {
  margin: -10px;
}
#event-modal .event-row {
  padding: 10px;
  cursor: pointer;
}
#event-modal .event-row:hover {
  background: #26364A;
  border-radius: 4px;
}
#event-modal .tooltip-text {
  color: white;
  font-size: 12px;
  font-weight: 400;
}
#event-modal .blockEvent:hover > .tooltip-text > .addresses {
  display: flex !important;
  flex-direction: column;
}
#event-modal .tooltip-time {
  color: #C5E9FC;
  font-weight: 500;
}
#event-modal i {
  font-size: 10px;
  margin-top: -2px;
}
#event-modal .blockEvent {
  position: relative;
  padding: 10px;
}
#event-modal .blockEvent:hover {
  background: #26364A;
  border-radius: 4px;
}
#event-modal .blockEvent .deleteBlock {
  position: absolute;
  right: 12px;
  top: 0;
  bottom: 0;
  display: none;
  align-items: center;
  cursor: pointer;
}
#event-modal .blockEvent:hover > .deleteBlock {
  display: flex;
}

#move-in-event-modal {
  background: #1c3553;
  padding: 1.2em 1em;
  width: 100%;
}
#move-in-event-modal .eventList::-webkit-scrollbar-thumb {
  background: #FA9483;
  height: 30px;
  border-radius: 8px;
}
#move-in-event-modal .eventList::-webkit-scrollbar {
  width: 5px;
  background: transparent;
  padding-bottom: 5px;
}
#move-in-event-modal .eventList::-webkit-scrollbar-track-piece {
  display: none;
}
#move-in-event-modal .event-row {
  padding: 10px;
  cursor: pointer;
  transition-duration: 0.5s;
}
#move-in-event-modal .event-row:hover {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
}
#move-in-event-modal .tooltip-head {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-weight: 600;
  font-size: 16px;
}
#move-in-event-modal .tooltip-text {
  color: white;
  width: 100%;
}
#move-in-event-modal .tooltip-body {
  color: white;
  font-size: 14px;
}
#move-in-event-modal .tooltip-time {
  color: #C5E9FC;
}
#move-in-event-modal i {
  font-size: 10px;
  margin-top: -2px;
}

#notification-centre {
  display: flex;
  width: 100%;
  font-size: 16px;
  color: #1C3553;
  font-weight: 400;
  background: white;
  min-height: calc(100vh - 60px);
}
#notification-centre .letterSpacing {
  letter-spacing: 1.25px;
  font-weight: 500;
  font-size: 14px;
}
#notification-centre .col1 {
  min-width: 33.33%;
  border-right: 2px solid #dedede;
  display: flex;
  flex-direction: column;
}
#notification-centre .col1 #filter-bar {
  height: 50px;
  display: flex;
  align-items: center;
  padding: 15px;
  border-bottom: 2px solid #dedede;
}
#notification-centre .col1 .selected-contact {
  background: #EDEFF1;
}
#notification-centre .col1 .notification-contact {
  cursor: pointer;
  height: 70px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 15px;
  border-bottom: 2px solid #dedede;
}
#notification-centre .col1 .notification-contact .name {
  font-weight: 500;
}
#notification-centre .col1 .notification-contact .email {
  font-size: 14px;
  color: #666666;
  font-weight: 400;
}
#notification-centre .col1 .notification-contact:hover {
  background: #EDEFF1;
}
#notification-centre .col2 {
  flex: 1;
  padding: 1% 3%;
}
#notification-centre .col2 .n-a-c-modal {
  padding: 18px 16px;
  font-size: 16px;
  position: relative;
}
#notification-centre .col2 .n-a-c-modal .title {
  color: #1C2630;
  text-transform: uppercase;
  font-weight: 500;
}
#notification-centre .col2 .n-a-c-modal .delete-icon-container {
  padding: 8px 16px;
  transition: all 0.3s ease;
  border-radius: 50%;
}
#notification-centre .col2 .n-a-c-modal .delete-icon-container:hover {
  background-color: #BAC2CB;
}
#notification-centre .col2 .n-a-c-modal input[type=checkbox]:disabled {
  background-color: #acacac;
  border: 2px solid #9c9c9c;
}
#notification-centre .col2 .n-a-c-modal .c-checkbox-title.disabled {
  color: #9c9c9c;
}
#notification-centre .col2 .n-a-c-modal .propertyPanel .propertySearch {
  background: #F2F2F2;
  margin-bottom: 20px;
  border: none;
  border-radius: 4px;
  height: 60px;
  width: 100%;
  font-size: 16px;
  padding: 10px 10px 10px 45px;
}
#notification-centre .col2 .n-a-c-modal .propertyPanel i {
  position: absolute;
  left: 12px;
  top: 0;
  display: flex;
  bottom: 22px;
  color: #0000008a;
  align-items: center;
  font-size: 24px;
}
#notification-centre .col2 .n-a-c-modal .propertyPanel .properties-box {
  height: 300px;
  overflow-y: scroll;
  border: 1px solid #d6d6d6;
  border-radius: 10px;
  padding-top: 16px;
}
#notification-centre .col2 .n-a-c-modal .propertyPanel .properties-box .c-checkbox {
  margin-left: 16px;
  margin-right: 10px;
}
#notification-centre .col3 {
  flex: 1;
  border-left: 2px solid #dedede;
  font-size: 14px;
}
#notification-centre #notification-info-panel {
  font-size: 14px;
  padding-bottom: 20px;
}
#notification-centre #notification-info-panel #whatsThisFor {
  background: #1C3553;
  color: white;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
#notification-centre #notification-info-panel .info-box {
  background: #F5F5F5;
  padding: 15px;
  display: flex;
  flex-direction: column;
  margin: 15px 15px 0 15px;
  border-radius: 8px;
}
#notification-centre #notification-info-panel .info-box .info-header {
  font-weight: 500;
  padding-bottom: 10px;
  border-bottom: 2px solid #dedede;
}
#notification-centre #notification-info-panel .info-box .info-tip {
  color: #666666;
  padding: 10px 0;
}
#notification-centre #notification-info-panel .info-box .info-bullet {
  display: flex;
}
#notification-centre #notification-info-panel .info-box .info-bullet i {
  font-size: 8px;
  padding-top: 6px;
  padding-right: 6px;
}

@media (max-width: 768px) {
  #notification-centre .col1 {
    width: 100%;
  }
  #notification-centre .col2 {
    width: 100%;
  }
  #notification-centre .col2 .m-learn-more {
    padding: 16px 12px;
  }
  #notification-centre .col2 .m-learn-more-divider {
    margin: 0px -12px 0px -12px;
  }
  #notification-centre .col3 {
    display: none;
  }
}
#viewingModal {
  width: 100%;
  background: white;
  display: flex;
  flex-direction: column;
  padding: 15px;
  border-radius: 8px;
  border: 1px solid #d6d6d6;
}
#viewingModal .date-schedule .list-labels {
  display: none;
}
#viewingModal .date-schedule .col-md-12 {
  padding: 0 !important;
}
#viewingModal .date-schedule .col-md-12 .field-container input, #viewingModal .date-schedule .col-md-12 .field-container select {
  height: 60px !important;
}
#viewingModal .buttonStyle {
  text-align: center;
  color: white !important;
  font-weight: 500;
  letter-spacing: 1.25px;
  padding: 15px;
  border-radius: 8px;
  cursor: pointer;
}
#viewingModal .buttonStyle:hover {
  opacity: 0.9;
}

#lead-hub-details-page {
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 10px #E6E6E6;
}
#lead-hub-details-page #lead-hub-details-top-bar {
  height: 50px;
  display: flex;
  background: #1C3553;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
#lead-hub-details-page #lead-hub-details-top-bar .lead-hub-details-top-bar-item-2 {
  width: 100px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  cursor: pointer;
  text-transform: uppercase;
  border-bottom: 3px solid transparent;
}
#lead-hub-details-page #lead-hub-details-top-bar .top-bar-options {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 16px;
  color: white;
  font-weight: 500;
  text-transform: uppercase;
}
#lead-hub-details-page #lead-hub-details-top-bar .top-bar-options i {
  margin-left: 5px;
  margin-top: -3px;
}
#lead-hub-details-page #lead-hub-details-top-bar .top-bar-options-drop {
  position: absolute;
  bottom: -80px;
  right: 0;
  width: 100px;
  background-color: white;
  box-shadow: 0 0 10px #00000030;
  z-index: 99;
  border-radius: 8px;
  cursor: pointer;
}
#lead-hub-details-page #lead-hub-details-top-bar .top-bar-options-drop div {
  cursor: pointer;
  padding: 10px;
  color: #1C2630;
}
#lead-hub-details-page #lead-hub-details-top-bar .top-bar-options-drop div:hover {
  opacity: 0.8;
}
#lead-hub-details-page #lead-hub-details-content, #lead-hub-details-page #lead-hub-details-notes {
  background: white;
  height: calc(100vh - 170px);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  box-shadow: 0 0 10px #0000001c;
  overflow: hidden;
  display: flex;
}
#lead-hub-details-page #lead-hub-details-content .content-panel, #lead-hub-details-page #lead-hub-details-notes .content-panel {
  padding: 30px;
}
#lead-hub-details-page #lead-hub-details-content .content-panel:first-child, #lead-hub-details-page #lead-hub-details-notes .content-panel:first-child {
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#lead-hub-details-page #lead-hub-details-content .content-panel:first-child::-webkit-scrollbar, #lead-hub-details-page #lead-hub-details-notes .content-panel:first-child::-webkit-scrollbar {
  display: none;
}
#lead-hub-details-page #lead-hub-details-content .content-panel:not(:last-child), #lead-hub-details-page #lead-hub-details-notes .content-panel:not(:last-child) {
  border-right: 1px solid #D6D6D6;
}
#lead-hub-details-page #lead-hub-details-content .content-panel #messageDetail .spinWrapper, #lead-hub-details-page #lead-hub-details-notes .content-panel #messageDetail .spinWrapper {
  height: 100%;
}
#lead-hub-details-page #lead-hub-details-content .content-panel chat-hub-messages, #lead-hub-details-page #lead-hub-details-notes .content-panel chat-hub-messages {
  height: 100%;
  display: flex;
  flex-direction: column;
}
#lead-hub-details-page #lead-hub-details-content .notes-panel, #lead-hub-details-page #lead-hub-details-notes .notes-panel {
  font-size: 16px;
  color: #1C2630;
  display: flex;
  flex-direction: column;
}
#lead-hub-details-page #lead-hub-details-content .notes-panel .notes-panel-bar, #lead-hub-details-page #lead-hub-details-notes .notes-panel .notes-panel-bar {
  height: 55px;
  background: #E5E5E5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-weight: 500;
}
#lead-hub-details-page #lead-hub-details-content .notes-panel .notes-panel-text, #lead-hub-details-page #lead-hub-details-notes .notes-panel .notes-panel-text {
  padding: 30px;
  height: 100%;
}
#lead-hub-details-page #lead-hub-details-content .notes-panel .notes-panel-text textarea, #lead-hub-details-page #lead-hub-details-notes .notes-panel .notes-panel-text textarea {
  width: 100%;
  height: 100%;
  padding: 10px;
}
#lead-hub-details-page #lead-hub-details-content .notes-panel .notes-button, #lead-hub-details-page #lead-hub-details-notes .notes-panel .notes-button {
  margin-right: 20px;
  cursor: pointer;
}
#lead-hub-details-page #lead-hub-details-content .notes-panel .notes-button-left, #lead-hub-details-page #lead-hub-details-notes .notes-panel .notes-button-left {
  margin-right: auto;
  margin-left: 30px;
}
#lead-hub-details-page #lead-hub-details-content .left-panel-bar, #lead-hub-details-page #lead-hub-details-notes .left-panel-bar {
  height: 50px;
  border-bottom: 1px solid #E5E5E5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 500;
  color: #1C2630;
  font-size: 16px;
}
#lead-hub-details-page .notes {
  display: flex;
  flex-direction: column;
  padding: 20px;
  border-bottom: 1px solid #D6D6D6;
  background: white;
}
#lead-hub-details-page #addNote {
  margin-left: auto;
  margin-right: 10px;
  padding: 10px;
  border-radius: 100%;
  display: flex;
  background: #FA9483;
  z-index: 999;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 1px 3px #c9d5db;
  cursor: pointer;
}
#lead-hub-details-page .tableHeader {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
#lead-hub-details-page .tableHeader div {
  font-size: 14px;
  margin-top: 3px;
  font-weight: 500;
}
#lead-hub-details-page .tableHeader .caret-up {
  border-left: transparent 4px solid;
  border-right: transparent 4px solid;
  border-bottom: #000000 4px solid;
  height: 0;
  width: 0;
  margin: 2px 3px 3px 6px;
}
#lead-hub-details-page .tableHeader .caret-down {
  border-left: transparent solid 4px;
  border-right: transparent solid 4px;
  border-top: #000000 4px solid;
  height: 0;
  width: 0;
  margin: 2px 3px 3px 6px;
}
#lead-hub-details-page .tableHeader .caret-up:hover {
  border-bottom: #FA9483 4px solid;
}
#lead-hub-details-page .tableHeader .caret-down:hover {
  border-top: #FA9483 4px solid;
}

@media (max-width: 800px) {
  #lead-hub-details-page {
    margin: -20px;
  }
  #lead-hub-details-page #lead-hub-details-top-bar {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
  #lead-hub-details-page .notes-button-left {
    margin-left: 20px !important;
  }
  #lead-hub-details-page .notes-panel-text {
    padding: 20px !important;
  }

  #lead-hub-details-content {
    flex-direction: column;
    height: 100% !important;
  }
  #lead-hub-details-content .content-panel {
    overflow: visible;
  }

  #chatBox {
    margin-top: 0 !important;
  }
}
#deposit-management {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  #deposit-management {
    margin-top: 60px;
  }
}
#deposit-management .deposit-management-top-bar {
  height: 50px;
  display: flex;
  background: #1C3553;
}
#deposit-management .deposit-management-top-bar .deposit-management-top-bar-item {
  padding: 0 16px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  cursor: pointer;
  text-transform: uppercase;
  border-bottom: 3px solid transparent;
}
#deposit-management #deposit-management-content {
  min-width: 350px;
  height: 100%;
}
#deposit-management #deposit-management-content .controls .search-bar {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 10px 20px;
  width: 300px;
}
#deposit-management #deposit-management-content .left {
  flex: 1;
  padding: 15px;
  display: flex;
  flex-direction: column;
  border-right: 1px #E9ECEE solid;
  min-width: 350px;
}
#deposit-management #deposit-management-content .left .button {
  background: #FA9483;
  border-radius: 4px;
  padding: 10px 16px;
  color: #1C3553;
  font-weight: 500;
  margin-left: auto;
  cursor: pointer;
}
#deposit-management #deposit-management-content .left #search {
  display: flex;
  flex: 0;
  flex-direction: row-reverse;
  margin: 15px 0;
  position: relative;
}
#deposit-management #deposit-management-content .left #search input {
  width: 100%;
  background: white;
  border: #D6D6D6 1px solid;
  border-radius: 5px;
  padding: 10px;
  padding-left: 35px;
}
#deposit-management #deposit-management-content .left #search #searchIcon {
  font-size: 15px;
  padding: 12px;
  color: #1C3553;
  margin-left: auto;
  cursor: pointer;
  position: absolute;
  left: 0;
}
#deposit-management #deposit-management-content .left #search #closeIcon {
  font-size: 15px;
  padding: 12px;
  color: #1C3553;
  margin-left: auto;
  cursor: pointer;
  position: absolute;
  right: 0;
}
#deposit-management #deposit-management-content .left #accounts {
  flex: 1;
  border: #D6D6D6 1px solid;
  overflow-y: auto;
  position: relative;
  max-height: calc(100vh - 290px);
}
#deposit-management #deposit-management-content .left #accounts .account-item {
  padding: 10px 0px;
  border-bottom: #D6D6D6 1px solid;
}
#deposit-management #deposit-management-content .left #accounts .account-item .bankIcon {
  width: 25px;
  height: 25px;
  margin-left: 15px;
  border-radius: 4px;
}
#deposit-management #deposit-management-content .left #accounts .account-item .bankCard {
  margin-left: 15px;
}
#deposit-management #deposit-management-content .left #accounts .account-item:hover {
  background-color: #E9EAED;
}
#deposit-management #deposit-management-content .left #accounts .account-item-active {
  background-color: #E9EAED;
  font-weight: 500;
}
#deposit-management #deposit-management-content .left #accounts .accounts-empty {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#deposit-management #deposit-management-content .right {
  flex: 2;
  padding: 15px;
  display: flex;
  flex-direction: column;
  min-width: 500px;
}
#deposit-management #deposit-management-content .right .bankInfo {
  display: flex;
  border: #D6D6D6 1px solid;
  border-radius: 8px;
  padding: 15px;
}
#deposit-management #deposit-management-content .right .bankInfo .bankIcon {
  width: 25px;
  height: 25px;
  margin-right: 15px;
  border-radius: 4px;
}
#deposit-management #deposit-management-content .right .bankInfo .bankNumberWrapper {
  background: #E1EBF2;
  padding: 3px 16px;
  border-radius: 25px;
  margin-top: 5px;
  display: inline-block;
  white-space: nowrap;
}
#deposit-management #deposit-management-content .right .property-item:hover {
  background-color: #EFEFEF;
}
#deposit-management #deposit-management-content .right #properties {
  position: relative;
}
#deposit-management #deposit-management-content .right #properties .properties-empty {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#deposit-management #deposit-management-content #transaction-list {
  width: 100%;
}
#deposit-management #deposit-management-content #transaction-list th, #deposit-management #deposit-management-content #transaction-list td {
  border: none;
  padding: 16px;
  color: black;
  font-size: 16px;
}
#deposit-management #deposit-management-content #transaction-list th .status-chip, #deposit-management #deposit-management-content #transaction-list td .status-chip {
  display: inline-block;
  padding: 4px 20px;
  border-radius: 20px;
  background-color: transparent;
  color: white;
}
#deposit-management #deposit-management-content #transaction-list th:hover {
  background: gainsboro;
  cursor: pointer;
}
#deposit-management #deposit-management-content #transaction-list tr {
  border-bottom: 1px solid #f5f5f5;
  background: white;
}
#deposit-management #deposit-management-content #transaction-list .tableCheckBox {
  cursor: pointer;
}
#deposit-management #deposit-management-content #transaction-list .transaction-row .linked {
  color: #265DA0 !important;
  font-weight: 500;
  cursor: pointer;
}
#deposit-management #deposit-management-content #transaction-list .transaction-row .linked:hover {
  text-decoration: underline !important;
}
#deposit-management #deposit-management-content #transaction-list .transaction-row .tdFixed {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 200px;
  overflow: hidden;
}
#deposit-management #deposit-management-content #transaction-list .transaction-row .tdFit {
  width: fit-content;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#deposit-management #deposit-management-content #transaction-list .transaction-row .tdRight {
  width: 100%;
  text-align: right;
  padding-right: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#deposit-management #deposit-management-content #transaction-list .transaction-row a {
  color: #05668D !important;
  font-weight: 500;
  text-decoration: none;
}
#deposit-management #deposit-management-content #transaction-list .tableHeader {
  display: flex;
  align-items: center;
  white-space: nowrap;
  text-transform: uppercase;
}
#deposit-management #deposit-management-content #transaction-list .tableHeader div {
  font-size: 14px;
  margin-top: 3px;
  color: #1C2630;
  font-weight: 500;
  letter-spacing: 1.25px;
}
#deposit-management #deposit-management-content #transaction-list .tableHeader .caret-up {
  border-left: transparent 4px solid;
  border-right: transparent 4px solid;
  border-bottom: #b1b4b7 4px solid;
  height: 0;
  width: 0;
  margin: 2px 3px 3px 6px;
}
#deposit-management #deposit-management-content #transaction-list .tableHeader .caret-down {
  border-left: transparent solid 4px;
  border-right: transparent solid 4px;
  border-top: #b1b4b7 4px solid;
  height: 0;
  width: 0;
  margin: 2px 3px 3px 6px;
}
#deposit-management #deposit-management-content #transaction-list .tableHeader .caret-up:hover {
  border-bottom: #000000 4px solid;
}
#deposit-management #deposit-management-content #transaction-list .tableHeader .caret-down:hover {
  border-top: #000000 4px solid;
}
#deposit-management .deposit-management-top-bar-mobile {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
#deposit-management .deposit-management-top-bar-mobile .deposit-management-top-bar-item {
  flex: 1;
}
#deposit-management .deposit-management-content-mobile {
  display: block !important;
  min-width: 0px !important;
  max-width: none !important;
}
#deposit-management .deposit-management-content-mobile .right-mobile {
  height: 100%;
}
#deposit-management .deposit-management-content-mobile .right-mobile .bankProperties {
  width: 100%;
}

.deposit-table {
  height: calc(100vh - 300px);
  overflow-y: auto;
  border: 1px solid #D6D6D6;
}

.date-range-filter-container {
  position: relative;
  padding: 13px 14px;
  min-width: 105px;
  border: 1px solid #D6D6D6;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 500;
  height: 100%;
}
.date-range-filter-container .date-range-filter-input {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
}
.date-range-filter-container .date-range-filter-card {
  position: absolute;
  top: 110%;
  left: 0;
  z-index: 99;
  padding: 20px;
  border: 1px solid #d6d6d6;
  min-width: 400px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);
}

.phone--tracking--modal .custom--field i {
  font-size: 20px;
}
.phone--tracking--modal .spin-anim {
  animation: spin-animation 2s infinite linear;
}

.leasing-assistant-message-box {
  padding: 10px 20px;
  text-align: right;
  background-color: #FFD9C7;
  border-radius: 8px 8px 0px 8px;
}

.ch-wrapper {
  display: flex;
  height: 100vh;
  background: #fafbfc;
  overflow: hidden;
  position: relative;
}
.ch-wrapper .ch-threads-column {
  flex: 1;
  min-width: 300px;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
  border-right: 1px solid #e0e0e0;
  transition: all 0.3s;
  min-width: 0;
  z-index: 1;
}
.ch-wrapper .ch-content-column {
  flex: 2;
  min-width: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.ch-wrapper .ch-content-column .ch-messages-column {
  flex: 1;
  min-width: 400px;
  z-index: 2;
}
.ch-wrapper .ch-content-column .ch-profile-column {
  width: 400px;
  z-index: 3;
  border-left: 1px solid #e0e0e0;
  overflow-y: auto;
}

.chat-hub-wrapper {
  display: flex;
  height: 100vh;
  background: #fafbfc;
  overflow: hidden;
}

.chat-hub-column {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
  border-right: 1px solid #e0e0e0;
  transition: all 0.3s;
  min-width: 0;
}
.chat-hub-column.chat-hub-threads {
  width: 450px;
  min-width: 320px;
  max-width: 600px;
  background: #fff;
  z-index: 3;
}
.chat-hub-column.chat-hub-messages {
  flex: 1 1 0;
  background: #fafbfc;
  z-index: 2;
}
.chat-hub-column.chat-hub-profile {
  width: 340px;
  min-width: 240px;
  max-width: 400px;
  background: #fff;
  z-index: 4;
  border-right: none;
  border-left: 1px solid #e0e0e0;
  display: flex;
  flex-direction: column;
}

.chat-hub-header {
  height: 56px;
  background: #fff;
  display: flex;
  align-items: center;
  padding: 0 20px;
  font-weight: 600;
  border-bottom: 1px solid #e0e0e0;
  justify-content: space-between;
  flex-shrink: 0;
}
.chat-hub-header .connection-status {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.chat-hub-header .connection-status.active {
  background-color: #6afa4c;
  border: 1px solid #2cff00;
  box-shadow: 0 0 6px rgba(106, 250, 76, 0.5);
}
.chat-hub-header .connection-status.inactive {
  background-color: #ff7070;
  border: 1px solid #fdadad;
  box-shadow: 0 0 6px rgba(255, 112, 112, 0.5);
}

.chat-hub-search {
  padding: 12px 20px 0 20px;
  position: relative;
}
.chat-hub-search .chat-hub-search-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.chat-hub-search input {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  font-size: 15px;
  background: #f7f7f7;
}
.chat-hub-search .chat-hub-filter-icon {
  position: static;
  right: auto;
  top: auto;
  transform: none;
  cursor: pointer;
  color: #1976d2;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  padding: 0 4px;
  z-index: 1;
  transition: color 0.2s;
}
.chat-hub-search .chat-hub-filter-icon:hover {
  color: #145ca4;
}
.chat-hub-search .chat-hub-filter-icon i.material-icons {
  font-size: 22px;
  line-height: 1;
}

.chat-hub-thread-list {
  flex: 1 1 0;
  overflow-y: auto;
}

.chat-hub-thread-item {
  display: flex;
  align-items: center;
  padding: 18px 24px 18px 20px;
  cursor: pointer;
  border-bottom: 1px solid #e0e0e0;
  background: #fff;
  transition: background 0.2s;
  position: relative;
}
.chat-hub-thread-item:hover {
  background: #f0f4f8;
}
.chat-hub-thread-item.active {
  background: #f0f4f8;
}

.chat-hub-avatar-image-large {
  overflow: hidden;
  border: 2.5px solid transparent;
}
.chat-hub-avatar-image-large img {
  width: 72px;
  height: 72px;
  object-fit: cover;
  border-radius: 50%;
  margin-bottom: 16px;
}

.chat-hub-avatar-box {
  position: relative;
  width: 52px;
  height: 52px;
  min-width: 52px;
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 18px;
}
.chat-hub-avatar-box .chat-hub-avatar-img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  border: 2.5px solid transparent;
  background: #e0e0e0;
}
.chat-hub-avatar-box .chat-hub-avatar-text {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #5c7fa3;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 20px;
  border: 2.5px solid transparent;
  user-select: none;
}
.chat-hub-avatar-box.has-unread .chat-hub-avatar-img, .chat-hub-avatar-box.has-unread .chat-hub-avatar-text {
  border-color: var(--secondary-color);
  box-shadow: 0 0 0 2px #fa948333;
}
.chat-hub-avatar-box .chat-hub-unread-badge {
  position: absolute;
  top: -6px;
  left: -6px;
  background: var(--secondary-color);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  border-radius: 50%;
  min-width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2.5px solid #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  z-index: 2;
}
.chat-hub-avatar-box .chat-hub-pinned-badge {
  position: absolute;
  bottom: -6px;
  right: -6px;
  background: var(--secondary-color);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  border-radius: 50%;
  min-width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2.5px solid #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  z-index: 2;
}

.chat-hub-thread-info {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.chat-hub-thread-info .chat-hub-thread-title-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.chat-hub-thread-info .chat-hub-thread-title-row .chat-hub-thread-icons .material-icons {
  font-size: 16px;
  color: #223a7a;
  transition: font-size 0.2s ease;
}
.chat-hub-thread-info .chat-hub-thread-title-row .chat-hub-thread-icons .material-icons:hover {
  font-size: 18px;
}
.chat-hub-thread-info .chat-hub-thread-title-row .chat-hub-thread-icons .material-icons.confirmed {
  color: #7be4a7;
}
.chat-hub-thread-info .chat-hub-thread-title-row .chat-hub-thread-icons .material-icons.pending {
  color: #ffd580;
}
.chat-hub-thread-info .chat-hub-thread-title-row .chat-hub-thread-icons .material-icons.declined {
  color: #ff7070;
}
.chat-hub-thread-info .chat-hub-thread-middle-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.chat-hub-thread-info .chat-hub-thread-menu-icon {
  padding: 2px;
  font-size: 20px;
  color: #223a7a;
  transition: font-size 0.2s ease;
}
.chat-hub-thread-info .chat-hub-thread-menu-icon:hover {
  background-color: #d8e8f9;
  border-radius: 4px;
}
.chat-hub-thread-info .chat-hub-thread-address {
  font-size: 14px;
  color: #3a4a5d;
  font-weight: 500;
  max-width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chat-hub-thread-info .chat-hub-thread-name {
  font-size: 16px;
  font-weight: 700;
  color: #223a7a;
  margin-right: 6px;
  max-width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chat-hub-thread-info .chat-hub-thread-channel {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  border-radius: 16px;
  padding: 2px 14px 2px 10px;
  margin-left: 4px;
  margin-right: 2px;
  vertical-align: middle;
  background: #e0e0e0;
  color: #223a7a;
  white-space: nowrap;
  max-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chat-hub-thread-info .chat-hub-thread-preview {
  font-size: 14px;
  color: #888;
  margin-top: 2px;
  max-width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 1 0;
}

.chat-hub-thread-options {
  position: absolute;
  top: 32px;
  right: 0;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  min-width: 180px;
  z-index: 20;
  padding: 8px 0;
  display: flex;
  flex-direction: column;
}

.chat-hub-thread-options .optionItem {
  padding: 10px 20px;
  cursor: pointer;
  font-size: 15px;
  color: #223a7a;
  transition: background 0.2s, color 0.2s;
  white-space: nowrap;
}

.chat-hub-thread-options .optionItem:hover {
  background: #f0f4f8;
  color: #1976d2;
}

.chat-hub-message {
  max-width: 60%;
  padding: 12px 16px;
  border-radius: 12px;
  font-size: 15px;
  line-height: 1.5;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.chat-hub-message.chat-hub-message-sent {
  align-self: flex-end;
  background: #e8f0fe;
  color: #222;
}
.chat-hub-message.chat-hub-message-received {
  align-self: flex-start;
  background: #fffbe7;
  color: #222;
}

.chat-hub-message-input {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  border-top: 1px solid #e0e0e0;
  background: #fff;
  gap: 20px;
}

.chat-hub-input-icons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-right: 16px;
  height: 100%;
}

.chat-hub-input-icons > div {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s;
}

.chat-hub-input-icons > div img {
  width: 24px;
  height: 24px;
}

.chat-hub-message-textbox {
  flex: 1 1 0;
  padding: 8px 12px;
  border: 1.5px solid #e0e0e0;
  border-radius: 20px;
  font-size: 20px;
  background: #fff;
  outline: none;
  transition: border 0.2s;
  min-height: 32px;
  margin-right: 0;
}

.chat-hub-message-textbox::placeholder {
  color: #bdbdbd;
  font-size: 20px;
}

.chat-hub-send-btn {
  background: #1976d2;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-left: 16px;
  transition: background 0.2s;
  box-shadow: 0 2px 8px rgba(25, 118, 210, 0.08);
}

.chat-hub-send-btn:hover {
  background: #1562ae;
}

.chat-hub-profile-content {
  flex: 1 1 0;
  min-height: 0;
  overflow-y: auto;
  padding: 32px 16px;
}
.chat-hub-profile-content .chat-hub-avatar-large {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: #bdbdbd;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 16px;
}
.chat-hub-profile-content .chat-hub-profile-name {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
}
.chat-hub-profile-content .chat-hub-profile-contact {
  font-size: 15px;
  color: #666;
  margin-bottom: 8px;
}
.chat-hub-profile-content .chat-hub-profile-table {
  width: 100%;
  margin: 16px 0;
}
.chat-hub-profile-content .chat-hub-profile-table tr {
  display: flex;
  align-items: center;
  padding: 8px 0;
}
.chat-hub-profile-content .chat-hub-profile-table tr:hover {
  background-color: #f0f4f8;
}
.chat-hub-profile-content .chat-hub-profile-table tr td:first-child {
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chat-hub-profile-content .chat-hub-profile-table tr td:first-child i.material-icons {
  color: var(--primary-color);
  font-size: 20px;
}
.chat-hub-profile-content .chat-hub-profile-table tr td:last-child {
  flex: 1;
  font-size: 14px;
  color: #666;
}
.chat-hub-profile-content .chat-hub-offer-box {
  border-radius: 8px;
  background-color: #f1f1f1;
  margin-bottom: 8px;
}
.chat-hub-profile-content .chat-hub-offer-box .chat-hub-offer-box-title {
  padding: 10px;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  border-bottom: 1px solid #bbbbbb;
}
.chat-hub-profile-content .chat-hub-offer-box .chat-hub-offer-box-title .chat-hub-offer-box-address {
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #222;
}
.chat-hub-profile-content .chat-hub-offer-box .chat-hub-offer-box-title .chat-hub-offer-box-link {
  margin-left: 10px;
  font-weight: bold;
  color: var(--primary-color);
  background-color: transparent;
  border: 1px solid var(--primary-color);
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
  padding: 0px 10px;
  border-radius: 4px;
}
.chat-hub-profile-content .chat-hub-offer-box .chat-hub-offer-box-title .chat-hub-offer-box-link:hover {
  background-color: var(--primary-color);
  color: #fff;
  text-decoration: none;
}
.chat-hub-profile-content .chat-hub-offer-box .chat-hub-offer-box-content {
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
}
.chat-hub-profile-content .chat-hub-offer-box .chat-hub-offer-box-content .chat-hub-offer-box-content-row {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 12px;
}
.chat-hub-profile-content .chat-hub-offer-box .chat-hub-offer-box-content .chat-hub-offer-box-content-row .chat-hub-offer-box-content-row-label {
  text-transform: uppercase;
  color: #222;
}
.chat-hub-profile-content .chat-hub-offer-box .chat-hub-offer-box-content .chat-hub-offer-box-content-row .chat-hub-offer-box-content-row-value {
  font-weight: bold;
  color: #222;
}
.chat-hub-profile-content button {
  background: #1976d2;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 8px 18px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  margin-top: 8px;
  transition: background 0.2s;
}
.chat-hub-profile-content button:hover {
  background: #145ca4;
}

.chat-hub-profile-btn {
  color: #1976d2;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  margin-left: auto;
}
.chat-hub-profile-btn:hover {
  text-decoration: underline;
}

.chat-hub-back {
  cursor: pointer;
  color: #1976d2;
  font-size: 20px;
  margin-right: 12px;
  font-weight: 600;
}

@media (max-width: 900px) {
  .chat-hub-wrapper .chat-hub-column.chat-hub-profile {
    display: none;
  }
  .chat-hub-wrapper .chat-hub-column.chat-hub-threads {
    min-width: 180px;
    width: 200px;
  }

  .chat-hub-thread-info .chat-hub-thread-address {
    max-width: 100px;
  }

  .chat-hub-thread-info .chat-hub-thread-preview {
    max-width: 120px;
  }
}
@media (min-width: 1000px) {
  .ch-wrapper .ch-threads-column {
    max-width: 600px;
  }

  .chat-hub-messages-header-back {
    display: none;
  }

  .chat-hub-messages-profile-button {
    display: none;
  }
}
@media (min-width: 1400px) {
  .ch-wrapper .ch-content-column .chat-hub-profile-header-back {
    display: none;
  }
}
@media (max-width: 1400px) {
  .ch-wrapper .ch-content-column .ch-profile-column {
    display: none;
  }
  .ch-wrapper .ch-content-column .chat-hub-messages-profile-button {
    display: block;
  }
  .ch-wrapper .ch-content-column .ch-profile-column {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    background: #fff;
    z-index: 10;
  }
  .ch-wrapper .ch-content-column .ch-profile-column.active {
    transform: translateX(0);
    display: block;
  }
}
@media (max-width: 1000px) {
  .ch-wrapper .ch-threads-column {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
  }
  .ch-wrapper .ch-threads-column.active {
    transform: translateX(0);
    width: 100%;
  }
  .ch-wrapper .ch-content-column {
    width: 100%;
  }
  .ch-wrapper .ch-content-column .ch-messages-column {
    min-width: 0;
    width: 100%;
  }

  .chat-hub-thread-info .chat-hub-thread-address {
    max-width: 60px;
  }

  .chat-hub-thread-info .chat-hub-thread-preview {
    max-width: 80px;
  }
}
.chat-hub-filter-dropdown {
  position: absolute;
  top: 56px;
  left: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 0px 16px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 10px 20px 20px 20px;
  z-index: 10;
  min-width: 400px;
  margin-top: 4px;
}
.chat-hub-filter-dropdown .chat-hub-filter-close {
  display: flex;
  justify-content: flex-end;
  padding: 8px;
}
.chat-hub-filter-dropdown .chat-hub-filter-close i.material-icons {
  cursor: pointer;
  color: #666;
  font-size: 20px;
  transition: color 0.2s;
}
.chat-hub-filter-dropdown .chat-hub-filter-close i.material-icons:hover {
  color: var(--secondary-color);
}

.chat-hub-filter-bubbles {
  display: flex;
  gap: 8px;
  margin-top: 8px;
  padding: 8px 8px;
  overflow-x: auto;
  background: #14253b;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.chat-hub-filter-bubbles::-webkit-scrollbar {
  height: 4px;
}
.chat-hub-filter-bubbles::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
.chat-hub-filter-bubbles::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}
.chat-hub-filter-bubbles::-webkit-scrollbar-thumb:hover {
  background: #999;
}

.chat-hub-filter-bubble {
  display: flex;
  align-items: center;
  background: #f0f4f8;
  border-radius: 16px;
  padding: 4px 12px;
  white-space: nowrap;
  flex-shrink: 0;
}
.chat-hub-filter-bubble .chat-hub-filter-bubble-text {
  font-size: 13px;
  color: #14253b;
  font-weight: 500;
  margin-right: 4px;
}
.chat-hub-filter-bubble .chat-hub-filter-bubble-close {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #666;
  transition: color 0.2s;
}
.chat-hub-filter-bubble .chat-hub-filter-bubble-close i.material-icons {
  font-size: 16px;
}
.chat-hub-filter-bubble .chat-hub-filter-bubble-close:hover {
  color: var(--secondary-color);
}

.chat-hub-filter-section {
  margin-bottom: 20px;
}

.chat-hub-filter-label {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #222;
}

.chat-hub-filter-select {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  font-size: 16px;
  background: #fafbfc;
  margin-bottom: 8px;
  appearance: none;
}

.chat-hub-filter-switch-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  font-size: 16px;
  color: #222;
}

.chat-hub-switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}
.chat-hub-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.chat-hub-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #d3d6db;
  border-radius: 24px;
  transition: 0.2s;
}

.chat-hub-switch input:checked + .chat-hub-slider {
  background-color: #1976d2;
}

.chat-hub-slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 2px;
  background-color: #fff;
  border-radius: 50%;
  transition: 0.2s;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

.chat-hub-switch input:checked + .chat-hub-slider:before {
  transform: translateX(20px);
}

.chat-hub-filter-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 12px;
}

.chat-hub-filter-reset {
  background: #fff;
  color: var(--primary-color);
  border: 1.5px solid var(--primary-color);
  border-radius: 6px;
  padding: 8px 22px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}
.chat-hub-filter-reset:hover {
  background: var(--secondary-color);
  color: #fff;
}

.chat-hub-filter-apply {
  background: var(--primary-color);
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 8px 22px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s;
}
.chat-hub-filter-apply:hover {
  background: var(--secondary-color);
}

.chat-hub-thread-bottom-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.chat-hub-thread-time {
  font-size: 12px;
  color: #223a7a;
  font-weight: 500;
  margin-left: 12px;
  min-width: 60px;
  text-align: right;
  white-space: nowrap;
  flex-shrink: 0;
}

.chat-hub-profile-header-back {
  cursor: pointer;
  color: #1c3553;
  font-size: 16px;
  font-weight: 500;
  margin-right: 10px;
}

/* Reset margins, paddings, and box-sizing */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  color: #707070;
  background-color: #ffffff;
  font-size: 1rem;
  font-family: Roboto, sans-serif;
  line-height: 1.5;
}

html, body {
  height: 100%;
  margin: 0;
}

/* Typography Resets */
h1, h2, h3, h4, h5, h6, p, div {
  font-family: inherit;
}

/* Remove default list styles */
ul, ol {
  list-style: none;
}

/* Remove default anchor styles */
a {
  text-decoration: none;
  color: inherit;
  transition: color 0.2s ease-in-out;
}

/* Reset italic styles */
/* ========================================================================
// COMPONENTS & ACCESSIBILITY
// ======================================================================== */
.li-link {
  color: #155E9B;
  text-decoration: none;
  position: relative;
  transition: color 0.2s ease-in-out;
}
.li-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.li-link:hover {
  color: #0f436e;
  text-decoration: none;
}
.li-link:hover::after {
  opacity: 1;
}
.li-link:focus {
  color: #0f436e;
  outline: 2px solid #155E9B;
  outline-offset: 2px;
  border-radius: 2px;
  text-decoration: none;
}
.li-link:focus:not(:focus-visible) {
  outline: none;
}

.main-wrapper {
  width: 100%;
  height: 100dvh;
}

.main-container {
  height: 100dvh;
  overflow-y: auto;
}

.wrapper {
  display: flex;
}

#main-container-wrapper {
  height: 100%;
  width: 100%;
}

.title-header-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-start;
}

.btn-modal-message {
  background-color: #FA9483;
  border: 1px solid #fa9483;
  border-radius: 4px;
  color: #1C3553;
  padding: 7px 10px;
  width: 150px;
  margin: 15px 10px 0 10px !important;
  font-weight: 500;
  letter-spacing: 1.25px;
}

.btn-cancel {
  color: var(--primary-color);
  padding: 10px 16px;
  border: 1px solid var(--primary-color);
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 1.25px;
  transition: all 0.3s ease;
}
.btn-cancel:hover {
  background-color: var(--primary-color);
  color: white;
}

.btn-saving {
  background-color: var(--primary-color);
  color: #FFFFFF;
  padding: 10px 16px;
  border: 1px solid var(--primary-color);
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 1.25px;
  transition: all 0.3s ease;
}
.btn-saving:hover {
  background-color: var(--primary-color);
  opacity: 0.8;
}

.button-center {
  display: flex;
  justify-content: center;
}

.back-button {
  cursor: pointer;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border: none;
  color: #1c3553;
  transition: all 0.3s ease;
}
.back-button:hover {
  background: #1c3553;
  color: #ffffff;
}

.button-text {
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  color: inherit;
}

.message-modal {
  padding: 20px;
  background-color: #1C3553;
}

.notify-title h3 {
  color: white !important;
  font-size: 30px;
}
.notify-title h5 {
  color: white !important;
  font-size: 1.44rem;
}
.notify-title p {
  color: white !important;
  font-size: 1rem;
}
.notify-title p img {
  width: 100%;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
}
@media (max-width: 768px) {
  .modal-dialog {
    min-width: 100%;
    margin: 0;
  }
}

.modal-content {
  position: relative;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
@media (max-width: 768px) {
  .modal-content {
    border-radius: 0;
    box-shadow: none;
    width: 100%;
  }
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: rgba(0, 0, 0, 0.8);
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  margin-top: 2em;
}
@media (max-width: 768px) {
  .modal.in .modal-dialog {
    margin-top: 0;
  }
}

.top-bar-heading {
  font-size: 1rem;
  font-weight: 500;
  color: #1c2630;
}

.material-icons {
  font-family: "Material Icons", sans-serif;
  font-size: 1.5rem;
  display: inline-block;
  vertical-align: middle;
  color: #1c2630;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}

.r-type {
  color: #f68e04;
  position: relative;
}
.r-type:after {
  content: "r";
  color: #f68e04;
  position: absolute;
  left: 0;
}
.r-type:before {
  content: "rh";
  color: #4984e1;
  position: absolute;
  left: 0;
}

.heading-list {
  font-size: 1rem;
  color: #1C2630;
  font-weight: 500;
  padding-bottom: 0.6em;
  border-bottom: 1px solid #d6d6d6;
}

.heading-section {
  font-size: 1rem;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  font-weight: 500;
  color: #1C2630;
}

.paragraph-text {
  font-size: 1rem;
  color: #1C2630;
  font-weight: 400;
  line-height: 1.3;
}

.date-input-wrapper {
  position: relative;
  width: 100%;
  transition: all 0.3s ease;
  margin-bottom: 1.5rem;
}
.date-input-wrapper .date-input-group {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.date-input-wrapper .date-input {
  width: 100%;
  padding: 0.75rem;
  padding-right: 40px;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  background-color: transparent;
  font-size: 1rem;
  font-weight: 500;
  color: #1C2630;
}
.date-input-wrapper .date-input::placeholder {
  color: #8D9297;
}
.date-input-wrapper .date-input:focus {
  background-color: #ffffff;
}
.date-input-wrapper .date-input:hover {
  transition: all 0.3s ease;
  border-color: #1C2630;
}
.date-input-wrapper .date-picker-button {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  padding: 4px 8px;
  background: transparent;
  border: none;
  z-index: 1;
  cursor: pointer;
}
.date-input-wrapper .date-input-group.has-error .date-input {
  border-color: #FF5851;
}
.date-input-wrapper .date-input-group.has-error .date-input:focus {
  border-color: #FF5851;
}
.date-input-wrapper .ui-text-error {
  color: #FF5851;
  font-size: 0.75rem;
  margin-top: 0.25rem;
  font-weight: 400;
  min-height: 18px;
  display: flex;
  align-items: center;
  gap: 4px;
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 100%;
}
.date-input-wrapper .ui-text-error[role=alert] {
  animation: shakeError 0.6s ease-in-out;
}

@keyframes shakeError {
  0%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-4px);
  }
  75% {
    transform: translateX(4px);
  }
}
.required:after {
  content: " *";
  color: red;
  font-weight: bold;
}

.upload-progress-container {
  width: 100%;
  max-width: 440px;
  margin: 1em auto 0.5em auto;
  padding: 0.75em;
  border-radius: 4px;
  background-color: #f8f9fa;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.upload-progress .progress {
  height: 8px;
  border-radius: 4px;
  background-color: #e9ecef;
  margin-bottom: 0.5em;
  overflow: hidden;
}
.upload-progress .progress-bar {
  height: 100%;
  border-radius: 4px;
  background-color: var(--primary-color, #007bff);
  transition: width 0.3s ease;
  color: transparent;
  font-size: 0;
}
.upload-progress .progress-bar.success {
  background-color: #28a745;
  /* Green color for success state */
}
.upload-progress .upload-status {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.8rem;
  color: #6c757d;
}
.upload-progress .upload-status span {
  font-size: 0.8rem !important;
}

.upload-error {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.upload-error .error-message {
  color: #dc3545;
  margin-bottom: 0.75em;
  font-size: 0.85rem;
  text-align: center;
}
.upload-error .error-message i {
  margin-right: 0.25em;
}
.upload-error .retry-button {
  background-color: transparent;
  color: #1C2630;
  border: 1px solid #1C2630;
  border-radius: 4px;
  padding: 0.25em 0.75em;
  font-size: 0.85rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.upload-error .retry-button:hover {
  background-color: #1C2630;
  color: white;
}
.upload-error .retry-button i {
  margin-right: 0.25em;
}

@media only screen and (max-width: 768px) {
  #main-container-wrapper {
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
  }

  .main-wrapper {
    height: 100%;
  }
}
/*app css stylesheet */

.content-center {
  margin: 0 auto;
  display: block;
  float: none !important;
}
.margin-40 {
  margin-bottom: 40px;
}

.margin-padding-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.ajust-col {
  padding-right: 3px !important;
  margin-left: -4px;
}

.control-label-col6 {
  padding-left: 16px !important;
  margin-left: -5px !important;
  margin-right: 5px;
}

@media (max-width: 768px) {
  .control-label-col6 {
    padding-left: 15px !important;
  }
}

.margin-20 {
  margin-bottom: 20px;
}

.btn-back-listings {
  float: left;
}

:root {
  --accent-orange: #f68e04;
  --accent-red: #e35d44;
  --accent-blue: #98c0e4;
  --accent--soft-blue: #d4e5f4;
  --accent-yellow: #fff4d1;
  --accent-purple: #10205f;
  --accent-color: var(--accent-orange);
}

* {
  -moz-box-sizing: border-box;
  /* -webkit-box-sizing: border-box; */
  box-sizing: border-box;
}

body,
html {
  height: 100%;
  width: 100%;
  font-family: "Roboto", sans-serif !important;
  font-size: 1rem;
}

.input-date {
  margin-bottom: 0 !important;
}

.margin-top-20 {
  margin-top: 20px;
  display: block;
  float: left;
  text-align: center;
  width: 100%;
  margin-bottom: 25px;
}

.label-upload-profile {
  background-color: rgba(152, 192, 228, 0.8) !important;
  color: white;
  border: 0 !important;
}

.modal-open {
  padding-right: 0 !important;
}

.icon-green {
  color: #62ab44;
}

.icon-blue {
  color: #98cbee;
}

.icon-white {
  color: #fff;
}
.upload-label-button-license {
  width: 100%;
  border: 4px dashed #efefef;
  border-radius: 4px;
  padding: 8px 15px;
  background-color: #f7f7f7;
  font-weight: normal;
  font-size: 11px;
}

.margin-0-padding-0 {
  margin: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.msg-error-label {
  font-size: 10px !important;
}

.agreement * {
  font-size: 15px;
  font-weight: normal;
}

.bold {
  font-weight: 500;
}

.logo-rhenti {
  display: inline-block;
  height: 100%;
  width: auto;
}

.rhenti-h {
  color: #98c0e4;
}

.logo-rhenti img {
  width: 20px;
  height: 20px;
  margin-right: 4px;
}

.logotype {
  font-family: "Ubuntu", sans-serif;
  font-weight: normal;
  color: #f68e04;
  vertical-align: middle;
}

.bg-white {
  background: white !important;
}

.menu {
  list-style: none;
  border-bottom: 0.1em solid black;
  margin-bottom: 2em;
  padding: 0 0 0.5em;
}

.menu:before {
  content: "[";
}

.menu:after {
  content: "]";
}

.menu > li {
  display: inline;
}

.menu > li:before {
  content: "|";
  padding-right: 0.3em;
}

.menu > li:nth-child(1):before {
  content: "";
  padding: 0;
}

.navbar-default .navbar-nav > li > a:hover {
  color: #f6953a;
}

.menuSelected a {
  color: #f68e04 !important;
}
.menuSelected a i {
  color: #f68e04 !important;
}

/* default classes */

.underline {
  text-decoration: underline;
}
.link-contact {
  color: #494949;
  text-decoration: underline;
}
.link-contact:hover {
  color: #f68e04;
}
.padding-agreement {
  padding: 20px;
}

.success-green {
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  margin-top: 20px !important;
  margin-bottom: 0 !important;
  background-color: #dff0d8;
  border-color: #62ab44;
  color: #62ab44;
}

.msg-alert-units {
  border: 0 !important;
  float: left;
  margin-top: 0 !important;
}

.message-orange {
  margin-top: 20px !important;
  margin-bottom: 0 !important;
}

.bt-check {
  float: right;
}

.bid-bg {
  background: #f2f2f2;
}

.bts-lease-agreements.completed {
  background-color: #fff !important;
  color: #f68e04 !important;
}

.bts-lease-agreements {
  width: 252px;
  line-height: 1.2;
  margin: 1.5px 1.5px 1.5px 8px;
  text-align: left;
  padding: 4px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  border-radius: 0;
  -webkit-border-radius: 0;
  font-size: 12px;
  white-space: normal;
}
.question-box {
  float: right;
  width: 72px;
  padding: 0 7.5px 0 0;
}
.question-box .more-info {
  float: right;
  width: 100%;
  text-align: right;
  font-size: 12px;
  font-weight: 500;
}
.question-box .ic-question {
  float: right;
  font-size: 22px;
  color: white;
  background: #8ab7de;
  padding: 10px;
  width: 40px;
  height: 40px;
  text-align: center;
  display: block;
  font-style: normal;
  font-weight: 500;
  margin-right: 7px;
}

.image-unit {
  background-size: cover !important;
}
.container-porcentagem {
  width: 80%;
  margin-left: 10%;
  margin-top: 3%;
}
.msg-form {
  margin: 15px;
  text-align: center;
}
.has-error .form-control {
  color: black;
}

.defaultSelect {
  color: #ccc;
}

#choiceUnit:focus,
#choiceBuild:focus {
  color: black !important ;
}

.btStar {
  z-index: 5;
  position: absolute;
  top: 0;
  right: 0;
}

.btStar .not-following {
  color: white;
}

.btStar .following {
  color: #f68e04 !important;
}

.btStarFollow div {
  width: 30px;
  height: 30px;
  padding-left: 2px;
  padding-top: 7px;
}
.btStarFollow div i {
  font-weight: 500;
  font-size: 20px;
}
.btStarFollow div i.glyphicon-star-empty {
  color: orange;
}
.btStarFollow div i.glyphicon-star {
  color: white;
}

.unitSelected {
  background: #05668D;
  color: white;
}

/* default class to centers modals
* keep mind that to add the parent div 
*/
.modal-center.modal::before {
  content: "" !important;
  display: inline-block !important;
  height: 100% !important;
  margin-right: -4px !important;
  vertical-align: middle !important;
}
.modal-center.modal {
  text-align: center !important;
}
.modal-center .modal-dialog {
  display: inline-block !important;
  text-align: left !important;
  vertical-align: middle !important;
  height: auto !important;
}

.modal-center .modal-content {
  border-radius: 10px;
}

.modal-center .missing-fields .fields {
  color: rgb(161, 9, 9);
}

/* start of map styles */

/*
    This paddin-bottom is the exact height of the
    two nav-bars: the main one and the search one.
*/
/*.main-container {
  height: 100%;
  !* padding-bottom: 111px; *!
}*/

.listing {
  height: 100%;
  padding-right: 0;
  top: 0;
  padding-bottom: 45px;
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  width: 100%;
  overflow: hidden;
  position: relative;
  overflow-y: hidden;
  margin-bottom: 45px;
}

.listing > .row {
  overflow: scroll;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-y: hidden;
  overflow-x: hidden;
}

.bt-unit-renter {
  margin-right: 20px !important;
  width: 201px;
  margin-bottom: 20px;
}

.btn-collapse {
  width: 100%;
  display: table;
}

@media (max-width: 768px) {
  /* Since no map is being displayed on mobile, there's no need for a padding-bottom
    to fix height issues, which translates in height: 100% working as expected. */
  .listing {
    padding-right: 7.5px;
    height: 100%;
  }

  .listing > .row {
    padding-right: 7.5px;
  }

  .label-upload-profile {
    margin-top: 15px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .listing {
    padding-bottom: 211px;
  }
}

.container-cards {
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  height: 100%;
  padding-right: 15px !important;
  padding-bottom: 15px !important;
  overflow-x: hidden !important;
  /* padding-right: calc(-1 * (100vw - 100%)) !important; */
}

.loading {
  text-align: center;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: table;
  height: 100%;
  z-index: 999;
  float: right;
}

.displayNoneFooter {
  display: none !important;
}
@media (min-width: 768px) {
  .loading {
    width: 50%;
  }
  /* remove nav in the top when is home page */
  .displayNone {
    display: none !important;
  }
  .removeNav {
    background: none !important;
    border: none !important;
    display: none !important;
  }

  .bgNavWhite {
    background: #ffffff !important;
    border-color: #eeeeee !important;
  }

  /* .colorWhite,
    .colorWhite li,
    .colorWhite li a,
    .colorWhite li a i,
    .colorWhite:hover,
    .colorWhite li:hover,
    .colorWhite li a:hover,
    .colorWhite li a i:hover
    {
        color: white !important;
        background: none !important;
        text-shadow: 0px 0px 45px rgba(0, 0, 0, 1);
    } */
}

@media (max-width: 768px) {
  .loading {
    width: 100%;
  }

  .navbar-fixed-top .navbar-collapse {
    max-height: 500px !important;
  }
}

.filter-collapse .search-form-wrapper {
  margin-top: 7.5px;
  margin-bottom: 7.5px;
}

.no-results {
  font-size: 18px;
  text-align: center;
  margin: auto 42px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: table;
  height: 100%;
}

.no-results p {
  display: table-cell;
  vertical-align: middle;
  font-weight: 500;
  color: #909090;
  transition: 0.3s;
}

.loading .icon {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
}

.loading .icon .loader {
  margin-bottom: 125px;
}

.container-map {
  height: 100%;
  padding-left: 0 !important;
  overflow: hidden;
}

@media (max-width: 768px) {
  .container-map {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 50;
  }

  .listing .container-cards {
    z-index: 99;
    padding-bottom: 75px !important;
  }

  .listings-search-bar .search-form-wrapper {
    height: 100vh;
  }
}

.on-top {
  z-index: 990;
}

.floating-buttons-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  display: flex;
  bottom: 12px;
  z-index: 999;
}

@media (min-width: 768px) {
  div.floating-buttons {
    display: none !important;
  }
}

.floating-buttons {
  display: flex;
  text-align: center;
}

.floating-buttons .option {
  padding: 12px 15px;
  font-size: 15px;
  background-color: #f68e04;
  width: 0%;
  min-width: 120px;
  max-width: 300px;
  color: white;
  flex: 1 1 0;
  white-space: nowrap;
}

.floating-buttons .option:first-child {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  margin-right: 2px;
}

.floating-buttons .option:last-child {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}

.floating-buttons .option input {
  display: none;
}

.filter-collapse {
  transition: none !important;
}

/* living it here so I can use this later */
.filter-collapse.collapse.in {
  /*border: 1px solid red;*/
  /*transition: 1s;*/
  /*opacity: 1;*/
}

.main-map {
  width: 100%;
  height: 100%;
}

.angular-google-map {
  height: 100%;
}

.angular-google-map-container {
  width: 100%;
  height: 100%;
}

/* end of map styles */

/*start of property card*/

.card {
  position: relative;
  margin-top: 12px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  color: #5d5d5d;
  width: 100%;
  min-height: 250px;
  background: #fff;
  border: solid 1px #d9d9d9;
  padding: 0;
  border-radius: 2px;
  font-family: "Ubuntu", sans-serif;
}

.card cover.rented {
  border: 50px solid red;
}

.card a {
  color: #f68e04;
}

div .small {
  margin-top: 6px;
  font-size: 1em;
  line-height: 1.1;
  min-height: 180px;
  width: 200px;
}

.small {
  display: block;
  margin-top: -25px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border: 0;
}

.small .cover {
  max-height: 80px;
  display: block;
  overflow: visible;
}

.infobox img {
  z-index: 555;
}

.small .extra-info {
  display: none;
}

.card-content {
  position: relative;
}

.card-content .house-alert {
  color: var(--accent-blue);
  display: inline-block;
  text-align: right;
}

.card .extra-info {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  padding: 0 !important;
}

.card .location {
  font-size: 16px;
  font-weight: 800;
  color: #3c3c3c;

  white-space: nowrap;
  text-overflow: clip;
  /* border: 1px solid red ; */
  overflow: hidden;
}

.card .location a {
  color: #f68e04;
}

.repeat-cards {
  margin: auto;
}

.card .cover,
.card .cover > a {
  display: block;
  width: 100%;
  padding-bottom: 75%;
  height: 150px;
  margin-bottom: 0;
  background-size: cover;
}

.card .cover .left-info {
  display: block;
  min-width: 130px;
  position: absolute;
  left: 0;
  bottom: 24px;
  text-align: center;
}

.left-info .open-house {
  background-color: green;
  padding: 2px 6px;
  color: white;
  font-size: 14px;
}

.whitelabel-label {
  margin-top: 12px;
}

.whitelabel-label span {
  background-color: #0000007a;
  padding: 6px 12px 6px 12px;
  color: white;
}

.left-info .rented {
  background-color: var(--accent-red);
  padding: 2px 6px;
  color: white;
  font-size: 14px;
}

.left-info .status-text {
  display: block;
  width: 100%;
  font-size: 12px;
  line-height: 12px;
  margin: 0;
  text-align: center;
  color: #fff;
}

.card .cover .price {
  font-size: 22px;
  padding: 6px 12px;
  background-color: rgba(0, 0, 0, 0.75);
  width: 100%;
  left: 0;
  padding: 12px 16px;
  color: #fff;
}

.mini-card .cover .price {
  font-size: 22px;
  padding: 6px 12px;
  background-color: rgba(0, 0, 0, 0.75);
  width: auto;
  display: inline;
  bottom: 24px;
  left: 0;
  padding: 12px 16px;
  position: absolute;
  color: #fff;
}

.card .cover .rent-now-price {
  font-size: 22px;
  padding: 6px 12px;
  background-color: rgba(255, 87, 37, 0.75);
  width: auto;
  display: inline;
  bottom: 24px;
  right: 0;
  padding: 6px 16px 12px 16px;
  position: absolute;
  color: #fff;
}

.card .cover .rent-now-price p {
  font-size: 12px;
  line-height: 12px;
  margin: 0;
  text-align: center;
  color: #fff;
}

.listing .card .card-content {
  padding: 16px 0 16px 16px;
}

.card .card-content span {
  display: block;
}

.card .card-content .extras span {
  display: inline-block;
  margin-right: 4px;
}

.card .card-content .bidding-status {
  float: right;
  color: var(--accent-blue);
  font-weight: 500;
  margin-right: 12px;
}

.card .card-content .rent-now {
  text-align: center;
  color: #fff;
  background: #ff5722;
  left: 0;
  top: 0;
  width: 100%;
}
.extras .green {
  color: #f68e04;
}

.extras .grey {
  color: #6e6d6d;
}

/* end of property card */

/* start of search bar */

.listings-search-bar {
  background: white;
  width: 100%;
  align-items: center;
  flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
}

@media (min-width: 768px) {
  .search-xs {
    display: none;
    color: blue;
  }

  .listings-search-bar {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 768px) {
  .search-md {
    display: none;
    color: red;
  }
}

/*
    used to fix some layout problems on different screen sizes
    due to the use of .navbar-collapse
*/
@media (min-width: 768px) {
  .listings-search-bar > div {
    width: 100%;
  }

  .listings-search-bar > div .search-form-wrapper {
    padding: 0;
  }
}

.filter-button,
.filter-button:focus,
.filter-button:active {
  background-color: #f68e04;
  border: 1px solid #f68e04;
  border-radius: 2px;
  color: white;
  font-weight: 800 !important;
  width: 100%;
  transition: 0.3s;
  margin: auto 0;
  float: none;
  box-shadow: none;
  margin-top: 8px;
  margin-bottom: 8px;
}

.filter-button:hover {
  background-color: white;
  border: 1px solid #f68e04;
  color: #f68e04;
  font-weight: 800;
  transition: 0.3s;
}

.left-c {
  display: inline-block;
  float: left;
  width: 50%;
}

.right-c {
  display: inline-block;
  float: right;
  width: 50%;
}

.listings-search-bar .left-c input {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.listings-search-bar .right-c input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.group-price input {
  display: inline-block;
}

.listings-search-bar input,
.listings-search-bar button,
.listings-search-bar select,
.listings-search-bar .search-button {
  border: 1px solid #bebebe;
  border-radius: 1px;
  background: #fff;
  box-shadow: none;
  margin-top: 8px;
  margin-bottom: 8px;
  z-index: 9999;
}

.listings-search-bar .two-columns {
  width: 100%;
  display: inline-block;
}

.listings-search-bar select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-position: right 50%;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
  padding: 0.5em;
  padding-right: 1.5em;
}

.listings-search-bar input:focus,
.listings-search-bar select:after {
  border-color: #9c9c9c;
}

.listings-search-bar .search-button.cancel-button {
  color: #f68e04;
  background-color: white;
}

.listings-search-bar .search-button {
  background-color: #f68e04;
  border: 1px solid #f68e04;
  color: white;
  font-weight: 800;
  width: 100%;
  margin-left: 0;
  transition: 0.3s;
}

.listings-search-bar .search-button:hover {
  background-color: white;
  border: 1px solid #f68e04;
  color: #f68e04;
  font-weight: 800;
  width: 100%;
  transition: 0.3s;
}

.search-button {
  padding: 0.41em !important;
}

.main-span {
  box-sizing: content-box;
  height: 100%;
  overflow: hidden;
  display: flex;
  display: -webkit-flex;
  flex-flow: column;
}

/* start of pagination */

.pagination-wrapper {
  margin-top: 6px;
  margin-bottom: 6px;
}

.first button,
.prev button,
.next button,
.last button,
.curr button,
[class^="links"] button {
  margin: 0;
  text-decoration: none;
  text-align: center;
  margin-right: 6px;
  display: inline-block;
  color: #f68e04;
  vertical-align: middle;
  height: 46px;
  width: 46px;
  background-color: white;
  border: solid 1px #d9d9d9;
  border-radius: 2px;
}

.pagination.page {
  margin: 6px auto;
}

.curr button {
  border-color: #f68e04;
  color: #f68e04;
}

.number button:hover {
  border-color: #bebebe;
  transition: 0.3s;
}

.first {
  color: green;
}

.alert {
  padding: 10px !important;
}
.alert-danger {
  color: #ed8d06;
  background-color: #fcf4d1;
  border-color: #ed8d06;
  border-radius: 0;
}
.alert-danger a {
  text-decoration: underline;
}

.alert-danger > span > span {
  padding-left: 40px;
  display: flex;
  height: 30px;
  align-items: center;
  background: url(./images/icons/green-check.svg) no-repeat;
}
.alert-success {
  background-color: white;
  border-radius: 50px !important;
  box-shadow: 0 2px 5px #00000030;
}
.alert-success > span > span {
  background-color: white;
  color: #72C163;
  padding-left: 40px;
  padding-right: 5px;
  display: flex;
  height: 30px;
  align-items: center;
  background: url(./images/icons/green-check.svg) no-repeat;
  background-size: 30px;
}
.alert-danger {
  background-color: white;
  border-radius: 50px !important;
  box-shadow: 0 2px 5px #00000030;
}
.alert-danger > span > span {
  background-color: white;
  color: #ed8d06;
  padding-right: 5px;
  padding-left: 40px;
  display: flex;
  height: 30px;
  align-items: center;
  background: url(./images/icons/exclamation-icon.svg) no-repeat;
  background-size: 30px;
}

.alert-link {
  color: #ed8d06 !important;
  cursor: pointer;
}

/* Assessment Page */

.assessment-page {
  padding-bottom: 50px;
}

.assessment {
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 25px;
  max-width: 960px;
  background-color: white;
  position: relative;
}

.assessment h1 {
  text-align: center;
  margin: 25px auto 10px auto;
}

.subtitle-assessment {
  margin-bottom: 20px;
  color: #9e9e9e;
}

/* progress menu */

.progress-menu {
  width: 100%;
  overflow: hidden;
  counter-reset: li;
  padding: 0;
  text-align: center;
}

.progress-menu li {
  position: relative;
  display: inline-block;
  margin: auto 3px;
  width: auto;
  border-spacing: 16px;
  color: #b9b9b9;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 1px;
}

.progress-menu li:before {
  margin: 12px auto;
  display: block;
  content: counter(li);
  counter-increment: li;
  border-radius: 25px;
  border: 1px solid #b9b9b9;
  background-color: #b9b9b9;
  color: white;
  text-align: center;
  padding: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
}

.progress-menu .current-step {
  color: var(--accent-color);
}

.progress-menu .current-step:before {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
}

/* end of progress menu */

.input-container input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.upload-label-button {
  width: 100%;
  border: none;
  padding: 25px;
  background-color: transparent;
  font-weight: normal;
  border-radius: 0%;
  color: #4472c4;
}

.upload-label-button img {
  height: 20px !important;
  margin-bottom: 3px;
}
/* start of forms */

/*.form-horizontal input.ng-invalid.ng-touched.ng-not-empty.ng-dirty {
    background-color: red;
    border-color: #ffc2c2;
    background-color: #ffe8e8;
}

.form-horizontal input.ng-valid.ng-touched.ng-not-empty.ng-dirty {
    background-color: green;
    border-color: #c6ffd1;
}*/

.validation {
  position: absolute;
  font-size: 0.8em;
  color: #a94442;
}

.form-buttons {
  display: inline-block;
  width: 100%;
  text-align: right;
}

@media (min-width: 768px) {
  .form-buttons {
    text-align: right;
  }
}

@media (max-width: 768px) {
  .form-buttons button {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .btn-prev {
    float: left;
    margin: 0;
  }

  .btn-save {
    margin-left: auto;
    margin-right: auto;
  }
}

/*.accent-button,
.assessment .form-buttons button {
    display: inline-block;
    --color-button: var(--accent-color);
    border: 1px solid var(--color-button);
    border-radius: 1px;
    background: var(--color-button);
    font-weight: 800;
    box-shadow: none;
    padding: 10px 36px;
    z-index: 9999;
}

.accent-button:hover,
.assessment .form-buttons button:hover {
    background: white;
    border-color: var(--accent-color);
    color: var(--accent-color);
    transition: 0.3s;
}

.accent-button:focus,
.assessment .form-buttons button:focus {
    background: var(--accent-color);
    opacity: 0.8;
    border-color: var(--accent-color);
    color: white;
}*/

/* end of forms */

/* start of animations */

/*
    Spinner from @lukehaas: https://github.com/lukehaas/css-loaders
*/

.loader:before,
.loader:after,
.loader {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  color: #909090;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
.loader:before,
.loader:after {
  content: "";
  position: absolute;
  top: 0;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

.animate-rotation {
  -webkit-animation: load8 1.4s infinite linear;
  animation: load8 1.4s infinite linear;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* end of animations */

.loading-overlay {
  background-color: white;
  opacity: 0.5;
  position: absolute;
  height: 100%;
  float: left;
  width: 100%;
  margin: -25px 0 0 -25px;
  z-index: 99;
  /* padding-top: 50%; */
  /* margin-bottom: -50%; */
  /* display: table-cell; */
  /* vertical-align: middle; */
}

.loading-overlay .loader {
  top: 50%;
  margin: -40px auto 80px auto;
}

.dropdown-size-320 {
  min-width: 320px;
}

.login-btn,
.login-btn:visited,
.login-btn:focus {
  width: 100%;
  margin-left: 0;
  height: 38px;
}

/* Start of dashboard */

.info-text,
.container.assessment.info-text,
.container.assessment.info-text p {
  font-size: 15px;
  font-weight: 400;
  font-variant: normal;
  font-style: normal;
  line-height: 20px;
}

/* end of dashboard */

/* start of units schedule */

.schedule-group {
  max-width: 380px;
}

.schedule-buttons {
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 10px;
}

.not-available {
  background-color: #f68e04;
  color: white;
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 10px;
}

.partially-blocked-guide {
  background-color: #fab76d;
  color: white;
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 10px;
}

.schedule-buttons > label {
  border: 1px solid var(--accent-color);
  color: var(--accent-color);
  padding: 10px 20px;
  margin: auto;
  display: block;
  width: auto;
  position: relative;
  margin-left: 0;
  min-width: 110px;
  text-align: center;
}

.not-available > label,
.full-blocked-guide > label,
.partially-blocked-guide > label {
  padding: 10px 20px;
  margin: auto;
  display: block;
  width: auto;
  position: relative;
  margin-left: 0;
  min-width: 110px;
  text-align: center;
}

.schedule-buttons input[type="radio"],
.schedule-buttons input[type="checkbox"] {
  display: none;
}

input[type="radio"]:checked + label,
.schedule-buttons input[type="checkbox"]:checked + label {
  background-color: var(--accent-color);
  color: white;
  transition: 0.3s;
}

input[type="radio"]:disabled + label,
.schedule-buttons input[type="checkbox"]:disabled + label {
  background-color: white;
  border-color: #ffd9a7;
  color: #ffd9a7;
  transition: 0.3s;
}

/* end of units schedule */

/* start of calendar */

/*mobile*/
@media (max-width: 768px) {
  .inline-datepicker table {
    max-width: 350px;
    width: 100%;
    height: 300px;
  }
}

/* md and xl*/
@media (min-width: 768px) {
  .inline-datepicker table {
    width: 350px;
    height: 350px;
  }
}

.inline-datepicker table {
  border: 1px solid var(--accent-color);
  border-collapse: collapse;
  table-layout: fixed;
  background-color: white;
}

.inline-datepicker button:focus,
.inline-datepicker button:active {
  box-shadow: none;
  background-color: transparent;
  color: inherit;
}

.inline-datepicker tbody button {
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0;
}

.inline-datepicker button.active > .text-info {
  color: white;
}

.inline-datepicker button:hover {
  background-color: white;
  color: var(--accent-color);
}

.inline-datepicker thead,
.inline-datepicker thead tr,
.inline-datepicker thead tr th {
  height: 40px;
  background-color: white;
}

.inline-datepicker table tr,
.inline-datepicker table tr th button,
.inline-datepicker table td,
.inline-datepicker table td button {
  background-color: transparent;
  box-shadow: none;
  border: 0;
}

.inline-datepicker table tr th {
  border-bottom: 1px solid var(--accent-color);
}

.inline-datepicker thead tr,
.inline-datepicker table tr td {
  border: 1px solid var(--accent-color);
}

.inline-datepicker table th,
.inline-datepicker table button {
  color: var(--accent-color);
  font-weight: 500;
  width: auto;
}

.inline-datepicker table td button.active {
  background-color: transparent !important;
}

.inline-datepicker table td button.active span {
  background-color: var(--accent-color);
  border: 2px solid white;
  border-radius: 25px;
  padding: 3px;
  color: white;
}

.inline-datepicker button:disabled {
  /* color: #ffd9a7; */
  opacity: 0.2;
  background-color: transparent;
  border-radius: 0;
}

/* muted text, e.g. days of other months*/
.inline-datepicker .text-muted {
  color: var(--accent-color);
  font-weight: normal;
}

/* start of popup-datepicker */

.uib-datepicker-popup {
  border-radius: 0;
}

.uib-datepicker-popup .uib-datepicker button {
  border-radius: 0;
  box-shadow: none;
  background-color: white;
  border: 0;
}

.uib-datepicker-popup .btn-success {
  border: 0;
  border-radius: 0;
  background-color: var(--accent-color);
}

.uib-datepicker-popup .uib-datepicker-current,
.uib-datepicker-popup .uib-clear {
  background-color: white;
  border-color: var(--accent-color);
  color: var(--accent-color);
}

.uib-datepicker-popup .btn-info.active {
  color: var(--accent-color);
}

/* end of popup-datepicker */

.unit-card {
  /* max-width: 280px; */
  line-height: normal;
  position: relative;
  /* margin: 6px; */
  /*background-color: */
  /*display: inline-block;*/
}

.unit-card .card-content {
  padding: 16px;
}

.unit-card .progress,
.unit-card .progress-bar {
  height: 4px;
  margin-bottom: 4px;
}

.unit-card .progress-bar {
  background-color: var(--accent-color);
}

.unit-card .last-update,
.unit-card .progress-txt {
  font-weight: normal;
  color: #95989a;
}

.line-bidding {
  float: left;
  width: 100%;
  border-top: 3px solid #f5f5f5;
  margin-top: 30px !important;
}

.row-bidding {
  float: left;
  width: 100%;
}
.bidding-box {
  float: right;
  margin-top: 16px;
}
.bidding-box .box-bid {
  float: right;
  width: 100%;
  border: 1px solid #e35d44 !important;
  border-radius: 2px;
  margin-right: 5%;
}
.bidding-box .title-bidding {
  background: #e35d44 !important;
  color: white !important;
  margin: 0 !important;
  padding: 4%;
  text-align: center;
}
.bidding-box .box-bid p {
  float: left;
  width: 100%;
  padding: 3%;
  padding-bottom: 0;
  text-align: center;
  font-size: 18px;
}
.row-bidding .review-button .btn-rhenti {
  padding: 10px 0px !important;
}

.unit-card .title {
  font-size: 18px;
  font-weight: 500;
  margin-top: auto;
}

.picture-wrapper {
  float: left;
  width: 30%;
}
.picture-wrapper a {
  float: left;
  max-width: 280px;
  margin: 10px;
}
.picture-wrapper a img {
  float: left;
  width: 100%;
}

.delete-unit-button:hover {
  color: grey;
  transition: 0.1s;
}
.delete-unit-button {
  position: absolute;
  /*visibility: hidden;*/
  color: #d9d9d9;
  top: 5px;
  right: 5px;
  z-index: 9;
}

.unit-content {
  float: left;
  width: 100%;
  min-height: auto !important;
}
.unit-status {
  margin-top: 16px;
}
.unit-status ul {
  padding: 0;
  margin-right: 10px;
}

.unit-status .unit-status-table li:not(:last-child) {
  border-bottom: 0px;
}

.unit-status ul li {
  text-decoration: none;
  text-align: center;
  list-style: none;
  border: 1px solid #d9d9d9;
  padding: 5px 0px 4px 0px;
  font-size: 14px;
}

.unit-status ul li.selected {
  background: #98c0e4;
  color: white;
  font-weight: 500;
  border: 0;
}

.cover-wrapper:hover > .delete-unit-button {
  visibility: visible;
}

.align-children-vertically {
  display: flex;
  align-items: center;
}

.alert-warning-force {
  background-color: #fcf8e3;
  border-color: #faf2cc;
  color: #8a6d3b;
}
.min-height-96 {
  min-height: 96px !important;
}

#modal-learn-more {
  display: none;
}

@media (max-width: 768px) {
  .bidding-box {
    float: right !important;
    width: 50%;
  }
  .bidding-box .box-bid {
    float: left;
    border: 0 !important;
    background: none;
  }
  .bidding-box .title-bidding {
    background: white !important;
    color: #e35d44 !important;
    padding: 0;
    text-align: left;
  }

  .bidding-box .box-bid p {
    padding-left: 0;
    text-align: left;
  }
  .bid-bg .remaining-time {
    background: none;
    text-align: left;
    padding: 0;
  }

  .row-bidding .review-button {
    text-align: center;
  }

  .user a {
    cursor: default;
    background: white;
  }
  .user a img {
    padding-top: 5px;
  }
}

/* fix a issue where a CSS file from the theme hides the check box on checkbox elements */
.checkbox label::before {
  display: none !important;
}

.checkbox input[type="checkbox"] {
  opacity: 100 !important;
}

.f-right {
  float: right;
  margin-right: 6px;
}

.link-property {
  color: #ed8d06 !important;
  cursor: pointer;
  font-size: 16px;
  text-decoration: underline;
}

.desc-content {
  float: left;
  width: 33%;
  margin-top: 16px;
}

p.progress-txt {
  margin: 0 0 4px;
}

.btn-add-unit {
  margin-top: 10px;
  margin-left: 0;
  margin-right: 0;
}

.unit-card .status-text {
  color: #646f70 !important;
  font-size: 1.1em;
  margin-top: 12px;
  margin-bottom: 12px;
}

.unit-card .info {
  margin-top: 16px;
}

.unit-cover > .image {
  overflow: hidden;
  height: 180px;
  display: block;
  padding-bottom: 100%;
  height: 150px;
  margin-bottom: 0;
  background-size: cover;
}

.unit-button-image {
  position: absolute;
  top: 88.7%;
  display: block;
  width: 95%;
  border-radius: 0px;
  font-size: inherit;
  font-weight: 900;
}

@media (max-width: 480px) {
  .bts-la {
    float: left;
    width: 100%;
    margin-bottom: 10px;
  }
  .bts-lease-agreements {
    display: table;
    width: 90%;
    margin-left: 5% !important;
    margin-bottom: 2px;
  }

  .bidding-box {
    float: left !important;
    width: 97%;
    margin-left: 3%;
  }

  .status-text {
    display: block !important;
  }
  .unit-cover-content {
    width: 100%;
  }

  input {
    font-size: 16px !important;
  }
}

@media (max-width: 370px) {
  .btn-add-unit {
    width: 100% !important;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }
  .bt-unit-renter {
    width: 90% !important;
    margin-right: 5% !important;
  }
  .bts-lease-agreements {
    font-size: 10px;
  }
}

@media (max-width: 1023px) {
  .unit-status ul li {
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  .picture-wrapper {
    width: 50%;
  }

  .desc-content {
    width: 100%;
    padding-left: 10px;
  }
}

@media (max-width: 639px) {
  .bts-la {
    margin-bottom: 10px;
  }
  .bts-lease-agreements {
    display: table;
    margin-left: 16px;
    margin-bottom: 2px;
  }

  .unit-cover > .image {
    padding-bottom: 55%;
  }

  .unit-cover,
  .unit-info {
    width: 100%;
  }
  .unit-info .info {
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-bottom: 16px !important;
  }
  .desc-content {
    margin-top: 0;
  }
  .unit-card .title {
    font-size: 16px;
  }
  .picture-wrapper {
    width: 60%;
  }
  .unit-status ul {
    padding: 0;
  }
  .unit-status ul li {
    padding: 8px;
  }
  .unit-status ul li.selected {
    display: block;
  }
}

@media (max-width: 990px) {
  .bt-unit-renter {
    width: 150px;
  }
}

.no-data {
  text-align: center;
  color: #909090;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 56px;
}

.map-button {
  padding: 7px 10px;
  width: 44px;
  height: 34px;
  color: #888888;
}

@media (max-width: 768px) {
  .listings-search-bar .container {
    padding: 0;
    margin: 0;
  }
}

@media (min-width: 768px) {
  .listings-search-bar .alert {
    margin: 0;
  }
}

.green-icon {
  color: green !important;
}

.modal-body {
  font-size: 1rem !important;
}

.dropdown.filter-options input {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 8px;
}

.dropdown.filter-options label {
  padding-top: 3px;
  padding-bottom: 3px;
  padding: 3px 20px;
  height: auto !important;
  margin: 0;
}

.dropdown.filter-options label:hover {
  background-color: #f2f2f2;
}

.dropdown.filter-options button,
.dropdown.filter-options button:hover,
.dropdown.filter-options button:focus {
  background-color: white !important;
  color: #333333 !important;
  font-weight: normal !important;
  border-color: #bebebe !important;
}

.dropdown.filter-options label {
  height: 20px;
  display: block;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}

.ng-toast {
  margin-bottom: 80px;
}


.bid-table > table {
    background-color: white;
}

.white-bg {
    background-color: white;
}

.bid-table th {
    background-color: white;
}

.bid-table > table th {
    vertical-align: middle !important;
}

.view-all-bids {
    font-size: 16px;
    text-align: center;
    padding: 44px;
}

.bid-table .picture {
    /* TODO: Check if this may cause any problem in the future */
    width: 1px;
}

.small-profile {
    height: 56px;
    min-width: 56px;
    max-width: 56px;
}

.pic-wrapper {
    display: inline-block;
    width: 150px;
}

.property-picture {
    background-color: yellow;
    max-width: 150px;
    /*max-height: 150px;*/
    height:auto;
    display:block;
    padding-top: 150px;

    border-radius:50%;

    background-position-y: center;
    background-position-x: center;
    background-repeat: no-repeat;

    background-size: cover;

    margin: 36px 0;

    /*border: 4px solid #000;*/
}

/* open house style */

.open-house-dates {
    margin: 22px auto;
    text-align: center;
    font-size: 3vw;
    line-height: 3vw;
}

.calendar-pic {
    max-width: 20px;
    max-height: 20px;
    margin-right: 4px;
}

.views-count {
    font-size: 32px;
}

.property-address-dashboard {
    text-align: left;
    font-size: 32px;
    padding-left: 12px;
    width: 100%;
}

.dash-header {
    min-height: 150px;
}

.views {
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    background-color: #f9f9f9;
    width: 250px;
    padding: 0 150px;
}

@media (max-width: 768px) {
    .views {
        padding: 0;
    }

}

.homepage {
	padding-left: 0;
	padding-right: 0;
	z-index: 999;
}



.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.table-home-services tbody tr th {
	border: 1px solid #ececec;
}
.table-home-services tr td {
	border: 1px solid #ececec;
}

.col-center {
	margin: 0 auto;
	display: block;
	float: none;
}

/*Table Style One*/
.table .table-header{
	background: #FEC107 !important;
	color:#333;
}
	.table .table-header th{
		text-align: center;
	}
.table .table-header .cell{
	padding:20px;
	color: white;
	background: #98c0e4;
}

#info-text-section .content-divider .content-section .text-checkbox-confirmation span {
    color: #808080;
}

#chequing-account-section .content-section #image-chequing-account {
    opacity: 0.8;
}

#chequing-account-section .content-section #image-chequing-account img {
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 516px) {
    #chequing-account-section .content-section form div {
        /* margin-right: 5px; */
    }
}

@media (max-width: 516px) {
    #chequing-account-section .content-section form div {
        display: block;
    }
}

#credit-card-section .content-section .form-inline {
    margin-top: 30px;
    margin-bottom: 30px;
}

#credit-card-section .content-section .container-inputs {
    /* max-width: 600px; */
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 668px) {

    #credit-card-section .content-section .container-inputs {
        width: 60%;
    }

    #credit-card-section .content-section .credit-card-icons {
        text-align: center;
    }

    #credit-card-section .content-section .credit-card-icons img {
        margin: 15px;
    }
}

@media (max-width: 667px) {

    #credit-card-section .content-section .credit-card-icons {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
        margin: 0 1.5px;
    }

    #credit-card-section .content-section .credit-card-icons .credit-card-icon {
        display: inline-block;
    }
}

.margin-space {
    margin-left: 20px;
    margin-right: 10px;
}

.margin-space-bottom {
    margin-bottom: 40px;
}

.margin-container {
    padding-left: 20px;
}

.info-text-highlight {
    font-size: 17px;
}

.info-text {
    font-style: normal;
}


/* account styles */

.credit-card-icons {
    padding-top: 16px;
    padding-bottom: 16px;
}

.credit-card-icon {
    height: 35px !important;
}

.credit-card-icons img {
    height: auto;
    margin-bottom: 1px;
}

.credit-card-icons img:not(:last-child) {
    margin-right: 32px;
}

@media (max-width: 768px) {

    .credit-card-icon {
        height: 30px !important;
    }

    .credit-card-icons img:not(:last-child) {
        margin-right: 12px;
    }
}


/* end of credit card */

.cc-form .form-group label {
    text-align: left;
    display: block;
}

.method-payment-selection input[type="radio"]:checked+label {
    background-color: transparent;
    color: black;
    font-weight: normal;
}

.method-payment-selection input[type="radio"]:disabled+label,
.account-checkbox input[type="checkbox"]:disabled+label {
    color: grey;
    font-weight: normal;
}

.method-payment-selection input[type="radio"]+label {
    margin-left: 5px;
}

@media (min-width: 1200px) {
    .account-form {
        margin-left: auto;
        margin-right: auto;
        margin-top: 16px;
        margin-bottom: 16px;
        /* max-width: 600px; */
        text-align: center;
    }
}

.account-form .input-group,
.account-form .col-sm-12.form-group {
    margin-bottom: 16px;
}

.cc-wrapper {
    margin-bottom: 0;
}

#card-number {
    padding-top: 0px;
    padding-bottom: 0px;
}

#credit-card-number div,
#debit-card-number div {
    margin-top: -6px !important;
    margin-left: -6px !important;
}

.radioForm label {
    font-weight: normal;
}


/* end of account styles */
/* CAROUSEL SLIDER */

.panel-container {
  margin: 0;
  border: 0;
  padding: 0;
}

.panel-container span {
  margin-left: 2px;
}

.questions {
  font-weight: 500;
  font-size: 16px;
}

.custom-margin {
  /* margin-bottom: 16px !important; */
}

.panel-container h1 {
  margin-bottom: 12px;
}

.property-details .panel-heading {
  padding-top: 15px;
  padding-bottom: 15px;
}

.property-details .panel-body {
  padding-bottom: 15px !important;
  margin-bottom: 0;
}

.modal-body {
  font-size: 1rem !important;
}

.custom-button {
  min-width: 190px;
}

.property-details .panel-body .table,
.property-details .panel-body ul,
.property-details .panel-body .row ol {
  margin-bottom: 0;
}

/* .float-panel {
	background-color: white;
	border: 1px solid #e2e9e6;
} */

.or {
  margin: 14px 0;
  display: block;
}

.float-panel h1 {
  font-size: 22px;
  font-weight: 500;
}

.new-bid-value {
  background-color: #d2d2d2;
  box-shadow: none;
  border: 0;
  padding: 6px;
  display: inline-block;
}

.new-bid-price span {
  margin-right: 8px;
}

.book-form {
  margin-top: 15px;
}

.book-form p.input-group {
  margin: 0;
}

.uib-datepicker-popup .uib-datepicker .full-blocked-rsvp button {
  background-color: #f68f05;
  color: #f5f5f5;
}
.uib-datepicker-popup .uib-datepicker .partially-blocked-rsvp button {
  background-color: #fab76d;
  color: #f5f5f5;
}

@media (max-width: 460px) {
  .new-bid-value {
    max-width: 100%;
  }

  .new-bid-price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  .new-bid-price .new-bid-value {
    flex: 1;
  }
}

.bid-info-details {
  font-weight: 500;
  font-size: 14px;
  margin: 30px auto;
}

.new-bid input[type="checkbox"] {
  float: left;
  margin-right: 8px;
}

.new-bid .terms-and-condition-checkbox {
  margin-top: 22px;
  display: block;
}

.new-bid .terms-and-condition-checkbox label {
  /*overflow: auto;*/
  display: block;
}

.sidebar-button {
  padding-top: 16px;
  padding-bottom: 16px;
  margin-top: 12px;
  width: 100%;
  background-color: var(--accent-color);
  border: 1px solid var(--accent-color);
  color: white;
  font-weight: 500;
}

.sidebar-button:hover {
  background-color: white;
  color: var(--accent-color);
  border: 1px solid var(--accent-color);
  transition: 0.3s;
}

.sidebar-button:disabled {
  background-color: #d2d2d2;
  border-color: #d2d2d2;
}

.sidebar-button:disabled:hover {
  background-color: #d2d2d2;
  border-color: #d2d2d2;
  color: white;
}

.shared {
  margin-top: 10px !important;
}

.pac-container {
  z-index: 10000 !important;
}

.shared-text {
  margin: 20px 0px;
}

.shared-text .owner-infos {
  text-align: center;
  margin: 25px 0px;
  color: #f68e04;
}

.check-center {
  display: flex;
  align-items: center;
}
.rsvp-btn {
  border-radius: 0;
  margin-top: 0;
  background-color: var(--accent-blue);
  width: 100%;
  color: white;
}

.custom-font-size {
  font-size: 21px !important;
}

.rsvp-btn:hover {
  color: #d4e5f4;
  background-color: white !important;
  transition: 0.3s;
  border: 1px solid #d4e5f4;
}

.following-btn span.main-text {
  font-size: 26px;
}

.followers-info {
  display: inline-block;
}

.followers-info span {
  line-height: 36px;
}

.followers-info .followers-count {
  font-size: 36px;
  height: 100%;
}

.force-text-vertical-align {
  display: table;
}

.force-text-vertical-align .text-vertical {
  vertical-align: middle;
  margin-right: 5px;
}

.open-house.is-openhouse {
  color: var(--accent-red);
}

.open-house.is-openhouse .rsvp-btn {
  background-color: var(--accent-red);
}

.open-house h1 {
  margin: 0;
}

.rsvp-btn h2.main-text {
  font-size: 26px;
  font-weight: 500;
  margin: 0px;
  margin-top: 9px;
  margin-bottom: 9px;
}

.panel-body .bold-text {
  font-size: 26px;
  font-weight: 500;
}

button.accent-blue-btn {
  background-color: var(--accent-blue);
  border-color: var(--accent-blue);
}

button.accent-blue-btn:hover {
  background-color: white;
  color: var(--accent-blue);
  border-color: var(--accent-blue);
}

.rsvp-back-button {
  background-color: white;
  border: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
  font-size: 16px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.transparent-panel {
  background-color: transparent;
  border-color: transparent;
  margin: 12px auto;
}

.counter {
  font-weight: lighter;
  font-size: 22px;
  text-align: center;
  width: 100%;
  display: block;
  margin: 14px auto;
}

.underlined-header {
  font-size: 16px !important;
}

.underlined-header:after {
  content: "";
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 2px;
  width: 56px;
  background: var(--accent-color);
}

.remaining-time {
  background-color: #f5f5f5;
  display: block;
  width: 100%;
  border-radius: 2px;
  padding: 4px;
  margin: 12px auto;
}

.yellow {
  background-color: yellow;
  border: 5px solid yellow;
}

.followers {
  font-size: 24px;
}

.red-button {
  background-color: var(--accent-red) !important;
  border: 1px solid var(--accent-red) !important;
}

.red-button:hover {
  background-color: white !important;
  color: var(--accent-red) !important;
  transition: 0.3s;
}

.latest-bid {
  display: block;
  font-size: 36px;
  line-height: normal;
  font-weight: lighter;
}

.bid-details {
  /*margin-left: 1px;*/
  padding: 0px;
  list-style-position: inside;
}

.bid-details li {
  padding: 6px;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 0;
  margin: 0;
}

.bid-value {
  display: block;
  position: relative;
  width: 100%;
}

.bid-value input {
  padding-left: 14px;
  /*TODO fix margin here*/
  min-width: 58%;
  margin-right: 12px;
}

.bid-value button {
  max-width: 40%;
  float: right;
}

.bid-value input,
.bid-value button {
  height: 45px;
  margin: 0;
  display: inline;
  /*width: auto;*/
}

#carousel-slider {
  /* margin-bottom: 30px; */
}
.carousel-inner .width-100pc {
  cursor: pointer;
}

.carousel-inner .slick-slider {
  padding-bottom: 0px;
}

.carousel-inner .slider-for .slick-dots {
  bottom: 5%;
}

@media (min-width: 900px) and (max-width: 1024px) {
  .carousel-inner .slider-for .slick-dots {
    bottom: 15%;
  }

  .carousel-inner .slider-for .slick-next {
    top: 43% !important;
    right: 8% !important;
  }

  .carousel-inner .slider-for .slick-prev {
    top: 43% !important;
    left: 5% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1145px) {
  .carousel-inner .slider-for .slick-dots {
    bottom: 25%;
  }

  .carousel-inner .slider-for .slick-next {
    top: 38% !important;
    right: 8% !important;
  }

  .carousel-inner .slider-for .slick-prev {
    top: 38% !important;
    left: 5% !important;
  }
}

@media (min-width: 1145px) and (max-width: 1315px) {
  .carousel-inner .slider-for .slick-dots {
    bottom: 35%;
  }

  .carousel-inner .slider-for .slick-next {
    top: 33% !important;
    right: 8% !important;
  }

  .carousel-inner .slider-for .slick-prev {
    top: 33% !important;
    left: 5% !important;
  }
}

@media (min-width: 1315px) and (max-width: 1565px) {
  .carousel-inner .slider-for .slick-dots {
    bottom: 45%;
  }

  .carousel-inner .slider-for .slick-next {
    top: 28% !important;
    right: 8% !important;
  }

  .carousel-inner .slider-for .slick-prev {
    top: 28% !important;
    left: 5% !important;
  }
}

@media (min-width: 1565px) {
  .carousel-inner .slider-for .slick-dots {
    bottom: 55%;
  }

  .carousel-inner .slider-for .slick-next {
    top: 24% !important;
    right: 8% !important;
  }

  .carousel-inner .slider-for .slick-prev {
    top: 24% !important;
    left: 5% !important;
  }
}

.carousel-inner .slider-for .slick-next {
  right: 11%;
  top: 45%;
  z-index: 10;
}

.carousel-inner .slider-for .slick-next:before {
  font-size: 60px;
}

.carousel-inner .slider-for .slick-prev {
  left: 2%;
  top: 45%;
  z-index: 10;
}

.carousel-inner .slider-for .slick-prev:before {
  font-size: 60px;
}

#mini-carousel .slider-nav {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
  margin-top: -45px;
  padding-bottom: 0px;
  margin-bottom: 25px;
  z-index: 10;
}

#mini-carousel .slider-nav .item {
  border-right-style: solid;
  border-color: transparent;
}

#mini-carousel .slider-nav .right .glyphicon {
  right: 18%;
}

#mini-carousel .slider-nav .left .glyphicon {
  left: 18%;
}

#mini-carousel .slider-nav .slick-prev {
  left: 1.5%;
}

#mini-carousel .slider-nav .slick-prev:before {
  content: "";
  font-size: 30px;
}

#mini-carousel .slider-nav .slick-next {
  right: 1.5%;
}

#mini-carousel .slider-nav .slick-next:before {
  content: "";
  font-size: 30px;
}

/* CONTENT */

/* Bidding Details */
#bidding-details {
}

#bidding-details #bidding-details-container {
}

@media (min-width: 992px) {
  /* Bidding Details Container */
  /* #bidding-details #bidding-details-container {
			width: 340px;
		} */

  .bidding-details-fixed {
    top: 70px;
    padding: 0px !important;
  }
}

/* Basic Information Box*/
#basic-information {
}

#basic-information #basic-information-icons {
  padding-top: 14px;
  margin-top: 10px;
}

#basic-information #basic-information-icons .icons {
  display: inline-block;
}

#basic-information #basic-information-icons .icons:not(:first-child) {
  margin-left: 25px;
}

/* Basic Information Header */
#basic-information #basic-information-header .available,
.listed {
  padding: 1%;
}

#basic-information #basic-information-header .available {
  background: rgba(245, 245, 245, 0.5);
}

#basic-information #basic-information-header .listed {
  background: #f5f5f5;
}

#basic-information #basic-information-icons .icons .icon-bathroom {
  /* margin-left: -42px;*/
}

/* Amenities Box */
#amenities {
}

@media (max-width: 320px) {
  .agree {
    margin-top: 5px;
    max-width: 91%;
  }
}

@media (max-width: 370px) {
  #amenities {
    font-size: xx-small;
  }
}

#amenities li {
  width: 50%;
}

#amenities i {
  background-color: transparent;
}

/* Space Characteristics */
#space-characteristics {
}

#space-characteristics .panel-heading .sub-header {
  margin-top: 10px;
  margin-bottom: 5px;
}

.space-characteristic-group {
  margin-top: 10px;
}

#space-characteristics .title-highlighted {
  font-weight: 500;
}

#space-characteristics #tableSpaceCharacteristic td {
  padding: 5px;
}
#space-characteristics #descspaceCharacteristic span {
  float: left;
  width: 33.3%;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
}
#space-characteristics #descspaceCharacteristic span.desc1 {
  text-align: left;
}
#space-characteristics #descspaceCharacteristic span.desc3 {
  text-align: right;
}
#space-characteristics .td-selected {
  background-color: #98c0e4;
  color: #ffffff;
}

/* Shared Styles */

#main-row {
  margin-bottom: 10%;
}

.property-informations {
  color: #565a5c;
}

.fa-check-circle {
  color: #8bc34a;
}

.fa-times-circle {
  color: #ff5252;
}

table {
  border-collapse: collapse;
}

/* th,
td {
  border-bottom: 1px solid #ddd;
  color: #565a5c;
} */

tr:nth-child(even) {
  background-color: #f2f2f233;
  /* background-color: rgba(245, 245, 245, 0.5); */
}

th {
  background-color: #f5f5f5;
}

#modalTerms.modal::before {
  content: "" !important;
  display: inline-block !important;
  height: 100% !important;
  margin-right: -4px !important;
  vertical-align: middle !important;
}
#modalTerms .modal-dialog {
  display: inline-block !important;
  text-align: left !important;
  vertical-align: middle !important;
  height: auto !important;
}
#modalTerms.modal {
  text-align: center !important;
}

.p-x-2 {
  padding-left: 2% !important;
}

#featureImage {
  width: 100%;
  margin-bottom: 40px;
}

#bt_see_all_photos {
  z-index: 777;
  width: 160px;
  height: 40px;
  margin: 0 auto;
  display: block;
  bottom: 0;
  margin-top: -56px;
  background: black;
  position: relative;
  color: white;
  padding-bottom: initial;
  font-size: 16px;
  opacity: 0.8;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  padding-top: 11px;
}

#btFollow {
  color: #ffffff;
  background-color: rgba(152, 192, 228, 0.8) !important;
  padding: 10px 32px;
  min-width: 155px;
  border-radius: 1px;
}
#btFollow i {
  margin-top: 9px;
}
#btFollow h4 {
  margin-top: 2px;
}

.bid-wrapper {
  margin-top: 15px;
  padding: 6px;
}

.bid-arrow {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.bid-arrow .point {
  float: left;
  border-top: 42px solid transparent;
  border-right: 36px solid var(--accent-blue);
  border-bottom: 42px solid transparent;
}

.bid-arrow .line {
  color: white;
  font-weight: 500;
  padding: 6px;
  font-size: 1.1em;
  width: auto;
  overflow: hidden;
  background-color: var(--accent-blue);
}

.text-red {
  color: var(--accent-red);
}

.text-blue {
  color: var(--accent-blue);
}

.panel-body button {
  white-space: normal !important;
}

.panel-body p {
  font-size: 15px;
}

.bidding-period {
  margin-top: 15px;
  padding: 15px;
  border: 2px solid var(--accent-blue);
}

.bidding-period h1 {
  margin-top: 0;
}

.purple-bg {
  background-color: var(--accent-purple);
}

.purple-bg:hover {
  background: transparent;
  border: 1px solid var(--accent-purple);
  color: var(--accent-purple);
  transition: 0.3s;
}

.property-cover {
  height: 66vh;
  max-height: 66vh;
  background-color: #f9f9f9;
  position: relative;
}

.property-cover img {
  /* position: absolute;
  margin: auto;
  top: 100%;
  left: 0;
  bottom: 100%;
  right: 0; */
  height: 100%;
}

.agreement-container {
  max-height: 50%;
  min-height: 250px;
  width: 100%;
  overflow-x: hidden;
  height: 100px;
  border: 1px solid #d2d2d2;
}

.agreement ul li {
  /*font-weight: 100;*/
}

.agreement-container .agreement {
  padding: 20px;
}

.terms-title-wrapper {
  display: flex;
}

.terms-title {
  margin: 22px auto;
  display: flex;
}

.terms-title .left {
  flex-direction: column;
  align-items: stretch;
}

.terms-title .left p {
  font-size: 25px !important;
  /*vertical-align: middle;*/
}

.terms-title .right {
  height: 100%;
}

.terms-title p {
  margin: 0;
  height: 100%;
  border: black;
  padding: 12px;
  color: white;
  font-weight: 500;
  display: block;
  background-color: var(--accent-blue);
}

.bidding-alert {
  margin-top: 20px;
}

@media (max-width: 768px) {
  .modal-no-padding-xs {
    padding: 0;
    border: 0;
  }

  .rent-bid-modal h1 {
    margin: 0;
  }

  .rent-bid-modal .terms-title {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .rent-bid-modal .terms-and-condition-checkbox {
    margin-top: 5px;
  }

  .rent-bid-modal .btn-primary {
    margin-top: 5px;
  }

  .rent-bid-modal .rsvp-back-button {
    margin-top: 5px;
  }

  .rent-bid-modal .agree {
    font-size: 15px;
  }

  .rent-bid-modal .bid-starts {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .rent-bid-modal .new-bid-value {
    padding-right: 4px;
    font-size: 14px;
  }
}

.imgs-container {
  max-width: 100%;
  height: auto;
  overflow-x: auto;
  white-space: nowrap;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.msg-upploader {
  font-size: 12px !important;
  color: #252525;
}

.imgs-container .imgs-up {
  margin: 90px auto 10px auto;
  white-space: nowrap;
  overflow-x: auto;
}

.imgs-container .col-sm-12 {
  padding: 0;
}

.imgs-container .img-thumbnail {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 auto;
  height: 150px;
  width: auto;
  display: block;
  max-height: 300px !important;
  max-width: 1000px;
}

.btn-remove {
  position: absolute;
  background: none;
  top: 6px;
  right: 12px;
  color: #fff;
  background-color: black;
  border-radius: 15px;
  font-size: 11px;
  padding: 4px;
  cursor: pointer;
}

.img-item {
  display: inline-block;
  float: none;
  width: 200px;
  @media screen and (max-width: 768px) {
    display: table;
    width: 95%;
  }
}

.btn.btn-rhenti {
	border-radius: 1px;
	font-weight: 500;
	padding: 10px 36px;
	transition: 0.3s;
}

	.btn.btn-rhenti:focus {
		opacity: 0.8;
	}

	.btn.btn-rhenti:disabled, .btn.btn-offer:disabled {
		opacity: 0.4;
		pointer-events: all;
		cursor: not-allowed;
	}

.btn.btn-primary,
.btn-primary.btn-rhenti:disabled:hover {
	background-color: #f68e04;
	border: 1px solid #f68e04;
	color: #ffffff;
}

.btn.no-p {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

	.btn-primary.btn-rhenti:hover {
		background-color: #ffffff;
		border: 1px solid #f68e04;
		color: #f68e04;
	}

.btn-default.btn-rhenti,
.btn-default.btn-rhenti:disabled:hover {
	background-color: #ffffff;
	border: 1px solid #f68e04;
	color: #f68e04;
}

	.btn-default.btn-rhenti:hover {
		background-color: #f68e04;
		border: 1px solid #f68e04;
		color: #ffffff;
	}

.btn-primary.btn-blue,
.btn-primary.btn-blue:disabled:hover {
	background-color: #98c0e4;
	border: 1px solid #98c0e4 !important;
	color: #ffffff;
}

	.btn-primary.btn-blue:hover {
		background-color: #ffffff;
		border: 1px solid #98c0e4;
		color: #98c0e4;
	}

.btn-default.btn-blue,
.btn-default.btn-blue:disabled:hover {
	background-color: #ffffff;
	border: 1px solid var(--accent-red);
	color: #98c0e4;
}

	.btn-default.btn-blue:hover {
		background-color: var(--accent-red);
		border: 1px solid var(--accent-red);
		color: #ffffff;
	}

.btn-primary.btn-red,
.btn-primary.btn-red:disabled:hover {
	background-color: var(--accent-red);
	border: 1px solid var(--accent-red) !important;
	color: #ffffff;
}

	.btn-primary.btn-red:hover {
		background-color: #ffffff;
		border: 1px solid var(--accent-red);
		color: var(--accent-red);
	}

.btn-default.btn-red,
.btn-default.btn-red:disabled:hover {
	background-color: #ffffff;
	border: 1px solid var(--accent-red);
	color: var(--accent-red);
}

	.btn-default.btn-red:hover {
		background-color: var(--accent-red);
		border: 1px solid var(--accent-red);
		color: #ffffff;
	}

.btn.text-md {
	font-size: 14px !important;
}

.btn.bold {
	font-weight: 500;
}
/* Error messages */
.help-block-error {
  position: absolute;
  font-size: 0.8em;
  color: #c22f2c;
  margin-top: -2px;
  margin-left: 3px;
}
.help-block-error-date {
  position: absolute;
  font-size: 0.8em;
  color: #c22f2c;
  margin-top: -12px;
  margin-left: 3px;
}

.gray {
  background-color: #f9f9f9;
}

.scale {
  padding: 16px;
}

.control-label {
  text-align: right;
}

.error-message-margin-left {
  /* margin-left: 38px; */
}

/* End of error messages */

.validated.ng-invalid.ng-touched {
  -webkit-box-shadow: 0 0 8px rgba(169, 68, 66, 0.6);
  border-color: rgba(169, 68, 66, 0.8);
  box-shadow: 0 0 8px rgba(169, 68, 66, 0.6);
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

/* start of radio-group */

.custom-radio-group {
  display: block;
}

.custom-radio-group input[type="radio"] {
  display: none;
  border: 1px solid red;
  background-color: red;
}

.custom-radio-group label {
  color: #f68e04;
  font-weight: 500;
  font-size: 13px;
  text-transform: uppercase;
  min-width: 85px;
  margin: 0;
  padding: 2px 32px;
  letter-spacing: 2px;
  text-align: center;
  /* height: 32px; */
  line-height: 32px;
  border: 1px solid #f68e04;
  /* border-right: 0; */
  border-radius: 3px;
}

.custom-radio-group span:first-of-type label:first-of-type {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.custom-radio-group.circle span:first-of-type label:first-of-type {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}

.custom-radio-group span:last-of-type label:last-of-type {
  border-right: 1px solid #f68e04;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.custom-radio-group.circle span:last-of-type label:last-of-type {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}

@media (max-width: 480px) {
  .custom-radio-group {
    width: 100%;
    display: flex !important;
    flex-wrap: wrap;
  }

  .custom-radio-group span {
    /* forces the span to wrap in two, so I can be
		able to style it's buttons properly, since
		the last and first-of-type selectors up there are
		not expecting those button to wrap in two lines */
    width: 100%;
    /*flex-grow: 1;*/
    display: flex;
  }

  .custom-radio-group span:first-of-type label:first-of-type {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 0px;
  }

  .custom-radio-group span:first-of-type label:last-of-type {
    border-top-right-radius: 3px;
    border-right: 1px solid #f68e04;
  }

  .custom-radio-group span:last-of-type label {
    border-top: 0px;
  }

  .custom-radio-group span:last-of-type label:last-of-type {
    border-right: 1px solid #f68e04;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 0;
  }

  .custom-radio-group span:last-of-type label:first-of-type {
    border-bottom-left-radius: 3px;
  }

  .custom-radio-group label {
    flex-grow: 1;
    flex-wrap: wrap !important;
  }
}

/* end of radio-group */


/* Layout */

.content-page {
    padding-bottom: 50px;
}

.content-divider {
    margin-top: 50px;
    margin-bottom: 50px;
}

.title-section {
    margin-bottom: 2px;
    padding: 25px;
    max-width: 960px;
    background-color: white;
    position: relative;
}

    .title-section h1 {
        text-align: center;
        font-size: 4em;
    }

.title-nobg-section {
    margin-bottom: 2px;
    max-width: 960px;
    position: relative;
    padding: 0;
}

    .title-nobg-section h1 {
        text-align: left;
    }

.content-section {
    margin-bottom: 2px;
    padding: 25px;
    max-width: 960px;
    background-color: white;
    position: relative;
}

	.content-section h1 {
	    text-align: center;
	    margin: 25px auto 55px auto;
	    margin-bottom: 55px;
	}

    .content-section .content-section-centered {
        display: table;
        margin-left: auto;
        margin-right: auto;
    }

.bold-menu-item {
    font-weight: 500;
}

.whitelabel-wrapper-nb {
    position: absolute;
}

.whitelabel-powered {
    position: relative;
    top: 0;
    display: block;
    left: 0;
    
    font-size: 11px;
    color: #949494;
    line-height: 0 !important;

    margin-top: -8px;

    /* border: 1px solid red; */
}
.agreements-directive .signature-input > * {
    display: inline-block;
}

.sub-header {
    /* float: left; */
    width: 100%;
    margin-bottom: 15px;
    text-align: left;
}

.agreement-edge {
    width: 100%;
}

.btn-service{
    padding-left: 50px;
    padding-right: 50px;
}

.btn.btn-rhenti-modal{
    border: 1px solid #f68e04;
    background: white;
    color: #f68e04;
    font-weight: 600;
    font-size: 16px;
    width: 350px;
    text-align: left;
    border-radius: 0;
}

.resp-btn{
    text-align: left;
   
}


@media (max-width: 886px) {
    .btn.btn-rhenti-modal{
        text-align: center;

    }

    .resp-btn{
        text-align: center;
    }

}

.radio-invisible{
    display: none;
}

.radio-invisible:checked span{
    display: none;
}
.check-white{
    color: white;
}

.resp-btn:checked label{
    color: white;
    background: #f68e04;
    transition: 0.3s;   
}

.title-modal{
    font-size: 16px;
    font-weight: 600;
    margin-top: 7px;
}

.btn.btn-rhenti-modal:hover{
    color: white;
    background: #f68e04;
    transition: 0.3s;

}

.padding-agreement-div {
    padding-left: 20px;
    padding-right: 20px;
}

.check-level {
    height: 82px;
    /* overflow: hidden; */
    margin-left: 0;
    padding: 0 !important;
}
.level {
    float: left;
    width: 100%;
}

.col-rent-score-level {
    padding-left: 0 !important; padding-right: 0 !important
}

.agreement-field {
    text-align: center;
}

.btn-agree {
    width: 50%;
    margin-left: 25%;
}

@media (min-width: 768px) {
    .agreements-directive .col-auto {
        width: auto;
    }
}

.agreements-directive h1 {
    
    width: 100%;
    font-size: 24px;
    margin: 24px auto;
    text-align: center;
    padding-bottom: 26px;
    border-bottom: 1px solid #f5f5f5;
}

.signature-input-field:focus {
    border-color: black;
}

.signature-input-field {
    box-shadow: none;
    border: 0;
    background-color: transparent;
    border-bottom: 1px solid black;
    border-radius: 0;
}

.checkbox-label-1,
.checkbox-label-1 label {
    display: inline !important;
    padding-left: 10px;
    font-weight: normal;
}

.agreements-directive .container {
    width: 60%;
    margin-left: 20%;
    margin-bottom: 20px;
}

.btn-agree-modal {
    width: auto;
    margin: 0 auto;
    margin-top: 20px;
    display: block;
}


.modal-body{font-size: 1rem !important;}

.color-content {
    display: block !important;
    position: relative;
    float: left;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.title-agree {
    padding-bottom: 0 !important;
}


.desc-container {
    float: left;
    width: 100%;
    height: 30px;
    border: 1px solid #e2e2e2;
    display: table;
    vertical-align: middle;
}
    .desc-container span {
        float: left;
        width: 100%;
        line-height: 6.2;
        height: 80px;
    }

.service-level {
    display: block;
    margin-top: 30px;
}

.custom-inf{
    font-size: 18px;
    font-weight: 500;
    margin-right: 30px;
    margin-left: 30px;
}

.sl-col {
    border: 1px solid #fff;
    /*height: 100%;*/
}

.sl-col.blue {
    background-color: #d4e5f4;
}

.sl-col.yellow {
    background-color: #fff4d1;
}

.row.is-flex {
    display: flex;
    flex-wrap: wrap;
}

.row.is-flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.bts-lease-agreements:disabled {
    opacity: 1 !important;
}

.digital-signature {
    font-family: 'Felipa', cursive;
    font-size: 21px;
}

.underline-text {
    text-decoration: underline;
}

/* renter score */

.rsvp-back-button {
    margin-bottom: 12px;
}

.score-selector {
    /* max-width: 350px; */
    margin-bottom: 25px;    
}

.score-selector div {
    text-align: center;
}

.score-selector > div {
}

.score-selector .level:first {
}

.score-selector .level {
    padding: 11px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 41px;
    line-height: 3.1;
    border-left: 0 !important;
}

.check-level .level {
    border: 1px solid #e2e2e2;
    padding: 8.6px;
}

.score-selector .level.opt1 {
    background-color: #c00001;
}

.score-selector .level.opt2 {
    background-color: #ee0001;
}

.score-selector .level.opt3 {
    background-color: #f35d02;
}

.score-selector .level.opt4 {
    background-color: #fd8941;
}

.score-selector .level.opt5 {
    background-color: #fcd442;
}

.score-selector .level.opt6 {
    background-color: #fde89d;
}

.score-selector .level.opt7 {
    background-color: #eeffc9;
}

.score-selector .level.opt8 {
    background-color: #9dfd9f;
}

.score-selector .level.opt9 {
    background-color: #12fa18;
}

.score-selector .level.opt10 {
    background-color: #04c007;
}

.rhenti-tip {
    color: #f68f05;
    font-size: 16px;
    font-weight: 900;
    margin-top: 10px;
    text-align: justify;
}

.row .time-viewing-times {
    margin: 0 0 0 20px;
}

.inline-datepicker table tr td.full-blocked, .inline-datepicker table tr td.full-blocked :hover {
    background-color: #f68f05;
}

.full-blocked button span {
    color: white;
}

.inline-datepicker table tr td.partially-blocked, .inline-datepicker table tr td.partially-blocked :hover {
    background-color: #fab76d;
}

.partially-blocked button span {
    color: white;
}

.payment-method .custom-radio-group label {
	color: #f68e04;
    font-weight: 500;
    font-size: 15px;
    text-transform: none;
	min-width: 85px;
	margin: 0 0 10px 0;
    padding: 2px 32px;
    letter-spacing: 1px;
	text-align: center;
	line-height: 32px;
    border: 1px solid #f68e04;
    display: block;
}

@media (max-width: 1024px) {
    .title-score-table {
        font-size: 11px;
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center;
    }
    .row .time-viewing-times {
        margin: 20px 0 0 20px;
    }
}

@media (max-width: 640px) {
    .agreements-directive .container {
        width: 80%;
        margin-left: 10%;
    }
    .title-score-table {
        font-size: 10px;
    }
}

@media (max-width: 480px) {
    .agreements-directive .container {
        width: 96%;
        margin-left: 2%;
        padding: 0 !important;
    }

    .row .time-viewing-times {
        margin: 20px 0 0 20px;
    }
}
#info-text-section .content-divider .content-section .text-checkbox-confirmation span {
    color: #808080;
}

#chequing-account-section .content-section #image-chequing-account {
    opacity: 0.8;
}

    #chequing-account-section .content-section #image-chequing-account img {
        margin-left: auto;
        margin-right: auto;
    }


.credit-card-form .form-group {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

@media (min-width: 516px) {
    
}

@media (max-width: 516px) {
    #chequing-account-section .content-section form div {
        display: block;
    }
}

	

#credit-card-section .content-section .form-inline {
    margin-top: 30px;
    margin-bottom: 30px;
}

#credit-card-section .content-section .container-inputs {
    /* max-width: 600px; */
    margin-left: auto;
    margin-right: auto;
}
    
@media (min-width: 668px) {
    
    #credit-card-section .content-section .container-inputs {
        width: 60%;
    }

    #credit-card-section .content-section .credit-card-icons{
        text-align: center;
    }

    #credit-card-section .content-section .credit-card-icons img {
        margin: 15px;
    }
    
}

@media (max-width: 667px) {

    #credit-card-section .content-section .credit-card-icons {
        width: 100%; 
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
        margin: 0 1.5px;
    }
    
    #credit-card-section .content-section .credit-card-icons .credit-card-icon {
        display: inline-block;
    }
    
}

.margin-space {
	margin-left: 20px;
	margin-right: 10px;
}

.margin-space-bottom {
	margin-bottom: 40px;
}

.margin-container {
	padding-left: 20px;
}

.info-text-highlight {
	font-size: 17px;
}

.info-text {
	font-style: normal;
}

/* account styles */

.credit-card-icons {
	padding-top: 16px;
    padding-bottom: 16px;
    text-align: center;
}

.credit-card-icon {
	height: 35px !important;
}

.credit-card-icons img {
	height: auto;
	margin-bottom: 1px;
}

.credit-card-icons img:not(:last-child) {
	margin-right: 32px;
}

@media (max-width: 768px) {

	.credit-card-icon {
		height: 30px !important;
	}

	.credit-card-icons img:not(:last-child) {
		margin-right: 12px;

	}
}

/* end of credit card */

.cc-form .form-group label {
	text-align: left;
	display: block;
}

.method-payment-selection input[type="radio"]:checked+label {
	background-color: transparent;
	color: black;
	font-weight: normal;
}

.method-payment-selection input[type="radio"]:disabled+label,
.account-checkbox input[type="checkbox"]:disabled+label {
	color: grey;
	font-weight: normal;
}

.method-payment-selection input[type="radio"] + label {
	margin-left: 5px;
}

@media (min-width: 1200px) {
	.account-form {
		margin-left: auto;
		margin-right: auto;
		margin-top: 16px;
		margin-bottom: 16px;
		/* max-width: 600px; */
		text-align: center;
	}
}
	
/* end of account styles */
.notify-global {
    position: absolute;
    background: #f68e04;
    width: 650px;
    color: white;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.95;
}

.notify-body {
    position: relative;
}

.notify-body h2 {
    margin: 8%;
}

.proe {
    text-align: center;
    padding: 15px 20px 20px 26px;
}

.notify-title p {
    font-size: 17px;
    line-height: 1;
}

.notify-global .button-close {
    position: absolute;
    cursor: pointer;
	top: -12%;
	left: 93%;
}

.notify-global button.close {
	font-size: 35px;
	opacity: 1;
	color: #ffffff
}

@media only screen and (max-width : 768px) { 
    .notify-global { 
        width: 300px;
    }

    .notify-global .button-close { 
        top: -6%;
        left: 90%;
    }

}
.navigation-tag-wrapper {
  position: relative;
}

.navigation-tag-wrapper .content-nt {
  /* display: inline-block; */
}

.navigation-tag-wrapper .navigation-tag {
  top: 0;
  left: -122px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: white;
  padding: 12px;
}

.content-tag {
  position: relative;
}

.base-tag p {
  margin: 0;
  font-weight: 800 !important;
  font-size: 18px;
  font-weight: 100%;
  margin-top: 8px;
}

.base-tag {
  background: #f68d03;
  display: inline-block;
  height: 70px;
  position: relative;
  width: 75px;
  text-align: center;
  padding: 6px;
  margin: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  animation: bounceHorizontal 2s infinite ease-in-out;
  /* animation: bounce 2s infinite ease-in-out; */
  /* transform:translateY(40%); */
}

.base-tag:before {
  border-left: 35px solid #f68d03;
  border-top: 35px solid transparent;
  border-bottom: 35px solid transparent;
  content: "";
  height: 0;
  left: 75px;
  position: absolute;
  top: 0;
  width: 0;
}

.text-tag {
  color: white;
  text-align: center;
  margin-bottom: -10px;
  margin-top: 15px;
}

@media (max-width: 768px) {
  .navigation-tag-wrapper .navigation-tag {
    position: absolute;
    top: -65px;
    left: 50%;
    transform: translateX(-50%);
  }
}

@media (max-width: 768px) {
  .base-tag {
    display: block;
    /* border-top-left-radius: 0px; */
    border-bottom-left-radius: 0px;
    border-top-right-radius: 4px;
    padding: 2px 0px;
    height: auto;
    margin-top: 0;
    width: 70px;
    padding-top: 12px;
    top: -50px;
    animation: bounce 2s infinite ease-in-out;
  }

  .base-tag p {
    font-size: 14px;
    margin: 0;
  }

  .base-tag:before {
    border-right: 35px solid transparent;
    border-top: 35px solid #f68d03;
    border-left: 35px solid transparent;
    /* height: 0; */
    top: 51px;
    left: 0;
    position: absolute;
    /* top: 0; */
    width: 0;
  }
}

.sidebar-module {
    background-color: white;
    border: 1px solid #e2e9e6;
    padding: 15px;
}

.sidebar-module h1 {
    font-size: 22px;
}

.sidebar-module h1:first-child {
    margin-top: 0;
}

.sidebar-module p { 
    margin: 10px auto;
}

.sidebar-module .blue-bg {
    background-color: #98c0e4;
    padding: 15px; 
}

.sidebar-module .blue-bg a {
    color: black;
    text-decoration: underline;
    font-weight: 500;
}

.sidebar-module .modal,
#lease-agreement-property {
    z-index: 9999;
    /*position: absolute;*/
}

.ng-gallery {
  width: 100%;
  height: 100%;
  display: inline-block;
}

img.ng-thumb {
  height: 50px;
  float: left;
  display: block;
  cursor: pointer;
  margin: 2px 2px 0 0; 
}

.ng-overlay { 
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.85;
  z-index: 9999;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}

.ng-gallery-content { 
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  text-align: center;
}

.ng-gallery-content > a.close-popup {
  font-size: 42px;
  float: right;
  color: #fff;
  text-decoration: none;
  margin: 0 30px 0 0;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 0;
  padding: 10px;
  background: #f6f7f8;
  border-radius: 50%;
}

.close-popup > img{
  height: 20px;
  width: 20px;
}

.ng-gallery-content > a.download-image {
  font-size: 42px;
  float: right;
  color: #fff;
  text-decoration: none;
  margin: 0 30px 0 0;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 63px;
}

.ng-gallery-content > a.nav-left, .ng-gallery-content > a.nav-right {
  color: #fff;
  text-decoration: none;
  font-size: 60px;
  cursor: pointer;
  outline: none;
  padding: 10px;
  background: #f6f7f8;
  border-radius: 50%;
  z-index: 10001;
}

.ng-gallery-content > a.nav-left {
  position: fixed;
  left: 2%;
  top: 50%;
  transform: translateY(-50%);
}

.nav-left > img{
  transform: rotate(180deg);
  height: 25px;
  width: 25px;
}

.nav-right > img{
  height: 25px;
  width: 25px;
}

.ng-gallery-content > a.nav-right {
  position: fixed;
  right: 2%;
  top: 50%;
  transform: translateY(-50%);
}

.ng-gallery-content > img {
  height: auto;
  max-height: calc(100% - 150px);
  max-width: calc(100% - 100px);
  position: relative;
  display: block;
  margin: 0 auto 0 auto;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}

.ng-gallery-content > img.effect {
  animation: fadeIn 0.5s;
}

@keyframes fadeIn {
    from { opacity: 0.3; }
      to { opacity: 1; }
}

.ng-gallery-content > span.info-text {
  color: #fff;
  display: inline-block;
  width: 100%;
  height: 20px;
  font-weight: 500;
  text-align: center;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 100px;
}

.ng-gallery-content > .ng-thumbnails-wrapper {
  width: 400px !important;
  height: 70px;
  text-align: center;
  position: fixed;
  bottom: 20px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  overflow-x: hidden;
}

.ng-gallery-content > .ng-thumbnails-wrapper > .ng-thumbnails {
  width: 4000px;
  height: 70px;
}

.ng-gallery-content > .ng-thumbnails-wrapper > .ng-thumbnails > div > img {
  width: auto;
  height: 70px;
  float: left;
  margin-right: 10px;
  cursor: pointer;
  opacity: 0.6;
}

.ng-gallery-content > .ng-thumbnails-wrapper > .ng-thumbnails > div > img:hover, 
.ng-gallery-content > .ng-thumbnails-wrapper > .ng-thumbnails > div > img.active {
  transition: opacity 0.25s ease;
  opacity: 1;
}

/* Loading - from http://loading.io */
uiload {
  display: inline-block;
  position: relative; 
}

uiload > div {
    position: relative; 
}

@-webkit-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); 
  }

  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); 
  } 
}

@-moz-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); 
  }

  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); 
    } 
}

@-ms-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); 
  }

  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); 
  } 
}

@keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); 
  }

  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); 
  } 
}

.uil-ring-css {
  background: none;
  position: relative;
  top: 0;
  margin: 180px auto 0 auto;
  width: 100px;
  height: 100px; 
}

.uil-ring-css > div {
    position: absolute;
    display: block;
    width: 80px;
    height: 80px;
    top: 20px;
    left: 20px;
    border-radius: 40px;
    box-shadow: 0 6px 0 0 #fff;
    -ms-animation: uil-ring-anim 1s linear infinite;
    -moz-animation: uil-ring-anim 1s linear infinite;
    -webkit-animation: uil-ring-anim 1s linear infinite;
    -o-animation: uil-ring-anim 1s linear infinite;
    animation: uil-ring-anim 1s linear infinite; 
}
body {
	margin: 0;
	font-family: Helvetica,Arial,sans-serif;
}

.content {
	width: 600px;
	height: 100%;
	margin: 100px auto 0 auto;
}