body.post-type-archive-projects main > section {
    padding-bottom: 130px;
}

/* Form fields */
#archive-projects #main-form .inputs-container > .nm-row > .nm-col-2,
#archive-projects #main-form .row.nm-row > .nm-col-2  {
    display: flex;
    flex: 0 0 22%;
}
#archive-projects #main-form .inputs-container > .nm-row > .nm-col-outer > .form__field > .form__label,
#archive-projects #main-form .inputs-container > .nm-row > .nm-col-outer > .form__label {
    margin-right: 15px;
}


/* Main table */
.panel__body .table__caption, .panel__body .table__body {
    display: inline-block;
    min-width: 100%;
}
.table__row.is-hover.panel.panel--white.panel--border.panel--border-success.hovered {
    overflow: hidden;
    background-color: #3a3946;
    color: white;
}
.table__row.is-hover.panel.panel--white.panel--border.panel--border-success.hovered .is-hover__static {
    display: none;
}
.table__row.is-hover.panel.panel--white.panel--border.panel--border-success.hovered .is-hover__hover {
    display: block;
}
.tooltip-wrap {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.tooltip-wrap .arrow {
    position: relative;
    width: 30px;
    height: 30px;
    border: 4px solid #fff;
    border-bottom: none;
    border-right: none;
    top: 17px;
    left: 10px;
    background: #393846;
    transform: rotate(42deg) skew(15deg, 10deg);
    z-index: 10;
}
.tooltip-info {
    position: static;
    padding-left: 40px;
    right: unset;
    max-height: 400px;
    min-height: 50px;
    max-width: 500px;
    overflow: hidden auto;
    width:auto;
    height: auto;
}
@media screen and (max-width: 1240px) {
    #archive-projects #main-form .inputs-container > .nm-row > .nm-col-2  {
        flex: 0 0 50%;
    }
    #archive-projects #main-form .inputs-container > .nm-row > .nm-col-outer > .form__field > .nm-row-inner{
        flex-direction: column;
    }
    #archive-projects #main-form .inputs-container > .nm-row > .nm-col-outer > .form__field > .nm-row-inner > .nm-col {
        width: 100%;
    }
    #archive-projects #main-form .row.nm-row > .nm-col-outer.width-66{
        flex: 0 0 66%;
    }
    #archive-projects #main-form .row.nm-row > .nm-col-outer.width-33{
        flex: 0 0 33%;
    }
}

@media screen and (max-width: 800px) {

    #archive-projects #main-form .inputs-container > .nm-row > .nm-col-2  {
        flex: 0 0 48%;
    }
    #archive-projects #main-form .inputs-container > .nm-row > .nm-col-other > .nm-row-inner-other{
        gap: 2%;
    }
    #archive-projects #main-form .inputs-container > .nm-row > .nm-col-other > .nm-row-inner-other .nm-col{
        width: 48%;
    }
    #archive-projects #main-form .row.nm-row > .nm-col-2 {
        flex-direction: column;
    }
    #archive-projects #main-form .inputs-container > .nm-row > .nm-col-outer > .form__field > .form__label,
    #archive-projects #main-form .inputs-container > .nm-row > .nm-col-outer > .form__label {
        margin-right: 0;
    }
    #archive-projects #main-form .row.nm-row.form-bottom-wrap{
        gap: 2%;
    }
    
    #archive-projects #main-form .row.nm-row > .nm-col-outer.width-66{
        flex: 0 0 64%;
        gap: 2%;
        flex-direction: row;
    }
    #archive-projects #main-form .row.nm-row > .nm-col-outer.width-33 {
        flex: 0 0 32%;
    }

    .tooltip-wrap {
        width: 93%;
    }
    .tooltip-wrap .arrow {
        top: 15px;
        transform: rotate(47deg) skew(15deg, 10deg);
    }
    .tooltip-wrap .tooltip-info {
        padding-top: 15px;
        width: 100%;
    }
}


/********* Project Popup *********/
.project_popup_wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 999;
    display: none;
    justify-content: center;
    align-items: center;
}

.project_popup_content {
    width: 96%;
    height: 90%;
    overflow: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    font-size: 0.9rem;
}

.project_popup_main {     
    grid-column: span 2 / span 2;
    grid-row: span 3 / span 3;
    padding: 1em;
}
.project_popup_notifications {
    grid-row: span 2 / span 2;
    grid-column-start: 3;
}
.project_popup_documents { 
    grid-column-start: 3;
    grid-row-start: 3;
    padding: 1em 2em;
}

.project_popup_main, .project_popup_notifications, .project_popup_documents {
    background-color: #fff;
    border-radius: 0.8em;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    position: relative;
    overflow: auto;
    clip-path: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fafcff;
}

.project_popup_notifications .comments_section_top{
    padding: 1em 1em 0.2em;
    box-shadow: 0 0 3px 2px #BBB;
    background: #fff;
}
.project_popup_notifications .comment__scroll {
    padding: 1em 0.5em;
}
.project_popup_notifications .comments__form {
    margin: 0;
}
.project_popup_notifications .comments__form .form__input {
    font-size: 1.2em;
}
.comments__form .form__input.alert {
    border: 1px solid #f00;
}
.project_popup_notifications .comments__row {
    margin-bottom: 2px;
}
.project_popup_notifications .comment__scroll .no-item-label{
    font-size: 1rem;
}

.project_popup_close{
    position: absolute;
    top: 0.5em;
    left: 0.3em;
    font-size: 2.5em;
    line-height: 0;
    cursor: pointer;
}

.popup_section_title{
    font-size: 1.2em;
    font-weight: 700;
    margin-bottom: 0.3em;
}
.popup_section_main_title{
    font-size: 1.6em;
    font-weight: 700;
    margin-bottom: 0.3em;
}

.project_popup_notifications .comments__item .comments__text {
    font-weight: 700;
    font-size: 1em;
}
.project_popup_notifications .table__col__delete {
    font-size: 2em;
    line-height: 0;
}
.project_popup_notifications .comments__col_flex{
    display: flex;
}
.comments_form_bottom {
    display: flex;
    justify-content: space-between;
}
.comments_form_checkboxes {
    display: flex;
    flex-direction: column;
  }
  
  .comments_form_checkboxes label {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    cursor: pointer;
  }
  
  /* Hide default checkbox appearance */
  .comments_form_checkboxes input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 14px !important;
    height: 14px !important;
    border: 1px solid #b3b3b3;
    margin-left: 8px;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
  }
  
  /* Checkmark — perfectly centered */
  .comments_form_checkboxes input[type="checkbox"]:checked::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    background-color: #3a3946;
    transform: translate(-50%, -50%);
  }

.project_popup_notifications .section-comments {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden; /* prevents overflow from child elements */
  }
  
.project_popup_notifications .comments {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
  }
  
  .project_popup_notifications .comment__scroll {
    flex: 1;
    overflow: hidden;
  }
  
  .js-scroll-simplebar {
    height: 100%;
    overflow: auto; /* or omit if using data-simplebar */
  }
.project_documents_section, .project_main_section{
    display: contents;
}
.project_documents_inner {
    margin-top:0.4em;
}
.documents__item{
    display: flex;
    align-items: center;
    margin-bottom: 0.2em;
    gap: 0.3em;
}
.download_link{
    display: flex;
    align-self: end;
}
.download_icon{
    width: 1em;
}
.download_link a{
    text-decoration: none;
    color: #000;
    font-weight: 700;
}

/****** Popup Tabs *****/
.popup_project_items_tablinks_wrap {
    display: flex;
    gap:0.5em;
}
  
/* Style the buttons inside the tab */
.popup_project_tablink {
    background-color: #fff;
    color: #3a3946;
    border: 1px solid #3a3946;
    outline: none;
    cursor: pointer;
    padding: 0.2em 1em;
    transition: 0.3s;
    border-radius: 0.4em;
}
  
/* Change background color of buttons on hover */
.popup_project_tablink:hover {
    background-color: #3a3946;
    color: #fff;
}
  
/* Create an active/current tablink class */
.popup_project_tablink.active {
    background-color: #3a3946;
    color: #fff;
}
  
/* Style the tab content */
.popup_project_tabcontent {
    display: none;
}
.popup_project_tabcontent.active{
    display: block;
    opacity: 1;
}

.popup_project_item_title, .popup_project_card_title {
    font-weight: 700;
    font-size: 1.2em;
}
.popup_project_card_title {
    margin-bottom: 0.5em;
}
.popup_project_item_amount {
    font-size: 0.9em;
}

.popup_project_item_main_info {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 1em;
    margin-top: 1.2em;
}

.popup_project_item_top_card {
    border: 1px solid #aaa;
    border-radius: 0.4em;
    padding: 0.5em 1em;
    background: #fff;
    box-shadow: 0px 1px 4px #aaaaaa;
    border-top: 4px solid #34a7df;
    display: flex;
    flex-direction: column;
}
.popup_project_item_top_card.popup_project_item_budget{
    border-top: 4px solid #3a3946;
}

.popup_project_card_title_wrap {
    display: flex;
    justify-content: space-between;
}
.popup_project_card_badge{
    border-radius: 0.4em;
    color: #fff;
    padding: 0.3em 0.6em;
    margin-left: -0.6em;
    height: fit-content;
    box-shadow: 0 0 3px 1px #bbb;
    opacity: 0.7;
}
.popup_project_card_badge.active{
    background: #4CAF50;
}
.popup_project_card_badge.inactive{
    background: #aa4954;
}
.item_parameters_wrap {
    font-size: 1rem;
}

.item_button_wrap {
    margin-top: auto;
}

.btn.create-project-note, .save_all_stages_btn, .item_button_wrap .btn, .add_new_stage_btn, .popup_add_new_file_btn {
    border-radius: 0.4em;
    font-size: 1.2em;
    font-weight: 300;
    padding: 0.1em 1em;
    transition: all 0.3s;
}

.item_button_wrap .btn{
    margin-top: 0.5em;
}
.popup_project_item_budget .item_button_wrap .btn{
    background-color: #3a3946;
    color: #fff;
    line-height: 1.5em;
}
.popup_project_item_budget .item_button_wrap .btn::before{
    content: url('../img/icon-secttings-inverse.svg');
    display: inline-block;
    width: 1em;
    margin-left: 0.3em;
    position: relative;
    top: 0.2em;
}
.popup_project_item_budget .item_button_wrap .btn:hover{
    background-color: #555360;
}

.add_new_stage_btn, .popup_add_new_file_btn {
    border: 1px solid #4caf50;
    color: #4caf50;
    cursor: pointer;
}

.add_new_stage_btn::before, .popup_add_new_file_btn::before{
    content: "+";
    display: inline-block;
    background-color: #4caf50;
    color: #fff;
    width: 1.1em;
    margin-left: 0.3em;
    border-radius: 50%;
}

.stage_item_link_wrap {
    display: flex;
    align-items: center;
}
.stage_item_link span {
    font-size: 1.2em;
    line-height: 1.2em;
    color: #34a7df;
    transition: all 0.3s;
}
.stage_item_link span:hover {
    opacity: 0.8;
}
.stage_remove_empty {
    font-size: 1.2em;
    line-height: 1.2em;
    color: #ff2020;
    transition: all 0.3s;
    cursor: pointer;
}
.stage_remove_empty:hover {
    opacity: 0.8;
}

.download_stage_files:hover {
    opacity: 0.8;
}

.download_stage_files {
    cursor: pointer;
}

.disabled{
    pointer-events: none;
    opacity: 0.5;
}

.popup_project_item_stages, .popup_project_item_tabars {
    margin-top: 1em;
    position: relative;
}

.popup_download_stage_files_wrap {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 2em;
    box-shadow: 0px 0px 5px 1px #3a3946;
    border-radius: 0.4em;
}

.download_stage_files_close {
    font-size: 2.2em;
    line-height: 1em;
    position: absolute;
    top: 0;
    left: 0.2em;
    cursor: pointer;
}
.popup_download_stage_files_title {
    padding: 0;
    margin: 0em 0em 1em;
}
.popup_download_stage_files_wrap a {
    font-size: 1.2em;
}


/******* popup tabars ***********/
.project_popup_main .concentration_table_wrap {
    margin-bottom: 1em;
}
.project_popup_main .accordion__title_wrap{
    display: none;
}
.project_popup_main section{
    padding: 0;
}
.project_popup_main section *, .project_popup_main .new_accordion__table .table__col{
    font-size: 1em;
    margin: 2px 0;
}
.project_popup_main .table__caption{
    font-size: 0.8em;
}
.project_popup_main .new_concentration_table_header .table__col{
    padding: 0.1em;
}
.project_popup_main .new_concentration_table_header{
    font-size: 0.9rem;
}

.project_popup_main .accordion__table{
    margin-top: 0.2em;
}
.panel__head{
    background-color: #3a3946;
}
.popup_project_tabar_status_badge {
    display: inline-block;
    position: absolute;
    top: 0.6em;
    left: 1.1em;
    /* padding: 1em; */
    color: #fff;
    padding: 0.1em 0.6em;
    border-radius: 0.4em;
    opacity: 0.7;
    box-shadow: 0 0 3px 1px #bbb;
}
.project_popup_main .new_accordion__table{
    border: none;
    border-radius: 0;
}
.project_popup_main .new_accordion__table .project__table {
    font-size: 1rem;
}
.popup_project_tabar_status_badge.positive{
    background: #4caf50;
}
.popup_project_tabar_status_badge.negative{
    background: #aa4954;
}


/****** popup stages table ******/
thead.popup_stages_items_headers th {
    font-size: 0.9rem;
    padding: 0.5em 0.4em;
    background: #3a3946;
    color: #fff;
}
thead.popup_stages_items_headers th:first-of-type {
    text-align: right;
    padding-right: 2.2em;
}

.popup_stage_date_col, .popup_stage_num_col {
    width: 10em;
}

.popup_stage_text_col {
    min-width: 16em;
}
.popup_stage_select_col {
    width: 8em;
}
.popup_stage_download_col {
    width: 10em;
}

.stage_item_input {
    color: #3a3946;
    border-radius: 0.5em;
    border: 1px solid #cac7c6;
    padding: 2px 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1em;
    width: 100%;
    outline: none;
    min-width: 6em;
}
.stage_item_input.live_format {
    padding: 2px 4px 2px 16px;
    max-width: 7em;
    margin: 0 auto;
    display: block;
}

.stage_item_input.js-datepicker {
    max-width: 6em;
    margin: 0 auto;
    display: block;
}


.stage_item_col {
    padding: 0.3em 0.5em;
}
.popup_stage_item_wrap .stage_item_col:first-of-type {
    padding-right: 0;
}
select.stage_item_input {
    display: none;
}
.stage_item_col .SumoSelect {
    font-size: 1em;
    line-height: 1em;
}

.stage_item_col .SumoSelect.open > .optWrapper {
    top: 26px;
}

.download_stage_files {
    text-align: center;
}

.stage_item_col .SumoSelect > .CaptionCont {
    line-height: 1em;
    border: 1px solid #cac7c6;
    padding: 4px 10px;
    border-radius: 0.4em;
    font-size: 1em;
}
.stage_item_col .SumoSelect > .CaptionCont > span {
    padding-left: 24px;
}
.stage_item_col .SumoSelect > .CaptionCont > label {
    top: -1px;
    left: -1px;
    bottom: -1px;
    width: 24px;
    background: #cac7c6;
    border-radius: 0.4em 0 0 0.4em;
}
.stage_item_col .SumoSelect > .CaptionCont > label > i {
    border-top: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

.project_popup_wrap #ui-datepicker-div{
    display: none;
}

.stages_buttons_wrap {
    display: flex;
    justify-content: space-between;
    padding: 1em 0.5em;
}

.live_format_wrap{
    position: relative;
    width: fit-content;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
.live_format_wrap::before {
    content: "₪";
    position: absolute;
    left: 0.3em;
}

@media (max-width: 768px) {
    .project_popup_content {
        height: 92%;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-row-gap: 1em;
        grid-column-gap: 0;
        zoom: 0.8;
    }

    .project_popup_main,
    .project_popup_notifications,
    .project_popup_documents {
        grid-column: span 1;
        grid-row: auto;
    }
    .project_popup_notifications .section-comments {
        overflow: auto;
    }
}