@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
    font-family: "Poppins", sans-serif;
}



input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.sidebar {
    width: 250px;
    height: 100%;
    background-color: #f1f9ff;
    position: fixed;
    z-index: 1;
    top: 0;
    right: -250px;
    overflow-x: hidden;
    /* padding: 20px; */
    box-shadow: 0 12px 24px #00000016;
    transition: 0.5s;
}
.sidebar .sidebar-header {
    padding: 10px 20px;
    margin-top: 19px;
    border-bottom: 1px solid #e9e9f0;
    display: flex;
}
.sidebar .sidebar-header i {
    color: #2c3e50;
}
.sidebar .sidebar-header h6 {
    margin-left: 10px;
}
.sidebar .sidebar-header button {
    box-shadow: none;
}
.sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-top: 10px;
}
.sidebar ul li {
    padding: 16px 0px;
    padding-left: 20px;
}
.sidebar ul li.active {
    border-left: 4px solid #2c3e50;
}
.sidebar ul li a {
    text-decoration: none;
}
.sidebar ul li span {
    color: #43425d;
    cursor: pointer;
}
.sidebar ul li span i {
    color: #2c3e50;
}
.sidebar .no-notifications p {
    padding: 20px 0px;
    margin-top: 10px;
    text-align: center;
    background-color: #def0fd;
}

nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 30px;
    border-bottom: 1px solid #e9e9f0;
}
nav .links button {
    background: none;
    border: none;
}

.footer {
    display: grid;
    place-items: center;
    padding: 10px 0;
}
.footer ul {
    display: flex;
    align-items: center;
    list-style-type: none;
    flex-wrap: wrap;
}
@media only screen and (max-width: 1024px) {
    .footer ul {
        flex-direction: column;
    }
}
.footer ul li {
    margin-right: 20px;
    margin-left: 20px;
}
@media only screen and (max-width: 1024px) {
    .footer ul li {
        margin-right: 0px;
        margin-left: 0px;
    }
}
.footer ul li a {
    text-decoration: none;
    color: #43425d;
}
.footer ul li:nth-child(1) {
    margin-left: 0px;
}
.footer ul li:last-child {
    margin-right: 0px;
}

.home-introduction {
    background: url(/images/background.png?d9c6b863bda9fc73a459ae73c895cc60)
        no-repeat center center;
    height: 100%;
    text-align: center;
    display: grid;
    align-items: center;
}
.home-introduction .home-header {
    color: #43425d;
    font-size: 66px;
    font-weight: bold;
    margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
    .home-introduction .home-header {
        font-size: 50px;
    }
}
.home-introduction .home-action-buttons button {
    background-color: #ffffff;
    border: 1px solid #c7c7c7;
    border-radius: 16px;
    padding: 50px 0;
    width: 230px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    color: #303445;
    margin-top: 10px;
}
@media only screen and (max-width: 767px) {
    .home-introduction .home-action-buttons button {
        border-radius: 8px;
        padding: 16px 0;
        width: 200px;
        font-size: 14px;
    }
}
.home-introduction .home-action-buttons button:nth-child(2) {
    margin-left: 60px;
    margin-right: 60px;
}
@media only screen and (max-width: 767px) {
    .home-introduction .home-action-buttons button:nth-child(2) {
        margin-left: 10px;
        margin-right: 10px;
    }
}

.modal-form {
    padding: 10px;
}
.modal-form .input-form-group {
    border-bottom: 2px solid #e9e9f0;
    padding: 6px 10px;
    margin-bottom: 20px;
}
.modal-form .input-form-group input {
    border: none;
    outline: none;
    box-shadow: none;
}
.modal-form .checkbox-form-group {
    padding: 6px 10px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.modal-form .checkbox-form-group a {
    text-decoration: none;
    color: #2c3e50;
}
.modal-form .submit-btn-regular {
    background-color: #2c3e50;
    border: 1px solid #e3e3e3;
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 4px;
    width: 200px;
    margin-top: 10px;
    margin-bottom: 30px;
}

.modal-form .submit-btn {
    background-color: #43425d;
    border: 1px solid #e3e3e3;
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 4px;
    width: 200px;
    margin-top: 10px;
    margin-bottom: 30px;
}

.modal-main-header {
    font-size: 30px;
}

.modal-form .submit-btn-lg {
    background-color: #43425d;
    color: #ffffff;
    border: 1px solid #43425d;
    padding: 10px 20px;
    border-radius: 4px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-top: 10px;
    margin-bottom: 30px;
}
.modal-form .sign-in-link {
    margin-top: 10px;
    margin-bottom: 30px;
}
.modal-form .sign-in-link a {
    color: #2c3e50 !important;
    cursor: pointer;
    border-bottom: 1px solid;
    text-decoration: none;
}

.success-sign {
    color: #43425d;
    font-size: 16px;
}
.success-sign h2 {
    color: #000000;
    font-size: 30px;
    font-weight: 500;
}

.modal-body .btn-close {
    box-shadow: none;
}

#renterApplicationComplete {
    text-align: center;
}
#renterApplicationComplete h4 {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 500;
}
#renterApplicationComplete .confirm-application {
    margin-top: 30px;
    margin-bottom: 20px;
}
#renterApplicationComplete .confirm-application button {
    border: none;
    background: #ffffff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    width: 80px;
    border-radius: 4px;
    padding: 6px 10px;
}
#renterApplicationComplete .confirm-application button:nth-child(1) {
    margin-right: 10px;
}

#verifyErrorOpen h2 {
    font-size: 40px;
}
#verifyErrorOpen p {
    font-size: 14px;
}
#verifyErrorOpen p span {
    color: #2c3e50;
}

.property {
    padding: 0px 30px;
}
.property .section-header {
    color: #000000;
    font-size: 25px;
    font-weight: medium;
    border-bottom: 1px solid #d0d0d0;
}
.property .section-header span {
    color: #a5a4bf;
    font-size: 16px;
}
.property .property-info {
    margin-top: 30px;
    margin-bottom: 60px;
}
.property .property-info p {
    margin: 0;
}
.property .property-info .property-basic-info {
    color: #2f2f2f;
}
.property .property-info .property-basic-info .property-name {
    font-size: 35px;
    font-weight: 500;
}
.property .property-info .property-basic-info .property-location {
    font-size: 18px;
}
.property .property-info .property-basic-info .property-price {
    font-size: 30px;
    font-weight: bold;
}
@media only screen and (max-width: 1130px) and (min-width: 991px) {
    .property .property-info .property-basic-info .property-price {
        font-size: 24px;
    }
}
@media only screen and (max-width: 450px) {
    .property .property-info .property-basic-info .property-price {
        font-size: 24px;
    }
}
.property .property-info .property-basic-info .property-created {
    font-size: 21px;
    font-weight: 500;
}
@media only screen and (max-width: 1130px) and (min-width: 991px) {
    .property .property-info .property-basic-info .property-created {
        font-size: 18px;
    }
}
@media only screen and (max-width: 450px) {
    .property .property-info .property-basic-info .property-created {
        font-size: 18px;
    }
}
.property .property-info .property-basic-info .br-1 {
    border-right: 1px solid #c4c4c4;
}
@media only screen and (max-width: 767px) {
    .property .property-info .property-basic-info .br-1 {
        border: none;
    }
}
@media only screen and (max-width: 991px) {
    .property .property-info .property-basic-info .br-1:nth-child(2) {
        border-right: none;
    }
}
.property .property-info .apartment-view {
    position: relative;
}
.property .property-info .apartment-view .owl-property-view .item img {
    width: 100%;
}
.property .property-info .apartment-view .owl-property-view .owl-nav button {
    background-color: #000000;
    width: 50px;
    height: 50px;
    color: white;
    font-size: 50px;
    position: relative;
    overflow: hidden;
}
@media only screen and (max-width: 450px) {
    .property
        .property-info
        .apartment-view
        .owl-property-view
        .owl-nav
        button {
        width: 40px;
        height: 40px;
    }
}
.property
    .property-info
    .apartment-view
    .owl-property-view
    .owl-nav
    button
    span {
    height: 25px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -4px;
}
.property .property-info .apartment-view .photo-count {
    border-radius: 5px;
    border: 1px solid #707070;
    color: #43425d;
    font-size: 16px;
    width: 120px;
    height: 30px;
    display: grid;
    place-items: center;
    position: absolute;
    bottom: 0;
    right: 0;
}
@media only screen and (max-width: 768px) {
    .property .property-info .apartment-view .photo-count {
        font-size: 14px;
        width: 100px;
        height: 30px;
    }
}
.property .property-info .inside-information {
    padding-bottom: 12px;
    border-bottom: 1px solid #c6c6c6;
}
.property .property-info .inside-information span {
    font-size: 25px;
    font-weight: 500;
    padding-right: 12px;
    padding-left: 12px;
    border-right: 1px solid #c4c4c4;
}
@media only screen and (max-width: 768px) {
    .property .property-info .inside-information span {
        font-size: 16px;
        padding-right: 6px;
        padding-left: 6px;
    }
}
@media only screen and (max-width: 575px) {
    .property .property-info .inside-information span {
        font-size: 15px;
    }
}
.property .property-info .inside-information span:nth-last-child(1) {
    border: none;
    padding-right: 0;
}
.property .property-info .inside-information span:nth-child(1) {
    padding-left: 0;
}
.property .property-description p {
    color: #43425d;
    font-size: 20px;
    width: 60%;
}
@media only screen and (max-width: 1250px) {
    .property .property-description p {
        width: 100%;
    }
}
.property .property-details {
    margin-top: 30px;
}
.property .property-details .leasing-details-info {
    display: flex;
}
.property .property-details .leasing-details-info p {
    color: #000000;
    font-size: 18px;
}
.property .property-details .leasing-details-info p span {
    color: #a5a4bf;
    font-size: 18px;
    margin-left: 10px;
}
.property .property-details .leasing-details-info p:not(:nth-child(1)) {
    margin-left: 30px;
}
.property .property-amenities {
    margin-top: 30px;
}
.property .property-amenities .amenities-info {
    display: flex;
}
.property .property-amenities .amenities-info p {
    color: #000000;
    font-size: 18px;
    display: flex;
    align-items: center;
}
.property .property-amenities .amenities-info p span {
    display: block;
    background-color: #cccbff;
    border: 1px solid #d0d0d0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 6px;
}
.property .property-amenities .amenities-info p:not(:nth-child(1)) {
    margin-left: 30px;
}
.property .property-location {
    margin-top: 30px;
}
.property .property-location iframe {
    width: 60%;
    height: 400px;
}
@media only screen and (max-width: 1250px) {
    .property .property-location iframe {
        width: 100%;
    }
}
.property .property-presented-by {
    margin-top: 30px;
    margin-bottom: 60px;
}
.property .property-presented-by .personal-info .presented-header {
    color: #a3a6b4;
    font-size: 32px;
}
.property .property-presented-by .personal-info .presented-image {
    width: 170px;
    height: 170px;
}
.property .property-presented-by .personal-info .presented-name {
    margin-top: 20px;
    color: #202020;
    font-size: 24px;
}
.property .property-presented-by .personal-info .presented-phone-number {
    color: #43425d;
    font-size: 13px;
    font-weight: 600;
}
.property .property-presented-by .personal-info .presented-phone-number span {
    color: #a3a6b4;
}
.property .property-presented-by .personal-info .presented-social-icons a {
    text-decoration: none;
}
.property .property-presented-by .personal-info .presented-social-icons a img {
    width: 48px;
    height: 48px;
}
.property .property-presented-by .personal-text {
    background-color: #f0f0f7;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.property .property-presented-by .personal-text .presented-info h4 {
    font-size: 20px;
    font-weight: 700;
    color: #43425d;
}
.property .property-presented-by .personal-text .presented-info h6 {
    font-size: 14px;
    color: #43425d;
}
.property .property-presented-by .personal-text .presented-message {
    font-size: 14px;
    color: #000000;
}
.property .property-presented-by .personal-text .presented-button {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.property .property-presented-by .personal-text .presented-button button {
    border-radius: 4px;
    background-color: #2c3e50;
    width: 120px;
    border: none;
    color: white;
    height: 40px;
}

.agent-tool-search {
    padding: 10px;
}
.agent-tool-search h3 {
    font-size: 32px;
    font-weight: bold;
    color: #43425d;
    margin-bottom: 30px;
}
.agent-tool-search small {
    font-size: 16px;
    color: #000000;
}
.input-search {
    display: flex;
    align-items: center;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    overflow: hidden;
    border-radius: 4px;
}
.input-search mapbox-address-autofill {
    width: 90%;
    height: 40px;
}
.input-search input {
    width: 90%;
    height: 40px;
    border: none;
    outline: none;
    border: 1px solid #e3e3e3;
    border-radius: 4px 0 0 4px;
    padding-left: 10px;
}
.input-search mapbox-address-autofill input {
    width: 100%;
    height: 40px;
    border: none;
    outline: none;
    border: 1px solid #e3e3e3;
    border-radius: 4px 0 0 4px;
    padding-left: 10px;
}
.input-search span {
    width: 10%;
    height: 40px;
    background-color: #2c3e50;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 0 4px 4px 0;
}
.input-range {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}
.input-range label {
    font-weight: 500;
    color: #43425d;
    font-size: 16px;
    margin-bottom: 16px;
}
.input-range label span {
    margin-left: 20px;
}
.input-range input {
    width: 100%;
}
.input-infos {
    text-align: center;
}
.input-infos button {
    background-color: #ffffff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    border: 1px solid #e3e3e3;
    padding: 16px 10px;
    width: 100px;
    border-radius: 4px;
    font-size: 12px;
}
.input-infos button:nth-child(2) {
    margin-left: 20px;
    margin-right: 20px;
}
.agent-tool-submit {
    background-color: #2c3e50;
    border: 1px solid #e3e3e3;
    width: 100%;
    height: 36px;
    color: #ffffff;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 10px;
}

.renter {
    padding: 6px 20px;
}
.renter .step-2,
.renter .step-3,
.renter .step-4 {
    display: none;
}
.renter .tools-step {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 20px 40px;
    margin-bottom: 50px;
    color: #2c3e50;
    border-top: 2px solid #2c3e50;
    border-bottom: 2px solid #2c3e50;
    position: relative;
}
.renter .tools-step .step-counts {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.renter .tools-step .step-counts li {
    list-style: none;
}
.renter .tools-step .step-counts li .step-count {
    z-index: 1;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    border: 3px solid #2c3e50;
    font-size: 11px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    position: relative;
}
.renter .tools-step .step-counts li .step-text {
    margin-top: 30px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 11px;
    color: #2c3e50;
    transform: translate(-50%, -50%);
}
.renter .tools-step .step-counts li.active .step-count {
    background-color: #2c3e50;
    color: #ffffff;
}
.renter .basic-input {
    margin-bottom: 20px;
}
.renter .basic-input label {
    color: #908fac;
    margin-bottom: 4px;
}
.renter .basic-input input {
    border-radius: 9px;
    border: 1px solid #707070;
    width: 100%;
    padding: 4px 8px;
}
.renter .step-1 p {
    margin: 20px 0;
    font-size: 15px;
}
.renter .step-1 p span {
    font-size: 27px;
}
.renter .step-2 {
    margin-top: 60px;
}
.renter .step-2 h2 {
    font-size: 32px;
}
.renter .step-2 h4 {
    font-size: 16px;
    margin-bottom: 40px;
}
.renter .step-2 p {
    margin: 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #e9e9f0;
}
.renter .step-2 .input-radio {
    color: #908fac;
}
.renter .step-2 .input-radio div {
    display: flex;
    align-items: center;
}
.renter .step-2 .input-radio div input {
    margin-right: 8px;
}
.renter .step-3 {
    margin-top: 60px;
}
.renter .step-3 h2 {
    font-size: 32px;
    margin-bottom: 40px;
}
.renter .step-3 p {
    margin: 20px 0;
    font-size: 15px;
    border-bottom: 1px solid #e9e9f0;
}
.renter .step-3 p span {
    font-size: 27px;
    margin-right: 4px;
}
.renter .step-4 {
    margin-top: 60px;
}
.renter .step-4 h3 {
    font-size: 30px;
}
.renter .step-4 .credit-input {
    margin: 20px 0;
    padding: 10px;
    border: 1px solid #707070;
    display: flex;
    align-items: center;
}
.renter .step-4 .credit-input input {
    border: none;
    outline: none;
}
.renter .step-4 .credit-input .credit {
    width: 100%;
    margin-left: 20px;
}
.renter .step-4 .credit-input .my {
    width: 100px;
}
.renter .step-4 .credit-input .ccv {
    width: 100px;
}
@media (max-width: 991px) {
    .renter .step-4 .credit-input .credit {
        margin-left: 10px;
    }
    .renter .step-4 .credit-input .my {
        width: 60px;
    }
    .renter .step-4 .credit-input .ccv {
        width: 60px;
    }
}
.renter .step-4 .rent-package .package-header {
    color: #908fac;
    border-bottom: 1px solid #e9e9f0;
}
.renter .step-4 .package .package-card {
    width: 200px;
    padding: 40px 0;
    border: 1px solid #a5a4bf;
    text-align: center;
}
.renter .step-4 .package .package-card h6 {
    font-size: 24px;
    margin-bottom: 30px;
}
.renter .step-4 .package .package-card h3 {
    font-size: 36px;
}
.renter .step-4 .package .package-card span {
    color: #4d4f5c;
    display: block;
}
.renter .step-4 .package .border-left-pay {
    border-left: 1px solid #e9e9f0;
}
@media (max-width: 991px) {
    .renter .step-4 .package .border-left-pay {
        border: none;
        margin-top: 30px;
    }
}
.renter .step-4 .package .package-pay {
    padding: 0 30px;
}
.renter .step-4 .package .package-pay .pay-info {
    color: #908fac;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.renter .step-4 .package .package-pay .pay-total {
    border-top: 1px solid #ebebeb;
    color: #191919;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
    margin: 30px 0;
}
.renter .step-4 .package .package-pay .pay-now {
    text-align: center;
    margin-bottom: 30px;
}
.renter .step-4 .package .package-pay .pay-now button {
    background-color: #58db77;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 7px;
    border: none;
    padding: 6px 0;
    width: 140px;
    color: #ffffff;
}
.renter .renter-tool-submit {
    background-color: #2c3e50;
    border: 1px solid #e3e3e3;
    width: 100%;
    height: 36px;
    color: #ffffff;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
}

.renter-tools {
    padding: 10px;
}
.renter-tools h3 {
    font-size: 32px;
    font-weight: bold;
    color: #43425d;
}
.renter-tools small {
    font-size: 16px;
    color: #000000;
}
.renter-tools .input-search {
    display: flex;
    align-items: center;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    overflow: hidden;
    border-radius: 4px;
}
.renter-tools .input-search mapbox-address-autofill {
    width: 90%;
    height: 40px;
}
.renter-tools .input-search mapbox-address-autofill input {
    width: 100%;
    height: 40px;
    border: none;
    outline: none;
    border: 1px solid #e3e3e3;
    border-radius: 4px 0 0 4px;
    padding-left: 10px;
}
.renter-tools .input-search span {
    width: 10%;
    height: 40px;
    background-color: #2c3e50;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 0 4px 4px 0;
}
.renter-tools form .input-range {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 40px;
}
.renter-tools form .input-range label {
    font-weight: 500;
    color: #43425d;
    font-size: 16px;
    margin-bottom: 16px;
}
.renter-tools form .input-range label span {
    margin-left: 20px;
}
.renter-tools form .input-range label span span {
    margin: 0;
}
.renter-tools form .input-range input {
    width: 100%;
    max-width: 575px;
    display: block;
    margin: auto;
}
.renter-tools form .input-range input[type="range"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 1px;
    height: 8px;
    padding: 0;
    border-radius: 10px;
    outline: none;
    cursor: pointer;
    background: #5249fa;
}
.renter-tools form .input-range input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 5px;
    height: 20px;
    width: 20px;
    border-radius: 50px;
    background: #3a3a3a;
    border: 1px solid #ffffff;
}
.renter-tools form .input-infos {
    text-align: center;
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.renter-tools form .input-infos button {
    background-color: #ffffff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    border: 1px solid #e3e3e3;
    padding: 16px 10px;
    width: 100px;
    border-radius: 4px;
    font-size: 12px;
}
.renter-tools form .input-infos button:nth-child(2) {
    margin-left: 20px;
}
.renter-tools form .input-infos button:nth-child(3) {
    margin-right: 20px;
}
.renter-tools form .input-infos button.active {
    background-color: #2c3e50;
    color: #ffffff;
}
.renter-tools form .input-infos .select-button {
    display: none;
    position: absolute;
    bottom: 80px;
    left: 50%;
    transform: translateX(-100%);
    z-index: 999;
    background-color: #ffffff;
    box-shadow: 0 16px 21px rgba(0, 0, 0, 0.16);
    padding: 30px 40px;
    border-radius: 20px 20px 0 20px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}
.renter-tools form .input-infos .select-button button {
    border: 1px solid #d0d0d0;
    border-radius: 25px;
    display: block;
    padding: 8px 10px;
    margin: 0;
    box-shadow: none;
}
.renter-tools form .input-infos .select-button button:not(:last-child) {
    margin-bottom: 16px;
}
.renter-tools form .input-infos .select-button button.active {
    background-color: #2c3e50;
    color: #ffffff;
}
.renter-tools form .input-infos .select-button:after {
    content: "";
    position: absolute;
    right: 0px;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-top: 20px solid #ffffff;
    clear: both;
}
.renter-tools form .show-report p {
    border-bottom: 1px solid #555555;
    font-size: 18px;
    font-weight: 600;
}
.renter-tools form .show-report .report-radio {
    display: flex;
    align-items: center;
}
.renter-tools form .show-report .report-radio .input-radio label {
    cursor: pointer;
}
.renter-tools form .show-report .report-radio .input-radio:nth-child(1) {
    margin-right: 20px;
}
.renter-tools form .agent-tool-submit {
    background-color: #2c3e50;
    border: 1px solid #e3e3e3;
    width: 100%;
    height: 36px;
    color: #ffffff;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 10px;
}
.renter-tools .step-2 {
    display: none;
}
.renter-tools .step-2 p {
    margin-top: 16px;
}
.renter-tools .step-2 .tools-info {
    display: flex;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 40px;
}
.renter-tools .step-2 .tools-info div {
    margin-right: 20px;
}
.renter-tools .step-2 .tools-info div i {
    color: rgba(23, 23, 235, 0.829);
}
.renter-tools .step-2 .tools-info div span {
    font-size: 16px;
    font-weight: 500;
    color: #43425d;
}
.renter-tools .step-2 .rental-tool-change {
    background-color: #ffffff;
    border: 1px solid #dfdfdf;
    width: 100%;
    height: 36px;
    color: #707070;
    font-weight: medium;
    margin-top: 20px;
    margin-bottom: 10px;
    border-radius: 6px;
}

.renter-tools-post .posts-infos .single-post-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
    padding-top: 30px;
    border-bottom: 1px solid #707070;
}
.renter-tools-post .posts-infos .single-post-info .action-buttons button {
    border: none;
    border-radius: 7px;
    background-color: #ffffff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    outline: none;
    padding: 8px 10px;
    min-width: 100px;
}
@media only screen and (max-width: 991px) {
    .renter-tools-post
        .posts-infos
        .single-post-info
        .action-buttons
        button:nth-child(2) {
        margin-top: 10px;
    }
}
.renter-tools-post
    .posts-infos
    .single-post-info
    .action-buttons
    button:not(last-child) {
    margin-right: 10px;
}
.renter-tools-post .post p {
    border-bottom: 1px solid #dfdfdf;
}
.renter-tools-post .post h6 {
    margin: 0;
    padding: 0;
    color: #707070;
}
.renter-tools-post .post .add-more {
    margin: 10px 0px;
    margin-top: 20px;
}
.renter-tools-post .post .add-more button {
    border: none;
    outline: none;
    background: none;
    font-size: 20px;
}
.renter-tools-post .manage-post h5 {
    margin-top: 20px;
    color: #303030;
}

.renter-application {
    padding: 6px 20px;
}
.renter-application .rental-application-header {
    color: #000000;
    font-size: 35px;
    border-bottom: 1px solid #e9e9f0;
    padding-bottom: 16px;
}
.get-report .application-step {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 30px 0px;
    margin-bottom: 50px;
    display: flex;
    align-items: stretch;
    justify-content: center;
    font-size: 12px;
}
@media only screen and (max-width: 991px) {
    .get-report .application-step {
        flex-wrap: wrap;
        justify-content: space-around;
    }
}
.get-report .application-step button {
    border: 1px solid #555555;
    border-radius: 7px;
    background-color: #ffffff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    outline: none;
    padding: 10px 4px;
    width: 120px;
}
.get-report .application-step button:not(:nth-child(1)) {
    margin-left: 4px;
}
@media only screen and (max-width: 1199px) {
    .get-report .application-step button {
        margin: 0;
        margin-bottom: 4px;
    }
}
@media only screen and (max-width: 991px) {
    .get-report .application-step button {
        margin: 0;
        margin-bottom: 20px;
    }
}
.get-report .application-step button.active {
    background-color: #2c3e50;
    color: #ffffff;
}

.renter-application .application-step {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 30px 0px;
    margin-bottom: 50px;
    display: flex;
    align-items: stretch;
    justify-content: center;
    font-size: 12px;
}
@media only screen and (max-width: 991px) {
    .renter-application .application-step {
        flex-wrap: wrap;
        justify-content: space-around;
    }
}
.renter-application .application-step button {
    border: 1px solid #555555;
    border-radius: 7px;
    background-color: #ffffff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    outline: none;
    padding: 10px 4px;
    width: 120px;
}
.renter-application .application-step button:not(:nth-child(1)) {
    margin-left: 4px;
}
@media only screen and (max-width: 1199px) {
    .renter-application .application-step button {
        margin: 0;
        margin-bottom: 4px;
    }
}
@media only screen and (max-width: 991px) {
    .renter-application .application-step button {
        margin: 0;
        margin-bottom: 20px;
    }
}
.renter-application .application-step button.active {
    background-color: #2c3e50;
    color: #ffffff;
}

.renter-application .basic-input {
    margin-bottom: 20px;
}
.renter-application .basic-input label {
    color: #908fac;
    margin-bottom: 4px;
}
.renter-application .basic-input input {
    border-radius: 9px;
    border: 1px solid #707070;
    width: 100%;
    padding: 4px 8px;
}
.renter-application .basic-input select {
    border-radius: 9px;
    border: 1px solid #707070;
    width: 100%;
    padding: 4px 8px;
}
.renter-application .add-more {
    margin: 10px 0px;
}
.renter-application .add-more button {
    border: none;
    outline: none;
    background: none;
    font-size: 20px;
}
.renter-application .close-section {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 10px;
}
.renter-application .close-section button {
    border: none;
    outline: none;
    background: none;
    font-size: 16px;
}
.renter-application .renter-application-submit {
    background-color: #2c3e50;
    border: 1px solid #e3e3e3;
    width: 100%;
    height: 36px;
    color: #ffffff;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
}
.get-report .get-report-submit {
    background-color: #2c3e50;
    border: 1px solid #e3e3e3;
    width: 100%;
    height: 36px;
    color: #ffffff;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
}
.renter-application #cosigner .email-cosign {
    color: #000000;
    font-size: 16px;
    margin-bottom: 30px;
}
.renter-application #cosigner .small-info {
    margin: 0;
    font-size: 14px;
    color: #908fac;
}
.renter-application #occupation .input-radio {
    margin-top: 20px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}
.renter-application #occupation .input-radio div {
    display: flex;
    align-items: center;
}
.renter-application #occupation .input-radio input {
    margin-right: 5px;
    margin-left: 8px;
}
.renter-application #occupation .input-radio label {
    margin-right: 10px;
}
.renter-application #occupation .step-self-employed,
.renter-application #occupation .step-student,
.renter-application #occupation .step-unemployed {
    display: none;
}
.renter-application #occupation .salary-input {
    margin-bottom: 20px;
}
.renter-application #occupation .salary-input label {
    color: #908fac;
    margin-bottom: 4px;
}
.renter-application #occupation .salary-input .salary-input-number {
    border-radius: 9px;
    border: 1px solid #707070;
    width: 100%;
    padding: 4px 8px;
    display: flex;
    align-items: center;
}
.renter-application
    #occupation
    .salary-input
    .salary-input-number
    input[type="number"] {
    width: 100%;
    border: none;
}
.renter-application
    #occupation
    .salary-input
    .salary-input-number
    .salary-input-radio {
    display: flex;
    align-items: center;
    margin-left: 10px;
}
.renter-application
    #occupation
    .salary-input
    .salary-input-number
    .salary-input-radio
    label {
    margin: 0;
}
.renter-application
    #occupation
    .salary-input
    .salary-input-number
    .salary-input-radio
    input {
    margin-right: 4px;
}
.renter-application #occupation .co-sign p {
    margin: 0;
    margin-bottom: 4px;
}
.renter-application #occupation .co-sign .co-sign-radio {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #2f2f31;
}
.renter-application #occupation .co-sign .co-sign-radio div {
    display: flex;
    align-items: center;
    margin-right: 20px;
}
.renter-application #occupation .co-sign .co-sign-radio div input {
    margin-right: 4px;
}
.renter-application #occupation .co-sign .co-sign-radio div label {
    margin: 0;
}
.renter-application #occupation .break-line {
    border-top: 1px solid black;
    margin: 20px 0;
}

.basic-input {
    margin-bottom: 20px;
}
.basic-input label {
    color: #908fac;
    margin-bottom: 4px;
}
.basic-input input {
    border-radius: 9px;
    border: 1px solid #707070;
    width: 100%;
    padding: 4px 8px;
}
.basic-input select {
    border-radius: 9px;
    border: 1px solid #707070;
    width: 100%;
    padding: 4px 8px;
}

.save-btn {
    background-color: #2c3e50;
    border: 1px solid #e3e3e3;
    width: 100%;
    height: 36px;
    color: #ffffff;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
}

#renterApplicationView {
    padding: 6px 20px;
}
#renterApplicationView .share {
    margin-top: -10px;
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-end;
}
#renterApplicationView .share button {
    border: none;
    border-radius: 7px;
    background-color: #ffffff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    outline: none;
    padding: 6px 20px;
}
#renterApplicationView .watermark {
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-end;
}
#renterApplicationView .watermark img {
    height: 20px;
}
#renterApplicationView .rav-header {
    color: #535353;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2px solid;
    margin-bottom: 30px;
}
#renterApplicationView .rav-header-sec {
    color: #535335;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2px solid;
    margin-bottom: 16px;
    border-left: 2px solid;
    padding-left: 10px;
}
#renterApplicationView .rav-infos {
    padding-left: 10px;
}
#renterApplicationView .rav-info .name {
    font-size: 12px;
    color: #707070;
}
#renterApplicationView .rav-info .label {
    font-size: 14px;
    color: #535353;
}
#renterApplicationView .rav-info-flex {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}
#renterApplicationView .rav-info-flex p {
    margin: 0;
    padding: 0;
}
#renterApplicationView .rav-info-flex p,
#renterApplicationView .rav-info-flex span {
    width: 200px;
}
#renterApplicationView .rav-info-flex-2 {
    margin-top: 20px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}
#renterApplicationView .rav-info-flex-2 span {
    font-weight: bold;
}
#renterApplicationView .rav-info-flex-2 .name-applicant {
    color: #2e2eca;
    margin-right: 30px;
}
#renterApplicationView .rav-info-flex-2 .name-ref {
    color: #2e2eca;
    margin-right: 30px;
}
#renterApplicationView .rav-4 {
    margin-bottom: 40px;
}

.modal-info-view {
    background-color: #ffffff00;
    border: none;
    margin: 0;
    padding: 0;
}
.modal-info-view .modal-body {
    margin: 0;
    padding: 0;
}
.modal-info-view .change-view-info button {
    border: 1px solid #ffffff;
    border-radius: 4px;
    background-color: #ffffff;
    outline: none;
    padding: 6px 10px;
    min-width: 100px;
    margin-top: 10px;
}
.modal-info-view .change-view-info button:not(:last-child) {
    margin-right: 10px;
}
.modal-info-view .change-view-info button.active {
    background-color: #2c3e50;
    border: 1px solid #2c3e50;
    color: #ffffff;
}
.modal-info-view .view-actions {
    margin-top: 20px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.modal-info-view .view-actions button {
    border: 1px solid #ffffff;
    border-radius: 4px;
    background-color: #ffffff;
    outline: none;
    padding: 6px 10px;
    min-width: 100px;
}
.modal-info-view .view-actions button:not(:nth-child(1)) {
    margin-left: 10px;
}
.modal-info-view .view-actions .icon-button {
    color: white;
    background: none;
    border: none;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-left: 0;
}
.modal-info-view .view-actions .icon-button span {
    font-size: 12px;
}
.modal-info-view .modal-info-view-content {
    margin-top: 10px;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    padding: 40px 30px;
}
.modal-info-view .view-info-tab {
    display: none;
}

#renterReport .my-report .background-title {
    border-bottom: 1px solid #555555;
}
#renterReport .my-report h4 {
    color: #4545ad;
    font-size: 20px;
}
#renterReport .my-report .bb-1 {
    border-bottom: 1px solid #555555;
    margin-bottom: 30px;
    padding-bottom: 10px;
}
#renterReport .my-report .bb-1 p {
    margin: 0;
    color: #707070;
}
#renterReport .my-report .profile-summary {
    margin-bottom: 10px;
}
#renterReport .my-report .profile-summary p {
    font-size: 20px;
    color: black;
}
#renterReport .my-report .profile-summary table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}
#renterReport .my-report .profile-summary table th {
    background: #fafafa;
    padding: 6px;
}
#renterReport .my-report .profile-summary table td {
    padding: 6px;
}
#renterReport .manage-report .report-tables {
    width: 100%;
    overflow-x: auto;
}
#renterReport .manage-report .report-tables table {
    border-top: 1px solid #d7dae2;
    border-bottom: 1px solid #d7dae2;
}
#renterReport .manage-report .report-tables table tr:nth-child(even) {
    background-color: #f0f0f7;
}
#renterReport .manage-report .report-tables table thead td {
    padding: 10px;
    white-space: nowrap;
    padding-top: 30px;
    color: #707070;
    font-size: 14px;
}
#renterReport .manage-report .report-tables table tbody td {
    /* padding: 10px; */
    white-space: nowrap;
    color: #1a1a1a;
    padding: 32px 16px;
    /* padding-bottom: 30px; */
    border-top: 1px solid #d7dae2;
    border-bottom: 1px solid #d7dae2;
    font-size: 14px;
    font-weight: 400;
}
#renterReport .manage-report .report-tables table tbody .table-header {
    font-size: 12px;
    color: #969696;
    margin-bottom: 8px;
    font-weight: 400;
}
#renterReport .manage-report .report-tables table button {
    border-radius: 15px;
    border: 0;
    color: white;
    min-width: 140px;
    padding: 4px;
}
#renterReport .manage-report .report-tables table button.share {
    background-color: #58db77;
}
#renterReport .manage-report .report-tables table button.stop-share {
    background-color: #e81313;
}

#manage-report .modal-body {
    padding: 60px 60px;
}
#manage-report .add-property-btn {
    border-bottom: 1px solid #707070;
    margin: 60px 0;
}
#manage-report .add-property-btn button {
    background: none;
    border: none;
    color: #2c3e50;
    padding: 0;
    margin-bottom: 4px;
}
#manage-report form {
    margin-bottom: 30px;
}
#manage-report form .input-search mapbox-address-autofill {
    width: 90%;
    height: 40px;
}
#manage-report form .input-search mapbox-address-autofill input {
    width: 100%;
    height: 40px;
    border: none;
    outline: none;
    border: 1px solid #e3e3e3;
    border-radius: 4px 0 0 4px;
    padding-left: 10px;
}
#manage-report form .input-search span {
    width: 10%;
    height: 40px;
    background-color: #2c3e50;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 0 4px 4px 0;
}
#manage-report .property-list {
    overflow: auto;
}
#manage-report .property-list table {
    width: 100%;
    font-size: 14px;
}
#manage-report .property-list table tr {
    background-color: #f5f5f5;
    border-top: 10px solid white;
}
#manage-report .property-list table tr td {
    padding: 10px;
}

#propertyList .modal-body {
    padding: 60px 60px;
}
#propertyList .add-property-btn {
    border-bottom: 1px solid #707070;
    margin: 60px 0;
}
#propertyList .add-property-btn button {
    background: none;
    border: none;
    color: #2c3e50;
    padding: 0;
    margin-bottom: 4px;
}
#propertyList form {
    margin-bottom: 30px;
}
#propertyList form .input-search {
    margin-top: 6px;
    display: flex;
    align-items: center;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    overflow: hidden;
    border-radius: 4px;
}
#propertyList form .input-search mapbox-address-autofill {
    width: 90%;
    height: 40px;
}
#propertyList form .input-search mapbox-address-autofill input {
    width: 100%;
    height: 40px;
    border: none;
    outline: none;
    border: 1px solid #e3e3e3;
    border-radius: 4px 0 0 4px;
    padding-left: 10px;
}
#propertyList form .input-search span {
    width: 10%;
    height: 40px;
    background-color: #2c3e50;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 0 4px 4px 0;
}
#propertyList .property-list {
    overflow: auto;
}
#propertyList .property-list table {
    width: 100%;
    font-size: 14px;
}
#propertyList .property-list table tr {
    background-color: #f5f5f5;
    border-top: 10px solid white;
}
#propertyList .property-list table tr td {
    padding: 10px;
}

#propertyListInAgentTools .modal-body {
    padding: 60px 60px;
}
#propertyListInAgentTools .add-property-btn {
    border-bottom: 1px solid #707070;
    margin: 60px 0;
}
#propertyListInAgentTools .add-property-btn button {
    background: none;
    border: none;
    color: #2c3e50;
    padding: 0;
    margin-bottom: 4px;
}
#propertyListInAgentTools form {
    margin-bottom: 30px;
}
#propertyListInAgentTools form .input-search mapbox-address-autofill {
    width: 90%;
    height: 40px;
}
#propertyListInAgentTools form .input-search mapbox-address-autofill input {
    width: 100%;
    height: 40px;
    border: none;
    outline: none;
    border: 1px solid #e3e3e3;
    border-radius: 4px 0 0 4px;
    padding-left: 10px;
}
#propertyListInAgentTools form .input-search span {
    width: 10%;
    height: 40px;
    background-color: #2c3e50;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 0 4px 4px 0;
}
#propertyListInAgentTools .property-list {
    overflow: auto;
}
#propertyListInAgentTools .property-list table {
    width: 100%;
    font-size: 14px;
}
#propertyListInAgentTools .property-list table tr {
    background-color: #f5f5f5;
    border-top: 10px solid white;
}
#propertyListInAgentTools .property-list table tr td {
    padding: 10px;
}

#agentToolsInvite .modal-body {
    padding: 60px 60px;
}
#agentToolsInvite .add-property-btn {
    border-bottom: 1px solid #707070;
    margin: 60px 0;
}
#agentToolsInvite .add-property-btn button {
    background: none;
    border: none;
    color: #2c3e50;
    padding: 0;
    margin-bottom: 4px;
}
#agentToolsInvite form {
    margin-bottom: 30px;
}
#agentToolsInvite form .input-search mapbox-address-autofill {
    width: 90%;
    height: 40px;
}
#agentToolsInvite form .input-search mapbox-address-autofill input {
    width: 100%;
    height: 40px;
    border: none;
    outline: none;
    border: 1px solid #e3e3e3;
    border-radius: 4px 0 0 4px;
    padding-left: 10px;
}
#agentToolsInvite form .input-search span {
    width: 10%;
    height: 40px;
    background-color: #2c3e50;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 0 4px 4px 0;
}
#agentToolsInvite .property-list {
    overflow: auto;
}
#agentToolsInvite .property-list table {
    width: 100%;
    font-size: 14px;
}
#agentToolsInvite .property-list table tr {
    background-color: #f5f5f5;
    border-top: 10px solid white;
}
#agentToolsInvite .property-list table tr td {
    padding: 10px;
}

#addProperty {
    color: #535353;
}
#addProperty .modal-body {
    margin: 30px;
}
#addProperty .btn-pro-req {
    border: none;
    border-radius: 7px;
    background-color: #ffffff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    outline: none;
    padding: 8px 10px;
    min-width: 100px;
}
#addProperty .video-link {
    margin-bottom: 20px;
}
#addProperty .video-link label {
    font-size: 12px;
    color: #535353;
    margin-bottom: 4px;
}
#addProperty .video-link input {
    width: 100%;
    height: 40px;
    border: none;
    outline: none;
    border: 1px solid #e3e3e3;
    border-radius: 4px 0 0 4px;
    padding-left: 10px;
}
#addProperty .add-photo input {
    display: none;
}
#addProperty .pro-Description textarea {
    width: 100%;
    height: 100px;
    border: 1px solid #aaaaaa;
    border-radius: 4px;
}
#addProperty .property-head {
    margin: 0;
    padding: 0;
    padding-bottom: 4px;
    margin-bottom: 20px;
    margin-top: 40px;
    font-size: 20px;
    border-bottom: 1px solid #909090;
}
#addProperty .property-head-small {
    margin: 0;
    padding: 0;
    padding-bottom: 4px;
    margin-bottom: 20px;
    margin-top: 30px;
    border-bottom: 1px solid #909090;
}
#addProperty .amn-radio {
    font-size: 16px;
    color: #535353;
    margin-bottom: 10px;
}
#addProperty .input-group-property {
    margin-bottom: 10px;
}
#addProperty .input-group-property label {
    font-size: 14px;
    color: #535353;
    margin-bottom: 4px;
}
#addProperty .input-group-property input {
    width: 100%;
    height: 40px;
    border: none;
    outline: none;
    border: 1px solid #e3e3e3;
    border-radius: 4px 0 0 4px;
    padding-left: 10px;
}
#addProperty .pro-submit button {
    background-color: #2c3e50;
    border: 1px solid #e3e3e3;
    width: 100%;
    height: 36px;
    color: #ffffff;
    font-weight: bold;
    transition: all 0.3s ease;
}

#addProperty .pro-submit button:hover {
    background-color: #34495e;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(44, 62, 80, 0.3);
}
    margin-top: 30px;
    margin-bottom: 10px;
}
#addProperty .pay-pro-radio {
    display: flex;
    align-items: center;
    width: 100%;
}
#addProperty .pay-pro-radio label {
    margin: 0;
    padding: 0;
    margin-left: 6px;
}
#addProperty .add-more-options {
    margin-top: 10px;
    display: flex;
    align-items: center;
}
#addProperty .add-more-options button {
    border: none;
    background: none;
    display: flex;
    align-items: center;
    margin-right: 10px;
}
#addProperty .add-more-options button i {
    border-radius: 50%;
    background-color: #2c3e50;
    padding: 6px;
    color: white;
    margin-right: 6px;
}
#addProperty .pro-typing {
    display: flex;
    align-items: center;
}
#addProperty .pro-typing button {
    display: flex;
    flex-direction: column;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    align-items: center;
    margin-right: 10px;
}
#addProperty .pro-typing button i {
    color: #2c3e50;
}

#editProperty {
    color: #535353;
}
#editProperty .modal-body {
    margin: 30px;
}
#editProperty .btn-pro-req {
    border: none;
    border-radius: 7px;
    background-color: #ffffff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    outline: none;
    padding: 8px 10px;
    min-width: 100px;
}
#editProperty .video-link {
    margin-bottom: 20px;
}
#editProperty .video-link label {
    font-size: 12px;
    color: #535353;
    margin-bottom: 4px;
}
#editProperty .video-link input {
    width: 100%;
    height: 40px;
    border: none;
    outline: none;
    border: 1px solid #e3e3e3;
    border-radius: 4px 0 0 4px;
    padding-left: 10px;
}
#editProperty .add-photo input {
    display: none;
}
#editProperty .pro-Description textarea {
    width: 100%;
    height: 100px;
    border: 1px solid #aaaaaa;
    border-radius: 4px;
}
#editProperty .property-head {
    margin: 0;
    padding: 0;
    padding-bottom: 4px;
    margin-bottom: 20px;
    margin-top: 40px;
    font-size: 20px;
    border-bottom: 1px solid #909090;
}
#editProperty .property-head-small {
    margin: 0;
    padding: 0;
    padding-bottom: 4px;
    margin-bottom: 20px;
    margin-top: 30px;
    border-bottom: 1px solid #909090;
}
#editProperty .amn-radio {
    font-size: 16px;
    color: #535353;
    margin-bottom: 10px;
}
#editProperty .input-group-property {
    margin-bottom: 10px;
}
#editProperty .input-group-property label {
    font-size: 14px;
    color: #535353;
    margin-bottom: 4px;
}
#editProperty .input-group-property input {
    width: 100%;
    height: 40px;
    border: none;
    outline: none;
    border: 1px solid #e3e3e3;
    border-radius: 4px 0 0 4px;
    padding-left: 10px;
}
#editProperty .pro-submit button {
    background-color: #2c3e50;
    border: 1px solid #e3e3e3;
    width: 100%;
    height: 36px;
    color: #ffffff;
    font-weight: bold;
    transition: all 0.3s ease;
}

#editProperty .pro-submit button:hover {
    background-color: #34495e;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(44, 62, 80, 0.3);
}
    margin-top: 30px;
    margin-bottom: 10px;
}
#editProperty .pay-pro-radio {
    display: flex;
    align-items: center;
    width: 100%;
}
#editProperty .pay-pro-radio label {
    margin: 0;
    padding: 0;
    margin-left: 6px;
}
#editProperty .add-more-options {
    margin-top: 10px;
    display: flex;
    align-items: center;
}
#editProperty .add-more-options button {
    border: none;
    background: none;
    display: flex;
    align-items: center;
    margin-right: 10px;
}
#editProperty .add-more-options button i {
    border-radius: 50%;
    background-color: #2c3e50;
    padding: 6px;
    color: white;
    margin-right: 6px;
}
#editProperty .pro-typing {
    display: flex;
    align-items: center;
}
#editProperty .pro-typing button {
    display: flex;
    flex-direction: column;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    align-items: center;
    margin-right: 10px;
}
#editProperty .pro-typing button i {
    color: #2c3e50;
}

#viewProperty {
    color: #535353;
}
#viewProperty .modal-body {
    margin: 30px;
}
#viewProperty .btn-pro-req {
    border: none;
    border-radius: 7px;
    background-color: #ffffff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    outline: none;
    padding: 8px 10px;
    min-width: 100px;
}
#viewProperty .video-link {
    margin-bottom: 20px;
}
#viewProperty .video-link label {
    font-size: 12px;
    color: #535353;
    margin-bottom: 4px;
}
#viewProperty .video-link input {
    width: 100%;
    height: 40px;
    border: none;
    outline: none;
    border: 1px solid #e3e3e3;
    border-radius: 4px 0 0 4px;
    padding-left: 10px;
}
#viewProperty .add-photo input {
    display: none;
}
#viewProperty .pro-Description textarea {
    width: 100%;
    height: 100px;
    border: 1px solid #aaaaaa;
    border-radius: 4px;
}
#viewProperty .property-head {
    margin: 0;
    padding: 0;
    padding-bottom: 4px;
    margin-bottom: 20px;
    margin-top: 40px;
    font-size: 20px;
    border-bottom: 1px solid #909090;
}
#viewProperty .property-head-small {
    margin: 0;
    padding: 0;
    padding-bottom: 4px;
    margin-bottom: 20px;
    margin-top: 30px;
    border-bottom: 1px solid #909090;
}
#viewProperty .amn-radio {
    font-size: 16px;
    color: #535353;
    margin-bottom: 10px;
}
#viewProperty .input-group-property {
    margin-bottom: 10px;
}
#viewProperty .input-group-property label {
    font-size: 14px;
    color: #535353;
    margin-bottom: 4px;
}
#viewProperty .input-group-property input {
    width: 100%;
    height: 40px;
    border: none;
    outline: none;
    border: 1px solid #e3e3e3;
    border-radius: 4px 0 0 4px;
    padding-left: 10px;
}
#viewProperty .pro-submit button {
    background-color: #2c3e50;
    border: 1px solid #e3e3e3;
    width: 100%;
    height: 36px;
    transition: all 0.3s ease;
}

#viewProperty .pro-submit button:hover {
    background-color: #34495e;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(44, 62, 80, 0.3);
}
    color: #ffffff;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 10px;
}
#viewProperty .pay-pro-radio {
    display: flex;
    align-items: center;
    width: 100%;
}
#viewProperty .pay-pro-radio label {
    margin: 0;
    padding: 0;
    margin-left: 6px;
}
#viewProperty .add-more-options {
    margin-top: 10px;
    display: flex;
    align-items: center;
}
#viewProperty .add-more-options button {
    border: none;
    background: none;
    display: flex;
    align-items: center;
    margin-right: 10px;
}
#viewProperty .add-more-options button i {
    border-radius: 50%;
    background-color: #2c3e50;
    padding: 6px;
    color: white;
    margin-right: 6px;
}
#viewProperty .pro-typing {
    display: flex;
    align-items: center;
}
#viewProperty .pro-typing button {
    display: flex;
    flex-direction: column;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    align-items: center;
    margin-right: 10px;
}
#viewProperty .pro-typing button i {
    color: #2c3e50;
}

.default-button {
    border: none;
    border-radius: 7px;
    background-color: #ffffff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    outline: none;
    padding: 8px 10px;
    min-width: 100px;
}
/* Property Details */
#propertyDetailsModal .section{
  margin-bottom: 60px;
  font-size: 12px;
}
#propertyDetailsModal .section-header {
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(0,0,0,.12);
  margin-bottom: 30px;
  color: black;
}
#propertyDetailsModal .presentedBy-title{
  color: #d3d3d3;
}
#propertyDetailsModal .leasing-value{
  color: #A8AAC7;
}
#propertyDetailsModal .location-value{
  color: #A8AAC7;
  font-size: 10px;
}
#propertyDetailsModal .presentedBy-phone{
  color: #585B89;
  font-size: 12px;
}
#propertyDetailsModal .presentedBy-phone__value{
  color: #A8AAC7;
  font-size: 10px;
}
#propertyDetailsModal .bedsBaths{
  margin-bottom: 60px;
  padding-bottom: 16px;
}
#propertyDetailsModal .numberPhotoChip{
  padding: 4px 8px;
  border-radius: 4px;
  color: #585B89;
  border: 1px solid #585B89;
  display: inline-block;
  font-size: 12px;
  margin-top: 16px;
}
#propertyDetailsModal .emailButton{
  padding: 8px 35px;
  color: white;
  background: #2c3e50;
  border: 1px solid #EDEDF7;
  border-radius: 5px;
}
/* some common css */

.d-flex {
    display: flex;
}
.d-inline-flex {
    display: inline-flex;
}
.align-center {
    align-items: center;
}
.justify-center {
    justify-content: center;
}
.flex-column {
    flex-direction: column;
}
.justify-space-between{
  justify-content: space-between;
}
.w-100 {
    width: 100%;
}
.h-100 {
    height: 100%;
}
.w-128 {
    width: 128px;
}
.h-128 {
    height: 128px;
}
.w-96 {
    width: 96px;
}
.h-96 {
    height: 96px;
}
.border-radius-50 {
    border-radius: 50%;
}
/* Text css */
.text-uppercase {
    text-transform: uppercase;
}

.text-right {
    text-align: right;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-black{
  color: black;
}


/* End Text */
.mt-1{
  margin-top: 4px;
}
.mt-2{
  margin-top: 8px;
}
.mt-3{
  margin-top: 12px;
}
.mt-4{
  margin-top: 16px;
}
.mt-5{
  margin-top: 20px;
}
.mt-6{
  margin-top: 24px;
}
.mt-7{
  margin-top: 28px;
}
.mt-8{
  margin-top: 32px;
}
.mt-9{
  margin-top: 36px;
}
.mt-10{
  margin-top: 40px;
}
.mt-11{
  margin-top: 44px;
}
.mt-12{
  margin-top: 48px;
}

.mb-1{
  margin-bottom: 4px;
}
.mb-2{
  margin-bottom: 8px;
}
.mt-3{
  margin-bottom: 12px;
}
.mb-4{
  margin-bottom: 16px;
}
.mb-5{
  margin-bottom: 20px;
}
.mb-6{
  margin-bottom: 24px;
}
.mb-7{
  margin-bottom: 28px;
}
.mb-8{
  margin-bottom: 32px;
}
.mb-9{
  margin-bottom: 36px;
}
.mb-10{
  margin-bottom: 40px;
}
.mb-11{
  margin-bottom: 44px;
}
.mb-12{
  margin-bottom: 48px;
}

.mr-1{
  margin-right: 4px;
}
.mr-2{
  margin-right: 8px;
}
.mr-3{
  margin-right: 12px;
}
.mr-4{
  margin-right: 16px;
}
.mt-5{
  margin-right: 20px;
}
.mr-6{
  margin-right: 24px;
}
.mb-7{
  margin-right: 28px;
}
.mr-8{
  margin-right: 32px;
}
.mr-9{
  margin-right: 36px;
}
.mr-10{
  margin-right: 40px;
}
.mr-11{
  margin-right: 44px;
}
.mr-12{
  margin-right: 48px;
}

.ml-1{
  margin-left: 4px;
}
.ml-2{
  margin-left: 8px;
}
.ml-3{
  margin-left: 12px;
}
.ml-4{
  margin-left: 16px;
}
.ml-5{
  margin-left: 20px;
}
.ml-6{
  margin-left: 24px;
}
.ml-7{
  margin-left: 28px;
}
.ml-8{
  margin-left: 32px;
}
.ml-9{
  margin-left: 36px;
}
.ml-10{
  margin-left: 40px;
}
.ml-11{
  margin-left: 44px;
}
.ml-12{
  margin-left: 48px;
}

.pt-1{
  padding-top: 4px;
}
.pt-2{
  padding-top: 8px;
}
.pt-3{
  padding-top: 12px;
}
.pt-4{
  padding-top: 16px;
}
.pt-5{
  padding-top: 20px;
}
.pt-6{
  padding-top: 24px;
}
.pt-7{
  padding-top: 28px;
}
.pt-8{
  padding-top: 32px;
}
.pt-9{
  padding-top: 36px;
}
.pt-10{
  padding-top: 40px;
}
.pt-11{
  padding-top: 44px;
}
.pt-12{
  padding-top: 48px;
}

.pb-1{
  padding-bottom: 4px;
}
.pb-2{
  padding-bottom: 8px;
}
.pb-3{
  padding-bottom: 12px;
}
.pb-4{
  padding-bottom: 16px;
}
.pb-5{
  padding-bottom: 20px;
}
.pb-6{
  padding-bottom: 24px;
}
.pb-7{
  padding-bottom: 28px;
}
.pb-8{
  padding-bottom: 32px;
}
.pb-9{
  padding-bottom: 36px;
}
.pb-10{
  padding-bottom: 40px;
}
.pb-11{
  padding-bottom: 44px;
}
.pb-12{
  padding-bottom: 48px;
}

.pr-1{
  padding-right: 4px;
}
.pr-2{
  padding-right: 8px;
}
.pr-3{
  padding-right: 12px;
}
.pr-4{
  padding-right: 16px;
}
.pr-5{
  padding-right: 20px;
}
.pr-6{
  padding-right: 24px;
}
.pr-7{
  padding-right: 28px;
}
.pr-8{
  padding-right: 32px;
}
.pr-9{
  padding-right: 36px;
}
.pr-10{
  padding-right: 40px;
}
.pr-11{
  padding-right: 44px;
}
.pr-12{
  padding-right: 48px;
}

.pl-1{
  padding-left: 4px;
}
.pl-2{
  padding-left: 8px;
}
.pl-3{
  padding-left: 12px;
}
.pl-4{
  padding-left: 16px;
}
.pl-5{
  padding-left: 20px;
}
.pl-6{
  padding-left: 24px;
}
.pl-7{
  padding-left: 28px;
}
.pl-8{
  padding-left: 32px;
}
.pl-9{
  padding-left: 36px;
}
.pl-10{
  padding-left: 40px;
}
.pl-11{
  padding-left: 44px;
}
.pl-12{
  padding-left: 48px;
}

@media (min-width: 992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px !important;
    }
}

.agent-tools-menu {
    margin-top: -55px;
}
.agent-tools-menu button {
    border: 1px solid #ffffff;
    border-radius: 4px;
    background-color: #ffffff;
    outline: none;
    padding: 6px 10px;
    min-width: 100px;
    margin-top: 10px;
}

.agent-tools-menu button:not(:last-child) {
    margin-right: 10px;
}
.agent-tools-menu button.active {
    background-color: #2c3e50;
    border: 1px solid #2c3e50;
    color: #ffffff;
}