/*
Evil update
 */
.notfound-content-archive {
    padding: 10px 20px;
    border-radius: 5px;
    color: #e31c5f;
    background-color: #EEE;
}

.maisonreal-footer-recruitment,
.maisonreal-row-archive-recruitment {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

.maisonreal-status-item-recruitment,
.maisonreal-item-recruitment {
    padding: 10px;
    flex: 0 0 auto;
    width: calc(100% / 3);
}

.maisonreal-status-item-recruitment {
    width: calc(100% / 2);
}

.maisonreal-content-recruitment {
    width: 100%;
    padding: 15px 20px 75px 20px;
    border: 1px solid #EEE;
    border-radius: 5px;
    height: 100%;
    position: relative;
}

.maisonreal-title-recruitment a {
    font-size: 18px;
    color: rgba(34, 37, 49, 1);
    font-weight: 600;
    line-height: 30px;
}

.maisonreal-infomation-recruitment {
    padding: 15px 0px 0px 0px;
}

.maisonreal-infomation-recruitment ul,
.maisonreal-infomation-recruitment ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    font-size: 15px;
    color: rgba(34, 37, 49, 0.7);
}

.maisonreal-infomation-recruitment ul {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.maisonreal-infomation-recruitment ul li {
    padding: 5px 30px 5px 0px;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    width: auto;
    position: relative;
    height: 40px;
}

.maisonreal-infomation-recruitment ul li:after {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: #00000042;
    border-radius: 50%;
    display: inline-block;
    right: 10px;
}

.maisonreal-infomation-recruitment ul li:last-child:after {
    display: none;
}

.recruitment-icon-type,
.recruitment-icon-location {
    display: inline-block;
    width: 18px;
    height: 18px;
    position: relative;
    margin-right: 5px;
}

.recruitment-icon-location {
    background-image: url("../../images/recruitment-location.svg");
}

.recruitment-icon-type {
    background-image: url("../../images/recruitment-type.svg");
}

.maisonreal-status-item-recruitment {
    padding: 15px 10px 0px 10px;
}

.maisonreal-status-item-recruitment a {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    background-color: rgba(8, 35, 76, 1);
    padding: 5px;
    border-radius: 5px;
}

.maisonreal-content-recruitment:hover .maisonreal-title-recruitment a {
    color: rgba(227, 28, 95, 1);
}

.maisonreal-content-recruitment:hover .maisonreal-status-item-recruitment a {
    background-color: rgba(227, 28, 95, 1);
}

.maisonreal-status-item-recruitment.maisonreal-footer-recruitment-right {
    text-align: right;
}

.maisonreal-status-item-recruitment-status span {
    display: inline-flex;
    padding: 3px 10px;
    font-size: 14px;
    background-color: rgba(245, 245, 245, 0.7);
    border-radius: 3px;
}

.maisonreal-status-item-recruitment-status span.maisonreal-status-item-recruitment-active {
    background-color: rgba(236, 249, 255, 1);
    color: rgba(20, 160, 255, 1);
}

.maisonreal-footer-recruitment {
    position: absolute;
    bottom: 15px;
    width: 100%;
    left: 10px;
    border-top: 1px solid #EEE;
}


.maisonreal-archive-recruitment-pagination {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    flex-direction: row;
}

.maisonreal-archive-recruitment-pagination a,
.maisonreal-archive-recruitment-pagination span {
    padding: 2px 12px;
    margin: 0 5px;
    background-color: rgba(8, 35, 76, 1);
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
    font-size: 15px;
}

.maisonreal-archive-recruitment-pagination a:hover {
    background-color: #e31c5f;
}

.maisonreal-archive-recruitment-pagination .current {
    background-color: #e31c5f;
    font-weight: bold;
}

/*
Detail single recruitment
*/
.maisonreal-single-recruitment .breadcrumb-listItem {
    font-size: 13px;
    padding-bottom: 20px;
    color: rgba(34, 37, 49, 0.4);
}

.maisonreal-single-recruitment .breadcrumb-listItem a {
    color: rgba(34, 37, 49, 0.4);
}

.maisonreal-single-recruitment .breadcrumb-listItem .current-item {
    color: #333;
}

.maisonreal-single-recruitment-title {
    font-size: 28px;
    line-height: 44px;
    color: rgba(34, 37, 49, 1);
    display: block;
    width: 100%;
}

.maisonreal-breadcrumb-recruitment {
    font-size: 13px;
    color: #222531;
}

.row-maisonreal-single-recruitment {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.right-maisonreal-single-recruitment,
.left-maisonreal-single-recruitment {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex: 0 0 auto;
    width: 73%;
    padding: 0px 15px;
}

.right-maisonreal-single-recruitment {
    width: 27%;
}

.maisonreal-single-recruitment-title-box,
.maisonreal-single-recruitment-content-box,
.maisonreal-single-recruitment-header {
    width: 100%;
    display: block;
}

.maisonreal-line-recruitment {
    margin: 20px 0px;
    height: 1px;
    width: 100%;
    background-color: #EEE;
}

.maisonreal-single-recruitment-title-box {
    color: rgba(34, 37, 49, 1);
    font-size: 22px;
    font-weight: 600;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    margin: 20px 0px;
}

.maisonreal-single-recruitment-title-box svg {
    margin-right: 10px;
    max-width: 24px;
}

.maisonreal-detail-single-recruitment ul,
.maisonreal-detail-single-recruitment ul li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.maisonreal-detail-single-recruitment ul li {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 10px 0px 10px 40px;
    position: relative;
    line-height: 24px;
    font-size: 15px;
}

.maisonreal-detail-single-recruitment li svg {
    position: absolute;
    left: 0px;
    top: 20px;
    width: 26px;
}

.maisonreal-detail-single-recruitment li strong {
    font-weight: 600;
    font-size: 16px;
    color: rgba(34, 37, 49, 1);
    display: block;
    width: 100%;
}

.maisonreal-detail-single-recruitment ul {
    border: 1px solid #EEE;
    border-radius: 5px;
    padding: 10px 15px 10px 15px;
}

.maisonreal-detail-single-recruitment {
    width: 100%;
}

/*
Form single contact recruitment
 */
#fileNameUpload,
.maisonreal-file,
.maisonreal-contact-form,
.maisonreal-contact-form-title,
.maisonreal-contact-form-content {
    width: 100%;
    display: block;
    position: relative;
}

.maisonreal-contact-form {
    padding: 10px 0px;
}

.maisonreal-contact-form-title {
    font-size: 22px;
    color: rgba(34, 37, 49, 1);
    font-weight: 600;
    margin: 20px 0px 15px 0px;
}

.maisonreal-contact-form .wpcf7 .form-required label:after {
    content: "*";
    color: red;
    padding-left: .2em;
}

.maisonreal-contact-form .wpcf7 .wpcf7-submit {
    border: 0px;
    width: auto !important;
}

.maisonreal-contact-form .maisonreal-file-upload {
    padding: 70px 30px 30px 30px;
    text-align: center;
    border: 1px solid #A6B0C3;
    border-radius: 5px;
    font-size: 15px;
    position: relative;
}

.maisonreal-contact-form .maisonreal-file-upload .wpcf7-file {
    visibility: hidden;
    opacity: 0;
    height: 0px;
    padding: 0px;
}

.maisonreal-file-upload:after {
    content: url("../../images/icon-upload.svg");
    width: 25px;
    height: 28px;
    position: absolute;
    top: 35px;
    left: 50%;
    transform: translate(-50%, 0);
}

.maisonreal-file-upload .text-event {
    color: rgba(227, 28, 95, 1);
    margin: 0px;
    line-height: inherit;
}

.maisonreal-file-upload .text-event:after {
    display: none;
}

.maisonreal-file-upload p {
    margin: 0px;
}

.maisonreal-contact-form .wpcf7-not-valid-tip {
    display: none;
}

.maisonreal-contact-form .wpcf7-response-output {
    margin: 10px 0px 10px 0px !important;
    font-size: 15px;
}

.maisonreal-contact-form .wpcf7 .wpcf7-spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0px;
}

#boxFileUpload.highlightUpload {
    background-color: rgba(255, 94, 3, 0.35);
}

#fileNameUpload {
    font-weight: 600;
    text-align: center;
    font-size: 15px;
    margin-top: 10px;
    display: none;
}

#fileNameUpload.active {
    display: block;
}

span.wpcf7-not-valid-tip {
    font-size: 14px;
}

.wpcf7 .g-recaptcha,
.wpcf7-form-control-wrap.recaptcha {
    margin: 15px 0px;
    display: block;
}

/*
css mobile detail single recruitment
 */
.mobile-maisonreal-detail-single-recruitment {
    display: none;
}

.mobile-maisonreal-detail-single-recruitment ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.mobile-maisonreal-detail-single-recruitment ul li {
    width: 50%;
}

.mobile-maisonreal-detail-single-recruitment ul li svg {
    top: 10px;
}

/*
css modal content
 */
.maisonreal-title-modal {
    font-size: 26px;
    color: rgba(34, 37, 49, 1);
    padding-bottom: 40px;
    border-bottom: 1px solid #EEE;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 30px;
}

.maisonreal-gallery-modal-wrapper {
    display: flex;
    align-items: flex-start;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 15px 0px 20px 0px;
    overflow: hidden;
}

.maisonreal-gallery-modal-wrapper .slider-for {
    width: 100%;
}

.maisonreal-item-slick-slider {
    position: relative;
    padding-top: 56.25%;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    margin-bottom: 5px;
}

.maisonreal-modal {
    border-bottom: 1px solid #EEE;
    padding-bottom: 30px;
    padding-top: 50px;
}

.maisonreal-modal .modal-dialog {
    margin: 0px auto !important;
}

.maisonreal-modal .modal-dialog .modal-body {
    padding-bottom: 0px !important;
    min-height: auto !important;
    padding-top: 0px !important;
}

/*
mailsonreal user info
 */
.maisonreal-title-username * {
    font-size: 28px;
    color: rgba(34, 37, 49, 1);
    font-weight: 600;
    line-height: 34px;
    margin-bottom: 20px;
}

.maisonreal-user-avatar-content {
    display: inline-block;
    border: 1px solid #EEE;
}

/*
mailsonreal user project
 */
.maisonreal-item-project-thumbnail img {
    border-radius: 10px;
}

.maisonreal-item-project-title a {
    font-size: 20px;
    font-weight: 600;
    padding: 12px 0px 10px 0px;
    display: block;
    color: rgba(34, 37, 49, 1);
}

.maisonreal-item-project-description * {
    margin: 0px;
    font-size: 16px;
}

.maisonreal-item-project-content {
    padding-bottom: 30px;
}

/*
modal dự tính Dự tính chi phí thi công
 */
.modal-estimated-office {
    padding: 0px !important;
}

.modal-estimated-office button.close {
    top: 30px;
    z-index: 10;
}

.modal-estimated-office .modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: 100vh;
}

.modal-estimated-office .modal-header {
    background: none;
    text-align: center;
    color: rgba(34, 37, 49, 1);
    padding: 0px !important;
    border-bottom: 0px;
    position: relative;
}

.modal-estimated-office .modal-content {
    padding: 50px 40px !important;
    border-radius: 5px;
}

.modal-estimated-office .modal-header .modal-title {
    font-size: 26px;
    font-weight: 600;
    padding: 0px 15px;
}

.modal-estimated-office .modal-body {
    padding: 10px;
    max-width: 100%;
    width: 100%;
}

.description-office-acreage,
.description-office-expenses {
    text-align: center;
    font-size: 15px;
    margin-bottom: 25px;
}

.form-office-expenses1 {
    max-width: 600px;
    margin: 0px auto;
    padding: 0px 0px 20px 0px;
}


.form-office-expenses1 .right-office-expenses1,
.form-office-expenses1 .left-office-expenses1 {
    padding: 0px 10px;
}

.form-office-expenses1 .row-office-expenses1 {
    margin-left: -10px;
    margin-right: -10px;
    font-size: 15px;
}

.form-office-expenses1 .input-form-office-expenses {
    width: 100%;
    padding: 10px 20px;
    font-size: 15px;
    height: 52px;
}

.form-office-expenses1 .input-form-office-expenses.error-input {
    border: 1px solid #FF0000;
}

.form-office-expenses1 .error-input-form-office-expenses {
    font-size: 14px;
    color: #FF0000;
    display: none;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 5px;
}

.form-office-expenses1 .error-input-form-office-expenses svg {
    margin-right: 5px;
}

.form-office-expenses1 .submit-form-office-expenses {
    width: 100%;
    background: rgba(227, 28, 95, 1);
    color: #FFF;
    padding: 10px;
    height: 52px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}

.form-office-expenses2 .box-office-expenses2 {
    display: none;
    padding-top: 30px;
}

.form-office-expenses2 .image-form-office-expenses img {
    filter: grayscale(1);
}

.form-office-expenses2 .image-form-office-expenses {
    padding: 50px 0px;
}

.form-office-expenses2 .row-office-expenses2 {
    margin-left: -10px;
    margin-right: -10px;
}

.form-office-expenses2 .item-office-expenses {
    padding-left: 10px;
    padding-right: 10px;
}

.form-office-expenses2 .box-item-office-expenses {
    border: 1px solid #EEE;
    border-radius: 10px;
    border-top: 5px solid rgba(227, 28, 95, 1);
    padding: 0px 15px 30px 15px;
    font-size: 14px;
    margin-bottom: 20px;
}

.item-office-expenses .header-item-office-expenses {
    padding: 20px 0px;
    border-bottom: 1px solid #EEE;
}

.item-office-expenses .body-item-office-expenses {
    padding: 20px 0px 40px 0px;
}

.item-office-expenses .body-item-office-expenses ul,
.item-office-expenses .body-item-office-expenses ul li {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.item-office-expenses .body-item-office-expenses ul li {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.item-office-expenses .body-item-office-expenses ul li svg {
    margin-right: 5px;
}

.item-office-expenses .title-item-office-expenses {
    font-size: 18px;
    font-weight: 600;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.item-office-expenses .title-item-office-expenses svg {
    margin-right: 5px;
}

.item-office-expenses .number-item-office-expenses {
    font-size: 17px;
    padding: 10px 0px;
}

.item-office-expenses .number-item-office-expenses strong {
    display: inline-block;
    font-size: 22px;
    margin-right: 2px;
}

.item-office-expenses .footer-item-office-expenses {
    font-size: 15px;
}

.item-office-expenses .footer-item-office-expenses .price-office-expenses {
    font-size: 22px;
    font-weight: 600;
    margin-top: 5px;
    color: #e31c5f;
}

.footer-item-office-expenses .title-footer-item-office-expenses,
.item-office-expenses .body-item-office-expenses,
.header-item-office-expenses .description-item-office-expenses {
    color: rgba(34, 37, 49, 0.7);
}

.header-item-office-expenses .description-item-office-expenses {
    line-height: 22px;
    height: 44px;
}

.box-office-expenses2 .chart-office-expenses {
    padding: 15px 0px;
}

.chart-office-expenses .title-chart-office-expenses {
    font-size: 28px;
    padding: 10px 0px 40px 0px;
    font-weight: 600;
}

.chart-office-expenses .detail-chart-office-expenses {
    color: rgba(34, 37, 49, 0.7);
    font-size: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    padding-left: 35px;
    margin-top: 30px;
}

.chart-office-expenses .detail-chart-office-expenses svg {
    position: absolute;
    left: 0px;
    top: 5px;
}

.item-accordion-office-expenses .content-accordion-office-expenses {
    font-size: 15px;
    transition: all 0.3s;
    height: 0px;
    overflow: hidden;
    padding: 0px;
}

.item-accordion-office-expenses .header-accordion-office-expenses {
    position: relative;
    padding: 10px 30px 10px 0px;
    border-bottom: 1px solid #EEE;
    font-weight: 600;
    font-size: 18px;
    cursor: pointer;
}

.item-accordion-office-expenses .arrow-outline {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid black;
    display: inline-block;
    right: 0px;
    top: 20px;
}

.item-accordion-office-expenses .arrow-outline:before {
    content: "";
    position: absolute;
    top: 2px;
    left: -4px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid white;
}

.item-accordion-office-expenses.active-accordion .content-accordion-office-expenses {
    height: auto;
    padding: 20px 0px;
}

.item-accordion-office-expenses.active-accordion .arrow-outline {
    transform: rotate(180deg);
}

#chartContainerOfficeAcreage,
#chartContainerOfficeExpenses {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
}

#note-chart-office-expenses ul li,
#note-chart-office-expenses ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    font-weight: 600;
    font-size: 15px;
}

#note-chart-office-expenses ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
}

#note-chart-office-expenses ul li {
    width: 25%;
    padding: 5px 10px 5px 30px;
    position: relative;
}

#note-chart-office-expenses ul li:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 10px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: rgba(12, 55, 121, 1);
    border-radius: 50%;
}

#note-chart-office-expenses ul li:nth-child(2):after {
    background: rgba(151, 82, 167, 1);
}

#note-chart-office-expenses ul li:nth-child(3):after {
    background: rgba(245, 70, 138, 1);
}

#note-chart-office-expenses ul li:nth-child(4):after {
    background: rgba(223, 67, 83, 1);
}

#note-chart-office-expenses ul li:nth-child(5):after {
    background: rgba(243, 96, 78, 1);
}

#note-chart-office-expenses ul li:nth-child(6):after {
    background: rgba(255, 156, 43, 1);
}

#note-chart-office-expenses ul li:nth-child(7):after {
    background: rgba(255, 254, 74, 1);
}

.doughnutContentChartOffice {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(50% - 50px);
    border-radius: 50%;
    font-weight: 600;
    color: rgba(34, 37, 49, 1);
    height: calc(50% - 50px);
    box-shadow: 0 0 10px #00000021;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 20px;
    display: none;
}

.doughnutContentChartOffice .doughnutTitleChartOffice,
.doughnutContentChartOffice .doughnutPercentChartOffice {
    display: block;
    width: 100%;
}

.doughnutContentChartOffice .doughnutPercentChartOffice {
    color: rgba(227, 28, 95, 1);
    font-size: 20px;
}

.form-contact-office-expenses {
    background-image: url("../../images/background-contact-tool.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    position: relative;
    padding: 30px;
    border-radius: 10px;
    color: #FFF;
    overflow: hidden;
    background-attachment: fixed;
    margin-top: 40px;
}

.form-contact-office-expenses:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(269.9deg, rgba(8, 35, 76, 0) -62.6%, #08234C 90.5%);
}

.form-contact-office-expenses .box-contact-office-expenses {
    position: relative;
    z-index: 1;
}

.form-contact-office-expenses .title-contact-office-expenses {
    font-size: 28px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 15px;
}

.row-contact-office-expenses {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.row-contact-office-expenses .shortcode-contact-office-expenses,
.row-contact-office-expenses .content-contact-office-expenses {
    width: 45%;
    height: 100%;
    padding: 0px 30px 15px 0px;
}

.row-contact-office-expenses .shortcode-contact-office-expenses {
    width: 55%;
    padding: 0px;
}

.form-contact-office-expenses .wpcf7-form label {
    color: #FFF;
}

.form-contact-office-expenses span.wpcf7-not-valid-tip {
    display: none;
}

.form-contact-office-expenses .wpcf7-form .form-group {
    margin-bottom: 10px;
}

.form-contact-office-expenses .wpcf7-form .form-control {
    border: 0px;
    font-size: 15px;
    padding: 8px 15px;
    height: 48px;
}

/*
 Dự tính diện tích thuê văn phòng
 */

.item-section-office-acreage {
    padding: 20px 0px;
    border-bottom: 1px solid #EEE;
}

a.submit-action-office-acreage {
    color: #FFF;
    background: rgba(227, 28, 95, 1);
    padding: 12px 50px;
    display: inline-block;
    border-radius: 5px;
    margin-top: 40px;
}

.left-office-acreage,
.right-office-acreage {
    padding: 0px 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex: 0 0 auto;
    width: 40%;
    align-items: flex-start;
}

.row-section-office-acreage {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.left-office-acreage label {
    font-weight: 600;
    font-size: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 15px;
}

.left-office-acreage label svg {
    margin-right: 5px;
    width: 20px;
}

.right-office-acreage {
    width: 60%;
}

.right-office-acreage .col-12 {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 10px 0px;
}

.right-office-acreage .item-right-office-acreage {
    width: 55%;
}

.right-office-acreage .item-right-office-acreage p {
    font-size: 15px;
    color: rgba(34, 37, 49, 0.7);
    margin: 0px;
}

.right-office-acreage .item-right-office-acreage.group-input-office-acreage {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    width: 45%;
}

.right-office-acreage label {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    margin: 0px !important;
}

.form-input-office-acreage {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
}

.form-input-office-acreage .input-office-acreage {
    width: 40px;
    height: 40px;
    border: 1px solid #EEE;
    margin: 0px 10px;
    border-radius: 3px;
    padding: 5px 10px;
    font-size: 15px;
    text-align: center;
}

.form-input-office-acreage .min-input-office-acreage,
.form-input-office-acreage .plus-input-office-acreage {
    width: 24px;
    height: 24px;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background: rgba(34, 37, 49, 1);
    color: #FFF;
    border-radius: 3px;
    line-height: 0px;
    font-size: 20px;
    cursor: pointer;
}

.right-office-acreage.right-office-acreage-full .item-right-office-acreage {
    width: 100%;
    padding-bottom: 20px;
}

.right-office-acreage.right-office-acreage-full .item-right-office-acreage label {
    margin-bottom: 15px !important;
    display: block;
}

.item-packer-office-acreage {
    width: calc(100% / 3);
    padding: 0px 15px;
}

.item-packer-office-acreage .box-packer-office-acreage {
    border: 1px solid #EEE;
    padding: 15px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
}

.item-packer-office-acreage.active-packer .box-packer-office-acreage {
    border-color: rgba(227, 28, 95, 1);
}

.right-office-acreage .item-packer-office-acreage .box-packer-office-acreage label {
    margin-bottom: 2px !important;
}

.calculate-office-acreage {
    padding-top: 30px;
    display: none;
}

.note-calculate-office-acreage {
    font-size: 15px;
    color: rgba(34, 37, 49, 0.7);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    padding: 15px 30px 15px 40px;
    margin-top: 25px;
}

.note-calculate-office-acreage svg {
    position: absolute;
    left: 5px;
    top: 20px;
}

.contact-office-acreage {
    margin-top: 50px;
    position: relative;
    padding: 60px 40px;
    color: #FFF;
    background-image: url("../../images/bg-contact-office-acreage.png");
    background-attachment: fixed;
    background-position: left center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
    overflow: hidden;
}

.contact-office-acreage:after {
    background: linear-gradient(269.57deg, rgba(8, 35, 76, 0) -26.29%, #08234C 80.56%);
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.contact-office-acreage .box-contact-office-acreage {
    position: relative;
    z-index: 1;
    width: 50%;
    line-height: 40px;
}

.box-contact-office-acreage .title-contact-office-acreage {
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 35px;
}

.box-contact-office-acreage a.btn-contact-office-acreage {
    color: #FFF;
    background: rgba(227, 28, 95, 1);
    padding: 15px 30px;
    border-radius: 5px;
}

.right-calculate-office-acreage .number-calculate-office-acreage,
.right-calculate-office-acreage .title-calculate-office-acreage {
    font-weight: 600;
    text-align: center;
    font-size: 22px;
}

.right-calculate-office-acreage .number-calculate-office-acreage {
    color: rgba(227, 28, 95, 1);
    margin: 10px 0px;
}

.calculate-office-acreage .row-calculate-office-acreage {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-left: -15px;
    margin-right: -15px;
}

.calculate-office-acreage .left-calculate-office-acreage,
.calculate-office-acreage .right-calculate-office-acreage {
    width: 50%;
    padding: 0px 15px;
}

.right-calculate-office-acreage .description-calculate-office-acreage {
    padding: 10px 0px;
}

.right-calculate-office-acreage .description-calculate-office-acreage ul,
.right-calculate-office-acreage .description-calculate-office-acreage ul li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: block;
    position: relative;
}

.right-calculate-office-acreage .description-calculate-office-acreage ul li {
    padding: 5px 0px 5px 30px;
}

.right-calculate-office-acreage .description-calculate-office-acreage ul li:before {
    content: "";
    position: absolute;
    left: 5px;
    top: 12px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(12, 55, 121, 1);
}

.right-calculate-office-acreage .description-calculate-office-acreage ul li:nth-child(2):before {
    background: rgba(245, 70, 138, 1);
}

.right-calculate-office-acreage .description-calculate-office-acreage ul li:nth-child(3):before {
    background: rgba(151, 82, 167, 1);
}

.right-calculate-office-acreage .description-calculate-office-acreage ul li:nth-child(4):before {
    background: rgba(243, 96, 78, 1);
}

.right-calculate-office-acreage .description-calculate-office-acreage ul li:nth-child(5):before {
    background: rgba(255, 254, 74, 1);
}

.right-calculate-office-acreage .description-calculate-office-acreage ul li span {
    float: right;
    color: rgba(34, 37, 49, 0.7);
}

.alertErrorOfficeAcreage {
    font-size: 15px;
    display: none;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    background: #ff000012;
    padding: 10px 15px;
    border-radius: 5px;
    justify-content: center;
    margin-top: 15px;
    font-weight: 600;
}

/*
single toggle form
 */
.content-item-estimated-form {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 27px 30px;
    color: #FFF;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    font-weight: 600;
    position: relative;
    margin-bottom: 20px;
    border-radius: 5px !important;
    overflow: hidden;
    font-size: 18px;
    cursor: pointer;
}

.col-12.estimated-form {
    border-bottom: 1px solid #a6b0c3;
    padding-bottom: 10px;
}

.item-estimated-office-acreage .content-item-estimated-form {
    background-image: url("../../images/bg-office-acreage.png");
}

.item-estimated-office-expenses .content-item-estimated-form {
    background-image: url("../../images/bg-office-expenses.png");
}

.content-item-estimated-form:after {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, rgba(8, 35, 76, 1) 0%, rgba(8, 35, 76, 0.8576024159663865) 60%, rgba(8, 35, 76, 0.4542410714285714) 100%);
    content: "";
}

.content-item-estimated-form:before {
    content: "";
    position: absolute;
    left: 60%;
    bottom: 0px;
    width: 75px;
    height: 65px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
}

.content-item-estimated-form div {
    position: relative;
    z-index: 2;
    max-width: 60%;
}

.item-estimated-office-acreage .content-item-estimated-form:before {
    background-image: url("../../images/icon-office-acreage.png");
}

.item-estimated-office-expenses .content-item-estimated-form:before {
    background-image: url("../../images/icon-office-expenses.png");
    bottom: -5px;
}

/* Thành 26/2/2026*/
.elementor-widget-container .adm-ad-container {
    padding-bottom: 20px;
}

#dia_diem .adm-ad-container {
    padding-top: 30px;
}

/*
responsive mailsonreal update
 */
@media (max-width:1200px) {
    .modal-estimated-office .modal-dialog {
        width: 100%;
        max-width: 95%;
        margin: 30px auto;
    }

    .modal-estimated-office .modal-content {
        padding: 50px 15px !important;
        width: 100%;
    }
}

@media (max-width:1024px) {

    .maisonreal-user-avatar,
    .maisonreal-user-info {
        text-align: center !important;
    }

    .maisonreal-title-username * {
        font-size: 24px !important;
        line-height: 30px;
    }

}

@media (max-width:992px) {
    .form-office-expenses2 .image-form-office-expenses {
        padding: 20px 0px;
    }

    .form-contact-office-expenses .title-contact-office-expenses {
        font-size: 26px;
    }

    .row-contact-office-expenses .shortcode-contact-office-expenses,
    .row-contact-office-expenses .content-contact-office-expenses,
    .modal-estimated-office .modal-dialog {
        width: 100%;
    }

    .row-contact-office-expenses .shortcode-contact-office-expenses,
    .row-contact-office-expenses .content-contact-office-expenses {
        padding: 30px 15px 0px 15px;
    }

    .modal-estimated-office .modal-dialog .modal-content {
        width: 100%;
        max-width: 95%;
        margin: 0px auto;
    }

    .modal-estimated-office .modal-dialog .modal-content .modal-body {
        padding: 20px 15px;
    }

    .maisonreal-item-recruitment {
        width: 50%;
    }

    .mobile-maisonreal-detail-single-recruitment {
        display: block;
    }

    .calculate-office-acreage .left-calculate-office-acreage,
    .calculate-office-acreage .right-calculate-office-acreage,
    .contact-office-acreage .box-contact-office-acreage,
    .left-office-acreage,
    .right-office-acreage,
    .left-maisonreal-single-recruitment {
        width: 100%;
    }

    .right-maisonreal-single-recruitment {
        display: none;
    }

    .mobile-maisonreal-detail-single-recruitment ul li {
        padding: 5px 0px 5px 40px;
    }

    .maisonreal-single-recruitment-title {
        font-size: 26px;
        line-height: 30px;
    }

    .maisonreal-single-recruitment .breadcrumb-listItem {
        padding-bottom: 10px;
    }

    .maisonreal-title-modal {
        font-size: 22px;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .modal .modal-content .modal-body {
        padding: 30px;
    }

}

@media (max-width:768px) {
    .modal-update-office-expenses button.close {
        top: 20px;
    }

    .form-contact-office-expenses {
        padding: 30px 0px;
    }

    .doughnutContentChartOffice {
        width: 50%;
        height: 50%;
    }

    .form-office-expenses1 .submit-form-office-expenses {
        margin-top: 15px;
    }

    .modal-estimated-office .modal-header .modal-title {
        font-size: 22px !important;
    }

    .modal-estimated-office .modal-dialog .modal-content {
        padding: 50px 5px 20px 5px !important;
    }

    .form-office-expenses2 .image-form-office-expenses img {
        max-width: 200px;
    }

    .description-office-expenses {
        margin-bottom: 15px;
    }

    .maisonreal-contact-form .wpcf7 .wpcf7-submit {
        width: 100% !important;
    }

    .maisonreal-contact-form-content .g-recaptcha.wpcf7-recaptcha {
        display: inline-block;
    }

    .maisonreal-contact-form-content .wpcf7-form-control-wrap.recaptcha {
        text-align: center;
    }

    .maisonreal-single-recruitment-title {
        font-size: 24px;
    }

    .chart-office-expenses .title-chart-office-expenses,
    .maisonreal-single-recruitment-title-box {
        font-size: 22px;
    }

    .modal .modal-content:before {
        display: none !important;
    }

    .item-accordion-office-expenses .header-accordion-office-expenses {
        font-size: 16px;
    }

}

@media (max-width:576px) {
    .box-contact-office-acreage .title-contact-office-acreage {
        font-size: 26px;
        line-height: 32px;
    }

    .box-contact-office-acreage a.btn-contact-office-acreage {
        padding: 15px;
    }

    .contact-office-acreage {
        padding: 30px 15px;
    }

    .item-office-expenses .body-item-office-expenses {
        padding: 20px 0px 30px 0px;
    }

    .doughnutContentChartOffice {
        font-size: 14px;
        padding: 10px 15px;
        line-height: 18px;
    }

    .doughnutContentChartOffice .doughnutPercentChartOffice {
        margin-top: 5px;
    }

    .item-packer-office-acreage,
    .maisonreal-item-recruitment {
        width: 100%;
    }

    .mobile-maisonreal-detail-single-recruitment ul li {
        width: 100%;
    }

    .form-contact-office-expenses .title-contact-office-expenses {
        font-size: 24px;
        line-height: 32px;
    }

    .modal-estimated-office button.close {
        top: 10px;
        right: 15px;
    }

    .item-packer-office-acreage {
        margin-bottom: 15px;
    }
}

@media (max-width: 768px) {
    .adm-hide-mobile {
        display: none !important;
    }
}