/* AutoSpec PM bridge overrides - keep this file small and scoped. */

/* Specify action buttons */
#reqtable td {
    padding-right: 8px;
    vertical-align: top;
}

#reqtable td + td {
    padding-left: 2px;
}

#button_addtoproject.autospec-addtoproject a {
    align-items: center;
    background: #017eba;
    background-image: none;
    border: 0;
    border-radius: 2px;
    color: #fff;
    display: inline-flex;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    height: 24px;
    line-height: 24px;
    margin: 0;
    padding: 0 12px;
    text-align: center;
    text-transform: none;
    text-decoration: none;
    white-space: nowrap;
}

#button_addtoproject.autospec-addtoproject a:hover {
    background-color: #006c94;
    background-image: none;
    color: #fff;
    text-decoration: none;
}

/* Add to Project popup shell */
.ui-dialog.dyn-popup.atpPopup {
    background: #fff !important;
    border: 1px solid rgba(255, 255, 255, .38) !important;
    border-radius: 8px !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .34) !important;
    box-sizing: border-box !important;
    height: min(820px, calc(100vh - 24px)) !important;
    left: 50% !important;
    max-height: calc(100vh - 24px) !important;
    max-width: calc(100vw - 72px) !important;
    overflow: hidden !important;
    padding: 0 !important;
    top: 4px !important;
    transform: translateX(-50%) !important;
    width: min(1024px, calc(100vw - 72px)) !important;
    z-index: 1001120 !important;
}

.ui-dialog.dyn-popup.atpPopup .ui-dialog-titlebar {
    align-items: center !important;
    background: #050505 !important;
    border: 0 !important;
    border-radius: 8px 8px 0 0 !important;
    box-sizing: border-box !important;
    color: #fff !important;
    display: flex !important;
    height: 58px !important;
    padding: 0 18px !important;
    position: relative !important;
}

.ui-dialog.dyn-popup.atpPopup .ui-dialog-title {
    color: #fff !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    flex: 1 1 auto !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 58px !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}

.ui-dialog.dyn-popup.atpPopup .titlebar-refresh {
    color: #fff !important;
    display: inline-flex !important;
    font-size: 18px !important;
    height: 28px !important;
    justify-content: center !important;
    position: absolute !important;
    right: 56px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 28px !important;
}

.ui-dialog.dyn-popup.atpPopup .ui-dialog-titlebar-close {
    background: transparent !important;
    border: 0 !important;
    color: #fff !important;
    display: inline-flex !important;
    height: 28px !important;
    justify-content: center !important;
    margin: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 28px !important;
}

.ui-dialog.dyn-popup.atpPopup .ui-dialog-titlebar-close .ui-icon {
    display: none !important;
}

.ui-dialog.dyn-popup.atpPopup .ui-dialog-titlebar-close:before {
    color: #fff;
    content: "x";
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: normal;
    line-height: 25px;
    text-align: center;
}

.ui-dialog.dyn-popup.atpPopup #atpPopup,
#atpPopup.dyn-popup.ui-widget {
    background: #f1f1f1 !important;
    border: 0 !important;
    box-sizing: border-box !important;
    display: block !important;
    height: calc(100% - 126px) !important;
    margin: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: 100% !important;
}

#atpPopup,
#atpPopup * {
    box-sizing: border-box !important;
}

/* Project selector row */
#atpPopup .project-selection-container {
    align-items: center !important;
    background: #fff !important;
    display: flex !important;
    gap: 12px !important;
    height: 56px !important;
    padding: 10px 48px !important;
    position: relative !important;
    width: 100% !important;
    z-index: 2 !important;
}

#atpPopup .project-selection-container > ul {
    display: contents !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#atpPopup .project-selection-container > ul li:first-child {
    color: #222 !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 36px !important;
    margin: 0 !important;
    text-transform: uppercase !important;
    width: 70px !important;
}

#atpPopup .project-selection-container > ul li:last-child {
    margin-left: 10px !important;
    order: 3 !important;
}

#atpPopup .project-selection-container > ul li:last-child a {
    color: #168ce5 !important;
    display: inline-block !important;
    font-size: 12px !important;
    line-height: 36px !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
}

#atpPopup #projectSelector,
#atpPopup .ss-main {
    height: 36px !important;
    order: 2 !important;
    width: 320px !important;
}

#atpPopup .ss-main .ss-single-selected {
    border: 1px solid #c8c8c8 !important;
    border-radius: 0 !important;
    height: 36px !important;
    padding: 0 12px !important;
}

#atpPopup .ss-content,
#atpPopup .ss-list,
#atpPopup .ss-option,
#atpPopup .ss-search,
#atpPopup .ss-search input {
    background: #fff !important;
    opacity: 1 !important;
}

#atpPopup .ss-content {
    border: 1px solid #c8c8c8 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .14) !important;
    z-index: 10040 !important;
}

/* Tabs: full tab is clickable. Let JS normalize old jQuery UI classes. */
#atpPopup #atppTabs,
#atpPopup .ui-tabs {
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    display: block !important;
    height: calc(100% - 56px) !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: 100% !important;
}

#atpPopup .ui-tabs .ui-tabs-nav {
    background: #f1f1f1 !important;
    border: 0 !important;
    border-radius: 0 !important;
    display: flex !important;
    height: 64px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 0 0 32px !important;
    width: 100% !important;
}

#atpPopup .ui-tabs-nav li {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    cursor: pointer !important;
    display: flex !important;
    flex: 0 0 96px !important;
    flex-direction: column !important;
    height: 64px !important;
    justify-content: center !important;
    margin: 0 !important;
    min-width: 96px !important;
    padding: 0 !important;
    position: relative !important;
    width: 96px !important;
}

#atpPopup .ui-tabs-nav li.ui-state-active,
#atpPopup .ui-tabs-nav li.ui-tabs-active,
#atpPopup .ui-tabs-nav li.ui-tabs-selected {
    background: #d9ebf7 !important;
}

#atpPopup .ui-tabs-nav li.ui-state-active:before,
#atpPopup .ui-tabs-nav li.ui-tabs-active:before,
#atpPopup .ui-tabs-nav li.ui-tabs-selected:before {
    background: #2196f3 !important;
    content: "" !important;
    display: block !important;
    height: 4px !important;
    left: 0 !important;
    position: absolute !important;
    top: 0 !important;
    width: 100% !important;
}

#atpPopup .ui-tabs-nav li a {
    color: #111 !important;
    cursor: pointer !important;
    display: flex !important;
    flex-direction: column !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    height: 100% !important;
    justify-content: center !important;
    line-height: 16px !important;
    padding: 22px 0 0 0 !important;
    position: absolute !important;
    text-align: center !important;
    text-decoration: none !important;
    text-indent: 0 !important;
    text-transform: uppercase !important;
    top: 0 !important;
    visibility: visible !important;
    width: 100% !important;
}

#atpPopup .ui-tabs-nav li a:before,
#atpPopup .ui-tabs-nav li a:after {
    content: none !important;
    display: none !important;
}

#atpPopup .ui-tabs-nav li:has(> a[href="#atppLocationTab"]):after,
#atpPopup .ui-tabs-tab[aria-controls="atppLocationTab"]:after {
    background: url("/pm/dist/images/location.png") center / 16px 16px no-repeat !important;
    content: "" !important;
    display: block !important;
    height: 18px !important;
    left: 50% !important;
    pointer-events: none !important;
    position: absolute !important;
    top: 12px !important;
    transform: translateX(-50%) !important;
    width: 18px !important;
}

#atpPopup .ui-tabs-nav li:has(> a[href="#atppBuildingElementTab"]):after,
#atpPopup .ui-tabs-tab[aria-controls="atppBuildingElementTab"]:after {
    background: url("/pm/dist/images/be.png") center / 16px 16px no-repeat !important;
    content: "" !important;
    display: block !important;
    height: 18px !important;
    left: 50% !important;
    pointer-events: none !important;
    position: absolute !important;
    top: 12px !important;
    transform: translateX(-50%) !important;
    width: 18px !important;
}

#atpPopup .ui-tabs-panel {
    background: #fff !important;
    border: 0 !important;
    height: calc(100% - 82px) !important;
    margin: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: 100% !important;
}

/* Search and tree */
#atpPopup .atppLocToolBar,
#atpPopup .atppBeToolBar {
    align-items: center !important;
    background: #fff !important;
    display: flex !important;
    height: 64px !important;
    justify-content: flex-start !important;
    padding: 0 18px !important;
    width: 100% !important;
}

#atpPopup .searchTxt {
    border: 1px solid #d0d0d0 !important;
    border-radius: 0 !important;
    color: #333 !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    height: 27px !important;
    margin: 0 !important;
    padding: 0 7px !important;
    width: 190px !important;
}

#atpPopup .searchBtn {
    align-items: center !important;
    background: #2196f3 !important;
    color: #fff !important;
    cursor: pointer !important;
    display: flex !important;
    font-size: 14px !important;
    height: 27px !important;
    justify-content: center !important;
    width: 30px !important;
}

#atpPopup .searchClearBtn {
    color: #333 !important;
    cursor: pointer !important;
    margin-left: 8px !important;
}

#atpPopup .atppLocSelectAllWrapper,
#atpPopup .atppExpandAllBtn {
    display: none !important;
}

#atpPopup #atppLocTree,
#atpPopup #atppBeTree {
    background: #fff !important;
    display: block !important;
    height: calc(100% - 64px) !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 0 !important;
    width: 100% !important;
}

#atpPopup .lt-ln-new-wrapper,
#atpPopup .lt-ln-wrapper {
    border-bottom: 1px solid #e1e1e1 !important;
    min-height: 39px !important;
    position: relative !important;
    width: 100% !important;
}

#atpPopup .lt-ln-new-wrapper[data-level="0"] {
    background: #d9ebf7 !important;
    padding-left: 20px !important;
}

#atpPopup .lt-ln-new-wrapper[data-level="1"] {
    padding-left: 60px !important;
}

#atpPopup .lt-ln-new-wrapper[data-level="2"] {
    padding-left: 104px !important;
}

#atpPopup .lt-ln-new-wrapper[data-level="3"] {
    padding-left: 148px !important;
}

#atpPopup .lt-ln-new-input {
    background: #fff !important;
    border: 0 !important;
    color: #777 !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    height: 32px !important;
    margin-left: 4px !important;
    max-width: 180px !important;
    outline: none !important;
    padding: 0 8px !important;
    width: 180px !important;
}

#atpPopup .lt-ln-new-clone-btn:before,
#atpPopup .lt-ln-new-clone-btn:after {
    content: none !important;
    display: none !important;
}

#atpPopup .lt-ln-new-save-btn,
#atpPopup .lt-ln-new-save-btn.fa {
    color: #2196f3 !important;
    font-size: 15px !important;
}

#atpPopup .lt-ln-row {
    align-items: center !important;
    display: flex !important;
    min-height: 38px !important;
    width: 100% !important;
}

#atpPopup .lt-ln-chkbox {
    align-items: center !important;
    display: flex !important;
    min-width: 24px !important;
    padding: 0 !important;
}

#atpPopup input[type="checkbox"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    background: #fff !important;
    border: 1px solid #777 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    height: 15px !important;
    margin: 0 10px 0 0 !important;
    width: 15px !important;
}

#atpPopup input[type="checkbox"]:checked {
    background: #0085b5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8l3 3 7-7' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 13px 13px no-repeat !important;
    border-color: #0085b5 !important;
}

#atpPopup input[type="checkbox"]:focus-visible {
    outline: 2px solid #0085b5;
    outline-offset: 2px;
}

#atpPopup .lt-ln-label {
    color: #333 !important;
    cursor: default !important;
    display: block !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
}

#atpPopup .lt-ln-edit-btn {
    color: #2196f3 !important;
    font-size: 15px !important;
    position: absolute !important;
    right: 36px !important;
    top: 11px !important;
}

/* Footer */
.ui-dialog.dyn-popup.atpPopup .ui-dialog-buttonpane {
    align-items: center !important;
    background: #f3f3f3 !important;
    border: 0 !important;
    bottom: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    height: 68px !important;
    left: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    padding: 15px 24px !important;
    position: absolute !important;
    right: 0 !important;
}

.ui-dialog.dyn-popup.atpPopup .ui-dialog-buttonset {
    align-items: center !important;
    display: flex !important;
    float: none !important;
    justify-content: flex-end !important;
    width: 100% !important;
}

.ui-dialog.dyn-popup.atpPopup .atppSaveBtnWrapper {
    align-items: center !important;
    display: flex !important;
    gap: 14px !important;
    justify-content: flex-end !important;
    margin-left: auto !important;
}

.ui-dialog.dyn-popup.atpPopup .atppAndLabel,
.ui-dialog.dyn-popup.atpPopup .ui-dialog-buttonset button {
    display: none !important;
}

.ui-dialog.dyn-popup.atpPopup .atppSaveSelect {
    border: 1px solid #2196f3 !important;
    color: #2196f3 !important;
    display: none !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    height: 32px !important;
    min-width: 170px !important;
    order: 1 !important;
    padding: 0 8px !important;
    text-transform: uppercase !important;
}

.ui-dialog.dyn-popup.atpPopup .atppSaveBtn {
    align-items: center !important;
    background: #2196f3 !important;
    color: #fff !important;
    cursor: pointer !important;
    display: flex !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    height: 38px !important;
    justify-content: center !important;
    min-width: 72px !important;
    order: 2 !important;
    padding: 0 12px !important;
    text-transform: uppercase !important;
}

.ui-dialog.dyn-popup.atpPopup .ui-resizable-handle {
    display: none !important;
}

/* Project View adapter remains available, but only when the bridge adds the class. */
body.autospec-project-view-mode {
    --as-shell: #252525;
    --as-shell-deep: #111111;
    --as-breadcrumb: #969696;
    --as-blue: #168ce5;
    --as-blue-strong: #0b7fd3;
    --as-blue-bright: #2196f3;
    --as-blue-soft: #d9ebf7;
    --as-red: #c91f26;
    --as-danger: #d32f2f;
    --as-text: #222222;
    --as-text-soft: #666666;
    --as-text-muted: #777777;
    --as-surface: #ffffff;
    --as-surface-soft: #f1f1f1;
    --as-surface-row: #f7f7f7;
    --as-border: #d0d0d0;
    --as-border-soft: #e1e1e1;
    --as-table-head: #5a5a5a;
    --as-radius: 2px;
    --as-shadow: 0 1px 5px rgba(0, 0, 0, 0.14);
    --as-dialog-shadow: 0 10px 34px rgba(0, 0, 0, 0.32);
    --as-font-body: Arial, Helvetica, sans-serif;
    --as-font-condensed: "Roboto Condensed", Arial, Helvetica, sans-serif;
}

body.autospec-project-view-mode .ui-widget-overlay,
body.autospec-project-view-mode .blockUI,
body.autospec-project-view-mode .blockOverlay {
    display: block !important;
    opacity: 0 !important;
    pointer-events: auto !important;
    z-index: 10 !important;
}

body.autospec-project-view-mode .ui-dialog.dyn-popup.mpPopup {
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    height: calc(100vh - 118px) !important;
    left: 0 !important;
    margin: 0 !important;
    max-height: none !important;
    max-width: none !important;
    overflow: auto !important;
    padding: 0 20px !important;
    position: absolute !important;
    right: 0 !important;
    top: 118px !important;
    transform: none !important;
    width: 100% !important;
    z-index: 30 !important;
}

body.autospec-project-view-mode .ui-dialog.dyn-popup.mpPopup .ui-dialog-titlebar {
    display: none !important;
}

body.autospec-project-view-mode #mpPopup {
    background: #fff !important;
    border: 0 !important;
    height: auto !important;
    margin: 0 !important;
    min-height: calc(100vh - 118px) !important;
    overflow: visible !important;
    padding: 0 !important;
    width: 100% !important;
    left: -50px;
}

/* Location tree row ordering and child create-row polish. */
#atpPopup #atppLocTree,
#atpPopup #atppBeTree {
    display: block !important;
}

#atpPopup .lt-ln-wrapper[data-label="No location specified"] {
    order: initial !important;
}

#atpPopup .lt-ln-new-wrapper[data-level="1"],
#atpPopup .lt-ln-new-wrapper[data-level="2"],
#atpPopup .lt-ln-new-wrapper[data-level="3"] {
    align-items: center !important;
    background: #fff !important;
    box-sizing: border-box !important;
    min-height: 39px !important;
    width: 100% !important;
}

#atpPopup .lt-ln-new-wrapper[data-level="1"] .lt-ln-new-clone-btn,
#atpPopup .lt-ln-new-wrapper[data-level="2"] .lt-ln-new-clone-btn,
#atpPopup .lt-ln-new-wrapper[data-level="3"] .lt-ln-new-clone-btn {
    align-items: center !important;
    display: inline-flex !important;
    height: 32px !important;
    justify-content: center !important;
    margin: 0 8px 0 0 !important;
    min-width: 20px !important;
    width: 20px !important;
}

#atpPopup .lt-ln-new-wrapper[data-level="1"] .lt-ln-new-clone-btn:before,
#atpPopup .lt-ln-new-wrapper[data-level="2"] .lt-ln-new-clone-btn:before,
#atpPopup .lt-ln-new-wrapper[data-level="3"] .lt-ln-new-clone-btn:before,
#atpPopup .lt-ln-new-wrapper[data-level="1"] .lt-ln-new-clone-btn:after,
#atpPopup .lt-ln-new-wrapper[data-level="2"] .lt-ln-new-clone-btn:after,
#atpPopup .lt-ln-new-wrapper[data-level="3"] .lt-ln-new-clone-btn:after {
    content: none !important;
    display: none !important;
}

#atpPopup .lt-ln-new-wrapper[data-level="1"] .lt-ln-new-clone-btn,
#atpPopup .lt-ln-new-wrapper[data-level="2"] .lt-ln-new-clone-btn,
#atpPopup .lt-ln-new-wrapper[data-level="3"] .lt-ln-new-clone-btn {
    color: #777 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 30px !important;
}
#atpPopup .lt-ln-new-wrapper[data-level="1"] .lt-ln-new-label,
#atpPopup .lt-ln-new-wrapper[data-level="2"] .lt-ln-new-label,
#atpPopup .lt-ln-new-wrapper[data-level="3"] .lt-ln-new-label {
    display: none !important;
}

#atpPopup .lt-ln-new-wrapper[data-level="1"] .lt-ln-new-input,
#atpPopup .lt-ln-new-wrapper[data-level="2"] .lt-ln-new-input,
#atpPopup .lt-ln-new-wrapper[data-level="3"] .lt-ln-new-input {
    border: 1px solid #d7d7d7 !important;
    color: #777 !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    height: 32px !important;
    margin: 0 14px 0 0 !important;
    padding: 0 8px !important;
    width: 150px !important;
}

#atpPopup .lt-ln-new-wrapper[data-level="1"] .lt-ln-new-save-btn,
#atpPopup .lt-ln-new-wrapper[data-level="2"] .lt-ln-new-save-btn,
#atpPopup .lt-ln-new-wrapper[data-level="3"] .lt-ln-new-save-btn {
    color: #2196f3 !important;
    display: inline-flex !important;
    font-size: 15px !important;
    height: 32px !important;
    line-height: 32px !important;
    margin: 0 !important;
    width: 24px !important;
}

/* ATP location tree follows the Manage Locations row rhythm, with ATP actions intact. */
#atpPopup #atppLocTree {
    border-top: 4px solid #d9ebf7 !important;
    margin: 0 12px !important;
    width: calc(100% - 24px) !important;
}

#atpPopup #atppLocTree .lt-ln-new-wrapper,
#atpPopup #atppLocTree .lt-ln-wrapper {
    border-bottom: 1px solid #e1e1e1 !important;
    min-height: 39px !important;
    position: relative !important;
    width: 100% !important;
}

#atpPopup #atppLocTree .lt-ln-new-wrapper[data-level="0"] {
    background: #d9ebf7 !important;
    padding-left: 0 !important;
}

#atpPopup #atppLocTree .lt-ln-wrapper.data-level-0,
#atpPopup #atppLocTree .lt-ln-wrapper[data-label] {
    background: #fff !important;
    padding-left: 0 !important;
}

#atpPopup #atppLocTree .lt-ln-wrapper.data-level-1 {
    background: #fff !important;
    padding-left: 0 !important;
}

#atpPopup #atppLocTree .lt-ln-wrapper.data-level-2 {
    background: #fff !important;
    padding-left: 0 !important;
}

#atpPopup #atppLocTree .lt-ln-wrapper.data-level-3 {
    background: #fff !important;
    padding-left: 0 !important;
}

#atpPopup #atppLocTree .children-wrapper .lt-ln-wrapper.data-level-1,
#atpPopup #atppLocTree .children-wrapper .lt-ln-wrapper.data-level-2,
#atpPopup #atppLocTree .children-wrapper .lt-ln-wrapper.data-level-3 {
    width: 100% !important;
}

#atpPopup #atppLocTree .lt-ln-row {
    align-items: center !important;
    display: grid !important;
    gap: 0 !important;
    grid-template-columns: 34px max-content 28px minmax(0, 1fr) !important;
    min-height: 50px !important;
    padding: 0 72px 0 18px !important;
    width: auto !important;
}

#atpPopup #atppLocTree .lt-ln-wrapper.data-level-1 .lt-ln-row {
    padding-left: 42px !important;
}

#atpPopup #atppLocTree .lt-ln-wrapper.data-level-2 .lt-ln-row {
    padding-left: 66px !important;
}

#atpPopup #atppLocTree .lt-ln-wrapper.data-level-3 .lt-ln-row {
    padding-left: 90px !important;
}

#atpPopup #atppLocTree .lt-ln-chkbox,
#atpPopup #atppLocTree .lt-ln-label,
#atpPopup #atppLocTree .lt-ln-expand-symbol {
    flex: 0 0 auto !important;
    grid-column: auto !important;
    margin: 0 !important;
}

#atpPopup #atppLocTree .lt-ln-chkbox {
    align-items: center !important;
    display: flex !important;
    grid-column: 1 !important;
    margin: 0 !important;
    min-width: 0 !important;
}

#atpPopup #atppLocTree .lt-ln-label {
    color: #333 !important;
    display: block !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    grid-column: 2 !important;
    line-height: 50px !important;
    margin: 0 !important;
    min-width: 0 !important;
    padding-left: 0 !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

#atpPopup #atppLocTree .lt-ln-expand-symbol {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    color: #4d5b66 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    grid-column: 3 !important;
    height: 24px !important;
    justify-content: center !important;
    justify-self: start !important;
    line-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 24px !important;
}

#atpPopup #atppLocTree .lt-ln-edit-btn {
    position: absolute !important;
    right: 36px !important;
    top: 12px !important;
}

#atpPopup #atppLocTree .lt-ln-new-wrapper[data-level="0"] .lt-ln-new-clone-btn {
    margin-left: -2px !important;
    margin-right: 8px !important;
    min-width: 14px !important;
    width: 14px !important;
}

#atpPopup #atppLocTree .lt-ln-new-wrapper[data-level="0"] .lt-ln-new-input {
    border: 1px solid #d7d7d7 !important;
    font-weight: 400 !important;
    margin: 0 14px 0 4px !important;
}

#atpPopup #atppLocTree .lt-ln-new-wrapper[data-parent-id]:not([data-parent-id="0"]) {
    align-items: center !important;
    background: #f7fbff !important;
    border-bottom: 1px solid #e2edf5 !important;
    box-sizing: border-box !important;
    clear: both !important;
    flex: 0 0 100% !important;
    float: none !important;
    min-height: 42px !important;
    padding: 4px 18px 4px 0 !important;
    width: 100% !important;
}

#atpPopup #atppLocTree .lt-ln-new-wrapper[data-parent-id]:not([data-parent-id="0"]) .lt-ln-new-clone-btn {
    display: none !important;
    float: none !important;
    order: 1 !important;
    pointer-events: none !important;
    position: static !important;
}

#atpPopup #atppLocTree .lt-ln-new-wrapper[data-parent-id]:not([data-parent-id="0"]) .lt-ln-expand-symbol {
    display: none !important;
    pointer-events: none !important;
}

#atpPopup #atppLocTree .lt-ln-new-wrapper[data-parent-id]:not([data-parent-id="0"]) .lt-ln-new-input {
    font-size: 13px !important;
    font-weight: 400 !important;
    height: 32px !important;
    margin: 0 14px 0 4px !important;
    max-width: 180px !important;
    order: 2 !important;
    pointer-events: auto !important;
    position: relative !important;
    width: 180px !important;
    z-index: 11 !important;
}

#atpPopup #atppLocTree .lt-ln-new-wrapper[data-parent-id]:not([data-parent-id="0"]) .lt-ln-new-input::placeholder {
    color: #777 !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 400 !important;
}

#atpPopup #atppLocTree .lt-ln-new-wrapper[data-parent-id]:not([data-parent-id="0"]) .lt-ln-new-save-btn {
    float: none !important;
    height: 32px !important;
    line-height: 32px !important;
    margin: 0 !important;
    order: 3 !important;
    pointer-events: auto !important;
    position: static !important;
    width: 24px !important;
}

#atpPopup #atppLocTree .lt-ln-new-wrapper[data-level="1"]:not([data-parent-id="0"]) {
    padding-left: 58px !important;
}

#atpPopup #atppLocTree .lt-ln-new-wrapper[data-level="2"]:not([data-parent-id="0"]) {
    padding-left: 82px !important;
}

#atpPopup #atppLocTree .lt-ln-new-wrapper[data-level="3"]:not([data-parent-id="0"]) {
    padding-left: 106px !important;
}

#atpPopup #atppLocTree .lt-ln-wrapper > .children-wrapper {
    clear: both !important;
    float: none !important;
    width: 100% !important;
}

#atpPopup #atppLocTree .lt-ln-edit-btn,
#atpPopup #atppLocTree .lt-ln-delete-btn,
#atpPopup #atppLocTree .lt-ln-new-save-btn {
    color: #2196f3 !important;
    cursor: pointer !important;
    z-index: 10 !important;
}

/* ATP tab and location-tree visibility corrections. */
#atpPopup .ui-tabs .ui-tabs-nav {
    padding-left: 0 !important;
}

.ui-dialog.autospec-atp-dialog #atpPopup .ui-tabs .ui-tabs-nav {
    background: #fff !important;
    border-bottom: 1px solid #e8eef3 !important;
    height: 82px !important;
    padding-left: 18px !important;
}

.ui-dialog.autospec-atp-dialog #atpPopup .project-selection-container {
    height: 72px !important;
    padding-bottom: 18px !important;
}

.ui-dialog.autospec-atp-dialog #atpPopup #atppTabs,
.ui-dialog.autospec-atp-dialog #atpPopup .ui-tabs {
    height: calc(100% - 72px) !important;
}

#atpPopup .ui-tabs-nav li:has(> a[href="#atppBuildingElementTab"]),
#atpPopup .ui-tabs-tab[aria-controls="atppBuildingElementTab"],
#atppBuildingElementTab {
    display: none !important;
}

#atpPopup .ui-tabs-nav li {
    flex: 0 0 118px !important;
    min-width: 118px !important;
    width: 118px !important;
}

.ui-dialog.autospec-atp-dialog #atpPopup .ui-tabs-nav li {
    background: #fff !important;
    border-left: 0 !important;
    border-right: 0 !important;
    flex: 0 0 116px !important;
    height: 82px !important;
    min-width: 116px !important;
    width: 116px !important;
}

.ui-dialog.autospec-atp-dialog #atpPopup .ui-tabs-nav li a {
    align-items: center !important;
    flex-direction: column !important;
    font-size: 13px !important;
    gap: 6px !important;
    height: 82px !important;
    justify-content: center !important;
    line-height: 14px !important;
    padding: 0 12px !important;
}

.ui-dialog.autospec-atp-dialog #atpPopup .ui-tabs-nav li.autospec-atp-tab-active:before,
.ui-dialog.autospec-atp-dialog #atpPopup .ui-tabs-nav li.ui-state-active:before,
.ui-dialog.autospec-atp-dialog #atpPopup .ui-tabs-nav li.ui-tabs-active:before,
.ui-dialog.autospec-atp-dialog #atpPopup .ui-tabs-nav li.ui-tabs-selected:before {
    bottom: 0 !important;
    height: 3px !important;
    top: auto !important;
}

#atpPopup .ui-tabs-nav li:before {
    content: none !important;
    display: none !important;
}

#atpPopup .ui-tabs-nav li.ui-state-active:before,
#atpPopup .ui-tabs-nav li.ui-tabs-active:before,
#atpPopup .ui-tabs-nav li.ui-tabs-selected:before {
    background: #2196f3 !important;
    content: "" !important;
    display: block !important;
    height: 4px !important;
    left: 0 !important;
    position: absolute !important;
    top: 0 !important;
    width: 100% !important;
}

#atpPopup .ui-tabs-nav li.ui-state-active,
#atpPopup .ui-tabs-nav li.ui-tabs-active,
#atpPopup .ui-tabs-nav li.ui-tabs-selected {
    background: #fff !important;
    font-weight: 700 !important;
}

#atpPopup .ui-tabs-nav li:not(.ui-state-active):not(.ui-tabs-active):not(.ui-tabs-selected) {
    background: transparent !important;
}





/* Final ATP tab state: only AutoSpec-owned active state draws the top line. */
#atpPopup .ui-tabs-nav li:before,
#atpPopup .ui-tabs-nav li.ui-state-active:not(.autospec-atp-tab-active):before,
#atpPopup .ui-tabs-nav li.ui-tabs-active:not(.autospec-atp-tab-active):before,
#atpPopup .ui-tabs-nav li.ui-tabs-selected:not(.autospec-atp-tab-active):before {
    content: none !important;
    display: none !important;
}

#atpPopup .ui-tabs-nav li:not(.autospec-atp-tab-active) {
    background: transparent !important;
}

#atpPopup .ui-tabs-nav li.autospec-atp-tab-active,
#atpPopup .ui-tabs-nav li[aria-selected="true"] {
    background: #fff !important;
    font-weight: 700 !important;
}

#atpPopup .ui-tabs-nav li.autospec-atp-tab-active:before,
#atpPopup .ui-tabs-nav li[aria-selected="true"]:before {
    background: #2196f3 !important;
    content: "" !important;
    display: block !important;
    height: 4px !important;
    left: 0 !important;
    position: absolute !important;
    top: 0 !important;
    width: 100% !important;
}

/* Hard override: tab line follows only the popup data attribute. */
#atpPopup .ui-tabs-nav li:before,
#atpPopup .ui-tabs-nav li.ui-state-active:before,
#atpPopup .ui-tabs-nav li.ui-tabs-active:before,
#atpPopup .ui-tabs-nav li.ui-tabs-selected:before,
#atpPopup .ui-tabs-nav li.autospec-atp-tab-active:before,
#atpPopup .ui-tabs-nav li[aria-selected="true"]:before {
    content: none !important;
    display: none !important;
}

#atpPopup .ui-tabs-nav li {
    background: transparent !important;
}

#atpPopup[data-autospec-active-tab="locations"] .ui-tabs-nav li:has(> a[href="#atppLocationTab"]),
#atpPopup[data-autospec-active-tab="building-element"] .ui-tabs-nav li:has(> a[href="#atppBuildingElementTab"]) {
    background: #fff !important;
    font-weight: 700 !important;
}

#atpPopup[data-autospec-active-tab="locations"] .ui-tabs-nav li:has(> a[href="#atppLocationTab"]):before,
#atpPopup[data-autospec-active-tab="building-element"] .ui-tabs-nav li:has(> a[href="#atppBuildingElementTab"]):before {
    background: #2196f3 !important;
    content: "" !important;
    display: block !important;
    height: 4px !important;
    left: 0 !important;
    position: absolute !important;
    top: 0 !important;
    width: 100% !important;
}

/* Last word on ATP tabs: PM classes never draw the active line. */
#atpPopup .ui-tabs-nav li.ui-state-default:before,
#atpPopup .ui-tabs-nav li.ui-state-hover:before,
#atpPopup .ui-tabs-nav li.ui-state-focus:before,
#atpPopup .ui-tabs-nav li.ui-state-active:before,
#atpPopup .ui-tabs-nav li.ui-tabs-active:before,
#atpPopup .ui-tabs-nav li.ui-tabs-selected:before,
#atpPopup .ui-tabs-nav li.autospec-atp-tab-active:before,
#atpPopup .ui-tabs-nav li[aria-selected="true"]:before {
    background: transparent !important;
    content: none !important;
    display: none !important;
}

#atpPopup .ui-tabs-nav li.ui-state-default,
#atpPopup .ui-tabs-nav li.ui-state-hover,
#atpPopup .ui-tabs-nav li.ui-state-focus,
#atpPopup .ui-tabs-nav li.ui-state-active,
#atpPopup .ui-tabs-nav li.ui-tabs-active,
#atpPopup .ui-tabs-nav li.ui-tabs-selected,
#atpPopup .ui-tabs-nav li[aria-selected="true"] {
    background: transparent !important;
}

#atpPopup[data-autospec-active-tab="locations"] .ui-tabs-nav li:has(a[href="#atppLocationTab"]),
#atpPopup[data-autospec-active-tab="building-element"] .ui-tabs-nav li:has(a[href="#atppBuildingElementTab"]) {
    background: #fff !important;
    font-weight: 700 !important;
}

#atpPopup[data-autospec-active-tab="locations"] .ui-tabs-nav li:has(a[href="#atppLocationTab"]):before,
#atpPopup[data-autospec-active-tab="building-element"] .ui-tabs-nav li:has(a[href="#atppBuildingElementTab"]):before,
#atpPopup .ui-tabs-nav li.autospec-atp-tab-active:before,
#atpPopup .ui-tabs-nav li[aria-selected="true"]:before {
    background: #2196f3 !important;
    content: "" !important;
    display: block !important;
    height: 4px !important;
    left: 0 !important;
    position: absolute !important;
    top: 0 !important;
    width: 100% !important;
}

/* Manage Locations tab icons. */
.ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li {
    position: relative !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li a {
    padding-top: 22px !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li:has(> a[href="#mlbpLocationTab"]):after,
.ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-tab[aria-controls="mlbpLocationTab"]:after {
    background: url("/pm/dist/images/location.png") center / 16px 16px no-repeat !important;
    content: "" !important;
    display: block !important;
    height: 18px !important;
    left: 50% !important;
    pointer-events: none !important;
    position: absolute !important;
    top: 10px !important;
    transform: translateX(-50%) !important;
    width: 18px !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li:has(> a[href="#mlbpBuildingElementTab"]):after,
.ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-tab[aria-controls="mlbpBuildingElementTab"]:after {
    background: url("/pm/dist/images/be.png") center / 16px 16px no-repeat !important;
    content: "" !important;
    display: block !important;
    height: 18px !important;
    left: 50% !important;
    pointer-events: none !important;
    position: absolute !important;
    top: 10px !important;
    transform: translateX(-50%) !important;
    width: 18px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog {
    background: #fff !important;
    border: 1px solid #cfcfcf !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    height: min(910px, calc(100vh - 4px)) !important;
    left: 50% !important;
    max-height: calc(100vh - 4px) !important;
    max-width: min(1180px, calc(100vw - 120px)) !important;
    min-width: 860px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: fixed !important;
    top: 2px !important;
    transform: translateX(-50%) !important;
    width: min(1180px, calc(100vw - 120px)) !important;
    z-index: 10130 !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog .ui-dialog-titlebar {
    align-items: center !important;
    background: #666 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    color: #fff !important;
    display: flex !important;
    height: 52px !important;
    overflow: hidden !important;
    padding: 0 54px 0 10px !important;
    position: relative !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog .ui-dialog-title {
    color: #fff !important;
    display: block !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 52px !important;
    margin: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog .ui-dialog-titlebar-close {
    font-size: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    right: 12px !important;
    top: 10px !important;
    width: 32px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog .ui-dialog-titlebar-close.autospec-hidden-close {
    display: none !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog .ui-dialog-titlebar-close .ui-icon,
body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog .ui-dialog-titlebar-close span,
body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog .ui-dialog-titlebar-close:after {
    display: none !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog .ui-dialog-titlebar-close:before {
    background: none !important;
    color: #fff !important;
    content: "X" !important;
    display: block !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 28px !important;
    font-weight: 300 !important;
    height: 32px !important;
    line-height: 28px !important;
    text-align: center !important;
    width: 32px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog .ui-dialog-content {
    background: #fff !important;
    box-sizing: border-box !important;
    height: calc(100% - 52px) !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 0 16px 14px !important;
    width: 100% !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog .ui-dialog-content > *,
body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog form,
body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog table,
body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog tbody,
body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog tr {
    box-sizing: border-box !important;
    max-width: none !important;
    width: 100% !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog select,
body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog input[type="text"],
body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog input[type="search"] {
    box-sizing: border-box !important;
    max-width: none !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog .ui-dialog-buttonpane {
    background: #fff !important;
    border: 0 !important;
    bottom: 12px !important;
    box-sizing: border-box !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 0 16px !important;
    position: absolute !important;
    right: 0 !important;
}

.autospec-spec-card {
    color: #111827 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    max-width: none !important;
    width: 100% !important;
}

.autospec-view-spec-shell {
    background: #fff !important;
    border: 0 !important;
    box-sizing: border-box !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

.psWrapper:has(.autospec-view-spec-shell) > .psHeaderWrapper,
.psWrapper:has(.autospec-view-spec-shell) > .bcSectionWrapper {
    display: none !important;
}

#productPopup:has(.autospec-view-spec-shell) > .ui-dialog-titlebar,
.ui-dialog:has(.autospec-view-spec-shell) > .ui-dialog-titlebar {
    display: none !important;
}

.psWrapper:has(.autospec-view-spec-shell) .psHeaderWrapper .psHeaderClone,
.psWrapper:has(.autospec-view-spec-shell) > .psHeaderClone,
#productPopup:has(.autospec-view-spec-shell) .psHeaderWrapper .psHeaderClone {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: transparent !important;
    display: block !important;
    font-size: 0 !important;
    height: 0 !important;
    line-height: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    min-width: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    pointer-events: none !important;
    visibility: hidden !important;
    width: 0 !important;
}

.psWrapper:has(.autospec-view-spec-shell) .psHeaderWrapper .psHeaderClone:before,
.psWrapper:has(.autospec-view-spec-shell) > .psHeaderClone:before,
#productPopup:has(.autospec-view-spec-shell) .psHeaderWrapper .psHeaderClone:before {
    content: none !important;
    display: none !important;
}

.ui-dialog:has(.autospec-view-spec-shell) > .ui-resizable-handle,
.psWrapper:has(.autospec-view-spec-shell) .ui-resizable-handle {
    display: none !important;
}

.psWrapper:has(.autospec-view-spec-shell),
.psWrapper:has(.autospec-view-spec-shell) > .psContentWrapper,
.psWrapper:has(.autospec-view-spec-shell) [data-autospec-spec-html="true"] {
    background: #fff !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

.autospec-view-spec-heading {
    align-items: center !important;
    background: #f2f9fe !important;
    border-bottom: 1px solid #d7e6f0 !important;
    display: flex !important;
    gap: 18px !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    min-height: 46px !important;
    padding: 6px 10px !important;
}

.autospec-view-spec-heading h1 {
    color: #111 !important;
    flex: 1 1 auto !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 28px !important;
    margin: 0 !important;
    min-width: 0 !important;
}

.autospec-view-spec-actions {
    align-items: center !important;
    display: flex !important;
    flex: 0 0 auto !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    justify-content: flex-end !important;
    margin-left: auto !important;
    min-width: max-content !important;
    padding-right: 0 !important;
}

.autospec-view-spec-native-action {
    align-items: center !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    min-width: max-content !important;
    height: 30px !important;
    justify-content: center !important;
    line-height: 30px !important;
    margin: 0 !important;
    opacity: 1 !important;
    padding: 0 12px !important;
    pointer-events: auto !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.autospec-view-spec-include-action {
    background: transparent !important;
    border: 0 !important;
    color: #111 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    height: 30px !important;
    line-height: 16px !important;
    padding: 0 8px 0 0 !important;
    text-transform: none !important;
}

.autospec-view-spec-include-action input[type="checkbox"] {
    height: 18px !important;
    margin: 0 8px 0 0 !important;
    width: 18px !important;
}

.autospec-view-spec-add-image-action,
.autospec-view-spec-clone-action,
.autospec-view-spec-print-action {
    background: #f8fbff !important;
    border: 1px solid #0b8fe8 !important;
    border-radius: 3px !important;
    color: #0077d9 !important;
}

.autospec-view-spec-delete-action {
    background: #fff !important;
    border: 1px solid #ef1b35 !important;
    border-radius: 3px !important;
    color: #ef1b35 !important;
    min-width: 36px !important;
    padding: 0 10px !important;
}

#productPopup.ui-dialog.customPopupClass .autospec-view-spec-actions .autospec-product-popup-close,
#productPopup.ui-dialog.wrapper.customPopupClass .autospec-view-spec-actions .autospec-product-popup-close,
.autospec-view-spec-actions .autospec-view-spec-close-action {
    background: transparent !important;
    border: 0 !important;
    color: #222 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    flex: 0 0 28px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 28px !important;
    font-weight: 400 !important;
    height: 30px !important;
    justify-content: center !important;
    line-height: 26px !important;
    margin: 0 !important;
    min-width: 28px !important;
    padding: 0 !important;
    pointer-events: auto !important;
    position: static !important;
    right: auto !important;
    text-transform: none !important;
    top: auto !important;
    transform: none !important;
    width: 28px !important;
    z-index: auto !important;
}

.autospec-view-spec-grid {
    align-items: start !important;
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: minmax(0, .6fr) minmax(360px, .4fr) !important;
}

.autospec-view-spec-left,
.autospec-view-spec-right {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    min-width: 0 !important;
}

.autospec-view-spec-panel {
    background: #fff !important;
    border: 1px solid #d7e1e8 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

.autospec-view-spec-panel-title {
    background: #e6eef5 !important;
    border-bottom: 1px solid #d7e1e8 !important;
    color: #111 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 21px !important;
    padding: 7px 11px !important;
}

.autospec-view-spec-panel-body {
    box-sizing: border-box !important;
    padding: 10px 12px !important;
}

.autospec-view-spec-product-info {
    align-items: flex-start !important;
    display: grid !important;
    gap: 28px !important;
    grid-template-columns: 210px minmax(0, 1fr) !important;
}

.autospec-spec-image {
    align-items: center !important;
    background: #fff !important;
    border: 1px solid #dce5ec !important;
    box-sizing: border-box !important;
    display: flex !important;
    height: 128px !important;
    justify-content: center !important;
    padding: 10px !important;
    text-align: center !important;
    width: 210px !important;
}

.autospec-spec-image img {
    display: block !important;
    max-height: 110px !important;
    max-width: 190px !important;
    object-fit: contain !important;
}

.autospec-view-spec-fields {
    display: grid !important;
    gap: 8px !important;
}

.autospec-view-spec-field {
    display: grid !important;
    gap: 18px !important;
    grid-template-columns: 145px minmax(0, 1fr) !important;
}

.autospec-view-spec-field-label {
    color: #4b5563 !important;
    font-weight: 700 !important;
}

.autospec-view-spec-field-value {
    color: #111827 !important;
    font-weight: 400 !important;
    min-width: 0 !important;
}

.autospec-location-badge-list {
    align-items: flex-start !important;
    display: inline-flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    line-height: 1 !important;
    max-width: 100% !important;
    vertical-align: middle !important;
}

.autospec-location-path {
    align-items: center !important;
    display: inline-flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    max-width: 100% !important;
}

.autospec-location-separator {
    color: #1f8ee8 !important;
    display: inline-flex !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
}

.autospec-location-badge {
    align-items: center !important;
    background: #cfe8ff !important;
    border: 1px solid #bddcf7 !important;
    border-radius: 999px !important;
    color: #111 !important;
    display: inline-flex !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    justify-content: center !important;
    line-height: 18px !important;
    min-height: 18px !important;
    padding: 1px 13px !important;
    white-space: nowrap !important;
}

.autospec-location-badge-empty {
    background: #d9d9d9 !important;
    border-color: #d1d1d1 !important;
}

.autospec-view-spec-status-badge {
    background: #22ba3a !important;
    border-radius: 2px !important;
    color: #fff !important;
    display: inline-flex !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    padding: 2px 10px !important;
}

.autospec-view-spec-gallery {
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: minmax(0, 1fr) 82px !important;
}

.autospec-view-spec-main-image {
    align-items: center !important;
    background: #f7f9fb !important;
    border: 1px solid #dce5ec !important;
    display: flex !important;
    height: 220px !important;
    justify-content: center !important;
    overflow: hidden !important;
    padding: 10px !important;
}

.autospec-view-spec-main-image img {
    display: block !important;
    height: 100% !important;
    max-height: 200px !important;
    max-width: 100% !important;
    object-fit: contain !important;
    width: 100% !important;
}

.autospec-view-spec-thumbs {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    width: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;
}

.autospec-view-spec-thumb {
    align-items: center !important;
    background: #f7f9fb !important;
    border: 1px solid #e3eaf0 !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    display: flex !important;
    height: 56px !important;
    justify-content: center !important;
    padding: 4px !important;
    width: 82px !important;
}

.autospec-view-spec-thumb.is-active {
    border-color: #0b8fe8 !important;
    box-shadow: inset 0 0 0 1px #0b8fe8 !important;
}

.autospec-view-spec-thumb img {
    display: block !important;
    height: 46px !important;
    max-height: 46px !important;
    max-width: 72px !important;
    object-fit: contain !important;
    width: 72px !important;
}

.autospec-view-spec-image-empty,
.autospec-view-spec-doc-empty {
    align-items: center !important;
    color: #777 !important;
    display: flex !important;
    font-size: 12px !important;
    justify-content: center !important;
    min-height: 90px !important;
    text-align: center !important;
}

.autospec-view-spec-docs {
    display: grid !important;
    gap: 9px !important;
}

.autospec-view-spec-doc-link {
    align-items: center !important;
    color: #004cff !important;
    display: inline-flex !important;
    font-size: 14px !important;
    gap: 12px !important;
    text-decoration: none !important;
}

.autospec-view-spec-doc-icon {
    align-items: center !important;
    background: #050505 !important;
    border-radius: 2px !important;
    color: #fff !important;
    display: inline-flex !important;
    font-family: Georgia, serif !important;
    font-size: 22px !important;
    font-style: italic !important;
    font-weight: 700 !important;
    height: 28px !important;
    justify-content: center !important;
    line-height: 28px !important;
    width: 28px !important;
}

.autospec-view-spec-doc-icon-image {
    background: transparent !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
}

.autospec-view-spec-doc-icon-image img {
    display: block !important;
    max-width: 22px !important;
    max-height: 22px !important;
    object-fit: contain !important;
}

.autospec-view-spec-text-panel {
    margin-top: 8px !important;
}

.autospec-spec-body {
    color: #111 !important;
    max-width: none !important;
}

.autospec-spec-body ul {
    margin: 8px 0 8px 20px !important;
    padding: 0 !important;
}

.autospec-spec-products {
    border-collapse: collapse !important;
    width: 100% !important;
}

.autospec-spec-products th,
.autospec-spec-products td {
    border: 1px solid #e2e2e2 !important;
    padding: 8px 10px !important;
    text-align: left !important;
    vertical-align: top !important;
}

.autospec-spec-products th {
    background: #f0f0f0 !important;
    color: #333 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.autospec-spec-products td span {
    color: #666 !important;
    display: block !important;
    font-size: 12px !important;
    margin-top: 2px !important;
}

.autospec-spec-product-image-cell {
    text-align: center !important;
    width: 72px !important;
}

.autospec-spec-product-image-cell img {
    max-height: 56px !important;
    max-width: 64px !important;
    object-fit: contain !important;
}

/* View Spec popup: only target the actual PM product popup. */
#productPopup.ui-dialog.customPopupClass,
#productPopup.ui-dialog.wrapper.customPopupClass {
    background: #fff !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .35) !important;
    box-sizing: border-box !important;
    height: calc(100vh - 18px) !important;
    left: 50% !important;
    max-height: calc(100vh - 18px) !important;
    max-width: calc(100vw - 120px) !important;
    min-width: 920px !important;
    overflow: auto !important;
    padding: 0 !important;
    position: fixed !important;
    top: 8px !important;
    transform: translateX(-50%) !important;
    width: min(1500px, calc(100vw - 120px)) !important;
    z-index: 30000 !important;
}

.ui-widget-overlay {
    z-index: 29990 !important;
}

#productPopup.ui-dialog.customPopupClass > .ui-dialog-titlebar,
#productPopup.ui-dialog.wrapper.customPopupClass > .ui-dialog-titlebar {
    display: none !important;
}

#productPopup.ui-dialog.customPopupClass .ui-dialog-content,
#productPopup.ui-dialog.wrapper.customPopupClass .ui-dialog-content {
    box-sizing: border-box !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
}

#productPopup.ui-dialog.customPopupClass .autospec-product-popup-close,
#productPopup.ui-dialog.wrapper.customPopupClass .autospec-product-popup-close {
    background: transparent !important;
    border: 0 !important;
    color: #111 !important;
    cursor: pointer !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 34px !important;
    font-weight: 400 !important;
    line-height: 34px !important;
    padding: 0 !important;
    pointer-events: auto !important;
    position: fixed !important;
    right: 23px !important;
    top: 10px !important;
    z-index: 30010 !important;
}

#productPopup.ui-dialog.customPopupClass [data-autospec-spec-html="true"],
#productPopup.ui-dialog.wrapper.customPopupClass [data-autospec-spec-html="true"] {
    display: block !important;
    padding: 0 !important;
}

.autospec-spec-body[contenteditable="true"],
.autospec-spec-body-editing {
    background: #fffdf1 !important;
    border: 1px solid #2196f3 !important;
    box-sizing: border-box !important;
    cursor: text !important;
    min-height: 120px !important;
    outline: 0 !important;
    padding: 10px !important;
    user-select: text !important;
}

.autospec-edit-active,
.ui-dialog .autospec-edit-active {
    background: #0b7fd3 !important;
}

.ui-dialog .titlebar-text-btn,
.ui-dialog button,
.ui-dialog a {
    opacity: 1 !important;
}

.ui-dialog .titlebar-text-btn:disabled,
.ui-dialog button:disabled,
.ui-dialog a.disabled {
    cursor: pointer !important;
    opacity: 1 !important;
}

/* Project Images popup: keep it centered and contained like the working dialog. */
body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup {
    background: #fff !important;
    border: 1px solid #cfcfcf !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    height: min(910px, calc(100vh - 4px)) !important;
    left: 50% !important;
    max-height: calc(100vh - 4px) !important;
    max-width: min(1024px, calc(100vw - 280px)) !important;
    min-width: 720px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: fixed !important;
    top: 2px !important;
    transform: translateX(-50%) !important;
    width: min(1024px, calc(100vw - 280px)) !important;
    z-index: 10120 !important;
}

body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup .ui-dialog-titlebar {
    align-items: center !important;
    background: #666 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    color: #fff !important;
    display: flex !important;
    height: 52px !important;
    overflow: visible !important;
    padding: 0 48px 0 10px !important;
    position: relative !important;
}

body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup .ui-dialog-title {
    color: #fff !important;
    display: block !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 52px !important;
    margin: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup .titlebar-aux-html {
    align-items: center !important;
    display: flex !important;
    justify-content: center !important;
    left: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    right: 0 !important;
    top: 68px !important;
    width: 100% !important;
    z-index: 3 !important;
}

body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup .titlebar-text-btn {
    align-items: center !important;
    background: #2196f3 !important;
    border: 0 !important;
    border-radius: 2px !important;
    box-sizing: border-box !important;
    color: #fff !important;
    cursor: pointer !important;
    display: inline-flex !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    height: 30px !important;
    justify-content: center !important;
    line-height: 30px !important;
    min-width: 192px !important;
    padding: 0 22px !important;
    pointer-events: auto !important;
    text-align: center !important;
}

body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup .ui-dialog-titlebar-close {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    right: 12px !important;
    top: 10px !important;
    width: 32px !important;
}

body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup .ui-dialog-titlebar-close .ui-icon,
body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup .ui-dialog-titlebar-close span,
body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup .ui-dialog-titlebar-close:after {
    content: none !important;
    display: none !important;
}

body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup .ui-dialog-titlebar-close:before {
    color: #fff !important;
    content: "X" !important;
    display: block !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    height: 32px !important;
    line-height: 30px !important;
    text-align: center !important;
    width: 32px !important;
}

body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup .ui-dialog-content,
body.autospec-project-view-mode #imPopup_pop {
    background: #fff !important;
    box-sizing: border-box !important;
    height: calc(100% - 52px) !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 82px 30px 30px !important;
    width: 100% !important;
}

body.autospec-project-view-mode #imPopup_pop #imgGallery,
body.autospec-project-view-mode #imPopup_pop .imgGallery {
    box-sizing: border-box !important;
    min-height: 100% !important;
    overflow: visible !important;
    text-align: center !important;
    width: 100% !important;
}

body.autospec-project-view-mode #imPopup_pop .noImagesMessage {
    color: red !important;
    display: block !important;
    margin-top: 70px !important;
    text-align: center !important;
    white-space: normal !important;
    width: 100% !important;
}

/* Project Images upload/editor popup must sit above and cover the gallery popup below. */
body.autospec-project-view-mode .ui-dialog.dyn-popup.js__img-preview-wrapper {
    background: #fff !important;
    border: 1px solid #cfcfcf !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    height: calc(100vh - 4px) !important;
    left: 50% !important;
    max-height: calc(100vh - 4px) !important;
    max-width: min(1164px, calc(100vw - 8px)) !important;
    min-width: 720px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: fixed !important;
    top: 2px !important;
    transform: translateX(-50%) !important;
    width: min(1164px, calc(100vw - 8px)) !important;
    z-index: 50000  !important;
}

body.autospec-project-view-mode .ui-dialog.dyn-popup.js__img-preview-wrapper .ui-dialog-titlebar {
    align-items: center !important;
    background: #666 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    color: #fff !important;
    display: flex !important;
    height: 52px !important;
    padding: 0 150px 0 10px !important;
    position: relative !important;
}

body.autospec-project-view-mode .ui-dialog.dyn-popup.js__img-preview-wrapper .ui-dialog-title {
    color: #fff !important;
    display: block !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 52px !important;
    margin: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

body.autospec-project-view-mode .ui-dialog.dyn-popup.js__img-preview-wrapper .custom-button-container {
    align-items: center !important;
    display: flex !important;
    gap: 10px !important;
    position: absolute !important;
    right: 56px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 4 !important;
}

body.autospec-project-view-mode .ui-dialog.dyn-popup.js__img-preview-wrapper .save-btn {
    align-items: center !important;
    background: #2196f3 !important;
    border: 0 !important;
    border-radius: 3px !important;
    color: #fff !important;
    cursor: pointer !important;
    display: inline-flex !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    height: 28px !important;
    justify-content: center !important;
    line-height: 28px !important;
    padding: 0 12px !important;
    pointer-events: auto !important;
}

body.autospec-project-view-mode .ui-dialog.dyn-popup.js__img-preview-wrapper .ui-dialog-titlebar-close {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    right: 12px !important;
    top: 10px !important;
    width: 32px !important;
    z-index: 5 !important;
}

body.autospec-project-view-mode .ui-dialog.dyn-popup.js__img-preview-wrapper .ui-dialog-titlebar-close .ui-icon,
body.autospec-project-view-mode .ui-dialog.dyn-popup.js__img-preview-wrapper .ui-dialog-titlebar-close span,
body.autospec-project-view-mode .ui-dialog.dyn-popup.js__img-preview-wrapper .ui-dialog-titlebar-close:after {
    content: none !important;
    display: none !important;
}

body.autospec-project-view-mode .ui-dialog.dyn-popup.js__img-preview-wrapper .ui-dialog-titlebar-close:before {
    color: #fff !important;
    content: "X" !important;
    display: block !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    height: 32px !important;
    line-height: 30px !important;
    text-align: center !important;
    width: 32px !important;
}

body.autospec-project-view-mode .ui-dialog.dyn-popup.js__img-preview-wrapper .ui-dialog-content,
body.autospec-project-view-mode #image_preview_wrapper {
    background: #fff !important;
    box-sizing: border-box !important;
    height: calc(100% - 52px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 0 !important;
    width: 100% !important;
}

body.autospec-project-view-mode #imageCapture {
    box-sizing: border-box !important;
    height: 100% !important;
    margin: 0 !important;
    overflow: visible !important;
    padding: 16px 30px 0 !important;
    pointer-events: auto !important;
    width: 100% !important;
}

body.autospec-project-view-mode #imageCapture .project-image-upload-zone {
    box-sizing: border-box !important;
    margin: 0 auto !important;
    max-width: 962px !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 3 !important;
}

body.autospec-project-view-mode #imageCapture textarea + .note-editor,
body.autospec-project-view-mode #imageCapture .note-editor {
    border: 1px solid #ccd6e2 !important;
    border-radius: 3px !important;
    box-sizing: border-box !important;
    margin-top: 12px !important;
    min-height: 386px !important;
    width: 100% !important;
}

body.autospec-project-view-mode #imageCapture .note-editor .note-toolbar {
    background: #fff !important;
    border-bottom: 1px solid #d9e0e8 !important;
    min-height: 48px !important;
    padding: 10px !important;
}

body.autospec-project-view-mode #imageCapture .note-editor .note-toolbar .note-btn-group,
body.autospec-project-view-mode #imageCapture .note-editor .note-toolbar .btn-group {
    display: inline-block !important;
    margin: 0 8px 0 0 !important;
    vertical-align: top !important;
}

body.autospec-project-view-mode #imageCapture .note-editor .note-toolbar button,
body.autospec-project-view-mode #imageCapture .note-editor .note-toolbar .btn,
body.autospec-project-view-mode #imageCapture .note-editor .note-toolbar .note-btn {
    align-items: center !important;
    background: #fff !important;
    border: 1px solid #c8d3df !important;
    border-radius: 2px !important;
    color: #111 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    height: 30px !important;
    justify-content: center !important;
    line-height: 28px !important;
    margin: 0 !important;
    min-width: 28px !important;
    opacity: 1 !important;
    padding: 0 8px !important;
    position: static !important;
    text-indent: 0 !important;
    visibility: visible !important;
    width: auto !important;
}

body.autospec-project-view-mode #imageCapture .note-editor .note-toolbar .note-icon-bold:before {
    content: "B" !important;
}

body.autospec-project-view-mode #imageCapture .note-editor .note-toolbar .note-icon-italic:before {
    content: "I" !important;
    font-style: italic !important;
}

body.autospec-project-view-mode #imageCapture .note-editor .note-toolbar .note-icon-underline:before {
    content: "U" !important;
    text-decoration: underline !important;
}

body.autospec-project-view-mode #imageCapture .note-editor .note-editable {
    box-sizing: border-box !important;
    cursor: text !important;
    display: block !important;
    min-height: 324px !important;
    overflow: auto !important;
    pointer-events: auto !important;
    position: relative !important;
    user-select: text !important;
    z-index: 4 !important;
}

body.autospec-project-view-mode #imageCapture .note-editor .note-placeholder {
    pointer-events: none !important;
}

body.autospec-project-view-mode #imageCapture textarea[data-autospec-summernote-ready="true"] {
    display: none !important;
}

body.autospec-project-view-mode #imageCapture .autospec-fallback-editor {
    border: 1px solid #ccd6e2 !important;
    border-radius: 3px !important;
    box-sizing: border-box !important;
    margin-top: 12px !important;
    min-height: 386px !important;
    width: 100% !important;
}

body.autospec-project-view-mode #imageCapture .autospec-fallback-toolbar {
    background: #fff !important;
    border-bottom: 1px solid #d9e0e8 !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    gap: 38px !important;
    min-height: 48px !important;
    padding: 10px 10px !important;
}

body.autospec-project-view-mode #imageCapture .autospec-fallback-group {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
}

body.autospec-project-view-mode #imageCapture .autospec-fallback-toolbar button {
    background: #fff !important;
    border: 1px solid #c8d3df !important;
    border-radius: 2px !important;
    color: #111 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    height: 30px !important;
    line-height: 30px !important;
    margin: 0 -1px 0 0 !important;
    min-width: 28px !important;
    padding: 0 !important;
    text-align: center !important;
    width: 28px !important;
}

body.autospec-project-view-mode #imageCapture .autospec-fallback-toolbar button[data-command="insertUnorderedList"],
body.autospec-project-view-mode #imageCapture .autospec-fallback-toolbar button[data-command="insertOrderedList"],
body.autospec-project-view-mode #imageCapture .autospec-fallback-toolbar button[data-command="createLink"],
body.autospec-project-view-mode #imageCapture .autospec-fallback-toolbar button[data-command="undo"],
body.autospec-project-view-mode #imageCapture .autospec-fallback-toolbar button[data-command="redo"] {
    font-size: 14px !important;
}

body.autospec-project-view-mode #imageCapture .autospec-fallback-editable {
    background: #fff !important;
    box-sizing: border-box !important;
    cursor: text !important;
    display: block !important;
    min-height: 324px !important;
    outline: none !important;
    overflow: auto !important;
    padding: 14px 34px !important;
    pointer-events: auto !important;
    position: relative !important;
    text-align: left !important;
    user-select: text !important;
    width: 100% !important;
    z-index: 4 !important;
}

body.autospec-project-view-mode #imageCapture .autospec-fallback-editable ul,
body.autospec-project-view-mode #imageCapture .autospec-fallback-editable ol {
    margin: 0 0 0 22px !important;
    padding: 0 !important;
}


body.autospec-project-view-mode #imageCapture .project-image-upload-btn {
    pointer-events: auto !important;
    position: relative !important;
    z-index: 4 !important;
}

body.autospec-project-view-mode #imageCapture .project-image-file-input {
    cursor: pointer !important;
    display: block !important;
    height: 36px !important;
    left: 50% !important;
    margin: 0 !important;
    opacity: 0 !important;
    padding: 0 !important;
    pointer-events: auto !important;
    position: absolute !important;
    top: 72px !important;
    transform: translateX(-50%) !important;
    width: 176px !important;
    z-index: 5 !important;
}

/* Final ATP active tab highlighter. */
#atpPopup .ui-tabs-nav li.autospec-atp-tab-active,
#atpPopup .ui-tabs-nav li[aria-selected="true"],
#atpPopup[data-autospec-active-tab="locations"] .ui-tabs-nav li:has(> a[href="#atppLocationTab"]),
#atpPopup[data-autospec-active-tab="building-element"] .ui-tabs-nav li:has(> a[href="#atppBuildingElementTab"]) {
    background: #fff !important;
    position: relative !important;
}

#atpPopup .ui-tabs-nav li.autospec-atp-tab-active:before,
#atpPopup .ui-tabs-nav li[aria-selected="true"]:before,
#atpPopup[data-autospec-active-tab="locations"] .ui-tabs-nav li:has(> a[href="#atppLocationTab"]):before,
#atpPopup[data-autospec-active-tab="building-element"] .ui-tabs-nav li:has(> a[href="#atppBuildingElementTab"]):before {
    background: #2196f3 !important;
    content: "" !important;
    display: block !important;
    height: 4px !important;
    left: 0 !important;
    position: absolute !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 3 !important;
}

.ui-dialog.autospec-atp-dialog #atpPopup[data-autospec-active-tab="locations"] .ui-tabs-nav li:has(> a[href="#atppLocationTab"]):before,
.ui-dialog.autospec-atp-dialog #atpPopup .ui-tabs-nav li.autospec-atp-tab-active:before,
.ui-dialog.autospec-atp-dialog #atpPopup .ui-tabs-nav li[aria-selected="true"]:before {
    bottom: auto !important;
    height: 4px !important;
    top: 0 !important;
}

/* Project View - safe reset only */

body.autospec-project-view-mode .ui-dialog.dyn-popup.mpPopup {
    top: 118px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: calc(100vh - 118px) !important;
    padding: 0 !important;
    overflow: auto !important;
    box-shadow: none !important;
    border: 0 !important;
}

body.autospec-project-view-mode .ui-dialog.dyn-popup.mpPopup .ui-dialog-titlebar {
    display: none !important;
}

body.autospec-project-view-mode #mpPopup {
    padding: 0 !important;
    width: 100% !important;
    overflow: visible !important;
}

body.autospec-project-view-mode #mpPopup .mpProjectWrapper,
body.autospec-project-view-mode #mpPopup .mpCustomerWrapper {
    display: block !important;
}

body.autospec-project-view-mode #mpPopup .autospec-project-selector-row,
body.autospec-project-view-mode #mpPopup .autospec-customer-selector-row {
    margin: 0 !important;
}

/* Centre the whole Project View content */
body.autospec-project-view-mode .ui-dialog.dyn-popup.mpPopup {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Keep the main action row tidy */
body.autospec-project-view-mode #mpPopup .mpHeaderWrapper {
    align-items: flex-start !important;
    box-sizing: border-box !important;
    display: grid !important;
    gap: 132px !important;
    grid-template-columns: 430px 430px 280px !important;
    justify-content: center !important;
    max-width: 1400px !important;
    min-height: 90px !important;
    padding: 10px 12px 8px !important;
    position: relative !important;
    width: min(1400px, calc(100vw - 80px)) !important;
}

body.autospec-project-view-mode #mpPopup .mpHeaderActionsWrapper,
body.autospec-project-view-mode #mpPopup .mpHeaderWrapper .js-control-buttons {
    align-items: center !important;
    display: flex !important;
    gap: 12px !important;
    justify-content: center !important;
    min-height: 78px !important;
}

body.autospec-project-view-mode #mpPopup > .js-control-buttons {
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    flex: 0 0 0 !important;
    overflow: visible !important;
}

body.autospec-project-view-mode #mpPopup .mpHeaderWrapper > * {
    left: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: none !important;
    min-width: 0 !important;
    position: relative !important;
    right: auto !important;
    top: auto !important;
    width: auto !important;
}

body.autospec-project-view-mode #mpPopup .mpHeaderUserWrapper,
body.autospec-project-view-mode #mpPopup .mpReportsWrapper {
    display: flex !important;
}

body.autospec-project-view-mode #mpPopup .mpHeaderGenerateSpec {
    align-items: center !important;
    background: #017eba !important;
    border: 0 !important;
    border-radius: 2px !important;
    color: #fff !important;
    cursor: pointer !important;
    display: inline-flex !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    height: 40px !important;
    justify-content: center !important;
    line-height: 40px !important;
    padding: 0 18px !important;
    text-transform: uppercase !important;
}

body.autospec-project-view-mode #mpPopup [class*="Report"],
body.autospec-project-view-mode #mpPopup [class*="report"],
body.autospec-project-view-mode #mpPopup [class*="Find"],
body.autospec-project-view-mode #mpPopup [class*="find"],
body.autospec-project-view-mode #mpPopup a[title*="Find"],
body.autospec-project-view-mode #mpPopup button[title*="Find"],
body.autospec-project-view-mode #mpPopup [class*="Refresh"],
body.autospec-project-view-mode #mpPopup [class*="refresh"],
body.autospec-project-view-mode #mpPopup [class*="Logout"],
body.autospec-project-view-mode #mpPopup [class*="logout"],
body.autospec-project-view-mode #mpPopup .fa-power-off,
body.autospec-project-view-mode #mpPopup .fa-sign-out,
body.autospec-project-view-mode #mpPopup .fa-refresh {
    display: none !important;
}

body.autospec-project-view-mode #mpPopup .autospec-project-selector-row,
body.autospec-project-view-mode #mpPopup .autospec-customer-selector-row {
    align-items: center !important;
    background: #fff !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 2px !important;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .14) !important;
    box-sizing: border-box !important;
    display: flex !important;
    gap: 10px !important;
    min-height: 78px !important;
    padding: 12px 10px !important;
    width: 100% !important;
}

body.autospec-project-view-mode #mpPopup .autospec-project-selector-row > *,
body.autospec-project-view-mode #mpPopup .autospec-customer-selector-row > * {
    min-width: 0 !important;
}

body.autospec-project-view-mode #mpPopup .autospec-project-selector-row ul,
body.autospec-project-view-mode #mpPopup .autospec-customer-selector-row ul {
    align-items: center !important;
    display: flex !important;
    gap: 10px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

body.autospec-project-view-mode #mpPopup .autospec-project-selector-row li,
body.autospec-project-view-mode #mpPopup .autospec-customer-selector-row li {
    margin: 0 !important;
    min-width: 0 !important;
}

body.autospec-project-view-mode #mpPopup .autospec-project-selector-row li:first-child,
body.autospec-project-view-mode #mpPopup .autospec-customer-selector-row li:first-child {
    color: #111 !important;
    flex: 0 0 64px !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 15px !important;
    text-transform: uppercase !important;
}

body.autospec-project-view-mode #mpPopup .autospec-customer-selector-row li:first-child {
    flex-basis: 96px !important;
    line-height: 14px !important;
    margin-right: 4px !important;
}

body.autospec-project-view-mode #mpPopup .autospec-project-selector-row select,
body.autospec-project-view-mode #mpPopup .autospec-customer-selector-row select,
body.autospec-project-view-mode #mpPopup .autospec-project-selector-row .ss-main,
body.autospec-project-view-mode #mpPopup .autospec-customer-selector-row .ss-main {
    max-width: none !important;
    min-width: 0 !important;
    width: 100% !important;
}

/* Project View: keep top controls fixed, scroll table only */

body.autospec-project-view-mode,
body.autospec-project-view-mode #container,
body.autospec-project-view-mode #middle-wrapper {
    overflow: hidden !important;
}

body.autospec-project-view-mode .ui-dialog.dyn-popup.mpPopup {
    overflow: hidden !important;
    height: calc(100vh - 154px) !important;
}

body.autospec-project-view-mode #mpPopup {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    width: min(1400px, calc(100vw - 80px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.autospec-project-view-mode #mpPopup .mpHeaderWrapper,
body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper,
body.autospec-project-view-mode #mpPopup .mpProductNavWrapper,
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1400px !important;
    width: min(1400px, calc(100vw - 80px)) !important;
}

/* Top project + location area stays visible */
body.autospec-project-view-mode #mpPopup .mpHeaderWrapper,
body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper {
    flex: 0 0 auto !important;
}

body.autospec-project-view-mode #mpPopup > #locationNav {
    flex: 0 0 auto !important;
}

/* Table area scrolls */
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper {
    flex: 1 1 auto !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    margin-top: 0 !important;
    min-height: 0 !important;
    padding-top: 0 !important;
}

body.autospec-project-view-mode.autospec-project-table-refreshing #mpPopup .mpProductNavWrapper,
body.autospec-project-view-mode.autospec-project-table-refreshing #mpPopup .mpSpecTableWrapper {
    visibility: hidden !important;
}

body.autospec-project-view-mode .mpProductNavWrapper,
body.autospec-project-view-mode #mpPopup .mpProductNavWrapper,
body.autospec-project-view-mode .ui-dialog.dyn-popup.mpPopup #mpPopup .mpProductNavWrapper,
.autospec-project-view-mode #mpPopup .mpProductNavWrapper {
    bottom: auto !important;
    flex: 1 1 auto !important;
    inset: auto !important;
    left: auto !important;
    margin-top: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    position: static !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
}

body.autospec-project-view-mode #mpPopup > .mpProductNavWrapper,
body.autospec-project-view-mode #mpPopup > #locationNav + .mpProductNavWrapper,
body.autospec-project-view-mode #mpPopup #locationNav + .mpProductNavWrapper,
body.autospec-project-view-mode #locationNav + .mpProductNavWrapper {
    margin-top: 10px !important;
}

body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper > *,
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper > * {
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0 !important;
    max-width: none !important;
}

body.autospec-project-view-mode #mpPopup .mpHeaderWrapper > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: none !important;
}

@media (max-width: 1240px) {
    body.autospec-project-view-mode #mpPopup .mpHeaderWrapper {
        gap: 14px !important;
        grid-template-columns: minmax(300px, 1fr) minmax(300px, 1fr) !important;
    }

    body.autospec-project-view-mode #mpPopup .mpHeaderActionsWrapper,
    body.autospec-project-view-mode #mpPopup .mpHeaderWrapper .js-control-buttons {
        grid-column: 1 / -1 !important;
        min-height: 48px !important;
    }
}

@media (max-width: 760px) {
    body.autospec-project-view-mode #mpPopup .mpHeaderWrapper {
        grid-template-columns: 1fr !important;
    }
}

/* Sticky table header */
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper #lineItemsTable {
    display: block !important;
    height: 100% !important;
    overflow: hidden !important;
    table-layout: fixed !important;
    width: 100% !important;
}

body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper #lineItemsTable thead {
    display: table !important;
    table-layout: fixed !important;
    width: 100% !important;
}

body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper #lineItemsTable tbody {
    display: block !important;
    height: calc(100% - 44px) !important;
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    width: 100% !important;
}

body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper #lineItemsTable tbody tr {
    display: table !important;
    table-layout: fixed !important;
    width: 100% !important;
}

body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper thead th,
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper thead td {
    position: static !important;
    top: 0 !important;
    z-index: 20 !important;
    background: #5a5a5a !important;
}


body.autospec-project-view-mode #banner,
body.autospec-project-view-mode #navtable,
body.autospec-project-view-mode #spec_nav,
body.autospec-project-view-mode #breadcrumbs,
body.autospec-project-view-mode .breadcrumbs-panel {
    z-index: auto !important;
}

body.autospec-project-view-mode #searchmenu,
body.autospec-project-view-mode #searchmenuPanel,
body.autospec-project-view-mode #account,
body.autospec-project-view-mode #searchmenuPanel a,
body.autospec-project-view-mode #searchmenuPanel button,
body.autospec-project-view-mode #searchmenuPanel input,
body.autospec-project-view-mode #searchmenuPanel span,
body.autospec-project-view-mode #account a,
body.autospec-project-view-mode #account button,
body.autospec-project-view-mode #account span {
    pointer-events: auto !important;
    z-index: auto !important;
}

body.autospec-project-view-mode .ui-widget-overlay,
body.autospec-project-view-mode .blockUI,
body.autospec-project-view-mode .blockOverlay {
    display: block !important;
    opacity: 0 !important;
    pointer-events: auto !important;
    z-index: 10 !important;
}

body.autospec-project-view-mode .ui-dialog.dyn-popup.mpPopup {
    z-index: 30 !important;
    pointer-events: none !important;
}

body.autospec-project-view-mode #mpPopup,
body.autospec-project-view-mode #mpPopup * {
    pointer-events: auto !important;
}


/* Manage Locations / Building Elements popup */
body.autospec-project-view-mode .ui-dialog.dyn-popup.mlbpPopup,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog {
    background: #fff !important;
    border: 1px solid #d0d0d0 !important;
    border-radius: 2px !important;
    box-shadow: 0 10px 34px rgba(0, 0, 0, .32) !important;
    box-sizing: border-box !important;
    height: min(820px, calc(100vh - 24px)) !important;
    left: 50% !important;
    max-height: calc(100vh - 24px) !important;
    max-width: calc(100vw - 72px) !important;
    overflow: hidden !important;
    padding: 0 !important;
    pointer-events: auto !important;
    position: fixed !important;
    top: 12px !important;
    transform: translateX(-50%) !important;
    width: min(1024px, calc(100vw - 72px)) !important;
    z-index: 10090 !important;
}

body.autospec-project-view-mode .ui-dialog.dyn-popup.mlbpPopup *,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog * {
    box-sizing: border-box !important;
    pointer-events: auto !important;
}

body.autospec-project-view-mode .ui-dialog.dyn-popup.mlbpPopup .ui-dialog-titlebar,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .ui-dialog-titlebar {
    background: #5d5d5d !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #fff !important;
    display: block !important;
    height: 50px !important;
    padding: 12px 14px !important;
    position: relative !important;
}

body.autospec-project-view-mode .ui-dialog.dyn-popup.mlbpPopup .ui-dialog-title,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .ui-dialog-title {
    color: #fff !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 26px !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}

body.autospec-project-view-mode .ui-dialog.dyn-popup.mlbpPopup .titlebar-refresh,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .titlebar-refresh {
    color: #fff !important;
    font-size: 18px !important;
    position: absolute !important;
    right: 56px !important;
    top: 21px !important;
}

body.autospec-project-view-mode .ui-dialog.dyn-popup.mlbpPopup .ui-dialog-titlebar-close,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .ui-dialog-titlebar-close {
    background: transparent !important;
    border: 0 !important;
    height: 28px !important;
    margin: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    right: 16px !important;
    top: 21px !important;
    width: 28px !important;
}

body.autospec-project-view-mode .ui-dialog.dyn-popup.mlbpPopup .ui-dialog-titlebar-close span,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .ui-dialog-titlebar-close span {
    display: none !important;
}

body.autospec-project-view-mode .ui-dialog.dyn-popup.mlbpPopup .ui-dialog-titlebar-close:before,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .ui-dialog-titlebar-close:before {
    color: #fff !important;
    content: "x" !important;
    display: block !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 30px !important;
    font-weight: normal !important;
    line-height: 25px !important;
    text-align: center !important;
}

body.autospec-project-view-mode .ui-dialog.dyn-popup.mlbpPopup .ui-dialog-buttonpane,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .ui-dialog-buttonpane {
    background: #fff !important;
    border: 0 !important;
    bottom: 0 !important;
    height: 60px !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 14px 18px !important;
    position: absolute !important;
    right: 0 !important;
}

body.autospec-project-view-mode .ui-dialog.dyn-popup.mlbpPopup .ui-dialog-buttonset,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .ui-dialog-buttonset {
    display: flex !important;
    float: none !important;
    justify-content: flex-end !important;
    width: 100% !important;
}

body.autospec-project-view-mode .ui-dialog.dyn-popup.mlbpPopup .ui-dialog-buttonset button,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .ui-dialog-buttonset button {
    background: #168ce5 !important;
    border: 0 !important;
    border-radius: 2px !important;
    color: #fff !important;
    cursor: pointer !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    height: 28px !important;
    min-width: 120px !important;
    padding: 0 16px !important;
    text-transform: uppercase !important;
}

body.autospec-project-view-mode #mlbpPopup {
    background: #fff !important;
    border: 0 !important;
    display: block !important;
    height: calc(100% - 110px) !important;
    margin: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: 100% !important;
}

body.autospec-project-view-mode #mlbpTabs {
    background: #f1f1f1 !important;
    border: 0 !important;
    border-radius: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: 100% !important;
}

body.autospec-project-view-mode #mlbpTabs .ui-tabs-nav {
    background: #f1f1f1 !important;
    border: 0 !important;
    border-radius: 0 !important;
    display: flex !important;
    height: 56px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

body.autospec-project-view-mode #mlbpTabs .ui-tabs-nav li {
    background: transparent !important;
    border: 0 !important;
    cursor: pointer !important;
    display: block !important;
    height: 56px !important;
    margin: 0 !important;
    min-width: 112px !important;
    padding: 0 !important;
    position: relative !important;
}

body.autospec-project-view-mode #mlbpTabs .ui-tabs-nav li a {
    color: #111 !important;
    display: flex !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    height: 100% !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 16px !important;
    padding: 4px 12px 0 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    width: 100% !important;
}

body.autospec-project-view-mode #mlbpTabs .ui-tabs-nav li.autospec-mlbp-tab-active,
body.autospec-project-view-mode #mlbpTabs .ui-tabs-nav li.ui-state-active,
body.autospec-project-view-mode #mlbpTabs .ui-tabs-nav li.ui-tabs-active,
body.autospec-project-view-mode #mlbpTabs .ui-tabs-nav li.ui-tabs-selected {
    background: #fff !important;
}

body.autospec-project-view-mode #mlbpTabs .ui-tabs-nav li.autospec-mlbp-tab-active:before,
body.autospec-project-view-mode #mlbpTabs .ui-tabs-nav li.ui-state-active:before,
body.autospec-project-view-mode #mlbpTabs .ui-tabs-nav li.ui-tabs-active:before,
body.autospec-project-view-mode #mlbpTabs .ui-tabs-nav li.ui-tabs-selected:before {
    background: #2196f3 !important;
    content: "" !important;
    display: block !important;
    height: 4px !important;
    left: 0 !important;
    position: absolute !important;
    top: 0 !important;
    width: 100% !important;
}

body.autospec-project-view-mode #mlbpLocationTab,
body.autospec-project-view-mode #mlbpBuildingElementTab {
    background: #f1f1f1 !important;
    border: 0 !important;
    height: calc(100% - 56px) !important;
    margin: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: relative !important;
    width: 100% !important;
}

body.autospec-project-view-mode #mlbpLocationTab[aria-hidden="true"],
body.autospec-project-view-mode #mlbpBuildingElementTab[aria-hidden="true"],
body.autospec-project-view-mode #mlbpLocationTab.ui-tabs-hide,
body.autospec-project-view-mode #mlbpBuildingElementTab.ui-tabs-hide {
    display: none !important;
    height: 0 !important;
    pointer-events: none !important;
}

body.autospec-project-view-mode #mlbpLocToolbar,
body.autospec-project-view-mode #mlbpBeToolbar {
    align-items: center !important;
    background: #f1f1f1 !important;
    display: flex !important;
    height: 58px !important;
    justify-content: center !important;
    margin: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    width: 100% !important;
}

body.autospec-project-view-mode #mlbpLocTree,
body.autospec-project-view-mode #mlbpBeTree {
    background: #fff !important;
    border-top: 4px solid #d9ebf7 !important;
    display: block !important;
    height: calc(100% - 58px) !important;
    margin: 0 auto !important;
    max-width: 760px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 0 !important;
    width: min(760px, 100%) !important;
}

body.autospec-project-view-mode #mlbpPopup .lt-ln-new-wrapper,
body.autospec-project-view-mode #mlbpPopup .lt-ln-wrapper {
    border-bottom: 1px solid #e1e1e1 !important;
    min-height: 39px !important;
    position: relative !important;
    width: 100% !important;
}

body.autospec-project-view-mode #mlbpPopup .lt-ln-new-wrapper[data-level="0"] {
    background: #d9ebf7 !important;
    padding-left: 20px !important;
}

body.autospec-project-view-mode #mlbpPopup .lt-ln-new-wrapper[data-level="1"] {
    padding-left: 60px !important;
}

body.autospec-project-view-mode #mlbpPopup .lt-ln-new-wrapper[data-level="2"] {
    padding-left: 104px !important;
}

body.autospec-project-view-mode #mlbpPopup .lt-ln-new-wrapper[data-level="3"] {
    padding-left: 148px !important;
}

body.autospec-project-view-mode #mlbpPopup .lt-ln-row {
    align-items: center !important;
    display: flex !important;
    min-height: 38px !important;
    width: 100% !important;
}

body.autospec-project-view-mode #mlbpPopup .lt-ln-chkbox {
    align-items: center !important;
    display: flex !important;
    min-width: 24px !important;
    padding: 0 !important;
}

body.autospec-project-view-mode #mlbpPopup input[type="checkbox"] {
    cursor: pointer !important;
    height: 15px !important;
    margin: 0 10px 0 0 !important;
    width: 15px !important;
}

body.autospec-project-view-mode #mlbpPopup .lt-ln-label {
    color: #333 !important;
    cursor: default !important;
    display: block !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.autospec-project-view-mode #mlbpPopup .lt-ln-new-input {
    background: #fff !important;
    border: 1px solid #d7d7d7 !important;
    color: #777 !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    height: 32px !important;
    margin: 0 14px 0 4px !important;
    max-width: 180px !important;
    outline: none !important;
    padding: 0 8px !important;
    width: 180px !important;
}

body.autospec-project-view-mode #mlbpPopup .lt-ln-new-clone-btn:before,
body.autospec-project-view-mode #mlbpPopup .lt-ln-new-clone-btn:after {
    content: none !important;
    display: none !important;
}

body.autospec-project-view-mode #mlbpPopup .lt-ln-new-save-btn,
body.autospec-project-view-mode #mlbpPopup .lt-ln-new-save-btn.fa,
body.autospec-project-view-mode #mlbpPopup .lt-ln-edit-btn,
body.autospec-project-view-mode #mlbpPopup .lt-ln-delete-btn {
    color: #2196f3 !important;
    cursor: pointer !important;
    font-size: 15px !important;
}

body.autospec-project-view-mode #mlbpPopup .lt-ln-edit-btn {
    position: absolute !important;
    right: 36px !important;
    top: 11px !important;
}

body.autospec-project-view-mode #mlbpPopup .lt-ln-delete-btn {
    position: absolute !important;
    right: 10px !important;
    top: 11px !important;
}

/* ML/BP popup final ownership: apply whenever JS tags the dialog, even if body mode drops. */
.ui-dialog.autospec-mlbp-dialog {
    background: #fff !important;
    border: 1px solid #d0d0d0 !important;
    border-radius: 2px !important;
    box-shadow: 0 10px 34px rgba(0, 0, 0, .32) !important;
    box-sizing: border-box !important;
    height: min(820px, calc(100vh - 24px)) !important;
    left: 50% !important;
    max-height: calc(100vh - 24px) !important;
    max-width: calc(100vw - 72px) !important;
    overflow: hidden !important;
    padding: 0 !important;
    pointer-events: auto !important;
    position: fixed !important;
    top: 12px !important;
    transform: translateX(-50%) !important;
    width: min(1024px, calc(100vw - 72px)) !important;
    z-index: 10090 !important;
}

.ui-dialog.autospec-mlbp-dialog *,
.ui-dialog.autospec-mlbp-dialog #mlbpPopup * {
    box-sizing: border-box !important;
    pointer-events: auto !important;
}

.ui-dialog.autospec-mlbp-dialog .ui-dialog-titlebar {
    background: #5d5d5d !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #fff !important;
    display: block !important;
    height: 50px !important;
    padding: 12px 14px !important;
    position: relative !important;
}

.ui-dialog.autospec-mlbp-dialog .ui-dialog-title {
    color: #fff !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 26px !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}

.ui-dialog.autospec-mlbp-dialog .titlebar-refresh {
    color: #fff !important;
    font-size: 18px !important;
    position: absolute !important;
    right: 56px !important;
    top: 15px !important;
}

.ui-dialog.autospec-mlbp-dialog .ui-dialog-titlebar-close {
    background: transparent !important;
    border: 0 !important;
    height: 28px !important;
    margin: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    right: 16px !important;
    top: 11px !important;
    width: 28px !important;
}

.ui-dialog.autospec-mlbp-dialog .ui-dialog-titlebar-close span {
    display: none !important;
}

.ui-dialog.autospec-mlbp-dialog .ui-dialog-titlebar-close:before {
    color: #fff !important;
    content: "x" !important;
    display: block !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 30px !important;
    font-weight: normal !important;
    line-height: 25px !important;
    text-align: center !important;
}

.ui-dialog.autospec-mlbp-dialog .ui-dialog-buttonpane {
    background: #fff !important;
    border: 0 !important;
    bottom: 0 !important;
    height: 60px !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 14px 18px !important;
    position: absolute !important;
    right: 0 !important;
}

.ui-dialog.autospec-mlbp-dialog .ui-dialog-buttonset {
    display: flex !important;
    float: none !important;
    justify-content: flex-end !important;
    width: 100% !important;
}

.ui-dialog.autospec-mlbp-dialog .ui-dialog-buttonset button {
    background: #168ce5 !important;
    border: 0 !important;
    border-radius: 2px !important;
    color: #fff !important;
    cursor: pointer !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    height: 28px !important;
    min-width: 120px !important;
    padding: 0 16px !important;
    text-transform: uppercase !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpPopup {
    background: #fff !important;
    border: 0 !important;
    display: block !important;
    height: calc(100% - 110px) !important;
    margin: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: 100% !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpTabs {
    background: #f1f1f1 !important;
    border: 0 !important;
    border-radius: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: 100% !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav {
    background: #f1f1f1 !important;
    border: 0 !important;
    border-radius: 0 !important;
    display: flex !important;
    height: 56px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li {
    background: transparent !important;
    border: 0 !important;
    cursor: pointer !important;
    display: block !important;
    height: 56px !important;
    margin: 0 !important;
    min-width: 112px !important;
    padding: 0 !important;
    position: relative !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li a {
    align-items: center !important;
    color: #111 !important;
    display: flex !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    height: 100% !important;
    justify-content: center !important;
    line-height: 16px !important;
    padding: 4px 12px 0 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    width: 100% !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li.autospec-mlbp-tab-active,
.ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li.ui-state-active,
.ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li.ui-tabs-active,
.ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li.ui-tabs-selected {
    background: #fff !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li.autospec-mlbp-tab-active:before,
.ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li.ui-state-active:before,
.ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li.ui-tabs-active:before,
.ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li.ui-tabs-selected:before {
    background: #2196f3 !important;
    content: "" !important;
    display: block !important;
    height: 4px !important;
    left: 0 !important;
    position: absolute !important;
    top: 0 !important;
    width: 100% !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpLocationTab,
.ui-dialog.autospec-mlbp-dialog #mlbpBuildingElementTab {
    background: #f1f1f1 !important;
    border: 0 !important;
    height: calc(100% - 56px) !important;
    margin: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: relative !important;
    width: 100% !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpLocationTab[aria-hidden="true"],
.ui-dialog.autospec-mlbp-dialog #mlbpBuildingElementTab[aria-hidden="true"],
.ui-dialog.autospec-mlbp-dialog #mlbpLocationTab.ui-tabs-hide,
.ui-dialog.autospec-mlbp-dialog #mlbpBuildingElementTab.ui-tabs-hide {
    display: none !important;
    height: 0 !important;
    pointer-events: none !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpLocToolbar,
.ui-dialog.autospec-mlbp-dialog #mlbpBeToolbar {
    align-items: center !important;
    background: #f1f1f1 !important;
    display: flex !important;
    height: 58px !important;
    justify-content: center !important;
    margin: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    width: 100% !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpLocTree,
.ui-dialog.autospec-mlbp-dialog #mlbpBeTree {
    background: #fff !important;
    border-top: 4px solid #d9ebf7 !important;
    display: block !important;
    height: calc(100% - 58px) !important;
    margin: 0 12px !important;
    max-width: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 0 !important;
    width: calc(100% - 24px) !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-new-wrapper,
.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper {
    border-bottom: 1px solid #e1e1e1 !important;
    min-height: 39px !important;
    position: relative !important;
    width: 100% !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-new-wrapper[data-level="0"] {
    background: #d9ebf7 !important;
    padding-left: 0 !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper.data-level-0,
.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper[data-label] {
    padding-left: 18px !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper.data-level-0 .lt-ln-row,
.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper[data-label] .lt-ln-row {
    padding-left: 0 !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-new-wrapper[data-level="0"] .lt-ln-new-clone-btn {
    margin-left: -2px !important;
    margin-right: 8px !important;
    min-width: 14px !important;
    width: 14px !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-new-wrapper[data-level="0"] .lt-ln-new-input {
    margin-left: 0 !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-row {
    align-items: center !important;
    display: flex !important;
    gap: 10px !important;
    min-height: 38px !important;
    width: 100% !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpPopup input[type="checkbox"] {
    cursor: pointer !important;
    height: 15px !important;
    margin: 0 10px 0 0 !important;
    width: 15px !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-label {
    color: #333 !important;
    display: block !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-new-input {
    background: #fff !important;
    border: 1px solid #d7d7d7 !important;
    color: #777 !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    height: 32px !important;
    margin: 0 14px 0 4px !important;
    max-width: 180px !important;
    outline: none !important;
    padding: 0 8px !important;
    width: 180px !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-label-edit {
    background: #fff !important;
    border: 1px solid #d7d7d7 !important;
    box-sizing: border-box !important;
    color: #555 !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    height: 32px !important;
    left: 52px !important;
    margin: 0 !important;
    max-width: 180px !important;
    padding: 0 10px !important;
    position: absolute !important;
    top: 3px !important;
    transform: none !important;
    width: calc(100% - 128px) !important;
    z-index: 12 !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper .lt-ln-delete-btn,
.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper .lt-ln-edit-btn,
.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper .lt-ln-edit-save-btn {
    align-items: center !important;
    display: inline-flex !important;
    height: 24px !important;
    justify-content: center !important;
    position: absolute !important;
    top: 7px !important;
    width: 24px !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper .lt-ln-edit-save-btn {
    color: #2196f3 !important;
    display: none !important;
    right: 54px !important;
    z-index: 11 !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper .lt-ln-edit-save-btn:before,
.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper .lt-ln-edit-save-btn.fa:before {
    content: "\f0c7" !important;
    display: block !important;
    font-family: FontAwesome !important;
    font-size: 15px !important;
    line-height: 24px !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper.autospec-mlbp-editing .lt-ln-edit-btn,
.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper.autospec-mlbp-editing .lt-ln-delete-btn {
    display: none !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper.autospec-mlbp-editing .lt-ln-edit-save-btn {
    display: inline-flex !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper .lt-ln-label-edit:not([style*="display: none"]) ~ .lt-ln-edit-btn,
.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper .lt-ln-edit-save-btn:not([style*="display: none"]) ~ .lt-ln-edit-btn {
    display: none !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper .lt-ln-label-edit:not([style*="display: none"]) ~ .lt-ln-edit-save-btn,
.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper .lt-ln-edit-save-btn:not([style*="display: none"]) {
    display: inline-flex !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper .lt-ln-edit-save-btn:not([style*="display: none"]) ~ .lt-ln-delete-btn,
.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper .lt-ln-label-edit:not([style*="display: none"]) ~ .lt-ln-delete-btn {
    display: none !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-new-save-btn,
.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-new-save-btn.fa,
.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-edit-btn,
.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-delete-btn {
    color: #2196f3 !important;
    cursor: pointer !important;
    font-size: 15px !important;
}

/* Project View link beside View All Categories */
#searchmenuPanel .searchOptions {
    align-items: center;
    display: flex;
}

body.autospec-project-view-mode #searchmenuPanel #search {
    display: flex !important;
    align-items: center !important;
}

body.autospec-project-view-mode #searchmenuPanel #search form {
    margin: 0 !important;
}

body.autospec-project-view-mode #searchmenuPanel .search-box {
    position: relative !important;
}

body.autospec-project-view-mode #searchmenuPanel .search-box input {
    box-sizing: border-box !important;
    height: 26px !important;
    margin-left: 7px !important;
    width: 216px !important;
}

body.autospec-project-view-mode #searchmenuPanel a.searchbtn {
    right: 0px !important;
    top: 0px !important;
    width: 26px !important;
    height: 26px !important;
    background-color: #be2226 !important;
    background-image: linear-gradient(#921b1e, #c6262a) !important;
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    background-size: 0% 100% !important;
    z-index: 10100 !important;
}

body.autospec-project-view-mode #searchmenuPanel a.searchbtn:before {
    content: "" !important;
    display: block !important;
    width: 26px !important;
    height: 26px !important;
    background-image: url(/images/global/search_icon_white.png) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 16px !important;
}

#searchmenuPanel #autospec_project_view_actions {
    align-items: center !important;
    border-left: 1px solid rgba(255, 255, 255, 0.8) !important;
    display: flex !important;
    height: 38px !important;
    margin: 0 0 0 4px !important;
    padding: 0 0 0 20px !important;
    position: static !important;
    width: auto !important;
    z-index: auto !important;
}

#searchmenuPanel #autospec_go_project_view {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
    cursor: pointer !important;
    display: inline-flex !important;
    font-family: "Fira Sans Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    gap: 8px !important;
    height: 38px !important;
    justify-content: flex-start !important;
    line-height: 38px !important;
    margin: 0 !important;
    min-width: auto !important;
    padding: 0 14px 0 0 !important;
    text-decoration: none !important;
    text-transform: none !important;
    white-space: nowrap !important;
}

#searchmenuPanel #autospec_go_project_view:hover,
#searchmenuPanel #autospec_go_project_view:focus {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
    outline: none !important;
    text-decoration: underline !important;
}

/* White folder outline */
#searchmenuPanel .autospec-project-folder {
    background: transparent !important;
    border: 1px solid #fff !important;
    border-radius: 1px !important;
    box-sizing: border-box !important;
    display: inline-block !important;
    flex: 0 0 auto !important;
    height: 15px !important;
    margin-right: 8px !important;
    position: relative !important;
    width: 22px !important;
}

#searchmenuPanel .autospec-project-folder:before {
    background: #000 !important;
    border: 1px solid #fff !important;
    border-bottom: 0 !important;
    border-radius: 1px 1px 0 0 !important;
    box-sizing: border-box !important;
    content: "" !important;
    display: block !important;
    height: 5px !important;
    left: 2px !important;
    position: absolute !important;
    top: -5px !important;
    width: 10px !important;
}

/* Keep the text white after global button/link styles */
#searchmenuPanel #autospec_go_project_view span:last-child {
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    margin-left: 0 !important;
    white-space: nowrap !important;
}



#searchmenuPanel {
        width: 652px;
    }

.ui-dialog.autospec-email-dialog,
.ui-dialog.dyn-popup.eafPopup {
    background: #fff !important;
    border: 1px solid #d5d5d5 !important;
    border-radius: 2px !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, .32) !important;
    box-sizing: border-box !important;
    height: 320px !important;
    /* Move the email popup horizontally here: 50% is centered, 46% is slightly left. */
    left: 32% !important;
    max-height: calc(100vh - 80px) !important;
    max-width: calc(100vw - 48px) !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: fixed !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: min(560px, calc(100vw - 48px)) !important;
    z-index: 10160 !important;
}

.ui-dialog.autospec-email-dialog *,
.ui-dialog.dyn-popup.eafPopup * {
    pointer-events: auto !important;
}

.ui-dialog.autospec-email-dialog .ui-dialog-titlebar,
.ui-dialog.dyn-popup.eafPopup .ui-dialog-titlebar {
    align-items: center !important;
    background: #5d5d5d !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    color: #fff !important;
    display: flex !important;
    height: 42px !important;
    padding: 0 46px 0 14px !important;
    position: relative !important;
}

.ui-dialog.autospec-email-dialog .ui-dialog-title,
.ui-dialog.dyn-popup.eafPopup .ui-dialog-title {
    color: #fff !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 42px !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}

.ui-dialog.autospec-email-dialog .titlebar-aux-html,
.ui-dialog.dyn-popup.eafPopup .titlebar-aux-html {
    left: 50% !important;
    margin: 0 !important;
    position: absolute !important;
    top: 0 !important;
    transform: translateX(-50%) !important;
}

.ui-dialog.autospec-email-dialog .titlebar-text-btn,
.ui-dialog.dyn-popup.eafPopup .titlebar-text-btn {
    color: #168ce5 !important;
    cursor: pointer !important;
    font-size: 11px !important;
    line-height: 42px !important;
    text-transform: uppercase !important;
}

.ui-dialog.autospec-email-dialog .ui-dialog-titlebar-close,
.ui-dialog.dyn-popup.eafPopup .ui-dialog-titlebar-close {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    cursor: pointer !important;
    display: flex !important;
    height: 30px !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    right: 10px !important;
    top: 6px !important;
    width: 30px !important;
}

.ui-dialog.autospec-email-dialog .ui-dialog-titlebar-close .ui-icon,
.ui-dialog.autospec-email-dialog .ui-dialog-titlebar-close span,
.ui-dialog.autospec-email-dialog .ui-dialog-titlebar-close:after,
.ui-dialog.dyn-popup.eafPopup .ui-dialog-titlebar-close .ui-icon,
.ui-dialog.dyn-popup.eafPopup .ui-dialog-titlebar-close span,
.ui-dialog.dyn-popup.eafPopup .ui-dialog-titlebar-close:after {
    content: none !important;
    display: none !important;
}

.ui-dialog.autospec-email-dialog .ui-dialog-titlebar-close:before,
.ui-dialog.dyn-popup.eafPopup .ui-dialog-titlebar-close:before {
    background: none !important;
    background-image: none !important;
    background-position: initial !important;
    background-repeat: initial !important;
    background-size: initial !important;
    color: #fff !important;
    content: "×" !important;
    display: block !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 22px !important;
    font-weight: 300 !important;
    height: auto !important;
    line-height: 28px !important;
    width: auto !important;
}

.ui-dialog.autospec-email-dialog #eafPopup,
.ui-dialog.dyn-popup.eafPopup #eafPopup,
#eafPopup.eafPopup {
    background: #fff !important;
    box-sizing: border-box !important;
    height: calc(100% - 92px) !important;
    overflow: auto !important;
    padding: 14px 18px !important;
}

.ui-dialog.autospec-email-dialog .ealWrapper,
.ui-dialog.dyn-popup.eafPopup .ealWrapper,
#eafPopup .ealWrapper {
    align-items: center !important;
    display: flex !important;
    justify-content: center !important;
    padding: 0 !important;
    width: 100% !important;
}

.ui-dialog.autospec-email-dialog .ealAddressText,
.ui-dialog.dyn-popup.eafPopup .ealAddressText,
#eafPopup .ealAddressText {
    box-sizing: border-box !important;
    height: 38px !important;
    max-width: 390px !important;
    width: calc(100% - 48px) !important;
}

.ui-dialog.autospec-email-dialog .ui-dialog-buttonpane,
.ui-dialog.dyn-popup.eafPopup .ui-dialog-buttonpane {
    background: #fff !important;
    border: 0 !important;
    bottom: 0 !important;
    box-sizing: border-box !important;
    height: 50px !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 10px 18px !important;
    position: absolute !important;
    right: 0 !important;
}

.ui-dialog.autospec-email-dialog .ui-dialog-buttonset,
.ui-dialog.dyn-popup.eafPopup .ui-dialog-buttonset {
    display: flex !important;
    float: none !important;
    justify-content: flex-end !important;
    width: 100% !important;
}

/* Preview overlay only */
.ui-widget-overlay.autospec-doc-preview-overlay {
    background: rgba(0, 0, 0, .45) !important;
    display: block !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    z-index: 1000790 !important;
}

.ui-dialog.autospec-doc-preview-dialog {
    background: #fff !important;
    border: 1px solid #3a3a3a !important;
    border-radius: 2px !important;
    box-shadow: 0 10px 36px rgba(0, 0, 0, .42) !important;
    box-sizing: border-box !important;
    height: calc(100vh - 18px) !important;
    left: 50% !important;
    max-height: calc(100vh - 18px) !important;
    max-width: calc(100vw - 48px) !important;
    overflow: visible !important;
    padding: 0 !important;
    pointer-events: auto !important;
    position: fixed !important;
    top: 8px !important;
    transform: translateX(-50%) !important;
    width: min(1032px, calc(100vw - 48px)) !important;
    z-index: 1000800 !important;
}

.dvPopup.dyn-popup .ui-dialog-titlebar .ui-dialog-title {
    width: calc(100% - 2px) !important;
}

.ui-dialog.autospec-doc-preview-dialog .ui-dialog-titlebar {
    align-items: flex-start !important;
    background: #4f4f4f !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    height: 68px !important;
    min-height: 68px !important;
    overflow: hidden !important;
    padding: 12px 286px 8px 16px !important;
    position: relative !important;
}

.ui-dialog.autospec-doc-preview-dialog .ui-dialog-title {
    color: #fff !important;
    display: block !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 22px !important;
    margin: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.ui-dialog.autospec-doc-preview-dialog .autospec-doc-preview-note {
    color: #fff !important;
    display: block !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    left: 16px !important;
    line-height: 16px !important;
    margin: 0 !important;
    overflow: visible !important;
    position: absolute !important;
    right: 16px !important;
    text-overflow: clip !important;
    top: 38px !important;
    white-space: nowrap !important;
    z-index: 1000802 !important;
}

.ui-dialog.autospec-doc-preview-dialog .ui-dialog-titlebar > .autospec-doc-preview-note {
    max-width: none !important;
    width: auto !important;
}

.ui-dialog.autospec-doc-preview-dialog .titlebar-aux-html,
.ui-dialog.autospec-doc-preview-dialog .ui-dialog-titlebar .titlebar-aux-html,
.ui-dialog.autospec-doc-preview-dialog .titlebar-text-btn,
.ui-dialog.autospec-doc-preview-dialog .titlebar-glyph-btn {
    pointer-events: auto !important;
    position: relative !important;
    z-index: 1000803 !important;
}

.ui-dialog.autospec-doc-preview-dialog .titlebar-aux-html {
    align-items: center !important;
    display: flex !important;
    gap: 10px !important;
    left: auto !important;
    margin: 0 !important;
    position: absolute !important;
    right: 54px !important;
    top: 8px !important;
    transform: none !important;
}

.ui-dialog.autospec-doc-preview-dialog .ui-dialog-titlebar > div.titlebar-aux-html {
    left: auto !important;
    margin: 0 !important;
    position: absolute !important;
    right: 54px !important;
    top: 8px !important;
    transform: none !important;
}

.ui-dialog.autospec-doc-preview-dialog .titlebar-text-btn {
    align-items: center !important;
    background: #168ce5 !important;
    border: 0 !important;
    border-radius: 2px !important;
    box-sizing: border-box !important;
    color: #fff !important;
    display: inline-flex !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    height: 26px !important;
    justify-content: center !important;
    line-height: 26px !important;
    min-width: 82px !important;
    padding: 0 10px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.ui-dialog.autospec-doc-preview-dialog .ui-dialog-titlebar > .titlebar-text-btn,
.ui-dialog.autospec-doc-preview-dialog .ui-dialog-titlebar .titlebar-aux-html > .titlebar-text-btn {
    position: absolute !important;
    top: 8px !important;
}

.ui-dialog.autospec-doc-preview-dialog .ui-dialog-titlebar > .titlebar-text-btn:nth-of-type(1),
.ui-dialog.autospec-doc-preview-dialog .ui-dialog-titlebar .titlebar-aux-html > .titlebar-text-btn:nth-of-type(1) {
    right: 214px !important;
}

.ui-dialog.autospec-doc-preview-dialog .ui-dialog-titlebar > .titlebar-text-btn:nth-of-type(2),
.ui-dialog.autospec-doc-preview-dialog .ui-dialog-titlebar .titlebar-aux-html > .titlebar-text-btn:nth-of-type(2) {
    right: 104px !important;
}

.ui-dialog.autospec-doc-preview-dialog .ui-dialog-titlebar-close {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    cursor: pointer !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    right: 13px !important;
    top: 5px !important;
    width: 34px !important;
    z-index: 1000804 !important;
}

.ui-dialog.autospec-doc-preview-dialog .ui-dialog-titlebar-close .ui-icon,
.ui-dialog.autospec-doc-preview-dialog .ui-dialog-titlebar-close span,
.ui-dialog.autospec-doc-preview-dialog .ui-dialog-titlebar-close:after {
    display: none !important;
}

.ui-dialog.autospec-doc-preview-dialog .ui-dialog-titlebar-close:before {
    color: #fff !important;
    content: "×" !important;
    display: block !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 28px !important;
    font-weight: 300 !important;
    line-height: 30px !important;
    text-align: center !important;
}

.ui-dialog.autospec-doc-preview-dialog .ui-dialog-content {
    background: #fff !important;
    box-sizing: border-box !important;
    height: calc(100% - 68px) !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: auto !important;
    padding: 0 !important;
    pointer-events: auto !important;
    width: 100% !important;
}

.ui-dialog.autospec-doc-preview-dialog .ui-dialog-titlebar-close.autospec-doc-preview-extra-close,
.ui-dialog.autospec-doc-preview-dialog .autospec-doc-preview-extra-close,
.ui-dialog.autospec-doc-preview-dialog .ui-dialog-content .ui-dialog-titlebar-close,
.ui-dialog.autospec-doc-preview-dialog .ui-dialog-content .autospec-doc-preview-extra-close,
.ui-dialog.autospec-doc-preview-dialog .ui-dialog-content button[title="Close"],
.ui-dialog.autospec-doc-preview-dialog .ui-dialog-content a[title="Close"] {
    display: none !important;
}

.ui-dialog.autospec-doc-preview-dialog iframe,
.ui-dialog.autospec-doc-preview-dialog embed,
.ui-dialog.autospec-doc-preview-dialog object,
.ui-dialog.autospec-doc-preview-dialog canvas,
.ui-dialog.autospec-doc-preview-dialog .pdf,
.ui-dialog.autospec-doc-preview-dialog .viewer {
    border: 0 !important;
    box-sizing: border-box !important;
    display: block !important;
    height: 100% !important;
    margin: 0 auto !important;
    min-height: 100% !important;
    width: 100% !important;
}

.ui-dialog.autospec-doc-preview-dialog .ui-dialog-buttonpane {
    display: none !important;
}

body.autospec-project-view-mode .ui-dialog.dyn-popup.mpPopup {
    top: 70px !important;   /* adjust as needed */
    margin-top: 40px !important;
    padding-left: 145px !important;
}

/* Final Manage Locations / Building Elements ownership. */
.ui-dialog.autospec-mlbp-dialog {
    height: min(910px, calc(100vh - 20px)) !important;
    left: 50% !important;
    max-height: calc(100vh - 20px) !important;
    max-width: calc(100vw - 48px) !important;
    pointer-events: auto !important;
    position: fixed !important;
    top: 6px !important;
    transform: translateX(-50%) !important;
    width: min(1024px, calc(100vw - 48px)) !important;
    z-index: 1000000 !important;
}

body.autospec-mlbp-open .ui-widget-overlay,
body.autospec-mlbp-open .blockUI,
body.autospec-mlbp-open .blockOverlay,
body.autospec-mlbp-open .ui-helper-zfix {
    pointer-events: none !important;
    z-index: 999990 !important;
}

body.autospec-mlbp-open .ui-dialog.autospec-mlbp-dialog,
body.autospec-mlbp-open .ui-dialog.autospec-mlbp-dialog * {
    pointer-events: auto !important;
}

.ui-dialog.autospec-customer-details-dialog {
    left: 50% !important;
    max-height: calc(100vh - 96px) !important;
    overflow: hidden !important;
    pointer-events: auto !important;
    position: fixed !important;
    top: 48px !important;
    transform: translateX(-50%) !important;
    width: min(760px, calc(100vw - 64px)) !important;
    z-index: 1000500 !important;
}

.ui-dialog.autospec-customer-details-dialog .ui-dialog-content,
.ui-dialog.autospec-customer-details-dialog .ui-dialog-buttonpane {
    pointer-events: auto !important;
    position: relative !important;
    user-select: auto !important;
    z-index: 1000502 !important;
}

.ui-dialog.autospec-customer-details-dialog .ui-dialog-content {
    max-height: calc(100vh - 190px) !important;
    overflow-y: auto !important;
}

.ui-dialog.autospec-customer-details-dialog input,
.ui-dialog.autospec-customer-details-dialog textarea,
.ui-dialog.autospec-customer-details-dialog select,
.ui-dialog.autospec-customer-details-dialog button,
.ui-dialog.autospec-customer-details-dialog a,
.ui-dialog.autospec-customer-details-dialog label,
.ui-dialog.autospec-customer-details-dialog .ui-button {
    pointer-events: auto !important;
    user-select: auto !important;
}

.ui-dialog.autospec-customer-details-dialog input,
.ui-dialog.autospec-customer-details-dialog textarea {
    cursor: text !important;
}

/* Final Project View header polish: two selectors, one action, centered. */
body.autospec-project-view-mode #mpPopup .mpHeaderWrapper {
    align-items: flex-start !important;
    display: grid !important;
    gap: 132px !important;
    grid-template-columns: 430px 430px 280px !important;
    justify-content: center !important;
    max-width: 1400px !important;
    min-height: 90px !important;
    padding: 10px 12px 8px !important;
    position: relative !important;
    width: min(1400px, calc(100vw - 80px)) !important;
}

body.autospec-project-view-mode #mpPopup .mpHeaderWrapper > * {
    left: auto !important;
    margin: 0 !important;
    max-width: none !important;
    position: relative !important;
    right: auto !important;
    top: auto !important;
    width: auto !important;
}

body.autospec-project-view-mode #mpPopup .autospec-project-selector-row,
body.autospec-project-view-mode #mpPopup .autospec-customer-selector-row {
    background: #fff !important;
    border: 1px solid #dedede !important;
    border-radius: 2px !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .12) !important;
    box-sizing: border-box !important;
    display: block !important;
    flex: 0 0 430px !important;
    min-height: 78px !important;
    overflow: hidden !important;
    padding: 12px 10px !important;
    width: 430px !important;
}

body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper {
    background: #edf2fc !important;
    box-sizing: border-box !important;
    max-width: 1400px !important;
    min-height: 74px !important;
    padding: 6px 26px 6px !important;
    width: min(1400px, calc(100vw - 80px)) !important;
}

body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: none !important;
}

body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper .manageLocationsBtn,
body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper [class*="ManageLocations"],
body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper [class*="manageLocations"] {
    margin-left: 132px !important;
}

body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper .mpLocationFilterWrapper,
body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper [class*="LocationFilter"],
body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper [class*="locationFilter"] {
    align-items: center !important;
    background: #fff !important;
    border: 1px solid #dedede !important;
    border-radius: 2px !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .12) !important;
    box-sizing: border-box !important;
    display: flex !important;
    height: 44px !important;
    margin-top: 6px !important;
    padding: 8px 14px !important;
    width: 520px !important;
}

body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper select,
body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper .ss-main {
    max-width: none !important;
    min-width: 0 !important;
    width: 330px !important;
}

body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper ul {
    align-items: center !important;
    display: flex !important;
    gap: 18px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper li {
    margin: 0 !important;
    min-width: 0 !important;
}

body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper li:first-child {
    align-items: center !important;
    background: #72777c !important;
    border-radius: 2px !important;
    color: #fff !important;
    display: inline-flex !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    height: 20px !important;
    justify-content: center !important;
    line-height: 20px !important;
    padding: 0 6px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper li:first-child br {
    display: none !important;
}

body.autospec-project-view-mode #mpPopup .autospec-location-nav-row {
    background: #edf2fc !important;
    box-sizing: border-box !important;
    min-height: 74px !important;
    padding: 6px 26px 6px !important;
}

body.autospec-project-view-mode #mpPopup .autospec-location-filter-card {
    align-items: center !important;
    background: #fff !important;
    border: 1px solid #dedede !important;
    border-radius: 2px !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .12) !important;
    box-sizing: border-box !important;
    display: flex !important;
    gap: 18px !important;
    height: 44px !important;
    list-style: none !important;
    margin: 6px 0 0 0 !important;
    padding: 8px 14px !important;
    width: 520px !important;
}

body.autospec-project-view-mode #mpPopup .autospec-location-filter-card li {
    margin: 0 !important;
    min-width: 0 !important;
}

body.autospec-project-view-mode #mpPopup .autospec-location-filter-card li:first-child {
    align-items: center !important;
    background: #72777c !important;
    border-radius: 2px !important;
    color: #fff !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    height: 20px !important;
    justify-content: center !important;
    line-height: 20px !important;
    padding: 0 6px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

body.autospec-project-view-mode #mpPopup .autospec-location-filter-card li:first-child br {
    display: none !important;
}

body.autospec-project-view-mode #mpPopup .autospec-location-filter-card li:nth-child(2) {
    flex: 1 1 auto !important;
}

body.autospec-project-view-mode #mpPopup .autospec-location-level-select,
body.autospec-project-view-mode #mpPopup .autospec-location-filter-card .ss-main {
    box-sizing: border-box !important;
    max-width: none !important;
    min-width: 0 !important;
    width: 330px !important;
}

/* Last word: widen the location grid/card while keeping the dropdown smaller. */
body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper {
    min-height: 74px !important;
    padding: 6px 26px 6px !important;
}

body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper > div,
body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper > ul,
body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper .autospec-location-filter-card {
    box-sizing: border-box !important;
    max-width: none !important;
}

body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper .autospec-location-filter-card,
body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper ul:has(.autospec-location-level-select),
body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper div:has(.autospec-location-level-select),
body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper ul:has(select),
body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper div:has(select) {
    align-items: center !important;
    background: #fff !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 2px !important;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .14) !important;
    display: flex !important;
    gap: 18px !important;
    height: 44px !important;
    margin: 6px 0 0 0 !important;
    padding: 8px 14px !important;
    width: 520px !important;
}

body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper select,
body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper .ss-main,
body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper .autospec-location-level-select {
    flex: 0 0 330px !important;
    max-width: 330px !important;
    width: 330px !important;
}

body.autospec-project-view-mode #mpPopup .autospec-project-selector-row ul,
body.autospec-project-view-mode #mpPopup .autospec-customer-selector-row ul {
    align-items: center !important;
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

body.autospec-project-view-mode #mpPopup .autospec-customer-selector-row ul {
    gap: 12px !important;
    grid-template-columns: 96px minmax(0, 1fr) auto !important;
}

body.autospec-project-view-mode #mpPopup .autospec-project-selector-row li,
body.autospec-project-view-mode #mpPopup .autospec-customer-selector-row li {
    margin: 0 !important;
    min-width: 0 !important;
}

body.autospec-project-view-mode #mpPopup .autospec-project-selector-row select,
body.autospec-project-view-mode #mpPopup .autospec-customer-selector-row select,
body.autospec-project-view-mode #mpPopup .autospec-project-selector-row .ss-main,
body.autospec-project-view-mode #mpPopup .autospec-customer-selector-row .ss-main {
    box-sizing: border-box !important;
    max-width: none !important;
    min-width: 0 !important;
    width: 100% !important;
}

body.autospec-project-view-mode #mpPopup .mpHeaderActionsWrapper,
body.autospec-project-view-mode #mpPopup .mpHeaderWrapper .js-control-buttons {
    align-items: center !important;
    display: flex !important;
    justify-content: center !important;
    min-height: 78px !important;
}

body.autospec-project-view-mode #mpPopup .mpHeaderUserWrapper,
body.autospec-project-view-mode #mpPopup .mpReportsWrapper {
    display: none !important;
}

body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper .js-control-buttons,
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper .js-control-buttons {
    display: none !important;
}

body.autospec-project-view-mode #mpPopup .mpHeaderGenerateSpec {
    align-items: center !important;
    background: #168ce5 !important;
    border: 0 !important;
    border-radius: 2px !important;
    box-sizing: border-box !important;
    color: #fff !important;
    cursor: pointer !important;
    display: inline-flex !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    height: 40px !important;
    justify-content: center !important;
    left: auto !important;
    line-height: 40px !important;
    margin: 0 !important;
    min-width: 198px !important;
    padding: 0 18px !important;
    position: absolute !important;
    right: 206px !important;
    text-transform: uppercase !important;
    top: 40px !important;
}

body.autospec-project-view-mode #mpPopup a,
body.autospec-project-view-mode #mpPopup button {
    pointer-events: auto !important;
}

@media (max-width: 1240px) {
    body.autospec-project-view-mode #mpPopup .mpHeaderWrapper {
        gap: 14px !important;
        grid-template-columns: minmax(300px, 1fr) minmax(300px, 1fr) !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    body.autospec-project-view-mode #mpPopup .mpHeaderActionsWrapper,
    body.autospec-project-view-mode #mpPopup .mpHeaderWrapper .js-control-buttons {
        min-height: 48px !important;
    }

    body.autospec-project-view-mode #mpPopup .autospec-project-selector-row,
    body.autospec-project-view-mode #mpPopup .autospec-customer-selector-row {
        flex: 1 1 0 !important;
        width: auto !important;
    }
}

@media (max-width: 760px) {
    body.autospec-project-view-mode #mpPopup .mpHeaderWrapper {
        grid-template-columns: 1fr !important;
    }
}

.ui-dialog.autospec-mlbp-dialog #mlbpPopup {
    display: block !important;
    height: calc(100% - 110px) !important;
    overflow: hidden !important;
    padding: 0 !important;
    pointer-events: auto !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpTabs {
    background: #f1f1f1 !important;
    height: 100% !important;
    overflow: hidden !important;
    padding: 0 !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav {
    background: #f1f1f1 !important;
    display: flex !important;
    height: 56px !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 4 !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li {
    background: transparent !important;
    border: 0 !important;
    cursor: pointer !important;
    height: 56px !important;
    min-width: 116px !important;
    pointer-events: auto !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li.autospec-mlbp-tab-active,
.ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li.ui-tabs-active,
.ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li.ui-state-active {
    background: #fff !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpLocationTab,
.ui-dialog.autospec-mlbp-dialog #mlbpBuildingElementTab {
    background: #fff !important;
    height: calc(100% - 56px) !important;
    overflow: hidden !important;
    padding: 0 !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpLocationTab[aria-hidden="true"],
.ui-dialog.autospec-mlbp-dialog #mlbpBuildingElementTab[aria-hidden="true"] {
    display: none !important;
    height: 0 !important;
    pointer-events: none !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpLocationTab[aria-hidden="false"],
.ui-dialog.autospec-mlbp-dialog #mlbpBuildingElementTab[aria-hidden="false"] {
    display: block !important;
    pointer-events: auto !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpLocToolbar,
.ui-dialog.autospec-mlbp-dialog #mlbpBeToolbar {
    align-items: center !important;
    background: #f1f1f1 !important;
    display: flex !important;
    height: 50px !important;
    justify-content: center !important;
    margin: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    pointer-events: auto !important;
    position: relative !important;
    width: 100% !important;
    z-index: 3 !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpLocTree,
.ui-dialog.autospec-mlbp-dialog #mlbpBeTree {
    background: #fff !important;
    border-top: 4px solid #d9ebf7 !important;
    display: block !important;
    height: calc(100% - 50px) !important;
    margin: 0 !important;
    max-width: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 0 !important;
    pointer-events: auto !important;
    position: relative !important;
    width: 100% !important;
    z-index: 2 !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-new-wrapper[data-level="0"] {
    background: #d9ebf7 !important;
    min-height: 39px !important;
    padding-left: 20px !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper {
    background: #fff !important;
    min-height: 39px !important;
}

.ui-dialog.autospec-mlbp-dialog .loaderOverlay,
.ui-dialog.autospec-mlbp-dialog .blockUI,
.ui-dialog.autospec-mlbp-dialog .blockOverlay,
.ui-dialog.autospec-mlbp-dialog .ui-widget-overlay {
    display: none !important;
    pointer-events: none !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpPopup input,
.ui-dialog.autospec-mlbp-dialog #mlbpPopup button,
.ui-dialog.autospec-mlbp-dialog #mlbpPopup select,
.ui-dialog.autospec-mlbp-dialog #mlbpPopup a,
.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-wrapper,
.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper,
.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-new-wrapper,
.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-row,
.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-sym,
.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-label,
.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-chkbox,
.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-expand-symbol,
.ui-dialog.autospec-mlbp-dialog #mlbpPopup .children-wrapper,
.ui-dialog.autospec-mlbp-dialog #mlbpPopup .searchBtn,
.ui-dialog.autospec-mlbp-dialog #mlbpPopup .searchClearBtn,
.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-edit-btn,
.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-delete-btn,
.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-new-save-btn,
.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-new-input {
    pointer-events: auto !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper,
.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-new-wrapper,
.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-row,
.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-sym {
    position: relative !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-delete-btn {
    display: inline-flex !important;
    height: 18px !important;
    justify-content: center !important;
    right: 14px !important;
    width: 18px !important;
    z-index: 10 !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-edit-btn {
    display: inline-flex !important;
    height: 18px !important;
    justify-content: center !important;
    right: 50px !important;
    width: 18px !important;
    z-index: 10 !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-new-save-btn,
.ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-new-save-btn.fa {
    z-index: 10 !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpLocToolbar .searchTxt,
.ui-dialog.autospec-mlbp-dialog #mlbpBeToolbar .searchTxt {
    background: #fff !important;
    border: 1px solid #d0d0d0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #666 !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-style: italic !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    width: 190px !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 12 !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpLocToolbar .searchBtn,
.ui-dialog.autospec-mlbp-dialog #mlbpBeToolbar .searchBtn {
    align-items: center !important;
    background: #2196f3 !important;
    border: 0 !important;
    color: #fff !important;
    cursor: pointer !important;
    display: inline-flex !important;
    height: 28px !important;
    justify-content: center !important;
    margin: 0 !important;
    width: 28px !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpLocToolbar .searchClearBtn,
.ui-dialog.autospec-mlbp-dialog #mlbpBeToolbar .searchClearBtn {
    color: #333 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    font-size: 16px !important;
    height: 28px !important;
    line-height: 28px !important;
    margin-left: 10px !important;
    vertical-align: middle !important;
}

body.autospec-project-view-mode div#locationNav {
    background: #ecf0fb !important;
    box-sizing: border-box !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 16px 4px !important;
    position: relative !important;
    z-index: 4 !important;
}

body.autospec-project-view-mode div#locationNav:before {
    color: #111;
    content: "FILTER BY LOCATIONS";
    display: block;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
}

body.autospec-project-view-mode #locationSelectWrapper {
    box-sizing: border-box !important;
    display: block !important;
    height: auto !important;
    margin-top: 0 !important;
    max-width: 1400px !important;
    min-height: 0 !important;
    padding: 0 !important;
    position: relative !important;
    width: min(1400px, calc(100vw - 80px)) !important;
}

body.autospec-project-view-mode #locationSelectWrapper .location-row {
    align-items: flex-start !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 34px !important;
    margin: 0 !important;
    width: 100% !important;
}

body.autospec-project-view-mode #locationSelectWrapper .location-col {
    box-sizing: border-box !important;
    flex: 0 0 424px !important;
    max-width: 424px !important;
    min-height: 44px !important;
    padding: 0 !important;
    position: relative !important;
    width: 424px !important;
}

body.autospec-project-view-mode #locationSelectWrapper .location-col[style*="visibility: hidden"] {
    display: none !important;
}

body.autospec-project-view-mode #locationSelectWrapper .project-selection-container {
    align-items: center !important;
    background: #fff !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 2px !important;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .14) !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 50px minmax(0, 1fr) !important;
    height: 44px !important;
    margin: 0 !important;
    min-height: 44px !important;
    padding: 8px 14px !important;
    position: static !important;
    width: 424px !important;
}

body.autospec-project-view-mode #locationSelectWrapper .project-selection-container > ul {
    align-items: center !important;
    display: contents !important;
    gap: 0;
    justify-content: flex-start !important;
    list-style: none;
    margin: 0;
    padding: 0;
}

body.autospec-project-view-mode #locationSelectWrapper .project-selection-container > ul li:has(a.unique-class) {
    display: contents !important;
}

body.autospec-project-view-mode #locationSelectWrapper .project-selection-container .label {
    align-items: center;
    background: #72777c;
    border-radius: 2px;
    color: #fff;
    display: inline-flex;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 700;
    height: 20px;
    justify-content: center;
    line-height: 20px;
    padding: 0 6px;
    text-transform: uppercase;
    white-space: nowrap;
}

body.autospec-project-view-mode #locationSelectWrapper a.unique-class {
    align-items: center;
    background-color: #2196f3;
    border-radius: 2px;
    box-sizing: border-box;
    color: #fff;
    display: inline-flex;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 700;
    height: 24px;
    justify-content: center;
    left: 157px;
    line-height: 24px;
    padding: 0 12px;
    position: absolute;
    text-decoration: none;
    text-transform: uppercase;
    top: -42px;
    user-select: none;
    -webkit-user-select: none;
    white-space: nowrap;
    width: auto;
}

body.autospec-project-view-mode #pcbWrapper .cstWrapper {
    align-items: center !important;
    display: flex !important;
    gap: 12px !important;
}

body.autospec-project-view-mode #pcbWrapper {
    width: 462px !important;
}

body.autospec-project-view-mode #pcbWrapper .cstLabel {
    flex: 0 0 70px !important;
    line-height: 14px !important;
}

body.autospec-project-view-mode #pcbWrapper .cstDropdown {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

body.autospec-project-view-mode #locationSelectWrapper .ln-location-select-shell {
    flex: 1 1 auto !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    max-width: none !important;
    min-width: 0 !important;
    position: relative !important;
    width: 100% !important;
}

body.autospec-project-view-mode #locationSelectWrapper .ln-location-native-select {
    height: 34px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
}

body.autospec-project-view-mode #locationSelectWrapper .ln-location-custom-select {
    display: block !important;
    position: static !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    margin-top: -6px;
    margin-left: 5px;
}

body.autospec-project-view-mode #locationSelectWrapper .ln-location-custom-toggle {
    background: #fff;
    border: 1px solid #c8c8c8;
    border-radius: 0;
    box-shadow: none;
    color: #333;
    cursor: pointer;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
    font-size: 13px;
    height: 34px;
    overflow: hidden;
    padding: 0 30px 0 10px;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

body.autospec-project-view-mode #locationSelectWrapper .ln-location-custom-toggle:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #555;
    content: "";
    margin-top: -2px;
    position: absolute;
    right: 11px;
    top: 50%;
}

body.autospec-project-view-mode #locationSelectWrapper .ln-location-custom-menu {
    background: #fff;
    border: 1px solid #c8c8c8;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .14);
    box-sizing: border-box;
    display: none;
    left: 0;
    max-height: 220px;
    overflow-y: auto;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 80;
}

body.autospec-project-view-mode #locationSelectWrapper .ln-location-custom-select.open .ln-location-custom-menu,
body.autospec-project-view-mode #locationSelectWrapper .ln-location-custom-select.is-open .ln-location-custom-menu,
body.autospec-project-view-mode #locationSelectWrapper .ln-location-custom-select:focus-within .ln-location-custom-menu {
    display: block;
}

body.autospec-project-view-mode #locationSelectWrapper .ln-location-custom-option {
    align-items: center;
    background: #fff;
    border: 0;
    color: #333;
    cursor: pointer;
    display: flex;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
    font-size: 13px;
    gap: 8px;
    justify-content: space-between;
    min-height: 34px;
    padding: 7px 8px 7px 10px;
    text-align: left;
    width: 100%;
}

body.autospec-project-view-mode #locationSelectWrapper .ln-location-custom-option:hover,
body.autospec-project-view-mode #locationSelectWrapper .ln-location-custom-option.selected {
    background: #edf2fc;
}

body.autospec-project-view-mode #locationSelectWrapper .ln-location-option-label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.autospec-project-view-mode #locationSelectWrapper .ln-location-option-menu {
    align-items: center;
    color: #858b92;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 11px;
    gap: 4px;
    position: static;
    text-decoration: none;
}

body.autospec-project-view-mode #locationSelectWrapper .ln-location-option-menu-icon {
    height: 14px;
    width: 14px;
}

body.autospec-project-view-mode #locationSelectWrapper #refresh_location {
    align-items: center;
    color: #333 !important;
    display: inline-flex;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
    font-size: 12px;
    gap: 5px;
    height: 24px;
    margin-top: -35px;
    padding: 0 !important;
    white-space: nowrap;
    width: 130px;
}

body.autospec-project-view-mode #locationSelectWrapper #refresh_location .fa-refresh {
    display: inline-block !important;
    font-family: FontAwesome !important;
}

#searchmenuPanel {
    height: 56px;
    background: #000;
    border-radius: 4px;
    display: flex;
    margin-left: 251px;
    align-items: center;
    width: 654px;
}


div#results-menu li {
    height: 1px;
    display: flex;
    align-items: center;
    margin-left: 4px;
    line-height: 34px;
    margin-top: 17px;
}

div#results-menu span {
    font-size: 11px;
    width: 116px !important;
    float: left;
    line-height: 34px;
    padding-left: 16px;
    padding-right: 16px;
    color: #fff;
}

/* Final Manage Locations tab icon pass. */
.ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li {
    position: relative !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li a {
    padding-top: 22px !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li:has(> a[href="#mlbpLocationTab"]):after,
.ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-tab[aria-controls="mlbpLocationTab"]:after {
    background: url("/pm/dist/images/location.png") center / 16px 16px no-repeat !important;
    content: "" !important;
    display: block !important;
    height: 18px !important;
    left: 50% !important;
    pointer-events: none !important;
    position: absolute !important;
    top: 10px !important;
    transform: translateX(-50%) !important;
    width: 18px !important;
}

.ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li:has(> a[href="#mlbpBuildingElementTab"]):after,
.ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-tab[aria-controls="mlbpBuildingElementTab"]:after {
    background: url("/pm/dist/images/be.png") center / 16px 16px no-repeat !important;
    content: "" !important;
    display: block !important;
    height: 18px !important;
    left: 50% !important;
    pointer-events: none !important;
    position: absolute !important;
    top: 10px !important;
    transform: translateX(-50%) !important;
    width: 18px !important;
}

body.autospec-project-view-mode .imPopup .imgGallery {
    top: 34px !important;
}

body.autospec-project-view-mode .titlebar-text-btn.im-upload-btn {
    align-items: center !important;
    display: inline-flex !important;
    gap: 8px !important;
    margin-top: 3px !important;
}

body.autospec-project-view-mode .titlebar-text-btn.im-upload-btn:before {
    content: "\f03e" !important;
    display: inline-block !important;
    font-family: FontAwesome, "Font Awesome 5 Free", Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    line-height: 1 !important;
}

body.autospec-project-view-mode .ui-dialog:has(.ui-dialog-titlebar .ui-dialog-title) .ui-dialog-content:has(.pagination),
body.autospec-project-view-mode .ui-dialog:has(.ui-dialog-titlebar .ui-dialog-title) .ui-dialog-content:has(a[href*="download"]) {
    background: #fff !important;
}

body.autospec-project-view-mode .ui-dialog:has(.ui-dialog-titlebar .ui-dialog-title) .ui-dialog-content:has(.pagination) table,
body.autospec-project-view-mode .ui-dialog:has(.ui-dialog-titlebar .ui-dialog-title) .ui-dialog-content:has(a[href*="download"]) table,
body.autospec-project-view-mode .ui-dialog:has(.ui-dialog-titlebar .ui-dialog-title) .ui-dialog-content:has(.pagination) tr,
body.autospec-project-view-mode .ui-dialog:has(.ui-dialog-titlebar .ui-dialog-title) .ui-dialog-content:has(a[href*="download"]) tr,
body.autospec-project-view-mode .ui-dialog:has(.ui-dialog-titlebar .ui-dialog-title) .ui-dialog-content:has(.pagination) td,
body.autospec-project-view-mode .ui-dialog:has(.ui-dialog-titlebar .ui-dialog-title) .ui-dialog-content:has(a[href*="download"]) td,
body.autospec-project-view-mode .ui-dialog:has(.ui-dialog-titlebar .ui-dialog-title) .ui-dialog-content:has(.pagination) th,
body.autospec-project-view-mode .ui-dialog:has(.ui-dialog-titlebar .ui-dialog-title) .ui-dialog-content:has(a[href*="download"]) th {
    background: #fff !important;
}

.autospec-image-manager-btn {
    cursor: pointer !important;
    pointer-events: auto !important;
    opacity: 1 !important;
}
.autospec-image-manager-btn .relocate-text {
    display: inline !important;
}

/* FINAL Product Images popup overrides */

body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup {
    z-index: 40000 !important;
}

/* content stays underneath titlebar controls */
body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup #imPopup_pop {
    position: relative !important;
    z-index: 1 !important;
    padding-top: 55px !important;
}

/* titlebar above content */
body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup .ui-dialog-titlebar {
    position: relative !important;
    overflow: visible !important;
    z-index: 2 !important;
}

/* native Add Image holder */
body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup .titlebar-aux-html {
    position: absolute !important;

    top: 68px !important;
    left: 0 !important;
    right: 0 !important;

    width: 100% !important;
    height: 34px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    transform: none !important;

    pointer-events: none !important;
    z-index: 3 !important;
}

/* native Add Image button */
body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup .im-upload-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 192px !important;
    height: 30px !important;

    background: #2196f3 !important;
    color: #fff !important;

    visibility: visible !important;
    opacity: 1 !important;

    pointer-events: auto !important;
    cursor: pointer !important;

    position: relative !important;
    z-index: 4 !important;
}
/* If Summernote exists, never show the fallback editor */
body.autospec-project-view-mode #imageCapture:has(.note-editor)
.autospec-fallback-editor {
    display: none !important;
}
/* Hide the native "Upload an image" heading/button inside the preview area */
body.autospec-project-view-mode
#imageCapture
.product-image-editor-section
.project-image-upload-btn {
    display: none !important;
}


/* Display uploaded images 3 per row */
body.autospec-project-view-mode
#imageCapture
.product-image-editor-section
.note-editable.has-images {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    align-items: start !important;
    width: 100% !important;
}


/* Each image + delete button becomes one grid item */
body.autospec-project-view-mode
#imageCapture
.product-image-editor-section
.product-image-thumb-item {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 0 28px !important;
    position: relative !important;
}


/* Thumbnail fills its grid column */
body.autospec-project-view-mode
#imageCapture
.product-image-editor-section
.product-image-thumb-item img.uploaded-preview {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 115px !important;
    object-fit: cover !important;
    box-sizing: border-box !important;
}


/* Delete button stays directly below each image */
body.autospec-project-view-mode
#imageCapture
.product-image-editor-section
.product-image-thumb-delete {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 24px !important;
}

/* Hide toolbar in Images preview editor only */
body.autospec-project-view-mode
#imageCapture
.product-image-editor-section
.note-toolbar .note-insert {
    display: none !important;
}

/* Images preview: remove the large empty space */
body.autospec-project-view-mode
#imageCapture
.product-image-editor-section .note-editor {
    min-height: 0 !important;
    height: auto !important;
    margin-top: 8px !important;
}

/* Preview content should only be as tall as the image rows */
body.autospec-project-view-mode
#imageCapture
.product-image-editor-section .note-editable {
    min-height: 0 !important;
    height: auto !important;
    padding: 5px !important;
    overflow: visible !important;
}

/* Remove unnecessary space below image grid */
body.autospec-project-view-mode
#imageCapture
.product-image-editor-section {
    min-height: 0 !important;
    height: auto !important;
    margin-bottom: 10px !important;
}

/* Keep the 3-column image layout compact */
body.autospec-project-view-mode
#imageCapture
.product-image-editor-section
.note-editable.has-images {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
    align-items: start !important;
    align-content: start !important;
}

/* Product image preview card */
body.autospec-project-view-mode
#imageCapture
.product-image-editor-section .note-editable img {
    display: block !important;
    width: 100% !important;
    height: 95px !important;
    object-fit: cover !important;
    box-sizing: border-box !important;
}

/* Make DELETE exactly match image width */
body.autospec-project-view-mode
#imageCapture
.product-image-editor-section .note-editable .delete-image,
body.autospec-project-view-mode
#imageCapture
.product-image-editor-section .note-editable button {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

.autospec-customer-details-dialog
.ui-dialog-titlebar {
    position: relative !important;
}

.autospec-customer-details-dialog {
    position: fixed !important;
}

.autospec-customer-details-dialog
.autospec-customer-close {
    appearance: none !important;
    -webkit-appearance: none !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    color: #fff !important;
    cursor: pointer !important;

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 30px !important;
    font-weight: 300 !important;

    height: 32px !important;
    line-height: 32px !important;

    margin: 0 !important;
    padding: 0 !important;

    position: absolute !important;

    right: 12px !important;
    left: auto !important;
    top: 8px !important;

    text-align: center !important;

    width: 32px !important;

    z-index: 2147483647 !important;
}

.autospec-customer-details-dialog
.autospec-customer-close:hover,
.autospec-customer-details-dialog
.autospec-customer-close:focus {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
    outline: none !important;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.dyn-popup.dvhPopup.ui-resizable {
    max-width: 900px !important;
    height: 98% !important;
}

/* Document Version History ONLY */
.ui-dialog:has(> #dvhPopup) .ui-dialog-titlebar-close {
    position: absolute !important;
    top: 14px !important;
    right: 16px !important;
    left: auto !important;

    width: 30px !important;
    height: 30px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* Keep the existing white close image, just put it inside its button */
.ui-dialog:has(> #dvhPopup)
.ui-dialog-titlebar-close
.ui-icon-closethick {
    position: absolute !important;

    top: 3px !important;
    left: 3px !important;

    width: 24px !important;
    height: 24px !important;

    margin: 0 !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}
.liWrapper .liCode {
    display: none !important;
}

.ui-dialog.psdPopup {
    z-index: 1001100 !important;
}

#psdPopup {
    z-index: 1001101 !important;
}
/* Delete Specification popup */
.ui-dialog.psdPopup {
    width: min(780px, calc(100vw - 48px)) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100vh - 64px) !important;
    overflow: hidden !important;
}

.ui-dialog.psdPopup #psdPopup {
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100vh - 190px) !important;
    overflow-y: auto !important;
    padding: 24px 28px 0 !important;
}

.ui-dialog.psdPopup .ui-dialog-buttonpane {
    height: auto !important;
    min-height: 50px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    text-align: right !important;
}

.ui-dialog.psdPopup .ui-dialog-buttonset {
    float: none !important;
    width: 100% !important;
    display: flex !important;
    justify-content: flex-end !important;
}

.ui-dialog.psdPopup .ui-dialog-buttonpane button {
    float: none !important;
    margin: 0 !important;
}

/* Delete Specification - Cancel button */
.ui-dialog.psdPopup .ui-dialog-buttonpane button {
    width: auto !important;
    min-width: 75px !important;
    height: 32px !important;
    padding: 0 14px !important;
    background-image: none !important;
}

/* Remove the X/icon from Cancel */
.ui-dialog.psdPopup .ui-dialog-buttonpane button::before,
.ui-dialog.psdPopup .ui-dialog-buttonpane button::after,
.ui-dialog.psdPopup .ui-dialog-buttonpane button .ui-button-text::before,
.ui-dialog.psdPopup .ui-dialog-buttonpane button .ui-button-text::after {
    content: none !important;
    display: none !important;
    background: none !important;
    background-image: none !important;
}

.ui-dialog.psdPopup .ui-dialog-buttonpane button .ui-button-text {
    background: none !important;
    background-image: none !important;
    padding: 0 !important;
    line-height: 32px !important;
}

.ui-dialog.psdPopup #psdPopup.autospec-delete-spec-popup {
    background: #fff !important;
    box-sizing: border-box !important;
    color: #121722 !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

.ui-dialog.psdPopup .autospec-delete-spec-intro {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    margin: 0 0 18px !important;
}

.ui-dialog.psdPopup .autospec-delete-spec-intro strong {
    color: #121722 !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
}

.ui-dialog.psdPopup .autospec-delete-spec-intro span {
    color: #536178 !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
}

.ui-dialog.psdPopup .autospec-delete-spec-options {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    margin: 0 !important;
}

.ui-dialog.psdPopup .autospec-delete-spec-option {
    align-items: center !important;
    appearance: none !important;
    background: #fff !important;
    border: 1px solid #dbe3ec !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    color: #111827 !important;
    cursor: pointer !important;
    display: grid !important;
    gap: 18px !important;
    grid-template-columns: 56px minmax(0, 1fr) 24px !important;
    min-height: 72px !important;
    padding: 10px 18px 10px 12px !important;
    text-align: left !important;
    width: 100% !important;
}

.ui-dialog.psdPopup .autospec-delete-spec-option + .autospec-delete-spec-option {
    margin-top: -1px !important;
}

.ui-dialog.psdPopup .autospec-delete-spec-trash {
    align-items: center !important;
    background: #f4f6f8 !important;
    border-radius: 6px !important;
    display: flex !important;
    height: 48px !important;
    justify-content: center !important;
    position: relative !important;
    width: 48px !important;
}

.ui-dialog.psdPopup .autospec-delete-spec-trash:before {
    color: #e00000 !important;
    content: "\f014" !important;
    font-family: FontAwesome, "Font Awesome 5 Free" !important;
    font-size: 28px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}

.ui-dialog.psdPopup .autospec-delete-spec-copy {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    min-width: 0 !important;
}

.ui-dialog.psdPopup .autospec-delete-spec-copy strong {
    color: #111827 !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
}

.ui-dialog.psdPopup .autospec-delete-spec-copy small {
    color: #52617a !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
}

.ui-dialog.psdPopup .autospec-delete-spec-chevron:before {
    border: solid #657187 !important;
    border-width: 0 4px 4px 0 !important;
    content: "" !important;
    display: inline-block !important;
    height: 12px !important;
    transform: rotate(-45deg) !important;
    width: 12px !important;
}

.ui-dialog.psdPopup .autospec-delete-spec-option-all {
    background: #fff0f1 !important;
    border-color: #ffd9dd !important;
    margin-top: 14px !important;
}

.ui-dialog.psdPopup .autospec-delete-spec-option-all .autospec-delete-spec-copy strong,
.ui-dialog.psdPopup .autospec-delete-spec-option-all .autospec-delete-spec-copy small,
.ui-dialog.psdPopup .autospec-delete-spec-option-all .autospec-delete-spec-chevron:before {
    color: #d80000 !important;
}

.ui-dialog.psdPopup .autospec-delete-spec-option-all .autospec-delete-spec-chevron:before {
    border-color: #e00000 !important;
}

.ui-dialog.psdPopup .autospec-delete-spec-footer-rule {
    border: 0 !important;
    border-top: 1px solid #d7dde5 !important;
    margin: 22px 0 0 !important;
}

/* Delete Specification - hide duplicate boxed X */
.ui-dialog.psdPopup .ui-dialog-titlebar-close .ui-icon {
    display: none !important;
}

.autospec-project-loading-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;

    font-size: 14px;
    font-weight: 600;
    color: #444;
}

.autospec-project-spinner {
    width: 26px;
    height: 26px;
    border: 3px solid #ddd;
    border-top-color: #2196f3;
    border-radius: 50%;
    animation: autospec-project-spin 0.7s linear infinite;
}

@keyframes autospec-project-spin {
    to {
        transform: rotate(360deg);
    }
}

/* ============================================================
   AUTOSPEC PROJECT VIEW - VISUAL ONLY
   Structure, sizing and positioning are owned by the working
   Project View rules above. This section standardizes the look.
   ============================================================ */

body.autospec-project-view-mode #mpPopup,
body.autospec-project-view-mode #mpPopup *,
body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog,
body.autospec-project-view-mode .ui-dialog.dyn-popup.mlbpPopup,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog,
body.autospec-project-view-mode .ui-dialog.autospec-customer-details-dialog,
body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup,
body.autospec-project-view-mode .ui-dialog.dyn-popup.js__img-preview-wrapper,
body.autospec-project-view-mode .ui-dialog.autospec-doc-preview-dialog,
body.autospec-project-view-mode .ui-dialog.autospec-email-dialog,
body.autospec-project-view-mode .ui-dialog.dyn-popup.eafPopup,
body.autospec-project-view-mode .ui-dialog.dyn-popup.dvhPopup,
body.autospec-project-view-mode .ui-dialog:has(> #dvhPopup),
body.autospec-project-view-mode .ui-dialog.psdPopup,
body.autospec-project-view-mode .ui-dialog.pmMessagePp {
    font-family: Arial, Helvetica, sans-serif !important;
}

body.autospec-project-view-mode #mpPopup .autospec-project-selector-row,
body.autospec-project-view-mode #mpPopup .autospec-customer-selector-row {
    background: #fff !important;
    border-color: #d7d7d7 !important;
    border-radius: 2px !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .12) !important;
}

body.autospec-project-view-mode #mpPopup .autospec-project-selector-row li:first-child,
body.autospec-project-view-mode #mpPopup .autospec-customer-selector-row li:first-child,
body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper li:first-child,
body.autospec-project-view-mode #mpPopup .autospec-location-filter-card li:first-child,
body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper:before,
body.autospec-project-view-mode #mpPopup .autospec-location-nav-row:before,
body.autospec-project-view-mode .ui-dialog .ui-dialog-title,
body.autospec-project-view-mode .ui-dialog .ui-tabs-nav li a {
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
}

body.autospec-project-view-mode #mpPopup .autospec-project-selector-row li:first-child,
body.autospec-project-view-mode #mpPopup .autospec-customer-selector-row li:first-child {
    color: #222 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

body.autospec-project-view-mode #mpPopup .autospec-project-selector-row a,
body.autospec-project-view-mode #mpPopup .autospec-customer-selector-row a {
    color: #168ce5 !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
}

body.autospec-project-view-mode #mpPopup select,
body.autospec-project-view-mode #mpPopup input[type="text"],
body.autospec-project-view-mode #mpPopup input[type="search"],
body.autospec-project-view-mode #mpPopup .ss-main .ss-single-selected,
body.autospec-project-view-mode #mpPopup .ss-main .ss-multi-selected,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog input[type="text"],
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog input[type="search"],
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog select,
body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog input,
body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog select,
body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog textarea,
body.autospec-project-view-mode .ui-dialog.autospec-customer-details-dialog input,
body.autospec-project-view-mode .ui-dialog.autospec-customer-details-dialog select,
body.autospec-project-view-mode .ui-dialog.autospec-customer-details-dialog textarea {
    background: #fff !important;
    border: 1px solid #c8c8c8 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #222 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
}

body.autospec-project-view-mode #mpPopup select:focus,
body.autospec-project-view-mode #mpPopup input[type="text"]:focus,
body.autospec-project-view-mode #mpPopup input[type="search"]:focus,
body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog input:focus,
body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog select:focus,
body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog textarea:focus,
body.autospec-project-view-mode .ui-dialog.autospec-customer-details-dialog input:focus,
body.autospec-project-view-mode .ui-dialog.autospec-customer-details-dialog select:focus,
body.autospec-project-view-mode .ui-dialog.autospec-customer-details-dialog textarea:focus,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog input:focus,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog select:focus,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog textarea:focus {
    border-color: #168ce5 !important;
    outline: 1px solid #168ce5 !important;
    outline-offset: 0 !important;
}

body.autospec-project-view-mode #mpPopup .ss-content,
body.autospec-project-view-mode .ui-dialog .ss-content {
    background: #fff !important;
    border: 1px solid #c8c8c8 !important;
    border-radius: 0 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .14) !important;
    color: #222 !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

body.autospec-project-view-mode #mpPopup .ss-option,
body.autospec-project-view-mode .ui-dialog .ss-option {
    color: #222 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
}

body.autospec-project-view-mode #mpPopup .ss-option:hover,
body.autospec-project-view-mode #mpPopup .ss-option.ss-highlighted,
body.autospec-project-view-mode .ui-dialog .ss-option:hover,
body.autospec-project-view-mode .ui-dialog .ss-option.ss-highlighted {
    background: #d9ebf7 !important;
    color: #111 !important;
}

body.autospec-project-view-mode #mpPopup .mpHeaderGenerateSpec,
body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper .manageLocationsBtn,
body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper [class*="ManageLocations"],
body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper [class*="manageLocations"],
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper a,
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper button,
body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog .ui-dialog-buttonpane button,
body.autospec-project-view-mode .ui-dialog.autospec-customer-details-dialog .ui-dialog-buttonpane button,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .ui-dialog-buttonpane button,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .searchBtn,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .atppSaveBtn,
body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup .titlebar-text-btn,
body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup .im-upload-btn,
body.autospec-project-view-mode .ui-dialog.dyn-popup.js__img-preview-wrapper .titlebar-text-btn,
body.autospec-project-view-mode .ui-dialog.dyn-popup.js__img-preview-wrapper .save-btn,
body.autospec-project-view-mode .ui-dialog.autospec-doc-preview-dialog .titlebar-text-btn,
body.autospec-project-view-mode .ui-dialog.autospec-doc-preview-dialog .ui-dialog-buttonpane button,
body.autospec-project-view-mode .ui-dialog.autospec-email-dialog .titlebar-text-btn,
body.autospec-project-view-mode .ui-dialog.autospec-email-dialog .ui-dialog-buttonpane button,
body.autospec-project-view-mode .ui-dialog.dyn-popup.eafPopup .titlebar-text-btn,
body.autospec-project-view-mode .ui-dialog.dyn-popup.eafPopup .ui-dialog-buttonpane button,
body.autospec-project-view-mode .ui-dialog.dyn-popup.dvhPopup .ui-dialog-buttonpane button,
body.autospec-project-view-mode .ui-dialog:has(> #dvhPopup) .ui-dialog-buttonpane button,
body.autospec-project-view-mode .ui-dialog.pmMessagePp .ui-dialog-buttonpane button {
    background: #017eba !important;
    background-image: linear-gradient(#04557c, #046999) !important;
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    background-size: 0% 100% !important;
    border: 0 !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    color: #fff !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

body.autospec-project-view-mode #mpPopup .mpHeaderGenerateSpec:hover,
body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper .manageLocationsBtn:hover,
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper a:hover,
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper button:hover,
body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog .ui-dialog-buttonpane button:hover,
body.autospec-project-view-mode .ui-dialog.autospec-customer-details-dialog .ui-dialog-buttonpane button:hover,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .ui-dialog-buttonpane button:hover,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .searchBtn:hover,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .atppSaveBtn:hover,
body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup .titlebar-text-btn:hover,
body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup .im-upload-btn:hover,
body.autospec-project-view-mode .ui-dialog.dyn-popup.js__img-preview-wrapper .titlebar-text-btn:hover,
body.autospec-project-view-mode .ui-dialog.dyn-popup.js__img-preview-wrapper .save-btn:hover,
body.autospec-project-view-mode .ui-dialog.autospec-doc-preview-dialog .titlebar-text-btn:hover,
body.autospec-project-view-mode .ui-dialog.autospec-doc-preview-dialog .ui-dialog-buttonpane button:hover,
body.autospec-project-view-mode .ui-dialog.autospec-email-dialog .titlebar-text-btn:hover,
body.autospec-project-view-mode .ui-dialog.autospec-email-dialog .ui-dialog-buttonpane button:hover,
body.autospec-project-view-mode .ui-dialog.dyn-popup.eafPopup .titlebar-text-btn:hover,
body.autospec-project-view-mode .ui-dialog.dyn-popup.eafPopup .ui-dialog-buttonpane button:hover,
body.autospec-project-view-mode .ui-dialog.dyn-popup.dvhPopup .ui-dialog-buttonpane button:hover,
body.autospec-project-view-mode .ui-dialog:has(> #dvhPopup) .ui-dialog-buttonpane button:hover,
body.autospec-project-view-mode .ui-dialog.pmMessagePp .ui-dialog-buttonpane button:hover {
    background: #017eba !important;
    background-image: linear-gradient(#04557c, #046999) !important;
    background-size: 100% 100% !important;
    color: #fff !important;
}

body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper a,
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper button,
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper td:last-child .ui-button,
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper td:last-child [role="button"],
body.autospec-project-view-mode #mpPopup #lineItemsTable .view-spec-btn {
    background: #168ce5 !important;
    background-image: none !important;
    border: 1px solid #168ce5 !important;
    box-sizing: border-box !important;
    color: #fff !important;
    display: inline-block !important;
    font-size: 11px !important;
    align-items: center !important;
    height: 30px !important;
    justify-content: center !important;
    line-height: 28px !important;
    max-width: none !important;
    min-width: 86px !important;
    overflow: visible !important;
    overflow-wrap: normal !important;
    padding: 0 7px !important;
    text-align: center !important;
    white-space: nowrap !important;
    word-break: normal !important;
    width: auto !important;
}

body.autospec-project-view-mode #mpPopup #lineItemsTable td:last-child .clamp {
    -webkit-line-clamp: unset !important;
    display: block !important;
    max-height: none !important;
    max-width: none !important;
    min-width: 96px !important;
    overflow: visible !important;
    white-space: nowrap !important;
    width: auto !important;
}

body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper td:last-child .ui-button-text,
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper td:last-child span {
    display: inline !important;
    line-height: 28px !important;
    max-width: none !important;
    overflow-wrap: normal !important;
    padding: 0 !important;
    white-space: nowrap !important;
    word-break: normal !important;
    width: auto !important;
}

body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper a br,
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper button br,
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper td:last-child br {
    display: none !important;
}

body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper a:hover,
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper button:hover,
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper td:last-child .ui-button:hover,
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper td:last-child [role="button"]:hover {
    background: #017eba !important;
    background-image: none !important;
    border-color: #017eba !important;
    color: #fff !important;
}

body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper td:last-child,
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper th:last-child {
    min-width: 102px !important;
    text-align: center !important;
    white-space: nowrap !important;
    word-break: normal !important;
    width: 102px !important;
}

body.autospec-project-view-mode #mpPopup .mpHeaderGenerateSpec:not(.autospec-generate-document-button),
body.autospec-project-view-mode #mpPopup .mpHeaderBack,
body.autospec-project-view-mode #mpPopup .mpHeaderActionsWrapper > :not(.autospec-generate-document-button),
body.autospec-project-view-mode #mpPopup .mpHeaderWrapper .js-control-buttons > :not(.autospec-generate-document-button) {
    display: none !important;
}

body.autospec-project-view-mode #mpPopup .mpHeaderGenerateSpec.autospec-generate-document-button {
    display: inline-flex !important;
}

body.autospec-project-view-mode.autospec-project-table-refreshing #mpPopup .mpHeaderGenerateSpec,
body.autospec-project-view-mode.autospec-project-table-refreshing #mpPopup .mpHeaderBack,
body.autospec-project-view-mode.autospec-project-table-refreshing #mpPopup .mpHeaderActionsWrapper,
body.autospec-project-view-mode.autospec-project-table-refreshing #mpPopup .mpHeaderWrapper .js-control-buttons,
body.autospec-project-view-mode.autospec-project-table-refreshing #mpPopup .mpHeaderUserWrapper,
body.autospec-project-view-mode.autospec-project-table-refreshing #mpPopup .mpReportsWrapper,
body.autospec-project-view-mode.autospec-project-view-loading #mpPopup .mpHeaderGenerateSpec,
body.autospec-project-view-mode.autospec-project-view-loading #mpPopup .mpHeaderBack,
body.autospec-project-view-mode.autospec-project-view-loading #mpPopup .mpHeaderActionsWrapper,
body.autospec-project-view-mode.autospec-project-view-loading #mpPopup .mpHeaderWrapper .js-control-buttons,
body.autospec-project-view-mode.autospec-project-view-loading #mpPopup .mpHeaderUserWrapper,
body.autospec-project-view-mode.autospec-project-view-loading #mpPopup .mpReportsWrapper {
    display: none !important;
}

body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper thead th,
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper thead td {
    white-space: nowrap !important;
}

body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper .manageLocationsBtn,
body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper [class*="ManageLocations"],
body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper [class*="manageLocations"] {
    align-items: center !important;
    background: #168ce5 !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 2px !important;
    color: #fff !important;
    cursor: pointer !important;
    display: inline-flex !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    height: 24px !important;
    justify-content: center !important;
    line-height: 24px !important;
    min-width: 0 !important;
    padding: 0 10px !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    white-space: nowrap !important;
    width: auto !important;
}

body.autospec-project-view-mode .ui-dialog .lt-ln-delete-btn,
body.autospec-project-view-mode .ui-dialog .delete-image,
body.autospec-project-view-mode .ui-dialog.psdPopup .ui-dialog-buttonpane button {
    background: #d32f2f !important;
    background-image: none !important;
    border-radius: 2px !important;
    color: #fff !important;
}

body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper,
body.autospec-project-view-mode #mpPopup .autospec-location-nav-row {
    background: #eef3fb !important;
}

body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper:before,
body.autospec-project-view-mode #mpPopup .autospec-location-nav-row:before {
    color: #111 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper li:first-child,
body.autospec-project-view-mode #mpPopup .autospec-location-filter-card li:first-child,
body.autospec-project-view-mode #mpPopup #locationSelectWrapper .project-selection-container .label {
    background: #72777c !important;
    border-radius: 2px !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

body.autospec-project-view-mode #mpPopup .autospec-location-filter-card,
body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper .mpLocationFilterWrapper,
body.autospec-project-view-mode #mpPopup #locationSelectWrapper .project-selection-container {
    background: #fff !important;
    border-color: #d7d7d7 !important;
    border-radius: 2px !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .12) !important;
}

body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper table {
    background: #fff !important;
    border-collapse: collapse !important;
    color: #222 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    margin-top: 0 !important;
    table-layout: fixed !important;
}

body.autospec-project-view-mode #mpPopup #lineItemsTable {
    margin-top: 0 !important;
}

body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper thead th,
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper thead td,
body.autospec-project-view-mode #mpPopup #lineItemsTable thead th,
body.autospec-project-view-mode #mpPopup #lineItemsTable thead td {
    background: #5a5a5a !important;
    border-color: #5a5a5a !important;
    color: #fff !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    height: 42px !important;
    line-height: 16px !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    vertical-align: middle !important;
}

body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper thead th *,
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper thead td *,
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper thead th a,
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper thead td a,
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper thead th span,
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper thead td span,
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper thead th div,
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper thead td div,
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper thead th [class*="sort"],
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper thead td [class*="sort"],
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper thead th [class*="header"],
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper thead td [class*="header"],
body.autospec-project-view-mode #mpPopup #lineItemsTable thead th *,
body.autospec-project-view-mode #mpPopup #lineItemsTable thead td *,
body.autospec-project-view-mode #mpPopup #lineItemsTable thead th a,
body.autospec-project-view-mode #mpPopup #lineItemsTable thead td a,
body.autospec-project-view-mode #mpPopup #lineItemsTable thead th span,
body.autospec-project-view-mode #mpPopup #lineItemsTable thead td span,
body.autospec-project-view-mode #mpPopup #lineItemsTable thead th div,
body.autospec-project-view-mode #mpPopup #lineItemsTable thead td div,
body.autospec-project-view-mode #mpPopup #lineItemsTable thead th [class*="sort"],
body.autospec-project-view-mode #mpPopup #lineItemsTable thead td [class*="sort"],
body.autospec-project-view-mode #mpPopup #lineItemsTable thead th [class*="header"],
body.autospec-project-view-mode #mpPopup #lineItemsTable thead td [class*="header"],
body.autospec-project-view-mode #mpPopup #lineItemsTable .tablesorter-header-inner,
body.autospec-project-view-mode #mpPopup #lineItemsTable .tablesorter-header-inner * {
    color: #fff !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 16px !important;
    text-decoration: none !important;
}

body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper thead th .caret,
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper thead td .caret,
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper thead th .fa,
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper thead td .fa,
body.autospec-project-view-mode #mpPopup #lineItemsTable thead th .caret,
body.autospec-project-view-mode #mpPopup #lineItemsTable thead td .caret,
body.autospec-project-view-mode #mpPopup #lineItemsTable thead th .fa,
body.autospec-project-view-mode #mpPopup #lineItemsTable thead td .fa {
    color: rgba(255, 255, 255, .75) !important;
}

body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper thead th .caret,
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper thead td .caret,
body.autospec-project-view-mode #mpPopup #lineItemsTable thead th .caret,
body.autospec-project-view-mode #mpPopup #lineItemsTable thead td .caret {
    border-top-color: rgba(255, 255, 255, .75) !important;
    border-bottom-color: rgba(255, 255, 255, .75) !important;
}

body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper th:nth-child(1),
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper td:nth-child(1) {
    width: 6% !important;
}

body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper th:nth-child(2),
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper td:nth-child(2) {
    width: 22% !important;
}

body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper th:nth-child(3),
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper td:nth-child(3) {
    width: 38% !important;
}

body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper th:nth-child(4),
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper td:nth-child(4) {
    width: 22% !important;
}

body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper th:nth-child(5),
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper td:nth-child(5) {
    width: 12% !important;
}

body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper tbody tr,
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper tbody td {
    background: #fff !important;
    border-color: #e1e1e1 !important;
    color: #222 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    height: auto !important;
    line-height: 16px !important;
    min-height: 0 !important;
    padding: 8px 10px !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    word-break: normal !important;
}

body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper tbody td > *,
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper tbody td img,
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper tbody td .spinner,
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper tbody td .loaderOverlay {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    max-height: 24px !important;
    min-height: 0 !important;
    vertical-align: middle !important;
}

body.autospec-project-view-mode #mpPopup .autospec-project-table-manufacturer,
body.autospec-project-view-mode #mpPopup .autospec-project-table-product {
    align-items: center !important;
    display: flex !important;
    gap: 8px !important;
    max-height: 40px !important;
    min-width: 0 !important;
}

body.autospec-project-view-mode #mpPopup .autospec-project-table-product,
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper tbody td .autospec-project-table-product {
    max-height: 50px !important;
}

body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper tbody td.autospec-project-table-location {
    white-space: normal !important;
}

body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper tbody td.autospec-project-table-location .autospec-location-badge-list {
    max-height: none !important;
}

body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper tbody td .autospec-project-table-manufacturer-image {
    background: #f7f9fb !important;
    display: block !important;
    flex: 0 0 32px !important;
    height: 32px !important;
    max-height: 32px !important;
    max-width: 32px !important;
    object-fit: contain !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 32px !important;
}

body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper tbody td .autospec-project-table-product-image {
    background: #f7f9fb !important;
    display: block !important;
    flex: 0 0 60px !important;
    height: 50px !important;
    max-height: 50px !important;
    max-width: 60px !important;
    object-fit: contain !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 60px !important;
}

body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper tbody td .loaderOverlay {
    background: transparent !important;
    height: 24px !important;
    position: static !important;
}

body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper tbody tr:nth-child(odd) td {
    background: #f7f7f7 !important;
}

body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper tbody tr:hover td {
    background: #eef6fc !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog,
body.autospec-project-view-mode .ui-dialog.dyn-popup.mlbpPopup,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog,
body.autospec-project-view-mode .ui-dialog.autospec-customer-details-dialog,
body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup,
body.autospec-project-view-mode .ui-dialog.dyn-popup.js__img-preview-wrapper,
body.autospec-project-view-mode .ui-dialog.autospec-doc-preview-dialog,
body.autospec-project-view-mode .ui-dialog.autospec-email-dialog,
body.autospec-project-view-mode .ui-dialog.dyn-popup.eafPopup,
body.autospec-project-view-mode .ui-dialog.dyn-popup.dvhPopup,
body.autospec-project-view-mode .ui-dialog:has(> #dvhPopup),
body.autospec-project-view-mode .ui-dialog.psdPopup,
body.autospec-project-view-mode .ui-dialog.pmMessagePp {
    background: #fff !important;
    border: 1px solid #cfcfcf !important;
    border-radius: 2px !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .28) !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog .ui-dialog-titlebar,
body.autospec-project-view-mode .ui-dialog.dyn-popup.mlbpPopup .ui-dialog-titlebar,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .ui-dialog-titlebar,
body.autospec-project-view-mode .ui-dialog.autospec-customer-details-dialog .ui-dialog-titlebar,
body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup .ui-dialog-titlebar,
body.autospec-project-view-mode .ui-dialog.dyn-popup.js__img-preview-wrapper .ui-dialog-titlebar,
body.autospec-project-view-mode .ui-dialog.autospec-doc-preview-dialog .ui-dialog-titlebar,
body.autospec-project-view-mode .ui-dialog.autospec-email-dialog .ui-dialog-titlebar,
body.autospec-project-view-mode .ui-dialog.dyn-popup.eafPopup .ui-dialog-titlebar,
body.autospec-project-view-mode .ui-dialog.dyn-popup.dvhPopup .ui-dialog-titlebar,
body.autospec-project-view-mode .ui-dialog:has(> #dvhPopup) .ui-dialog-titlebar,
body.autospec-project-view-mode .ui-dialog.psdPopup .ui-dialog-titlebar,
body.autospec-project-view-mode .ui-dialog.pmMessagePp .ui-dialog-titlebar {
    background: #000 !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #fff !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog .ui-dialog-title,
body.autospec-project-view-mode .ui-dialog.dyn-popup.mlbpPopup .ui-dialog-title,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .ui-dialog-title,
body.autospec-project-view-mode .ui-dialog.autospec-customer-details-dialog .ui-dialog-title,
body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup .ui-dialog-title,
body.autospec-project-view-mode .ui-dialog.dyn-popup.js__img-preview-wrapper .ui-dialog-title,
body.autospec-project-view-mode .ui-dialog.autospec-doc-preview-dialog .ui-dialog-title,
body.autospec-project-view-mode .ui-dialog.autospec-email-dialog .ui-dialog-title,
body.autospec-project-view-mode .ui-dialog.dyn-popup.eafPopup .ui-dialog-title,
body.autospec-project-view-mode .ui-dialog.dyn-popup.dvhPopup .ui-dialog-title,
body.autospec-project-view-mode .ui-dialog:has(> #dvhPopup) .ui-dialog-title,
body.autospec-project-view-mode .ui-dialog.psdPopup .ui-dialog-title,
body.autospec-project-view-mode .ui-dialog.pmMessagePp .ui-dialog-title {
    color: #fff !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog .ui-dialog-titlebar-close,
body.autospec-project-view-mode .ui-dialog.autospec-customer-details-dialog .ui-dialog-titlebar-close,
body.autospec-project-view-mode .ui-dialog.dyn-popup.mlbpPopup .ui-dialog-titlebar-close,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .ui-dialog-titlebar-close,
body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup .ui-dialog-titlebar-close,
body.autospec-project-view-mode .ui-dialog.dyn-popup.js__img-preview-wrapper .ui-dialog-titlebar-close,
body.autospec-project-view-mode .ui-dialog.autospec-doc-preview-dialog .ui-dialog-titlebar-close,
body.autospec-project-view-mode .ui-dialog.autospec-email-dialog .ui-dialog-titlebar-close,
body.autospec-project-view-mode .ui-dialog.dyn-popup.eafPopup .ui-dialog-titlebar-close,
body.autospec-project-view-mode .ui-dialog.dyn-popup.dvhPopup .ui-dialog-titlebar-close,
body.autospec-project-view-mode .ui-dialog:has(> #dvhPopup) .ui-dialog-titlebar-close,
body.autospec-project-view-mode .ui-dialog.psdPopup .ui-dialog-titlebar-close,
body.autospec-project-view-mode .ui-dialog.pmMessagePp .ui-dialog-titlebar-close {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog .ui-dialog-titlebar-close:before,
body.autospec-project-view-mode .ui-dialog.autospec-customer-details-dialog .ui-dialog-titlebar-close:before,
body.autospec-project-view-mode .ui-dialog.dyn-popup.mlbpPopup .ui-dialog-titlebar-close:before,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .ui-dialog-titlebar-close:before,
body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup .ui-dialog-titlebar-close:before,
body.autospec-project-view-mode .ui-dialog.dyn-popup.js__img-preview-wrapper .ui-dialog-titlebar-close:before,
body.autospec-project-view-mode .ui-dialog.autospec-doc-preview-dialog .ui-dialog-titlebar-close:before,
body.autospec-project-view-mode .ui-dialog.autospec-email-dialog .ui-dialog-titlebar-close:before,
body.autospec-project-view-mode .ui-dialog.dyn-popup.eafPopup .ui-dialog-titlebar-close:before,
body.autospec-project-view-mode .ui-dialog.dyn-popup.dvhPopup .ui-dialog-titlebar-close:before,
body.autospec-project-view-mode .ui-dialog:has(> #dvhPopup) .ui-dialog-titlebar-close:before,
body.autospec-project-view-mode .ui-dialog.psdPopup .ui-dialog-titlebar-close:before,
body.autospec-project-view-mode .ui-dialog.pmMessagePp .ui-dialog-titlebar-close:before {
    color: #fff !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog .ui-dialog-content,
body.autospec-project-view-mode .ui-dialog.autospec-customer-details-dialog .ui-dialog-content,
body.autospec-project-view-mode .ui-dialog.dyn-popup.mlbpPopup .ui-dialog-content,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .ui-dialog-content,
body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup .ui-dialog-content,
body.autospec-project-view-mode .ui-dialog.dyn-popup.js__img-preview-wrapper .ui-dialog-content,
body.autospec-project-view-mode .ui-dialog.autospec-doc-preview-dialog .ui-dialog-content,
body.autospec-project-view-mode .ui-dialog.autospec-email-dialog .ui-dialog-content,
body.autospec-project-view-mode .ui-dialog.dyn-popup.eafPopup .ui-dialog-content,
body.autospec-project-view-mode .ui-dialog.dyn-popup.dvhPopup .ui-dialog-content,
body.autospec-project-view-mode .ui-dialog:has(> #dvhPopup) .ui-dialog-content,
body.autospec-project-view-mode .ui-dialog.psdPopup .ui-dialog-content,
body.autospec-project-view-mode .ui-dialog.pmMessagePp .ui-dialog-content {
    background: #fff !important;
    color: #222 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog .ui-dialog-buttonpane,
body.autospec-project-view-mode .ui-dialog.autospec-customer-details-dialog .ui-dialog-buttonpane,
body.autospec-project-view-mode .ui-dialog.dyn-popup.mlbpPopup .ui-dialog-buttonpane,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .ui-dialog-buttonpane,
body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup .ui-dialog-buttonpane,
body.autospec-project-view-mode .ui-dialog.dyn-popup.js__img-preview-wrapper .ui-dialog-buttonpane,
body.autospec-project-view-mode .ui-dialog.autospec-doc-preview-dialog .ui-dialog-buttonpane,
body.autospec-project-view-mode .ui-dialog.autospec-email-dialog .ui-dialog-buttonpane,
body.autospec-project-view-mode .ui-dialog.dyn-popup.eafPopup .ui-dialog-buttonpane,
body.autospec-project-view-mode .ui-dialog.dyn-popup.dvhPopup .ui-dialog-buttonpane,
body.autospec-project-view-mode .ui-dialog:has(> #dvhPopup) .ui-dialog-buttonpane,
body.autospec-project-view-mode .ui-dialog.psdPopup .ui-dialog-buttonpane,
body.autospec-project-view-mode .ui-dialog.pmMessagePp .ui-dialog-buttonpane {
    background: #f7f7f7 !important;
    border-color: #d0d0d0 !important;
}

body.autospec-project-view-mode .ui-dialog.psdPopup .ui-dialog-buttonpane button {
    background: #fff !important;
    background-image: none !important;
    border: 1px solid #8d99aa !important;
    border-radius: 3px !important;
    color: #111827 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    min-width: 140px !important;
    text-transform: uppercase !important;
}

body.autospec-project-view-mode .ui-dialog.psdPopup {
    border: 1px solid rgba(255, 255, 255, .28) !important;
    border-radius: 8px !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .42) !important;
    left: 50% !important;
    overflow: hidden !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: min(720px, calc(100vw - 48px)) !important;
}

body.autospec-project-view-mode .ui-dialog.psdPopup .ui-dialog-titlebar {
    background: #070b10 !important;
    border-radius: 8px 8px 0 0 !important;
    box-sizing: border-box !important;
    min-height: 48px !important;
    padding: 12px 54px 12px 20px !important;
}

body.autospec-project-view-mode .ui-dialog.psdPopup .ui-dialog-title {
    font-size: 18px !important;
    line-height: 24px !important;
}

body.autospec-project-view-mode .ui-dialog.psdPopup .ui-dialog-titlebar-close {
    height: 34px !important;
    margin: 0 !important;
    right: 18px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 34px !important;
}

body.autospec-project-view-mode .ui-dialog.psdPopup .ui-dialog-titlebar-close:before {
    font-size: 30px !important;
    line-height: 34px !important;
}

body.autospec-project-view-mode .ui-dialog.psdPopup .ui-dialog-content {
    padding: 20px 20px 0 !important;
}

body.autospec-project-view-mode .ui-dialog.psdPopup #psdPopup.autospec-delete-spec-popup {
    max-height: calc(100vh - 220px) !important;
    overflow-y: auto !important;
}

body.autospec-project-view-mode .ui-dialog.psdPopup .autospec-delete-spec-intro {
    margin-bottom: 16px !important;
}

body.autospec-project-view-mode .ui-dialog.psdPopup .autospec-delete-spec-intro strong {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}

body.autospec-project-view-mode .ui-dialog.psdPopup .autospec-delete-spec-intro span {
    font-size: 15px !important;
    color: #404954 !important;
    line-height: 1.5 !important;
    max-width: 620px !important;
}

body.autospec-project-view-mode .ui-dialog.psdPopup .autospec-delete-spec-options {
    gap: 8px !important;
}

body.autospec-project-view-mode .ui-dialog.psdPopup .autospec-delete-spec-option {
    border-color: #d7e0ea !important;
    border-radius: 6px !important;
    gap: 12px !important;
    grid-template-columns: 32px minmax(0, 1fr) 14px !important;
    min-height: 76px !important;
    padding: 10px 14px !important;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease !important;
}

body.autospec-project-view-mode .ui-dialog.psdPopup .autospec-delete-spec-option + .autospec-delete-spec-option {
    margin-top: 0 !important;
}

body.autospec-project-view-mode .ui-dialog.psdPopup .autospec-delete-spec-option:hover,
body.autospec-project-view-mode .ui-dialog.psdPopup .autospec-delete-spec-option:focus {
    background: #f8fbff !important;
    border-color: #bfcddd !important;
    box-shadow: 0 1px 7px rgba(17, 24, 39, .1) !important;
    outline: none !important;
}

body.autospec-project-view-mode .ui-dialog.psdPopup .autospec-delete-spec-trash {
    height: 32px !important;
    width: 32px !important;
    background: transparent !important;
}

body.autospec-project-view-mode .ui-dialog.psdPopup .autospec-delete-spec-trash:before {
    color: #555 !important;
    font-size: 22px !important;
}

body.autospec-project-view-mode .ui-dialog.psdPopup .autospec-delete-spec-copy strong {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}

body.autospec-project-view-mode .ui-dialog.psdPopup .autospec-delete-spec-copy small {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    color: #404954 !important;
    line-height: 1.4 !important;
}

body.autospec-project-view-mode .ui-dialog.psdPopup .autospec-delete-spec-option-all {
    background: #fffafa !important;
    border-color: #ead6d6 !important;
    margin-top: 14px !important;
}

body.autospec-project-view-mode .ui-dialog.psdPopup .autospec-delete-spec-option-all:hover,
body.autospec-project-view-mode .ui-dialog.psdPopup .autospec-delete-spec-option-all:focus {
    background: #fff3f3 !important;
    border-color: #dcbcbc !important;
}

body.autospec-project-view-mode .ui-dialog.psdPopup .autospec-delete-spec-option-all .autospec-delete-spec-copy strong,
body.autospec-project-view-mode .ui-dialog.psdPopup .autospec-delete-spec-option-all .autospec-delete-spec-trash:before {
    color: #a33e3e !important;
}

body.autospec-project-view-mode .ui-dialog.psdPopup .autospec-delete-spec-option-all .autospec-delete-spec-copy small {
    color: #514141 !important;
}

body.autospec-project-view-mode .ui-dialog.psdPopup .autospec-delete-spec-chevron:before {
    height: 8px !important;
    width: 8px !important;
    border-width: 0 2px 2px 0 !important;
    border-color: #888 !important;
}

body.autospec-project-view-mode .ui-dialog.psdPopup .autospec-delete-spec-footer-rule {
    margin-top: 22px !important;
}

body.autospec-project-view-mode .ui-dialog.psdPopup .ui-dialog-buttonpane {
    border-radius: 0 0 8px 8px !important;
    box-sizing: border-box !important;
    padding: 12px 20px !important;
}

body.autospec-project-view-mode .ui-dialog.psdPopup .ui-dialog-buttonpane button {
    border-color: #8e99aa !important;
    border-radius: 4px !important;
    height: 36px !important;
    min-width: 90px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

body.autospec-project-view-mode .ui-dialog.psdPopup .ui-dialog-buttonpane button .ui-button-text {
    line-height: 34px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpLocToolbar,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpBeToolbar {
    background: #f1f1f1 !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li a {
    color: #222 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li.autospec-mlbp-tab-active,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li.ui-state-active,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li.ui-tabs-active,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li.ui-tabs-selected {
    background: #fff !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li.autospec-mlbp-tab-active:before,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li.ui-state-active:before,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li.ui-tabs-active:before,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li.ui-tabs-selected:before {
    background: #2196f3 !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-new-wrapper {
    border-bottom: 1px solid #e1e1e1 !important;
    color: #222 !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-new-wrapper[data-level="0"] {
    background: #d9ebf7 !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-label,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-new-input {
    color: #333 !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-edit-btn,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-new-save-btn {
    color: #168ce5 !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-delete-btn {
    color: #d32f2f !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog {
    border: 1px solid rgba(255, 255, 255, .38) !important;
    border-radius: 8px !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .34) !important;
    overflow: hidden !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .ui-dialog-titlebar {
    align-items: center !important;
    background: #050505 !important;
    border-radius: 8px 8px 0 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    height: 58px !important;
    padding: 0 18px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .ui-dialog-title {
    color: #fff !important;
    flex: 1 1 auto !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 58px !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .titlebar-refresh {
    align-items: center !important;
    background: #0b8fe8 !important;
    border-radius: 3px !important;
    color: #fff !important;
    display: inline-flex !important;
    height: 28px !important;
    justify-content: center !important;
    margin: 0 16px 0 auto !important;
    position: static !important;
    width: 28px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .ui-dialog-titlebar-close {
    align-items: center !important;
    color: #fff !important;
    display: inline-flex !important;
    height: 32px !important;
    justify-content: center !important;
    margin: 0 !important;
    position: static !important;
    width: 32px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup {
    background: #fff !important;
    height: calc(100% - 82px) !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpTabs {
    background: #fff !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav {
    background: #fff !important;
    border-bottom: 1px solid #e8eef3 !important;
    height: 82px !important;
    padding-left: 18px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li {
    background: #fff !important;
    height: 82px !important;
    min-width: 116px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li:has(> a[href="#mlbpBuildingElementTab"]),
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-tab[aria-controls="mlbpBuildingElementTab"],
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpBuildingElementTab,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpBeToolbar,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpBeTree {
    display: none !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li a {
    align-items: center !important;
    flex-direction: column !important;
    font-size: 13px !important;
    gap: 6px !important;
    height: 82px !important;
    justify-content: center !important;
    line-height: 14px !important;
    padding: 0 12px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li.autospec-mlbp-tab-active:before,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li.ui-state-active:before,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li.ui-tabs-active:before,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li.ui-tabs-selected:before {
    bottom: 0 !important;
    height: 3px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpLocationTab {
    background: #fff !important;
    height: calc(100% - 82px) !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpLocToolbar {
    background: #dff2ff !important;
    border-bottom: 1px solid #c7e2f4 !important;
    box-sizing: border-box !important;
    height: 64px !important;
    justify-content: space-between !important;
    padding: 0 18px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpLocToolbar .lt-ln-new-wrapper[data-level="0"] {
    background: transparent !important;
    border: 0 !important;
    display: inline-flex !important;
    margin: 0 !important;
    min-height: 34px !important;
    padding: 0 !important;
    width: auto !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpLocToolbar .lt-ln-new-input {
    background: #fff !important;
    border: 1px solid #cfcfcf !important;
    border-radius: 2px !important;
    height: 34px !important;
    padding: 0 12px !important;
    width: 220px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpLocToolbar .lt-ln-new-save-btn,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpLocToolbar .lt-ln-new-save-btn.fa {
    align-items: center !important;
    background: transparent !important;
    color: #168ce5 !important;
    display: inline-flex !important;
    height: 34px !important;
    justify-content: center !important;
    margin-left: 14px !important;
    width: 34px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpLocToolbar .searchTxt {
    height: 36px !important;
    width: 270px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpLocToolbar .searchBtn {
    height: 36px !important;
    width: 42px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpLocToolbar .searchClearBtn {
    height: 36px !important;
    line-height: 36px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpLocTree {
    border-top: 0 !important;
    height: calc(100% - 64px) !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper {
    border-bottom: 1px solid #d9dfe5 !important;
    min-height: 50px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-row {
    align-items: center !important;
    display: flex !important;
    min-height: 50px !important;
    padding: 0 18px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-chkbox {
    flex: 0 0 auto !important;
    margin: 0 22px 0 0 !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-label {
    flex: 1 1 auto !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-new-clone-btn {
    background: #168ce5 !important;
    border-radius: 3px !important;
    color: #fff !important;
    display: inline-flex !important;
    height: 22px !important;
    justify-content: center !important;
    margin-left: 12px !important;
    width: 22px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-edit-btn,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-delete-btn {
    flex: 0 0 auto !important;
    height: 28px !important;
    position: static !important;
    width: 28px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-edit-btn {
    margin-left: auto !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-delete-btn {
    background: #ed1010 !important;
    border-radius: 3px !important;
    color: #fff !important;
    margin-left: 20px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .ui-dialog-buttonpane {
    background: #f5f5f5 !important;
    border: 0 !important;
    border-radius: 0 0 8px 8px !important;
    box-sizing: border-box !important;
    height: 82px !important;
    padding: 18px 24px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .ui-dialog-buttonset {
    display: flex !important;
    justify-content: flex-end !important;
    width: 100% !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .ui-dialog-buttonpane button {
    background: #0b8fe8 !important;
    border: 0 !important;
    border-radius: 3px !important;
    color: #fff !important;
    height: 38px !important;
    min-width: 150px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .ui-dialog-buttonpane button .ui-button-text {
    color: #fff !important;
    font-weight: 700 !important;
    line-height: 36px !important;
    text-transform: uppercase !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog {
    left: 50% !important;
    max-width: calc(100vw - 56px) !important;
    top: 42px !important;
    transform: translateX(-50%) !important;
    width: min(980px, calc(100vw - 56px)) !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .ui-dialog-title {
    order: 1 !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .titlebar-refresh {
    order: 2 !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .ui-dialog-titlebar-close {
    order: 3 !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav {
    align-items: flex-start !important;
    box-sizing: border-box !important;
    height: 86px !important;
    padding: 0 0 0 18px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li:has(> a[href="#mlbpLocationTab"]),
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-tab[aria-controls="mlbpLocationTab"] {
    display: block !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li:has(> a[href="#mlbpLocationTab"]):after,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-tab[aria-controls="mlbpLocationTab"]:after {
    top: 20px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpTabs .ui-tabs-nav li a {
    box-sizing: border-box !important;
    height: 86px !important;
    padding-top: 32px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpLocationTab {
    height: calc(100% - 86px) !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpLocToolbar {
    align-items: center !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    height: 64px !important;
    justify-content: flex-start !important;
    padding: 0 18px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpLocToolbar .lt-ln-new-wrapper {
    display: none !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpLocToolbar .lt-ln-new-wrapper[data-parent-id="0"][data-autospec-toolbar-create="true"] {
    align-items: center !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    gap: 10px !important;
    margin: 0 auto 0 0 !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpLocToolbar .lt-ln-new-label {
    color: #4d5b66 !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    font-size: 0 !important;
    height: 34px !important;
    justify-content: center !important;
    line-height: 34px !important;
    margin: 0 !important;
    width: 22px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpLocToolbar .lt-ln-new-label:before {
    content: "+" !important;
    display: block !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 28px !important;
    font-weight: 400 !important;
    line-height: 34px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpLocToolbar .lt-ln-new-clone-btn,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpLocToolbar .lt-ln-new-clone-btn:before,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpLocToolbar .lt-ln-new-clone-btn:after {
    display: none !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpLocToolbar .lt-ln-new-input {
    margin: 0 !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpLocToolbar .searchTxt {
    flex: 0 0 320px !important;
    margin-left: auto !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpLocToolbar .searchBtn {
    align-items: center !important;
    display: inline-flex !important;
    flex: 0 0 42px !important;
    justify-content: center !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpLocToolbar .searchBtn:before {
    color: #fff !important;
    content: "\f002" !important;
    display: block !important;
    font-family: FontAwesome !important;
    font-size: 18px !important;
    line-height: 36px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpLocToolbar .searchClearBtn {
    flex: 0 0 32px !important;
    margin-left: 10px !important;
    text-align: center !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-row {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) 28px 36px 36px 36px !important;
    padding: 0 18px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-chkbox {
    grid-column: 1 !important;
    margin: 0 !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-label,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-label-edit {
    grid-column: 2 !important;
    min-width: 0 !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper.data-level-1 .lt-ln-label,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper.data-level-1 .lt-ln-label-edit {
    padding-left: 24px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper.data-level-2 .lt-ln-label,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper.data-level-2 .lt-ln-label-edit {
    padding-left: 48px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper.data-level-3 .lt-ln-label,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper.data-level-3 .lt-ln-label-edit {
    padding-left: 72px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .children-wrapper {
    margin-left: 0 !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-expand-symbol {
    grid-column: 3 !important;
    align-items: center !important;
    color: #4d5b66 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    height: 24px !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 24px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-clone-btn {
    grid-column: 4 !important;
    align-items: center !important;
    background: #168ce5 !important;
    border-radius: 3px !important;
    color: #fff !important;
    display: inline-flex !important;
    height: 22px !important;
    justify-content: center !important;
    justify-self: start !important;
    margin: 0 !important;
    width: 22px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-clone-btn:before,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-clone-btn:after {
    content: none !important;
    display: none !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-clone-btn .fa,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-clone-btn-sym {
    font-size: 0 !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-clone-btn:empty:after,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-clone-btn-sym:after {
    content: "+" !important;
    display: block !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .autospec-mlbp-no-location .lt-ln-expand-symbol,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .autospec-mlbp-no-location .lt-ln-clone-btn {
    display: none !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-edit-btn,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-edit-save-btn {
    grid-column: 5 !important;
    justify-self: center !important;
    margin: 0 !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-delete-btn {
    grid-column: 6 !important;
    justify-self: center !important;
    margin: 0 !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-new-wrapper:not([data-autospec-toolbar-create]) {
    background: #f7fbff !important;
    border-bottom: 1px solid #e2edf5 !important;
    display: none !important;
    min-height: 42px !important;
    padding: 4px 18px 4px 0 !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-new-wrapper[data-autospec-child-create-open="true"] {
    display: flex !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-new-wrapper[data-level="1"]:not([data-autospec-toolbar-create]) {
    padding-left: 58px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-new-wrapper[data-level="2"]:not([data-autospec-toolbar-create]) {
    padding-left: 82px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-new-wrapper[data-level="3"]:not([data-autospec-toolbar-create]) {
    padding-left: 106px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-new-wrapper:not([data-autospec-toolbar-create]) .lt-ln-expand-symbol {
    display: none !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-new-wrapper:not([data-autospec-toolbar-create]) .lt-ln-new-clone-btn {
    display: none !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-new-wrapper:not([data-autospec-toolbar-create]) .lt-ln-new-label {
    display: none !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-new-wrapper:not([data-autospec-toolbar-create]) .lt-ln-new-clone-btn {
    font-size: 0 !important;
    height: 32px !important;
    justify-content: center !important;
    margin: 0 10px 0 0 !important;
    width: 22px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-new-wrapper:not([data-autospec-toolbar-create]) .lt-ln-new-clone-btn:before {
    content: "Creating under:" !important;
    display: none !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .ui-dialog-buttonpane {
    height: 74px !important;
    padding: 18px 24px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper {
    position: relative !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-row {
    align-items: center !important;
    display: flex !important;
    gap: 8px !important;
    grid-template-columns: none !important;
    min-height: 50px !important;
    padding: 0 110px 0 18px !important;
    width: auto !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper.data-level-1 .lt-ln-row {
    padding-left: 42px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper.data-level-2 .lt-ln-row {
    padding-left: 66px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper.data-level-3 .lt-ln-row {
    padding-left: 90px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-chkbox,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-label,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-expand-symbol,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-row .lt-ln-clone-btn {
    flex: 0 0 auto !important;
    grid-column: auto !important;
    margin: 0 !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper.data-level-1 .lt-ln-label,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper.data-level-1 .lt-ln-label-edit,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper.data-level-2 .lt-ln-label,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper.data-level-2 .lt-ln-label-edit,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper.data-level-3 .lt-ln-label,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-wrapper.data-level-3 .lt-ln-label-edit {
    padding-left: 0 !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-label {
    flex: 0 1 auto !important;
    line-height: 50px !important;
    min-width: 0 !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-expand-symbol {
    order: 2 !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-label {
    order: 3 !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-row .lt-ln-clone-btn {
    order: 4 !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-edit-btn,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-edit-save-btn {
    position: absolute !important;
    right: 58px !important;
    top: 11px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-delete-btn {
    position: absolute !important;
    right: 18px !important;
    top: 11px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .ui-dialog-titlebar {
    align-items: center !important;
    display: flex !important;
    gap: 14px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .ui-dialog-title {
    flex: 1 1 auto !important;
    margin: 0 auto 0 0 !important;
    order: 1 !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .titlebar-refresh {
    flex: 0 0 28px !important;
    margin: 0 !important;
    order: 2 !important;
    position: static !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .ui-dialog-titlebar-close {
    flex: 0 0 32px !important;
    margin: 0 !important;
    order: 3 !important;
    position: static !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-label {
    order: 2 !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-expand-symbol {
    background: transparent !important;
    border: 0 !important;
    color: #4d5b66 !important;
    order: 3 !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-row .lt-ln-clone-btn {
    display: none !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-row .lt-ln-clone-btn {
    display: none !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-row .lt-ln-clone-btn:before {
    color: #fff !important;
    content: "+" !important;
    display: block !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-row .lt-ln-clone-btn:after,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .lt-ln-row .lt-ln-clone-btn > .lt-ln-clone-btn-sym {
    content: none !important;
    display: none !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .autospec-mlbp-no-location .lt-ln-row .lt-ln-clone-btn,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .autospec-mlbp-no-location .lt-ln-row .lt-ln-clone-btn-sym,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .autospec-mlbp-no-location .lt-ln-expand-symbol {
    display: none !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .autospec-mlbp-no-location .lt-ln-edit-btn,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup .autospec-mlbp-no-location .lt-ln-edit-save-btn {
    display: none !important;
}

body.autospec-project-view-mode .ui-dialog.mlbpPopup .ui-dialog-titlebar,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .ui-dialog-titlebar {
    align-items: center !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    justify-content: flex-start !important;
    position: relative !important;
    width: 100% !important;
}

body.autospec-project-view-mode .ui-dialog.mlbpPopup .ui-dialog-title,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .ui-dialog-title {
    flex: 1 1 auto !important;
    margin: 0 auto 0 0 !important;
    order: 1 !important;
}

body.autospec-project-view-mode .ui-dialog.mlbpPopup .titlebar-refresh,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .titlebar-refresh {
    align-items: center !important;
    bottom: auto !important;
    display: inline-flex !important;
    flex: 0 0 28px !important;
    height: 28px !important;
    justify-content: center !important;
    left: auto !important;
    margin: 0 !important;
    order: 2 !important;
    position: absolute !important;
    right: 56px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 28px !important;
}

body.autospec-project-view-mode .ui-dialog.mlbpPopup .ui-dialog-titlebar-close,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .ui-dialog-titlebar-close {
    align-items: center !important;
    bottom: auto !important;
    display: inline-flex !important;
    flex: 0 0 28px !important;
    height: 28px !important;
    justify-content: center !important;
    left: auto !important;
    margin: 0 !important;
    order: 3 !important;
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 28px !important;
}

body.autospec-project-view-mode .ui-dialog.mlbpPopup .ui-dialog-buttonpane,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .ui-dialog-buttonpane {
    align-items: center !important;
    box-sizing: border-box !important;
    display: flex !important;
    justify-content: flex-end !important;
    height: 68px !important;
    margin: 0 !important;
    min-height: 68px !important;
    padding: 15px 16px !important;
}

body.autospec-project-view-mode .ui-dialog.mlbpPopup .ui-dialog-buttonset,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .ui-dialog-buttonset {
    align-items: center !important;
    display: flex !important;
    justify-content: flex-end !important;
    height: auto !important;
    width: 100% !important;
}

body.autospec-project-view-mode .ui-dialog.mlbpPopup .ui-dialog-buttonpane button.ui-button,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .ui-dialog-buttonpane button.ui-button {
    align-items: center !important;
    background: #0b8fe8 !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
    color: #fff !important;
    display: inline-flex !important;
    height: 38px !important;
    justify-content: center !important;
    margin: 0 !important;
    min-height: 38px !important;
    padding: 0 !important;
    width: 120px !important;
}

body.autospec-project-view-mode .ui-dialog.mlbpPopup .ui-dialog-buttonpane .ui-button-text,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog .ui-dialog-buttonpane .ui-button-text {
    color: #fff !important;
    display: inline-block !important;
    font-weight: 700 !important;
    height: auto !important;
    line-height: normal !important;
    margin: 0 !important;
    padding: 0 !important;
    text-transform: uppercase !important;
    width: auto !important;
}

body.autospec-project-view-mode .ui-dialog.mlbpPopup #mlbpPopup,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog #mlbpPopup {
    height: calc(100% - 118px) !important;
}

body.autospec-project-view-mode .autospec-project-loading-content {
    color: #444 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
}

body.autospec-project-view-mode .autospec-project-spinner {
    border-color: #d7d7d7 !important;
    border-top-color: #2196f3 !important;
}

/* ============================================================
   PROJECT VIEW TABLE COLUMN WIDTHS
   ============================================================ */

body.autospec-project-view-mode #mpPopup #lineItemsTable {
    width: 100% !important;
    table-layout: fixed !important;
}

/* Spec No */
body.autospec-project-view-mode #mpPopup #lineItemsTable th:nth-child(1),
body.autospec-project-view-mode #mpPopup #lineItemsTable td:nth-child(1) {
    width: 8% !important;
}

/* Manufacturer */
body.autospec-project-view-mode #mpPopup #lineItemsTable th:nth-child(2),
body.autospec-project-view-mode #mpPopup #lineItemsTable td:nth-child(2) {
    width: 16% !important;
}

/* Product */
body.autospec-project-view-mode #mpPopup #lineItemsTable th:nth-child(3),
body.autospec-project-view-mode #mpPopup #lineItemsTable td:nth-child(3) {
    width: 30% !important;
}

/* Location */
body.autospec-project-view-mode #mpPopup #lineItemsTable th:nth-child(4),
body.autospec-project-view-mode #mpPopup #lineItemsTable td:nth-child(4) {
    width: 30% !important;
}

/* View Spec */
body.autospec-project-view-mode #mpPopup #lineItemsTable th:nth-child(5),
body.autospec-project-view-mode #mpPopup #lineItemsTable td:nth-child(5) {
    width: 16% !important;
}
/* Manufacturer logo */
.autospec-project-table-manufacturer-image {
    width: 56px !important;
    height: 48px !important;
    max-width: 71px !important;
    max-height: 71px !important;
    object-fit: contain !important;
    margin-right: 12px !important;
    flex-shrink: 0;
}

/* Product image */
.autospec-project-table-product-image {
    width: 70px !important;
    max-width: 71px !important;
    height: 70px !important;
    max-height: 71px !important;
    object-fit: contain !important;
    margin-right: 12px !important;
    flex-shrink: 0;
}

/* =========================================================
   PROJECT VIEW - STICKY TABLE HEADER + CLEAN SCROLL AREA
   ========================================================= */

/* Main Project View table */
#mpPopup #lineItemsTable {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 0 !important;
}

/* Sticky table header */
#mpPopup #lineItemsTable thead {
    position: sticky !important;
    top: 0 !important;
    z-index: 50 !important;
    background: #5f5f5f !important;
}

#mpPopup #lineItemsTable thead th {
    position: sticky !important;
    top: 0 !important;
    z-index: 51 !important;
    background: #5f5f5f !important;

    /* Prevent body rows from visually bleeding into header */
    box-shadow: 0 1px 0 #5f5f5f !important;
}

/*
 * Project View table scroll area.
 *
 * The table:
 * - ends where its content ends when there are only a few rows
 * - becomes scrollable only when it gets too tall
 * - keeps the last row visible
 * - prevents body rows from showing above the sticky header
 */
#mpPopup .dataTables_scrollBody,
#mpPopup .table-scroll,
#mpPopup .mpProductNavWrapper,
#mpPopup .productNavWrapper {
    height: auto !important;
    max-height: calc(100vh - 390px) !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    position: relative !important;
    clip-path: inset(0) !important;

    padding-bottom: 10px !important;
    box-sizing: border-box !important;
}

/* Keep body rows below the sticky header */
#mpPopup #lineItemsTable tbody {
    position: relative !important;
    z-index: 1 !important;
}

/* ============================================================
   AUTOSPEC FINAL PROJECT VIEW COMPACTION / LOADING FIX
   Keep this block at the END of the file so it wins over older
   Project View sizing rules above.
   ============================================================ */

/* The location panel must size to the one surviving Level 1 control only. */
body.autospec-project-view-mode #mpPopup .mpLocationNavWrapper,
body.autospec-project-view-mode #mpPopup .autospec-location-nav-row,
body.autospec-project-view-mode #mpPopup #locationNav {
    flex: 0 0 auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 8px !important;
    overflow: visible !important;
}

/* Any duplicate/empty structural rows left by PM must occupy no space. */
body.autospec-project-view-mode #mpPopup [data-autospec-location-duplicate="true"],
body.autospec-project-view-mode #mpPopup [data-autospec-location-row-duplicate="true"],
body.autospec-project-view-mode #mpPopup [data-autospec-location-filter-duplicate="true"],
body.autospec-project-view-mode #mpPopup [data-autospec-manage-location-duplicate="true"],
body.autospec-project-view-mode #mpPopup [data-autospec-empty-location-wrapper="true"] {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

/* The table should start immediately after the compact location area. */
body.autospec-project-view-mode #mpPopup > .mpProductNavWrapper,
body.autospec-project-view-mode #mpPopup > #locationNav + .mpProductNavWrapper,
body.autospec-project-view-mode #mpPopup #locationNav + .mpProductNavWrapper,
body.autospec-project-view-mode #locationNav + .mpProductNavWrapper,
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper {
    margin-top: 0 !important;
}

/* Exact class emitted by View Spec document rendering. */
.autospec-view-spec-document-icon {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex: 0 0 22px !important;
    width: 22px !important;
    min-width: 22px !important;
    max-width: 22px !important;
    height: 22px !important;
    min-height: 22px !important;
    max-height: 22px !important;
    margin: 0 8px 0 0 !important;
    object-fit: contain !important;
    vertical-align: middle !important;
}

/* Loading cover is controlled inline by JS; make transitions deterministic. */
#autospec-project-loading-mask {
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.autospec-view-spec-document-icon {
    display: block !important;

    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    max-width: 22px !important;

    background-color: #000 !important;

    object-fit: fill !important;

    margin-right: 8px !important;
    vertical-align: middle !important;

    border: 0 !important;
    padding: 0 !important;

    visibility: visible !important;
    opacity: 1 !important;
}

/* =========================================================
   VIEW SPEC - FORCE CONTENT TO USE FULL POPUP WIDTH
   ========================================================= */

#productPopup.ui-dialog.customPopupClass .ui-dialog-content,
#productPopup.ui-dialog.wrapper.customPopupClass .ui-dialog-content {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

#productPopup.ui-dialog.customPopupClass .psWrapper,
#productPopup.ui-dialog.wrapper.customPopupClass .psWrapper,
#productPopup.ui-dialog.customPopupClass .psContentWrapper,
#productPopup.ui-dialog.wrapper.customPopupClass .psContentWrapper {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

#productPopup.ui-dialog.customPopupClass [data-autospec-spec-html="true"],
#productPopup.ui-dialog.wrapper.customPopupClass [data-autospec-spec-html="true"],
#productPopup.ui-dialog.customPopupClass .autospec-view-spec-shell,
#productPopup.ui-dialog.wrapper.customPopupClass .autospec-view-spec-shell {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

/*
 * Do not reserve any legacy fixed width inside the View Spec.
 */
#productPopup.ui-dialog.customPopupClass .autospec-view-spec-grid,
#productPopup.ui-dialog.wrapper.customPopupClass .autospec-view-spec-grid,
#productPopup.ui-dialog.customPopupClass .autospec-view-spec-text-panel,
#productPopup.ui-dialog.wrapper.customPopupClass .autospec-view-spec-text-panel {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}
/* =========================================================
   VIEW SPEC - FULL WIDTH FIX
   Expand the legacy table wrapper so View Spec can use
   the full popup width.
   ========================================================= */

#productPopup .psLineItemsHolder {
    width: 100% !important;
    max-width: none !important;
    table-layout: fixed !important;
}

#productPopup .psLineItemsHolder > tbody {
    width: 100% !important;
}

#productPopup .psLineItemsHolder > tbody > tr.liWrapper {
    width: 100% !important;
}

#productPopup .psLineItemsHolder > tbody > tr.liWrapper > td.liSpecText {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#productPopup .autospec-view-spec-shell {
    width: 100% !important;
    max-width: none !important;
}

/* =========================================================
   PROJECT VIEW - STICKY HEADER + NO CONTENT BLEED
   Keep this block at the VERY END of the CSS file.
   ========================================================= */

body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper {
    position: relative !important;
    min-height: 0 !important;
    overflow: hidden !important;
    clip-path: inset(0) !important;
    background: #fff !important;
}

/* Table owns the full available table area */
body.autospec-project-view-mode #mpPopup #lineItemsTable {
    display: block !important;
    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    table-layout: fixed !important;
    border-collapse: collapse !important;

    overflow: hidden !important;
    position: relative !important;
}

/* =========================================================
   HEADER
   ========================================================= */

body.autospec-project-view-mode #mpPopup #lineItemsTable thead {
    display: table !important;
    width: 100% !important;
    table-layout: fixed !important;

    position: sticky !important;
    top: 0 !important;
    z-index: 100 !important;

    background: #5a5a5a !important;
}

body.autospec-project-view-mode #mpPopup #lineItemsTable thead tr {
    display: table !important;
    width: 100% !important;
    table-layout: fixed !important;
}

body.autospec-project-view-mode #mpPopup #lineItemsTable thead th,
body.autospec-project-view-mode #mpPopup #lineItemsTable thead td {
    position: sticky !important;
    top: 0 !important;
    z-index: 101 !important;

    height: 42px !important;
    min-height: 42px !important;

    background: #5a5a5a !important;
    border-color: #5a5a5a !important;
    color: #fff !important;

    vertical-align: middle !important;
}

/* =========================================================
   BODY
   Only the body scrolls.
   Header remains visible at all times.
   ========================================================= */

body.autospec-project-view-mode #mpPopup #lineItemsTable tbody {
    display: block !important;

    width: 100% !important;
    height: calc(100% - 42px) !important;
    min-height: 0 !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    position: relative !important;
    z-index: 1 !important;

    background: #fff !important;
}

body.autospec-project-view-mode #mpPopup #lineItemsTable tbody tr {
    display: table !important;
    width: 100% !important;
    table-layout: fixed !important;
}

/*
 * Important:
 * prevent row content from visually escaping upward
 * behind / above the table header.
 */
body.autospec-project-view-mode #mpPopup #lineItemsTable tbody td {
    position: relative !important;
    z-index: 1 !important;
}

/* =========================================================
   PROJECT VIEW - MANUFACTURER LOGO SIZE
   ========================================================= */

body.autospec-project-view-mode
#mpPopup
.autospec-project-table-manufacturer-image {
    width: 40px !important;
    height: 22px !important;

    min-width: 40px !important;
    max-width: 40px !important;
    min-height: 22px !important;
    max-height: 22px !important;

    object-fit: contain !important;

    display: block !important;
    flex: 0 0 40px !important;

    margin: 0 10px 0 0 !important;
    padding: 0 !important;
}
/* =========================================================
   CUSTOMER DETAILS - INTERACTIVE CURSORS
   ========================================================= */

/* Checkbox */
/* Draw both states explicitly so the checked fill covers the entire box. */
body.autospec-project-view-mode .ui-dialog.autospec-customer-details-dialog input[type="checkbox"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    background: #fff !important;
    border: 1px solid #0085b5 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    width: 16px !important;
    height: 16px !important;
    padding: 0 !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-customer-details-dialog input[type="checkbox"]:checked {
    background: #0085b5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8l3 3 7-7' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px 14px no-repeat !important;
}

.autospec-customer-details-dialog input[type="checkbox"],
.autospec-customer-details-dialog input[type="checkbox"] + label {
    cursor: pointer !important;
}

/* Dropdowns */
.autospec-customer-details-dialog select,
.autospec-customer-details-dialog .ss-main,
.autospec-customer-details-dialog .ss-single-selected,
.autospec-customer-details-dialog .ss-multi-selected,
.autospec-customer-details-dialog .select2-selection {
    cursor: pointer !important;
}

/* Buttons and clickable controls */
.autospec-customer-details-dialog button,
.autospec-customer-details-dialog .ui-button,
.autospec-customer-details-dialog .autospec-customer-close {
    cursor: pointer !important;
}

/* Normal text fields should keep the text cursor */
.autospec-customer-details-dialog input[type="text"],
.autospec-customer-details-dialog input[type="email"],
.autospec-customer-details-dialog input[type="tel"],
.autospec-customer-details-dialog textarea {
    cursor: text !important;
}
/* AutoSpec PM: compact native NEW PROJECT popup. */
body.autospec-project-view-mode .ui-dialog.autospec-new-project-dialog,
.ui-dialog.autospec-new-project-dialog {
    background: #fff !important;
    border: 1px solid #9b9b9b !important;
    border-radius: 3px !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .3) !important;
    box-sizing: border-box !important;
    height: auto !important;
    max-height: calc(100vh - 96px) !important;
    max-width: calc(100vw - 48px) !important;
    min-height: 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    pointer-events: auto !important;
    position: fixed !important;
    transform: none !important;
    width: 500px !important;
    z-index: 1000720 !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-new-project-dialog .ui-dialog-titlebar,
.ui-dialog.autospec-new-project-dialog .ui-dialog-titlebar {
    align-items: center !important;
    background: #050505 !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    color: #fff !important;
    display: flex !important;
    height: 44px !important;
    min-height: 44px !important;
    overflow: hidden !important;
    padding: 0 46px 0 16px !important;
    pointer-events: auto !important;
    position: relative !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-new-project-dialog .ui-dialog-title,
.ui-dialog.autospec-new-project-dialog .ui-dialog-title {
    color: #fff !important;
    display: block !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 44px !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-new-project-dialog .ui-dialog-titlebar-close,
.ui-dialog.autospec-new-project-dialog .ui-dialog-titlebar-close {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
    cursor: pointer !important;
    font-size: 0 !important;
    height: 32px !important;
    line-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: auto !important;
    position: absolute !important;
    right: 10px !important;
    text-indent: 0 !important;
    top: 6px !important;
    width: 32px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-new-project-dialog .ui-dialog-titlebar-close .ui-icon,
body.autospec-project-view-mode .ui-dialog.autospec-new-project-dialog .ui-dialog-titlebar-close span,
body.autospec-project-view-mode .ui-dialog.autospec-new-project-dialog .ui-dialog-titlebar-close:after,
.ui-dialog.autospec-new-project-dialog .ui-dialog-titlebar-close .ui-icon,
.ui-dialog.autospec-new-project-dialog .ui-dialog-titlebar-close span,
.ui-dialog.autospec-new-project-dialog .ui-dialog-titlebar-close:after {
    content: none !important;
    display: none !important;
    visibility: hidden !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-new-project-dialog .ui-dialog-titlebar-close:before,
.ui-dialog.autospec-new-project-dialog .ui-dialog-titlebar-close:before {
    color: #fff !important;
    content: "X" !important;
    display: block !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 32px !important;
    text-align: center !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-new-project-dialog .ui-dialog-content,
.ui-dialog.autospec-new-project-dialog .ui-dialog-content {
    background: #fff !important;
    box-sizing: border-box !important;
    color: #222 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding: 20px 22px 16px !important;
    pointer-events: auto !important;
    width: 100% !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-new-project-dialog form,
body.autospec-project-view-mode .ui-dialog.autospec-new-project-dialog table,
body.autospec-project-view-mode .ui-dialog.autospec-new-project-dialog tbody,
body.autospec-project-view-mode .ui-dialog.autospec-new-project-dialog tr,
body.autospec-project-view-mode .ui-dialog.autospec-new-project-dialog td,
.ui-dialog.autospec-new-project-dialog form,
.ui-dialog.autospec-new-project-dialog table,
.ui-dialog.autospec-new-project-dialog tbody,
.ui-dialog.autospec-new-project-dialog tr,
.ui-dialog.autospec-new-project-dialog td {
    box-sizing: border-box !important;
    pointer-events: auto !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-new-project-dialog label,
.ui-dialog.autospec-new-project-dialog label {
    display: inline-block !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    min-width: 65px !important;
    pointer-events: auto !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-new-project-dialog input[type="text"],
body.autospec-project-view-mode .ui-dialog.autospec-new-project-dialog input[type="search"],
.ui-dialog.autospec-new-project-dialog input[type="text"],
.ui-dialog.autospec-new-project-dialog input[type="search"] {
    background: #fff !important;
    border: 1px solid #b6b6b6 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    color: #222 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    height: 30px !important;
    line-height: 28px !important;
    max-width: 330px !important;
    min-width: 0 !important;
    padding: 3px 6px !important;
    pointer-events: auto !important;
    user-select: auto !important;
    width: 330px !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-new-project-dialog input[type="text"]:focus,
body.autospec-project-view-mode .ui-dialog.autospec-new-project-dialog input[type="search"]:focus,
.ui-dialog.autospec-new-project-dialog input[type="text"]:focus,
.ui-dialog.autospec-new-project-dialog input[type="search"]:focus {
    border-color: #168ce5 !important;
    outline: 1px solid #168ce5 !important;
    outline-offset: 0 !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-new-project-dialog .ui-dialog-buttonpane,
.ui-dialog.autospec-new-project-dialog .ui-dialog-buttonpane {
    align-items: center !important;
    background: #f3f3f3 !important;
    border: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    justify-content: flex-end !important;
    min-height: 62px !important;
    margin: 0 !important;
    padding: 12px 22px !important;
    pointer-events: auto !important;
    position: relative !important;
    text-align: right !important;
    width: 100% !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-new-project-dialog .ui-dialog-buttonpane .ui-dialog-buttonset,
.ui-dialog.autospec-new-project-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    align-items: center !important;
    display: flex !important;
    float: none !important;
    gap: 8px !important;
    justify-content: flex-end !important;
    pointer-events: auto !important;
    width: 100% !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-new-project-dialog .ui-dialog-buttonpane button,
.ui-dialog.autospec-new-project-dialog .ui-dialog-buttonpane button {
    background: #2196f3 !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    color: #fff !important;
    cursor: pointer !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    height: 38px !important;
    line-height: 38px !important;
    margin: 0 0 0 8px !important;
    min-width: 72px !important;
    padding: 0 12px !important;
    pointer-events: auto !important;
    text-transform: uppercase !important;
}

/* =========================================================
   AUTOSPEC PM POPUP VISUAL SYSTEM
   Shared shell polish only. Native DOM, handlers, validation,
   API calls, and PM refresh flows remain untouched.
   ========================================================= */

.ui-dialog.dyn-popup.atpPopup,
.ui-dialog.autospec-new-project-dialog,
body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog,
.ui-dialog.autospec-project-details-dialog,
.ui-dialog.autospec-customer-details-dialog,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog,
body.autospec-project-view-mode .ui-dialog.dyn-popup.mlbpPopup,
.ui-dialog.autospec-doc-preview-dialog,
.ui-dialog.autospec-email-dialog,
.ui-dialog.autospec-delete-spec-popup,
body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup,
body.autospec-project-view-mode .ui-dialog.dyn-popup.js__img-preview-wrapper {
    background: #fff !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.ui-dialog.dyn-popup.atpPopup > .ui-dialog-titlebar,
.ui-dialog.autospec-new-project-dialog > .ui-dialog-titlebar,
body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog > .ui-dialog-titlebar,
.ui-dialog.autospec-project-details-dialog > .ui-dialog-titlebar,
.ui-dialog.autospec-customer-details-dialog > .ui-dialog-titlebar,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog > .ui-dialog-titlebar,
body.autospec-project-view-mode .ui-dialog.dyn-popup.mlbpPopup > .ui-dialog-titlebar,
.ui-dialog.autospec-doc-preview-dialog > .ui-dialog-titlebar,
.ui-dialog.autospec-email-dialog > .ui-dialog-titlebar,
.ui-dialog.autospec-delete-spec-popup > .ui-dialog-titlebar,
body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup > .ui-dialog-titlebar,
body.autospec-project-view-mode .ui-dialog.dyn-popup.js__img-preview-wrapper > .ui-dialog-titlebar {
    align-items: center !important;
    background: #050505 !important;
    background-image: none !important;
    border: 0 !important;
    box-sizing: border-box !important;
    color: #fff !important;
    display: flex !important;
    min-height: 44px !important;
    padding: 0 48px 0 16px !important;
    position: relative !important;
}

.ui-dialog.dyn-popup.atpPopup > .ui-dialog-titlebar > .ui-dialog-title,
.ui-dialog.autospec-new-project-dialog > .ui-dialog-titlebar > .ui-dialog-title,
body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog > .ui-dialog-titlebar > .ui-dialog-title,
.ui-dialog.autospec-project-details-dialog > .ui-dialog-titlebar > .ui-dialog-title,
.ui-dialog.autospec-customer-details-dialog > .ui-dialog-titlebar > .ui-dialog-title,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog > .ui-dialog-titlebar > .ui-dialog-title,
body.autospec-project-view-mode .ui-dialog.dyn-popup.mlbpPopup > .ui-dialog-titlebar > .ui-dialog-title,
.ui-dialog.autospec-doc-preview-dialog > .ui-dialog-titlebar > .ui-dialog-title,
.ui-dialog.autospec-email-dialog > .ui-dialog-titlebar > .ui-dialog-title,
.ui-dialog.autospec-delete-spec-popup > .ui-dialog-titlebar > .ui-dialog-title,
body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup > .ui-dialog-titlebar > .ui-dialog-title,
body.autospec-project-view-mode .ui-dialog.dyn-popup.js__img-preview-wrapper > .ui-dialog-titlebar > .ui-dialog-title {
    color: #fff !important;
    display: block !important;
    flex: 1 1 auto !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
    margin: 0 !important;
    text-align: left !important;
    text-transform: uppercase !important;
}

.ui-dialog.dyn-popup.atpPopup > .ui-dialog-titlebar > .ui-dialog-titlebar-close,
body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close,
.ui-dialog.autospec-project-details-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close,
.ui-dialog.autospec-customer-details-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close,
body.autospec-project-view-mode .ui-dialog.dyn-popup.mlbpPopup > .ui-dialog-titlebar > .ui-dialog-titlebar-close,
.ui-dialog.autospec-doc-preview-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close,
.ui-dialog.autospec-email-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close,
.ui-dialog.autospec-delete-spec-popup > .ui-dialog-titlebar > .ui-dialog-titlebar-close,
body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup > .ui-dialog-titlebar > .ui-dialog-titlebar-close,
body.autospec-project-view-mode .ui-dialog.dyn-popup.js__img-preview-wrapper > .ui-dialog-titlebar > .ui-dialog-titlebar-close {
    align-items: center !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
    cursor: pointer !important;
    display: flex !important;
    font-size: 0 !important;
    height: 32px !important;
    justify-content: center !important;
    line-height: 32px !important;
    margin: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    pointer-events: auto !important;
    position: absolute !important;
    right: 10px !important;
    text-indent: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 32px !important;
}

.ui-dialog.dyn-popup.atpPopup > .ui-dialog-titlebar > .ui-dialog-titlebar-close .ui-icon,
.ui-dialog.dyn-popup.atpPopup > .ui-dialog-titlebar > .ui-dialog-titlebar-close span,
.ui-dialog.dyn-popup.atpPopup > .ui-dialog-titlebar > .ui-dialog-titlebar-close:after,
body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close .ui-icon,
body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close span,
body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close:after,
.ui-dialog.autospec-project-details-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close .ui-icon,
.ui-dialog.autospec-project-details-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close span,
.ui-dialog.autospec-project-details-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close:after,
.ui-dialog.autospec-customer-details-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close .ui-icon,
.ui-dialog.autospec-customer-details-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close span,
.ui-dialog.autospec-customer-details-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close:after,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close .ui-icon,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close span,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close:after,
body.autospec-project-view-mode .ui-dialog.dyn-popup.mlbpPopup > .ui-dialog-titlebar > .ui-dialog-titlebar-close .ui-icon,
body.autospec-project-view-mode .ui-dialog.dyn-popup.mlbpPopup > .ui-dialog-titlebar > .ui-dialog-titlebar-close span,
body.autospec-project-view-mode .ui-dialog.dyn-popup.mlbpPopup > .ui-dialog-titlebar > .ui-dialog-titlebar-close:after,
.ui-dialog.autospec-doc-preview-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close .ui-icon,
.ui-dialog.autospec-doc-preview-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close span,
.ui-dialog.autospec-doc-preview-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close:after,
.ui-dialog.autospec-email-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close .ui-icon,
.ui-dialog.autospec-email-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close span,
.ui-dialog.autospec-email-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close:after,
.ui-dialog.autospec-delete-spec-popup > .ui-dialog-titlebar > .ui-dialog-titlebar-close .ui-icon,
.ui-dialog.autospec-delete-spec-popup > .ui-dialog-titlebar > .ui-dialog-titlebar-close span,
.ui-dialog.autospec-delete-spec-popup > .ui-dialog-titlebar > .ui-dialog-titlebar-close:after,
body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup > .ui-dialog-titlebar > .ui-dialog-titlebar-close .ui-icon,
body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup > .ui-dialog-titlebar > .ui-dialog-titlebar-close span,
body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup > .ui-dialog-titlebar > .ui-dialog-titlebar-close:after,
body.autospec-project-view-mode .ui-dialog.dyn-popup.js__img-preview-wrapper > .ui-dialog-titlebar > .ui-dialog-titlebar-close .ui-icon,
body.autospec-project-view-mode .ui-dialog.dyn-popup.js__img-preview-wrapper > .ui-dialog-titlebar > .ui-dialog-titlebar-close span,
body.autospec-project-view-mode .ui-dialog.dyn-popup.js__img-preview-wrapper > .ui-dialog-titlebar > .ui-dialog-titlebar-close:after {
    display: none !important;
    visibility: hidden !important;
}

.ui-dialog.dyn-popup.atpPopup > .ui-dialog-titlebar > .ui-dialog-titlebar-close:before,
body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close:before,
.ui-dialog.autospec-project-details-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close:before,
.ui-dialog.autospec-customer-details-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close:before,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close:before,
body.autospec-project-view-mode .ui-dialog.dyn-popup.mlbpPopup > .ui-dialog-titlebar > .ui-dialog-titlebar-close:before,
.ui-dialog.autospec-doc-preview-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close:before,
.ui-dialog.autospec-email-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close:before,
.ui-dialog.autospec-delete-spec-popup > .ui-dialog-titlebar > .ui-dialog-titlebar-close:before,
body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup > .ui-dialog-titlebar > .ui-dialog-titlebar-close:before,
body.autospec-project-view-mode .ui-dialog.dyn-popup.js__img-preview-wrapper > .ui-dialog-titlebar > .ui-dialog-titlebar-close:before {
    color: #fff !important;
    content: "X" !important;
    display: block !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 32px !important;
    text-align: center !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog > .ui-dialog-titlebar > .fa-search,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog > .ui-dialog-titlebar > .ui-icon-search,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog > .ui-dialog-titlebar > [class*="search"] {
    display: none !important;
    visibility: hidden !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close .ui-icon,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close span,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close:after {
    content: none !important;
    display: none !important;
    visibility: hidden !important;
}

.ui-dialog.dyn-popup.atpPopup > .ui-dialog-content,
.ui-dialog.autospec-new-project-dialog > .ui-dialog-content,
body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog > .ui-dialog-content,
.ui-dialog.autospec-project-details-dialog > .ui-dialog-content,
.ui-dialog.autospec-customer-details-dialog > .ui-dialog-content,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog > .ui-dialog-content,
body.autospec-project-view-mode .ui-dialog.dyn-popup.mlbpPopup > .ui-dialog-content,
.ui-dialog.autospec-doc-preview-dialog > .ui-dialog-content,
.ui-dialog.autospec-email-dialog > .ui-dialog-content,
.ui-dialog.autospec-delete-spec-popup > .ui-dialog-content,
body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup > .ui-dialog-content,
body.autospec-project-view-mode .ui-dialog.dyn-popup.js__img-preview-wrapper > .ui-dialog-content {
    background: #fff !important;
    box-sizing: border-box !important;
}

.ui-dialog.dyn-popup.atpPopup > .ui-dialog-buttonpane,
.ui-dialog.autospec-new-project-dialog > .ui-dialog-buttonpane,
body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog > .ui-dialog-buttonpane,
.ui-dialog.autospec-project-details-dialog > .ui-dialog-buttonpane,
.ui-dialog.autospec-customer-details-dialog > .ui-dialog-buttonpane,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog > .ui-dialog-buttonpane,
body.autospec-project-view-mode .ui-dialog.dyn-popup.mlbpPopup > .ui-dialog-buttonpane,
.ui-dialog.autospec-doc-preview-dialog > .ui-dialog-buttonpane,
.ui-dialog.autospec-email-dialog > .ui-dialog-buttonpane,
.ui-dialog.autospec-delete-spec-popup > .ui-dialog-buttonpane,
body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup > .ui-dialog-buttonpane,
body.autospec-project-view-mode .ui-dialog.dyn-popup.js__img-preview-wrapper > .ui-dialog-buttonpane {
    align-items: center !important;
    background: #f3f3f3 !important;
    border: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    justify-content: flex-end !important;
    min-height: 62px !important;
    padding: 12px 22px !important;
    width: 100% !important;
}

.ui-dialog.dyn-popup.atpPopup > .ui-dialog-buttonpane .ui-dialog-buttonset,
.ui-dialog.autospec-new-project-dialog > .ui-dialog-buttonpane .ui-dialog-buttonset,
body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog > .ui-dialog-buttonpane .ui-dialog-buttonset,
.ui-dialog.autospec-project-details-dialog > .ui-dialog-buttonpane .ui-dialog-buttonset,
.ui-dialog.autospec-customer-details-dialog > .ui-dialog-buttonpane .ui-dialog-buttonset,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog > .ui-dialog-buttonpane .ui-dialog-buttonset,
body.autospec-project-view-mode .ui-dialog.dyn-popup.mlbpPopup > .ui-dialog-buttonpane .ui-dialog-buttonset,
.ui-dialog.autospec-doc-preview-dialog > .ui-dialog-buttonpane .ui-dialog-buttonset,
.ui-dialog.autospec-email-dialog > .ui-dialog-buttonpane .ui-dialog-buttonset,
.ui-dialog.autospec-delete-spec-popup > .ui-dialog-buttonpane .ui-dialog-buttonset,
body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup > .ui-dialog-buttonpane .ui-dialog-buttonset,
body.autospec-project-view-mode .ui-dialog.dyn-popup.js__img-preview-wrapper > .ui-dialog-buttonpane .ui-dialog-buttonset {
    align-items: center !important;
    display: flex !important;
    float: none !important;
    gap: 8px !important;
    justify-content: flex-end !important;
    width: 100% !important;
}

.ui-dialog.dyn-popup.atpPopup > .ui-dialog-buttonpane button,
.ui-dialog.autospec-new-project-dialog > .ui-dialog-buttonpane button,
body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog > .ui-dialog-buttonpane button,
.ui-dialog.autospec-project-details-dialog > .ui-dialog-buttonpane button,
.ui-dialog.autospec-customer-details-dialog > .ui-dialog-buttonpane button,
body.autospec-project-view-mode .ui-dialog.autospec-mlbp-dialog > .ui-dialog-buttonpane button,
body.autospec-project-view-mode .ui-dialog.dyn-popup.mlbpPopup > .ui-dialog-buttonpane button,
.ui-dialog.autospec-doc-preview-dialog > .ui-dialog-buttonpane button,
.ui-dialog.autospec-email-dialog > .ui-dialog-buttonpane button,
.ui-dialog.autospec-delete-spec-popup > .ui-dialog-buttonpane button,
body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup > .ui-dialog-buttonpane button,
body.autospec-project-view-mode .ui-dialog.dyn-popup.js__img-preview-wrapper > .ui-dialog-buttonpane button {
    background: #2196f3 !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    color: #fff !important;
    cursor: pointer !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    height: 38px !important;
    line-height: 38px !important;
    min-width: 72px !important;
    padding: 0 12px !important;
    pointer-events: auto !important;
    text-transform: uppercase !important;
}

.ui-dialog.autospec-email-dialog:not(:has(> .ui-dialog-buttonpane)),
.ui-dialog.autospec-delete-spec-popup:not(:has(> .ui-dialog-buttonpane)) {
    border-bottom: 62px solid #f3f3f3 !important;
}

body.autospec-project-view-mode .ui-dialog.dyn-popup.mpPopup > .ui-dialog-titlebar,
body.autospec-project-view-mode .ui-dialog.dyn-popup.mpPopup > .ui-dialog-buttonpane {
    display: none !important;
}

/* Hide background page search while Manage Locations is open */
body:has(#mlbpPopup:visible) .search-box {
    visibility: hidden !important;
}

/* Single close X for Manage Locations */
.ui-dialog:has(#mlbpPopup) .ui-dialog-titlebar-close .ui-icon {
    display: none !important;
}

.ui-dialog:has(#mlbpPopup) .ui-dialog-titlebar-close::after {
    content: none !important;
    display: none !important;
}

.ui-dialog:has(#mlbpPopup) .ui-dialog-titlebar-close::before {
    content: "×" !important;
    font-family: Arial, sans-serif !important;
    font-size: 24px !important;
    font-weight: normal !important;
}


/* Keep Manage Locations above the main website header */
.ui-dialog:has(#mlbpPopup) {
    z-index: 99999 !important;
}

/* Ensure the popup header has a solid background */
.ui-dialog:has(#mlbpPopup) > .ui-dialog-titlebar {
    background: #000 !important;
    background-color: #000 !important;
    opacity: 1 !important;
}





/* CUSTOMER DETAILS: hide native close button */
body.autospec-project-view-mode
.ui-dialog.autospec-customer-details-dialog
> .ui-dialog-titlebar
> .ui-dialog-titlebar-close {
    display: none !important;
}

/* Keep custom X visible */
.ui-dialog.autospec-customer-details-dialog
.autospec-customer-close {
    display: block !important;
}


/* Keep our custom close button */
.ui-dialog.autospec-customer-details-dialog
.autospec-customer-close {
    display: block !important;
}


/* Customer Details footer */
.ui-dialog:has(.autospec-customer-close)
.ui-dialog-buttonpane {
    min-height: 55px !important;
    padding: 8px 25px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}

/* Remove default jQuery UI buttonset spacing */
.ui-dialog:has(.autospec-customer-close)
.ui-dialog-buttonset {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
}

/* DONE button */
.ui-dialog:has(.autospec-customer-close)
.ui-dialog-buttonpane button {
    position: static !important;
    margin: 0 !important;
}

/* Shared PM close glyph: match the Customer Details custom close control. */
body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close,
body.autospec-project-view-mode .ui-dialog .ui-dialog-titlebar > .ui-dialog-titlebar-close,
.ui-dialog.dyn-popup .ui-dialog-titlebar > .ui-dialog-titlebar-close,
.js-project-dialog > .close-button {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
    font-size: 0 !important;
    height: 32px !important;
    width: 32px !important;
    padding: 0 !important;
}

body.autospec-project-view-mode .ui-dialog.autospec-project-details-dialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close::before,
body.autospec-project-view-mode .ui-dialog .ui-dialog-titlebar > .ui-dialog-titlebar-close::before,
.ui-dialog.dyn-popup .ui-dialog-titlebar > .ui-dialog-titlebar-close::before,
.js-project-dialog > .close-button::before {
    background: none !important;
    content: "\00d7" !important;
    color: #fff !important;
    display: block !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 30px !important;
    font-style: normal !important;
    font-weight: 300 !important;
    height: 32px !important;
    width: 32px !important;
    line-height: 32px !important;
    text-align: center !important;
}

body.autospec-project-view-mode .ui-dialog .ui-dialog-titlebar > .ui-dialog-titlebar-close > *,
.ui-dialog.dyn-popup .ui-dialog-titlebar > .ui-dialog-titlebar-close > *,
body.autospec-project-view-mode .ui-dialog .ui-dialog-titlebar > .ui-dialog-titlebar-close::after,
.ui-dialog.dyn-popup .ui-dialog-titlebar > .ui-dialog-titlebar-close::after,
.js-project-dialog > .close-button::after {
    display: none !important;
}

/* Projects action menu uses the same header and edges as the PM popups. */
.js-project-dialog {
    border: 1px solid #cfcfcf !important;
    border-radius: 0 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .2) !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

.js-project-dialog > h3 {
    background: #000 !important;
    box-sizing: border-box !important;
    color: #fff !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    margin: 0 !important;
    padding: 10px 48px 10px 14px !important;
}

.js-project-dialog > .close-button {
    top: 6px !important;
    right: 8px !important;
}

.js-project-dialog > ul > li {
    font-size: 12px !important;
    padding: 12px 14px !important;
}

/* Image gallery: reserve a toolbar row, then let guidance and cards flow. */
body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup #imPopup_pop {
    padding: 72px 24px 24px !important;
}

body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup #imPopup_pop .imgGallery {
    position: static !important;
    min-height: 0 !important;
    padding: 0 !important;
    gap: 20px !important;
    text-align: left !important;
    grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr)) !important;
}

body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup #imPopup_pop .imgGallery::before {
    margin: 0 !important;
    color: #555 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    text-align: center !important;
}

body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup #imPopup_pop .noImagesMessage {
    grid-column: 1 / -1 !important;
    background: #f7f7f7 !important;
    border: 1px solid #e0e0e0 !important;
    box-sizing: border-box !important;
    color: #555 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    margin: 12px 0 0 !important;
    padding: 32px 20px !important;
}

body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup #imPopup_pop .project-image-card {
    border-radius: 0 !important;
    box-shadow: none !important;
    max-width: 360px !important;
}

body.autospec-project-view-mode .ui-dialog.dyn-popup.imPopup > .ui-dialog-titlebar > .ui-dialog-titlebar-close::before {
    background: none !important;
    content: "\00d7" !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 30px !important;
    font-weight: 300 !important;
    line-height: 32px !important;
}

/* Keep image deletion confirmation above the gallery without changing events. */
.ui-dialog.dyn-popup:is(.imDeleteConfirmPp, .pArchivePp) {
    position: fixed !important;
    z-index: 1001200 !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: min(520px, calc(100vw - 32px)) !important;
    min-width: 0 !important;
    height: min(240px, calc(100dvh - 32px)) !important;
    max-height: calc(100dvh - 32px) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    padding: 0 !important;
    border: 1px solid #cfcfcf !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, .25) !important;
}

.ui-dialog.dyn-popup:is(.imDeleteConfirmPp, .pArchivePp) > .ui-dialog-titlebar {
    height: 48px !important;
    box-sizing: border-box !important;
    background: #000 !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 12px 48px 12px 16px !important;
}

.ui-dialog.dyn-popup:is(.imDeleteConfirmPp, .pArchivePp) > .ui-dialog-titlebar > .ui-dialog-title {
    color: #fff !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    line-height: 24px !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}

.ui-dialog.dyn-popup:is(.imDeleteConfirmPp, .pArchivePp) > .ui-dialog-content {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    float: none !important;
    width: 100% !important;
    height: calc(100% - 112px) !important;
    min-height: 0 !important;
    max-height: none !important;
    box-sizing: border-box !important;
    overflow: auto !important;
    margin: 0 !important;
    padding: 28px 24px !important;
    font: 13px/1.5 Arial, Helvetica, sans-serif !important;
    color: #333 !important;
    background: #fff !important;
}

.ui-dialog.dyn-popup:is(.imDeleteConfirmPp, .pArchivePp) > .ui-dialog-buttonpane {
    position: absolute !important;
    top: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 64px !important;
    box-sizing: border-box !important;
    background: #f3f3f3 !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 14px 24px !important;
}

.ui-dialog.dyn-popup:is(.imDeleteConfirmPp, .pArchivePp) > .ui-dialog-buttonpane .ui-dialog-buttonset {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    float: none !important;
    width: 100% !important;
}

.ui-dialog.dyn-popup:is(.imDeleteConfirmPp, .pArchivePp) .ui-dialog-buttonpane button {
    position: static !important;
    margin: 0 !important;
    min-width: 72px !important;
    background: #0085b5 !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #fff !important;
    font: 12px Arial, Helvetica, sans-serif !important;
    min-height: 36px !important;
    padding: 8px 20px !important;
}

/* Product image thumbnails show the complete image and keep actions below it. */
#imageCapture .product-image-editor-section .product-image-thumb-item {
    display: inline-flex !important;
    flex-direction: column !important;
    vertical-align: top !important;
    width: 220px !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 6px 6px 10px !important;
    box-sizing: border-box !important;
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 0 !important;
    gap: 10px !important;
}

#imageCapture .product-image-editor-section .product-image-thumb-item img.uploaded-preview {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 160px !important;
    object-fit: contain !important;
    object-position: center !important;
    flex: 0 0 auto !important;
    box-sizing: border-box !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#imageCapture .product-image-editor-section .product-image-thumb-delete {
    position: static !important;
    width: 100% !important;
    height: 28px !important;
    line-height: 28px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    flex: 0 0 auto !important;
}

/* Location-save flash stays above the image dialogs, matching the black toast. */
#jGrowl,
.jGrowl,
#autospec-toast,
#autospec-image-location-flash {
    z-index: 2147483647 !important;
}

#autospec-image-location-flash {
    position: fixed;
    top: 18px;
    right: 18px;
    width: 250px;
    max-width: calc(100vw - 36px);
    box-sizing: border-box;
    padding: 12px 32px 12px 12px;
    background: #090909;
    color: #fff;
    border: 1px solid #bbb;
    border-radius: 4px;
    font: 12px/18px Arial, Helvetica, sans-serif;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .2);
}

#autospec-toast > .autospec-flash-close,
#autospec-image-location-flash > .autospec-flash-close {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #fff;
    font: 22px/24px Arial, Helvetica, sans-serif;
    cursor: pointer;
}

#autospec-toast > .autospec-flash-close:focus-visible,
#autospec-image-location-flash > .autospec-flash-close:focus-visible {
    outline: 1px solid #fff;
}

#autospec-image-location-flash > strong {
    display: block;
    font-size: 10px;
    line-height: 16px;
}

/* Image location management opens above the gallery with a separate footer. */
/* Follow the native dialog's visibility; leave its open/close handlers intact. */
body:has(.ui-dialog.js__location-options-wrapper:not([style*="display: none"]):not([style*="display:none"]):not([hidden]))::after {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .55);
    z-index: 1001149;
}

.ui-dialog.dyn-popup.js__location-options-wrapper {
    position: fixed !important;
    z-index: 1001150 !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    width: min(640px, calc(100vw - 32px)) !important;
    height: min(420px, calc(100dvh - 32px)) !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 1px solid #cfcfcf !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    background: #fff !important;
    overflow: hidden !important;
}

.ui-dialog.dyn-popup.js__location-options-wrapper > .ui-dialog-titlebar {
    background: #000 !important;
    border: 0 !important;
    border-radius: 0 !important;
    height: 48px !important;
    padding: 12px 48px 12px 16px !important;
    box-sizing: border-box !important;
}

.ui-dialog.dyn-popup.js__location-options-wrapper > .ui-dialog-titlebar > .ui-dialog-title {
    color: #fff !important;
    font: 700 18px/24px "Roboto Condensed", Arial, sans-serif !important;
    text-transform: uppercase !important;
    margin: 0 !important;
}

.ui-dialog.dyn-popup.js__location-options-wrapper > #location_options_wrapper {
    position: relative !important;
    height: calc(100% - 112px) !important;
    min-height: 0 !important;
    padding: 24px !important;
    box-sizing: border-box !important;
    overflow: auto !important;
    font: 13px/1.5 Arial, sans-serif !important;
}

.js__location-options-wrapper .js__location-selector-control-group {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 0 !important;
}

.ui-dialog.dyn-popup.js__location-options-wrapper > .ui-dialog-buttonpane {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 64px !important;
    margin: 0 !important;
    padding: 14px 24px !important;
    box-sizing: border-box !important;
    background: #f3f3f3 !important;
    border: 0 !important;
}

.ui-dialog.dyn-popup.js__location-options-wrapper .ui-dialog-buttonpane button {
    position: static !important;
    background: #0085b5 !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    margin: 0 0 0 8px !important;
    padding: 8px 20px !important;
    min-height: 36px !important;
    font: 12px/20px Arial, sans-serif !important;
}

/* Image upload form shares the gallery typography, controls and close glyph. */
body.autospec-project-view-mode .ui-dialog.dyn-popup.js__img-preview-wrapper > .ui-dialog-titlebar > .ui-dialog-titlebar-close::before {
    background: none !important;
    content: "\00d7" !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 30px !important;
    font-weight: 300 !important;
    line-height: 32px !important;
}

body.autospec-project-view-mode #imageCapture .project-image-upload-zone {
    background: #fafafa !important;
    border: 1px dashed #c8c8c8 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 960px !important;
    margin: 0 auto 24px !important;
    padding: 28px 24px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    text-align: center !important;
}

body.autospec-project-view-mode #imageCapture .project-image-upload-copy {
    color: #333 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    margin: 0 0 12px !important;
}

body.autospec-project-view-mode #imageCapture .project-image-upload-divider,
body.autospec-project-view-mode #imageCapture .project-image-upload-meta {
    color: #666 !important;
    font-size: 12px !important;
    line-height: 18px !important;
    margin: 12px 0 !important;
}

body.autospec-project-view-mode #imageCapture .project-image-upload-zone > .project-image-upload-btn {
    background: #0085b5 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
    font: 12px/20px Arial, Helvetica, sans-serif !important;
    min-height: 36px !important;
    padding: 8px 24px !important;
    cursor: pointer !important;
}

body.autospec-project-view-mode #imageCapture .project-image-upload-zone > .project-image-upload-btn:hover {
    background: #006c94 !important;
}

body.autospec-project-view-mode .ui-dialog.dyn-popup.js__img-preview-wrapper > .ui-dialog-titlebar .save-btn {
    border-radius: 0 !important;
    min-height: 36px !important;
    padding: 8px 20px !important;
    font: 12px/20px Arial, Helvetica, sans-serif !important;
}

/* Add to Project header controls share one size, baseline and hover treatment. */
body .ui-dialog.dyn-popup.atpPopup > .ui-dialog-titlebar > .ui-dialog-titlebar-close,
body .ui-dialog.dyn-popup.atpPopup > .ui-dialog-titlebar > .titlebar-refresh {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

body .ui-dialog.dyn-popup.atpPopup > .ui-dialog-titlebar > .ui-dialog-titlebar-close {
    right: 10px !important;
    background: transparent !important;
    font-size: 0 !important;
}

body .ui-dialog.dyn-popup.atpPopup > .ui-dialog-titlebar > .ui-dialog-titlebar-close::before {
    content: "\00d7" !important;
    background: none !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 30px !important;
    font-weight: 300 !important;
    line-height: 32px !important;
    color: #fff !important;
}

body .ui-dialog.dyn-popup.atpPopup > .ui-dialog-titlebar > .titlebar-refresh {
    right: 50px !important;
    width: 28px !important;
    height: 28px !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    border-radius: 3px !important;
    background: #0b8fe8 !important;
}

body .ui-dialog.dyn-popup.atpPopup > .ui-dialog-titlebar > .titlebar-refresh::before {
    content: "\f021" !important;
    display: block !important;
    font-family: FontAwesome, "Font Awesome 5 Free" !important;
    font-size: 18px !important;
    line-height: 1 !important;
    color: #fff !important;
}

body .ui-dialog.dyn-popup.atpPopup > .ui-dialog-titlebar > .titlebar-refresh::after {
    content: none !important;
    display: none !important;
}

body .ui-dialog.dyn-popup.atpPopup > .ui-dialog-titlebar > .ui-dialog-titlebar-close:hover {
    background-color: rgba(255, 255, 255, .15) !important;
}

body .ui-dialog.dyn-popup.atpPopup > .ui-dialog-titlebar > .titlebar-refresh:hover {
    background-color: #0877c2 !important;
}

/* Project clone forms sit above page controls and share the popup header. */
.ui-dialog.dyn-popup:is(.epnPopup, .cpnPopup, .clone-project-dialog, .clone-project-full-dialog, .clone-project-default-dialog) {
    z-index: 1001100 !important;
    background: #fff !important;
    border: 1px solid #cfcfcf !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

.ui-dialog.dyn-popup:is(.epnPopup, .cpnPopup, .clone-project-dialog, .clone-project-full-dialog, .clone-project-default-dialog) > .ui-dialog-titlebar {
    background: #000 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    min-height: 44px !important;
    padding: 10px 54px 10px 14px !important;
}

.ui-dialog.dyn-popup:is(.epnPopup, .cpnPopup, .clone-project-dialog, .clone-project-full-dialog, .clone-project-default-dialog) > .ui-dialog-titlebar > .ui-dialog-title {
    color: #fff !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    margin: 0 !important;
}

.ui-dialog.dyn-popup:is(.epnPopup, .cpnPopup, .clone-project-dialog, .clone-project-full-dialog, .clone-project-default-dialog) > .ui-dialog-titlebar > .ui-dialog-titlebar-close {
    top: 6px !important;
    right: 12px !important;
    margin: 0 !important;
    transform: none !important;
}




/* A bounded table with a footer outside the scrolling rows. */
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper {
    border: 1px solid #d9dde2 !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
    padding-bottom: 40px !important;
}
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper #lineItemsTable {
    height: 100% !important;
}
body.autospec-project-view-mode #mpPopup .mpSpecTableWrapper > .autospec-project-table-footer {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 40px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 0 12px !important;
    border-top: 1px solid #d9dde2 !important;
    background: #fafbfc !important;
    color: #475569 !important;
    font: 12px Arial, sans-serif !important;
    z-index: 102 !important;
}
/* Project View has its actions in the header, with no bottom dialog chrome. */
body.autospec-project-view-mode .ui-dialog.dyn-popup.mpPopup > .ui-resizable-handle,
body.autospec-project-view-mode .ui-dialog.dyn-popup.mpPopup > .ui-dialog-buttonpane {
    display: none !important;
}
/* The live PM table uses mpProductNavWrapper, not mpSpecTableWrapper. */
body.autospec-project-view-mode #mpPopup .autospec-project-table-frame {
    position: relative !important;
    overflow: hidden !important;
    min-height: 0 !important;
    border: 1px solid #d9dde2 !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
    padding: 0 0 40px !important;
    background: #fff !important;
}
body.autospec-project-view-mode #mpPopup .autospec-project-table-frame #lineItemsTable {
    height: 100% !important;
    margin: 0 !important;
}
body.autospec-project-view-mode #mpPopup .autospec-project-table-frame > .autospec-project-table-footer {
    position: absolute !important;
    inset: auto 0 0 !important;
    height: 40px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 0 12px !important;
    border-top: 1px solid #d9dde2 !important;
    background: #fafbfc !important;
    color: #475569 !important;
    font: 12px Arial, sans-serif !important;
    z-index: 102 !important;
}
/* Hide the underlying browse page in the gap above the site footer. */
body.autospec-project-view-mode #middle-wrapper {
    visibility: hidden !important;
}
body.autospec-project-view-mode #middle-wrapper .ui-dialog {
    visibility: visible !important;
}