/* BO invite member rep popup */
@media (max-width:576px){
    .path-customers-and-representatives .ui-dialog{
        padding: 3%;
        max-width: 100vw;
    }
    .invite-member-modal-form > div {
        position: unset !important;
    }
    .invite-member-modal-form .tooltip-js-parent {
        position: relative !important;
        padding: 0;
    }
    .path-customers-and-representatives #modal_example_form .tooltip-js-parent .invite-rep-tooltip-popup-info .invite-rep-popup-content {
        left: 0;
    }
    .path-customers-and-representatives #modal_example_form form{
        /* width: 80vw; */
        width: 100%;
    }
    /* .path-customers-and-representatives .ui-dialog #drupal-modal{
        max-width: 85vw;
    } */
    /* .path-customers-and-representatives .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{
        max-width: 85vw;
    } */
    .path-customers-and-representatives .ui-dialog .invite-member-modal-form .js-form-item{
        /* width: 85vw !important; */
        padding: 0px;
        width: 100%;
        /* position: inherit !important; */
    }
    .path-customers-and-representatives .ui-dialog .invite-member-modal-form .invite-rep-popup-trigger{
        position: absolute;
        margin-bottom: 16px;
    }
    .tooltip-js-parent{
        width: 100%;
    }
    .path-customers-and-representatives #modal_example_form .invite-rep-tooltip-popup-info .invite-rep-popup-content {
        position: absolute;
        top: 287px;
        right: 28px;
        width: 73vw;
    }
    #modal_example_form form .form-item-building-id{
        width: 100%;
    }
    .invite-member-modal-form .para-line{
        bottom: unset;
        margin-top: 0px;
    }
    .invite-member-modal-form .para-space{
        margin-top: 0px;
    }
    .path-customers-and-representatives .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons #drupal-modal{
        max-height: calc(100vh - 200px) !important;
        overflow: auto;
    }
    
}
@media (width:576px) {
    .path-customers-and-representatives .ui-dialog .invite-member-modal-form .invite-rep-popup-trigger{
        position: absolute;
        margin-bottom: 16px;
        right: 64%;
        top: 451px;
    }
    .path-customers-and-representatives #modal_example_form .invite-rep-tooltip-popup-info .invite-rep-popup-content {
        position: absolute;
        top: 271px;
        right: 92px;
        width: 56vw;
    }
    .path-customers-and-representatives .ui-dialog {
        padding: 8%;
    }   
}
@media (min-width:577px) and (max-width:767px) {
    .path-customers-and-representatives .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons #drupal-modal{
        max-height: calc(100vh - 260px) !important;
        overflow: auto;
    }
}
@media (min-width:767px) {
    .batch-invite-form details.form-wrapper{      /* batch user migration  */
        border-bottom-color: inherit;
        border-radius: 0.3125rem;
    }
}
@media (max-width:767px) {
    .ui-dialog-buttonset .form-submit.lease-permission-update{
        position: unset;
    }
    .invite-member-rep-modal-form .tooltip-js-parent .tooltip-outer{
        left: 0px;
    }
    .invite-member-rep-modal-form .invite-rep-popup-content .c-popup-info__arrow{
        left: 80px;
    }
    .invite-member-rep-modal-form .form-item {
        width: 100%;
        padding: 20px 0 !important;
        margin: 0;
    }
    .invite-member-rep-modal-form .tooltip-js-parent {
        width: 100%;
        padding: 0;
    }
    /* landing page */
    .customer-rep-table-container .custom-row header .c-general-button__content .component-icon{
        height: 16px;
        width: 16px;
        right: 5px;
    }
    .c-general-button__content .text-emphasized{
        font-size: 12px;
    }
    .customer-rep-table-container .tabs-custom-row ul li{
        width: 100%;
        display: flex;
        justify-content: center;
        padding-top: 5px;
    }
    .customer-rep-table-container .tabs-custom-row ul{
        flex-direction: column;
        justify-content: center;
        width: 100%;
    }
    .customer-rep-table-container .tabs-custom-row{
        width: 100%;
    }
    .page-node-type-landing-page-listing .c-merge-item .c-merge-item__data{
        flex-basis: auto !important;
        padding-bottom: 10px;
        text-align: center;
    }
    .c-dropdown-list .parent-merge,
    .c-dropdown-list .parent-merge .c-merge-item{
        flex-direction: column;
    }
    .merge-dropdown .c-dropdown-list .c-dropdown-list__divider,
    .parent-merge .c-merge-item-dismiss
    {
        padding: 0px;
    }
    .merge-dropdown .c-dropdown-list .c-dropdown-list__title .text-center{
        font-size: 12px;
    }
    .active-filter{
        width: max-content;
        font-size: 14px;
    }
    .active-filter > span{
        font-size: 12px;
    }
    .customer-rep-table-container .customer-data table.cols-6 tr td,
    .customer-rep-table-container .rep-data table.cols-7 tr td,
    .customer-rep-list
    {
        font-size: 12px !important;
    }
    .customer-rep-list::before{
        top: -3px;
    }
    .customer-rep-table-container .customer-data table.cols-6 tr th,
    .customer-rep-table-container .rep-data table.cols-7 tr th{
        font-size: 14px !important;
    }
    /* landing page */
    /* Merge customers */
    .path-customers-and-representatives .c-dashboard .c-admin-dashboard__title{
        font-size: 20px;
        padding-left: 20px;
    }
    .path-customers-and-representatives .c-merge-customers-card__cell,
    .color-grey.color-light,
    .path-customers-and-representatives .form-submit
    {
        font-size: 12px;
    }
    .path-customers-and-representatives .modal-merge-customer{
        width: 100%;
        min-width: 100%;
        margin: 0px auto;
    }
    .path-customers-and-representatives .modal-merge-customer .o-modal .o-modal__title{
        font-size: 18px;
    }
    .modal-merge-customer .o-modal .modal-merge-customer-details .modal-merge-company-name,
    .modal-merge-customer .o-modal .modal-merge-customer-details .modal-merge-customer-id,
    .modal-merge-customer .o-modal .modal-merge-customer-details .modal-merge-customer-reps
    {
        font-size: 10px;
    }
    /* .modal-merge-customer .o-modal .o-modal__content .c-modal-button-container{

    } */
    .modal-merge-customer .o-modal .o-modal__content .c-modal-button-container .c-general-button--primary{
        padding: 5px 5px;
        margin-top: 10px;
    }
    .path-customers-and-representatives .o-modal__content .c-general-button__content .text-emphasized{
        font-size: 8px;
    }
    .path-customers-and-representatives .c-merge-customers-card__cell .o-checkbox--square::after{
        height: 12px;
        left: 4px;
    }
    .path-customers-and-representatives .c-merge-customers-card__row .property-merge-address{
        font-size: 12px;
    }
    .path-customers-and-representatives .c-merge-customers-card__property-info  .color-grey.color-light{
        font-size: 10px;
    }
    .path-customers-and-representatives .c-merge-customers-card__cell--medium,
    .path-customers-and-representatives .modal-merge-customer .c-merge-customers-card__cell .c-merge-customers-card__property-info,
    .path-customers-and-representatives .modal-merge-customer .c-merge-customers-card__cell .color-grey.color-light,
    .modal-merge-customer .o-modal .c-read-only-merge-customer-row .c-merge-customers-card__cell .color-green
    {
        font-size: 10px;
    }
    .path-customers-and-representatives .c-merge-customers-card{
        margin-left: 0px;
    }
    .modal-merge-customer .o-modal .o-modal__content .c-modal-button-container{
        position: absolute;
        bottom: 12px;
        left: 0;
        right: 0;
        border-top: 1px solid #dfdfdf;
        padding-top: 10px !important;
    }
    .dialog-off-canvas-main-canvas .page-layout .merge-dropdown .c-dropdown-list{
        max-height: calc(100vh - 64px);
        overflow: auto;
    }
    .c-dropdown-list .parent-merge .c-merge-item{
        padding: 10px;
        height: auto;
    }
    .c-dropdown-list .parent-merge{
        margin-bottom: 20px;
    }
    
    /* Merge customers */
    /* property detailView page */
    .path-properties #block-prologis-backoffice-subtheme-page-title h1.properties{
        font-size: 18px;
    }
    .active-filter-prop-lan{
        font-size: 12px;
    }
    .path-properties table th{
        font-size: 14px !important;
    }
    #views-exposed-form-properties-page-1 ~ div table td,
    #views-exposed-form-properties-page-1 ~ div table td a
    {
        font-size: 10px;
    }
    .views-field.views-field-nid a::before{
        left: 45px;
        top: -3px;
    }
    
    /* property detailView page */
    /* Property details page */
    .node-property-details-edit-form .o-card__content--margin-thick .c-property-details-page-delete-propertybtn{
        flex-direction: column;
        padding-left: 0px !important;
    }
    .node-property-details-edit-form .o-card__content--margin-thick .form-submit.enable-delete{
        font-size: 10px;
        padding: 5px 8px;
    }
    .page-node-type-property-details .c-details-page-card .delete-property .disable-delete,
    #block-prologis-backoffice-subtheme-page-title .c-building-header__info
    {
        font-size: 12px;
    }
    .page-node-type-property-details .node-property-details-edit-form .o-card:not(.o-card-deck__card){
        width: 100%;
        margin-left: 0px;
    }
    .c-details-layout .c-details-page-card .c-characteristics-table{
        flex-direction: column;
    }
    .page-node-type-property-details .node-property-details-edit-form .o-card__content--margin-thick{
        margin: 10px 24px 10px;
    }
    #node-property-details-edit-form .c-details-layout .c-details-page-card .c-characteristics-table__item:nth-child(1) ,
    #node-property-details-edit-form .c-details-layout .c-details-page-card .c-characteristics-table__item:nth-child(2){
        width: 100% !important;
    }
    .page-node-type-property-details .node-property-details-edit-form .c-details-page-card .c-property-details-page__controls{
        width:100%;
    }
    /* Popups */
    .page-node-type-property-details .ui-front .ui-dialog-titlebar .ui-dialog-title{
        font-size: 18px;
        margin-bottom: 5px;
    }
    .page-node-type-property-details .ui-dialog-content #delete-property-message{
        font-size: 10px;
    }
    .page-node-type-property-details .ui-dialog .ui-dialog-buttonpane button{
        font-size: 10px;
        margin-left: 0px !important;
    }
    .c-admin-address-validation-modal__data-field--small{
        width: 100%;
    }
    .path-customers-and-representatives .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{
        background: #fff;
        z-index: 45676;
    }
    /* Popups */
    /* Property details page */
    /* Property Lease Tab */
    .path-properties .c-details-page-card .o-tab{
        flex-direction: column;
        align-content: center;
        text-align: center;
        align-items: center;
    }
    .path-properties .c-details-page-card .o-tab__menu-item{
        padding-top: 5px;
    }
    .path-properties .c-details-layout .c-page-content h3{
        font-size: 18px;
    }
    .o-tab__menu-item--active::after{
        width: 60%;
    }
    .page-node-type-property-characteristics .o-tab__menu-item .o-tab__label,
    .path-properties .c-characteristics-table .c-characteristics-table__item span
    {
        font-size: 12px !important;
    }
    /* Property Lease Tab */
    /* Representative Page */
    /* .path-customers-and-representatives #block-prologis-backoffice-subtheme-content .c-page-content{
        overflow: auto;
    } */
    .path-customers-and-representatives .cust-rep .tabs-custom-row ul li{
        font-size: 12px;
        width: 100%;
    }
    .path-customers-and-representatives .cust-rep .tabs-custom-row{
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .path-customers-and-representatives .invite-rep-cls .rep-heading{
        font-size: 16px;
    }
    .customer-rep-table-container .rep-data table.cols-7{
        min-width: 917px;
    }
    /* Representative Page */
    /* Header  */
     .page-node-type-landing-page-listing #block-mergemenu .c-merge-customer{
        top: 4px;
    }
    /* Header  */
     /* Customer Details */
     .path-customers-and-representatives #backoffice-customer-form #revert-customer-form-value{
        top: 0px;
        padding-left: 25px;
        font-size: 13px !important;
    }
    .path-customers-and-representatives #backoffice-customer-form .disabled_btn #edit-update-button{
        font-size: 12px !important;
        margin-right: -23px !important;
        padding: 5px 20px;
    }
    .path-customers-and-representatives .cust-rep .tabs-custom-row ul{
        width: 100%;
    }
    .path-customers-and-representatives .left-sec-prop .property-sec .property_card{
        margin:0px;
        margin-top: 20px;
    }
    .page-node-type-property-details .c-property-details-page__buttons .text-emphasized .delete-property{
        padding-top: 40px;
    }
}
@media (min-width:768px) and (max-width:991px) {
    .c-property-details-page-delete-propertybtn{
        padding-left: 0 !important;
    }
}

@media (max-width:992px){
    .path-customers-and-representatives .c-details-layout{
        width: 100%;
    }
    .path-properties .c-details-layout {
        width: 100% !important;
    }
    .path-customers-and-representatives .backoffice-customer-form .form-item-customer-status {
        width: 175px;
    }
    .bulk-date-filter{
        flex-direction: column;
        padding: 0px 20px;
    }
    .page-node-type-property-details #edit-field-status-wrapper label {
        padding: 0;
    }
    #batch-invite-form table.bo-bulk-invite-results {
        overflow: scroll;
    }
    #batch-invite-form table.bo-bulk-invite-results tr {
        font-size: 14px;
    }
}
@media (min-width:768px) and (max-width:1023px){
    .path-customers-and-representatives .left-sec-prop .property-sec .property_card{
        width: calc(45% - 15px);
    }
}

@media (min-width:320px) and (max-width:1279px){
    .path-customers-and-representatives #backoffice-customer-form #edit-company .disabled_btn {
        cursor: not-allowed;
        position: relative;
        left: 0px !important;
        top: 20px !important;
        max-width: 100% !important;
        text-align: center;
        display: flex;
        margin-right: 40px;
    }
    .path-customers-and-representatives #backoffice-customer-form #revert-customer-form-value{
        position: unset;
        margin-left: 15px;
        padding-left: 10px;
    }
    /* .path-customers-and-representatives .left-sec-prop .property-sec .property_card{
        width: calc(47% - 15px);
    } */
}
@media (min-width:1024px) and (max-width:1100px){
    .path-customers-and-representatives #backoffice-customer-form #edit-company .disabled_btn {
        cursor: not-allowed;
        position: relative;
        left: 150px;
        top: -5px;
        max-width: 230px;
        text-align: center;
        display: flex;
    }
}
@media (max-width: 1023px){
    .header__menu {
        padding-top: .6875rem;
    }
    .c-merge-customer .c-merge-customer__icon svg{
        margin-top: 6px;
    }
}
@media (max-width:1199px) {
    .path-customers-and-representatives #block-prologis-backoffice-subtheme-content .c-page-content{
        overflow: auto;
    }
    .path-properties .c-page-content .c-details-page-card .o-card__content--margin-thick{
        overflow: auto;
    }
    .path-properties .c-page-content .c-details-page-card .o-card__content--margin-thick .c-flex-table__row{
        min-width: 1260px;
        word-break: break-all;
    }
    .path-properties .views-infinite-scroll-content-wrapper{
        overflow: auto;
    }
    /* .path-customers-and-representatives #block-prologis-backoffice-subtheme-content .c-details-layout .invite-rep-cls{
        padding-left: 15px;
    } */
    .cust-rep .cust-rep-active .c-popup-info__content .c-popup-info__arrow {
        transform: rotate( 224deg );
        top: -12px;
    }
    .cust-rep .cust-rep-pending .c-popup-info__content .c-popup-info__arrow {
        transform: rotate( 224deg );
        /* bottom: 198px; */
        top: -12px;
    }
    .cust-rep .c-popup-info__content--blue-border {
        bottom: -150px;
    }
}

@media (min-width:1720px){
    .prop-details .main-content > div ,
    .page-node-type-property-details .main-content > div ,
    :is(.path-customers-and-representatives, .path-representatives) .main-content > div{
        max-width: 100%;
    }
    .path-properties .c-details-layout .cust-rep {
        max-width: 1720px;
        margin: auto;
    }
    .path-properties .c-details-layout .invite-rep-cls {
        max-width: 1720px;
        margin: auto;
        padding-left: 0;
        position: relative;
    }
    .path-properties .invite-rep-cls .invite-but {
        right: 0 !important;
    }
}
@media (min-width:1920px){
    .path-customers-and-representatives #block-prologis-backoffice-subtheme-content .invite-rep-cls .button{
        margin-left: 0px;
    }
    .page-node-type-property-details .main-content > div ,
    .path-customers-and-representatives .main-content > div{
        max-width: 1920px;
    }
    .path-customers-and-representatives #block-prologis-backoffice-subtheme-content .c-page-header__content {
        padding: 0;
    }
    .path-customers-and-representatives .c-details-layout .cust-rep{
        margin: 0 100px !important;
    }
    .page-node-type-property-details #block-prologis-backoffice-subtheme-page-title .c-page-header__content{
        margin-left: 100px;
        padding-left: 0px;
        padding-left: 0px;
    }
    .path-customers-and-representatives .c-details-layout .invite-rep-cls {
        padding-left: 98px !important;
        padding-right: 98px !important;
    }
}

@media (max-width:1920px){
    .path-customers-and-representatives .c-details-layout .invite-rep-cls{
        width: 100% !important;
        justify-content: space-between;
        padding-left: 18px;
        padding-right: 18px;
    }
    .path-customers-and-representatives .c-details-layout .cust-rep{
        margin: 0 18px;
    }
    .invite-rep-cls .button{
        margin: 0px;
    }
    .invite-rep-cls .cls-refresh-data{
        margin-left: 0px;
    }
}
@media (max-width:360px){
    .page-node-type-property-details .ui-dialog #goolemap-modal-delete-property-form #property-detail-googlemap .gmnoprint .gm-style-cc button {
        position: relative;
        left: -107px;
        font-size: 7px;
    }
}
@media (max-width:1600px){
    .single-representative-page .prop-card--detail-link :is(span, .fa-arrow-right) ,
    .single-representative-page .bottom-sec-btn .invite-btn{
        font-size: 11px;
    }
}
@media (max-width:1200px){
    .single-representative-page .left-sec-prop .property-sec .property_card{
        max-width: none;
    }
    .path-properties .views-element-container {
        overflow: auto;
    }
}
@media (max-width:992px){
    .single-representative-page {
        width: 100%;
    }
}
@media (max-width:767px){
    .path-properties .invite-rep-cls .rep-heading {
        width: calc(100% - 7em);
        font-size: 22px !important;
    }
    .single-representative-page .top-sec-prop .building-details {
        flex-direction: column;
        gap: 20px;
    }
    .single-representative-page .top-sec-prop .building-details .top-sec-cont-right {
        align-items: center;
        flex-direction: row-reverse;
        justify-content: space-between;
    }
    .single-representative-page .top-sec-cont-bottom .bottom-sec-btn {
        flex-direction: column;
        align-items: center;
    }
    .single-representative-page .bottom-sec-btn .invite-btn {
        display: block;
    }
    .single-representative-page .bottom-sec-btn .invite-rep-span {
        width: 100%;
    }
    .single-representative-page .c-building-header .data-col-cus {
        flex-direction: column;
        align-items: flex-start;
    }
    .single-representative-page .cus-contact {
      word-break: break-word;
      margin-left: 0;
    }
    .single-representative-page .c-building-header {
        gap: 7px;
    }
    .single-representative-page .property-name{
        word-break: break-all;
    }
}