.main-inner-container {
margin: auto;
width: 100%;
max-width: 1200px !important;
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.main-inner-container .tenant-portal-rent-box-registration-container {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-title-container {
display: flex;
align-items: center;
flex-flow: row wrap;
justify-content: space-between;
width: 100%;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-title-container b {
background: currentColor;
display: block;
flex: 1;
height: 2px;
opacity: 0.1;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-title-container h1 {
margin: 0 !important;
padding: 0.5rem !important;
font-size: 1rem;
color: #555;
border: 2px solid rgba(0, 0, 0, 0.1);
text-transform: uppercase;
width: auto;
text-align: center;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-meta-details-container {
display: flex;
flex-direction: column;
gap: 1rem;
transition: width 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), margin-left 0.2s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
border: 1px solid #c8c8c8;
border-radius: 3px;
box-sizing: border-box;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-meta-details-container .tenant-portal-rent-box-registration-property-meta-title-box {
display: flex;
padding: 0.5rem 0 0 0.5rem;
gap: 0.5rem;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-meta-details-container .tenant-portal-rent-box-registration-property-meta-title-box .material-symbols-outlined {
color: #5f5f5f;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-meta-details-container .tenant-portal-rent-box-registration-property-meta-title-box h1 {
margin: 0 !important;
padding: 0 !important;
font-size: 1.3rem;
font-weight: 600;
color: rgba(0, 0, 0, 0.75);
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-meta-details-container .tenant-portal-rent-box-registration-property-address-box {
display: flex;
align-items: center;
gap: 0.5rem;
color: rgba(105, 105, 105, 0.87);
padding: 0 0 0 0.5rem;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-meta-details-container .tenant-portal-rent-box-registration-property-address-box address {
font-style: normal;
font-weight: 500;
margin: 0 !important;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-meta-details-container .tenant-portal-rent-box-registration-property-timings-container {
display: flex;
align-items: center;
width: 100%;
color: #5f5f5f;
border-top: 1px solid #c8c8c8;
background: #f3f3f3;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-meta-details-container .tenant-portal-rent-box-registration-property-timings-container .tenant-portal-rent-box-registration-property-timings-label-box {
display: flex;
align-items: center;
font-size: 0.8rem;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-meta-details-container .tenant-portal-rent-box-registration-property-timings-container .tenant-portal-rent-box-registration-property-timings-label-box .material-symbols-outlined {
font-size: 1.1rem;
margin: 0 0.5rem;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-meta-details-container .tenant-portal-rent-box-registration-property-timings-container .tenant-portal-rent-box-registration-property-timings-label-box .label-text {
font-weight: 600;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-meta-details-container .tenant-portal-rent-box-registration-property-timings-container p {
margin: 0 !important;
padding: 0.2rem;
line-height: 1.2rem;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-meta-details-container .tenant-portal-rent-box-registration-property-timings-container p span {
font-size: 0.8rem;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container {
display: flex;
gap: 1rem;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container {
display: flex;
flex-direction: column;
flex: 1;
width: 66.6%;
padding: 0.5rem 0;
margin-top: 1rem;
gap: 1rem;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-title-box {
display: flex;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-title-box h2 {
margin: 0px !important;
padding: 0px !important;
font-size: 1.3rem;
font-weight: 600;
color: #555;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container {
display: flex;
flex: 1;
transition: width 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), margin-left 0.2s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
border: 1px solid darkgray;
border-radius: 3px;
box-sizing: border-box;
padding: 1rem 0;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form {
display: flex;
flex-direction: column;
flex: 1;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form h4 {
display: flex;
gap: 0.2rem;
align-items: center;
margin: 0 0.5rem 0.5rem 0.5rem;
color: darkgoldenrod;
font-size: 1rem;
font-weight: bold;
line-height: 2rem;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form h4 sup {
font-size: 1.2rem;
color: crimson;
display: flex;
align-items: flex-start;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .mt-3 {
margin-top: 1rem;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row {
display: flex;
gap: 0.5rem;
align-items: center;
padding: 0.5rem;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row.hide {
display: none;
visibility: collapse;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row.show {
display: flex;
visibility: visible;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row.coupon-container {
padding-top: 1rem;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row .form-control-item {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.5rem;
width: 50%;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row .form-control-item.hide {
display: none;
visibility: collapse;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row .form-control-item.show {
display: flex;
visibility: visible;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row .form-control-item.btn-container {
height: 100%;
justify-content: flex-end;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row .form-control-item button {
height: 2.6rem;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row .form-control-item .toggle-switch-wrapper {
display: flex;
align-items: center;
gap: 1rem;
margin: 0.25rem;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row .form-control-item .toggle-switch-wrapper .toggle-switch {
position: relative;
display: inline-block;
width: 2.3rem;
height: 1rem;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row .form-control-item .toggle-switch-wrapper .toggle-switch input {
opacity: 0;
width: 0;
height: 0;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row .form-control-item .toggle-switch-wrapper .toggle-switch .toggle-switch-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #a6a6a6;
transition: 0.4s;
border-radius: 34px;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row .form-control-item .toggle-switch-wrapper .toggle-switch .toggle-switch-slider::before {
position: absolute;
content: "";
height: 12px;
width: 12px;
left: 3px;
bottom: 2px;
background-color: white;
transition: 0.4s;
border-radius: 50%;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row .form-control-item .toggle-switch-wrapper .toggle-switch input:checked+.toggle-switch-slider {
background-color: teal;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row .form-control-item .toggle-switch-wrapper .toggle-switch input:focus+.toggle-switch-slider {
box-shadow: 0 0 1px teal;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row .form-control-item .toggle-switch-wrapper .toggle-switch input:checked+.toggle-switch-slider:before {
transform: translateX(1.15rem);
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row .form-control-item .toggle-switch-wrapper .switch-label {
font-size: 0.9rem;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row .form-control-item label {
color: #444;
font-size: 0.9rem;
display: flex;
align-items: center;
gap: 0.5rem;
font-weight: 600;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row .form-control-item label .show-password {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row .form-control-item label span {
display: flex;
gap: 0.2rem;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row .form-control-item label sup.mandatory {
color: #CE5400;
align-items: flex-start;
font-size: 1rem;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row .form-control-item input,
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row .form-control-item select {
width: 100%;
padding: 0.5rem;
box-sizing: border-box;
border: 1px solid #aaa;
border-radius: 4px;
background: #ffffff;
font-size: 1rem;
color: #555;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row .form-control-item input:focus-visible,
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row .form-control-item select:focus-visible {
outline: 1px solid #999;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row .form-control-group-item {
display: flex;
gap: 0.5rem;
align-items: flex-start;
width: 50%;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row .form-control-group-item .form-control-sub-item {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.5rem;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row .form-control-group-item .form-control-sub-item label {
color: #444;
font-size: 0.9rem;
display: flex;
align-items: center;
gap: 0.5rem;
font-weight: 600;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row .form-control-group-item .form-control-sub-item label .show-password {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row .form-control-group-item .form-control-sub-item label span {
display: flex;
gap: 0.2rem;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row .form-control-group-item .form-control-sub-item label sup.mandatory {
color: #CE5400;
align-items: flex-start;
font-size: 1rem;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row .form-control-group-item .form-control-sub-item input,
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row .form-control-group-item .form-control-sub-item select {
width: 100%;
padding: 0.5rem;
box-sizing: border-box;
border: 1px solid #aaa;
border-radius: 4px;
background: #ffffff;
font-size: 1rem;
color: #555;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row .form-control-group-item .form-control-sub-item input:focus-visible,
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row .form-control-group-item .form-control-sub-item select:focus-visible {
outline: 1px solid #999;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row .form-control-group-item .form-control-sub-item select {
font-size: 1rem !important;
padding: 0.5rem 0.7rem;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row select {
display: block;
width: 100%;
padding: 0.375rem 2.25rem 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
color: #212529;
background: #fff;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 16px 12px;
border: 1px solid #ced4da;
border-radius: 0.25rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row .fill-width {
flex: 1;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .registration-action-btn-container {
display: flex;
justify-content: flex-end;
padding: 1rem 0.5rem 0.5rem 0.5rem;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .registration-action-btn-container .action-btn {
display: flex;
align-items: center;
text-decoration: none;
padding: 0.3rem;
border: 1px solid #CE5400;
border-radius: 3px;
box-sizing: border-box;
font-weight: 600;
cursor: pointer;
background: #CE5400;
color: white;
font-size: 1.1rem;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .registration-action-btn-container .action-btn .action-btn-title {
padding: 0.5rem 1rem;
flex: 1;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .registration-action-btn-container .action-btn:hover {
box-shadow: 0 8px 15px 1px rgba(0, 0, 0, 0.1);
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-secondary-btn-container {
display: flex;
justify-content: flex-start;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-secondary-btn-container .secondary-btn {
display: flex;
align-items: center;
text-decoration: none;
padding: 0.3rem;
border: 1px solid gray;
border-radius: 3px;
box-sizing: border-box;
font-weight: 600;
cursor: pointer;
background: white;
color: darkgray;
font-size: 0.9rem;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-secondary-btn-container .secondary-btn .action-btn-title {
padding: 0 1rem;
flex: 1;
justify-content: flex-end;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-secondary-btn-container .secondary-btn:hover {
box-shadow: 0 8px 15px 1px rgba(0, 0, 0, 0.1);
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-quote-container {
display: flex;
padding: 0.5rem 0;
flex-direction: column;
min-width: 33.3%;
gap: 1rem;
margin-top: 1rem;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-quote-container .tenant-portal-rent-box-registration-quote-container-title-box {
display: flex;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-quote-container .tenant-portal-rent-box-registration-quote-container-title-box h3 {
margin: 0px !important;
padding: 0px !important;
font-size: 1.3rem;
font-weight: 600;
color: #555;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-quote-container .tenant-portal-rent-box-registration-quote-main-container {
display: flex;
flex-direction: column;
gap: 2rem;
background: #fff;
border: 1px solid darkgray;
border-radius: 3px;
box-sizing: border-box;
padding: 1rem;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-quote-container .tenant-portal-rent-box-registration-quote-main-container .cart-details-primary-container {
display: flex;
flex-direction: column;
gap: 0.5rem;
flex: 1;
color: #555;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-quote-container .tenant-portal-rent-box-registration-quote-main-container .cart-details-primary-container .cart-details-primary-box {
display: flex;
align-items: center;
gap: 0.5rem;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-quote-container .tenant-portal-rent-box-registration-quote-main-container .cart-details-primary-container .cart-details-primary-box .card-details-primary-lable {
display: flex;
font-size: 0.9rem;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-quote-container .tenant-portal-rent-box-registration-quote-main-container .cart-details-primary-container .cart-details-primary-box .card-details-primary-value {
flex: 1;
display: flex;
justify-content: flex-end;
font-weight: 600;
font-size: 0.9rem;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-quote-container .tenant-portal-rent-box-registration-quote-main-container .cart-total-payable-box {
display: flex;
align-items: center;
background: #c8c8c8;
border-top: 1px solid #c8c8c8;
padding: 0.5rem 0.7rem;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-quote-container .tenant-portal-rent-box-registration-quote-main-container .cart-total-payable-box .cart-payable-label {
display: flex;
flex: 1;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-quote-container .tenant-portal-rent-box-registration-quote-main-container .cart-total-payable-box .cart-payable-value {
display: flex;
font-weight: 600;
font-size: 1.2rem;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-quote-container .tenant-portal-rent-box-registration-quote-main-container .cart-details-quote-container {
display: flex;
flex-direction: column;
gap: 0.6rem;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-quote-container .tenant-portal-rent-box-registration-quote-main-container .cart-details-quote-container .cart-details-quote-box {
display: flex;
align-items: center;
padding-bottom: 0.5rem;
border-bottom: 1px solid darkgray;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-quote-container .tenant-portal-rent-box-registration-quote-main-container .cart-details-quote-container .cart-details-quote-box .cart-item-details-box {
display: flex;
flex-direction: column;
gap: 0.5rem;
flex: 1;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-quote-container .tenant-portal-rent-box-registration-quote-main-container .cart-details-quote-container .cart-details-quote-box .cart-item-details-box .cart-item-details-box-entity {
display: flex;
align-items: center;
font-size: 1rem;
color: #555;
gap: 0.5rem;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-quote-container .tenant-portal-rent-box-registration-quote-main-container .cart-details-quote-container .cart-details-quote-box .cart-item-details-box .cart-item-details-box-taxable {
display: flex;
font-size: 0.8rem;
color: #757575;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-quote-container .tenant-portal-rent-box-registration-quote-main-container .cart-details-quote-container .cart-details-quote-box .cart-item-details-box .cart-item-details-box-duration {
display: flex;
font-size: 0.8rem;
color: #757575;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-quote-container .tenant-portal-rent-box-registration-quote-main-container .cart-details-quote-container .cart-details-quote-box .cart-item-details-box-value {
display: flex;
align-items: center;
justify-content: flex-end;
font-size: 1rem;
color: #555;
font-weight: 600;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-quote-container .tenant-portal-rent-box-registration-quote-main-container .cart-details-quote-container .cart-details-quote-box .cart-item-details-box-value.discount {
color: crimson !important;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-quote-container .tenant-portal-rent-box-registration-quote-main-container .cart-action-btn-container {
display: flex;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-quote-container .tenant-portal-rent-box-registration-quote-main-container .cart-action-btn-container .action-btn {
display: flex;
align-items: center;
text-decoration: none;
padding: 0.3rem;
border: 1px solid #CE5400;
border-radius: 3px;
box-sizing: border-box;
font-weight: 600;
cursor: pointer;
background: #CE5400;
color: white;
font-size: 1.1rem;
flex: 1;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-quote-container .tenant-portal-rent-box-registration-quote-main-container .cart-action-btn-container .action-btn .action-btn-title {
padding: 0.5rem 1rem;
flex: 1;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-quote-container .tenant-portal-rent-box-registration-quote-main-container .cart-action-btn-container .action-btn:hover {
box-shadow: 0 8px 15px 1px rgba(0, 0, 0, 0.1);
}
.main-inner-container .powered-by-container {
display: flex;
align-items: center;
justify-content: flex-end;
font-weight: bold;
font-size: 1rem;
}
.main-inner-container .powered-by-container a {
display: flex;
align-items: center;
color: black;
text-decoration: none;
} @media only screen and (max-width: 767px) { .main-inner-container {
width: 100%;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-title-container b {
display: none;
visibility: collapse;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-meta-details-container .tenant-portal-rent-box-registration-property-timings-container {
flex-direction: column;
align-items: flex-start;
padding: 0.3rem;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-meta-details-container .tenant-portal-rent-box-registration-property-timings-container p {
padding-left: 2rem;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container {
flex-direction: column;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container {
width: 100%;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row {
flex-direction: column;
}
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row .form-control-item,
.main-inner-container .tenant-portal-rent-box-registration-container .tenant-portal-rent-box-registration-main-container .tenant-portal-rent-box-registration-body-container .tenant-portal-rent-box-registration-form-container form .form-control-row .form-control-group-item {
width: 100%;
}
}
.coupon-btn {
display: flex;
align-items: center;
text-decoration: none;
padding: 0.3rem;
border: 1px solid gray;
border-radius: 3px;
box-sizing: border-box;
font-weight: 600;
cursor: pointer;
background: white;
color: darkgray;
font-size: 0.9rem;
}
.coupon-btn .action-btn-title {
padding: 0.2rem;
}
.coupon-btn:hover {
box-shadow: 0 8px 15px 1px rgba(0, 0, 0, 0.1);
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
.spinner {
width: 24px;
height: 24px;
border: 4px solid #ccc;
border-top: 4px solid #3498db;
border-radius: 50%;
animation: spin 1s linear infinite;
}
.spinner-loader-container {
display: flex;
flex-direction: column;
gap: 1rem;
margin: 1rem 0.5rem;
align-items: center;
justify-content: center;
}
.spinner-loader-container .spinner-box {
display: flex;
justify-content: center;
align-items: center;
margin: 1rem;
}
.spinner-loader-container .spinner-text-box {
display: flex;
justify-content: center;
align-items: center;
}
.spinner-loader-container .spinner-text-box span {
font-size: 1rem;
font-weight: 600;
color: #6e6e6e;
}