/* See here for different customization https://tabulator.info/docs/6.3/style */
/*
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*/

/* .dob-filter input {
    color-scheme: dark;
  } */

/* disable last-pass icon overlay on input */
[data-lastpass-icon-root], [data-lastpass-root] {
    display: none !important;
}
/* .iTr_F_01 *{} */
.index-page select,
.index-page option {
    /*font-family: 'Poppins',system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;*/
    font-family:  -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-display: swap;
}

body {
    margin: 0;
    /* font-family: 'Euclid Circular A', sans-serif; */
    /* background-color: #f6f8fa; */
    height: 100%;
    scroll-behavior: smooth;

}

/*body, h1, h2, h3, h4, h5, h6 { font-family: 'Euclid Circular A', sans-serif;}
.modal-table { font-size: 0.938rem;}
.table td, .table th { padding: .6rem;}
.table-bordered thead td, .table-bordered thead th { border-width: 0.063rem; }
.form-control:focus, .btn:focus { box-shadow: none; } */


.tabulator-alert-msg.tabulator-alert-state-msg {
    border: none !important;
    background-color: transparent !important;
}


.disable-pointer {
    pointer-events: none;
}

/* .tabulator-row.tabulator-selected{
    background: white !important;
}
.tabulator-row.tabulator-selected:hover{
    background-color: white !important;
} */

.disable-item {
    pointer-events: none;
    opacity: 0.7;
}

.disable-row {
    pointer-events: none;
    opacity: 0.7;
}

.masterFilter_clear:not(:disabled){ box-shadow: 0 0 0 2px rgba(13,110,253,.15);}

/*button:disabled {
    color: gray !important;
}*/

.iTr_F_01 .dropdown-item{
    padding-top:2px;
    padding-bottom:2px;
    display: flex;
}

.iTr_F_01 .dropdown-item[data-hidden=true], [data-active-filter=true] {
    background-color: rgb(167, 224, 255) !important;
}
.iTr_F_01 .dropdown-item:focus{
    background-color: white;
}

.iTr_F_01 .dropdown-item[data-value='restore-cols-visibility'] {
    background-color: rgb(233, 245, 229);
}

[data-hidden-from-menu=true], [data-hidden=true]{
    display: none !important;
}

[data-item-hidden=true]{
    display: none !important;
}

.tabulator-footer{
    user-select: auto !important;
}
.filter_by_settings{
    display: flex;
    flex-direction: column;
}
.filter_by_settings > * {
    padding: 8px;
}
.filter_by_settings > *:not(:last-child) {
    border-bottom: 1px solid rgb(174, 174, 174);
}

/*   //+IR+ [L] 2025-12-01 verify that this is okay to comment this part
span.custom-tooltip{
    margin-right: 8px !important;
    padding-block: 3px !important;
    padding-inline: 6px !important;
    border-radius: 50%;
    background-color: var(--bs-primary);
    color: white;
    display: inline-flex;
    transform: scale(0.8);
    margin-bottom: 4px;
}

.custom-tooltip-element{
    border-radius: 4px;
}
.custom-tooltip-element *{
    background-color: inherit;
}
*/


.tabulator-tooltip:has(.iTr_tooltip) {
    /* This is necessary to offset the tabulator CSS style incase we insert our own iTr_tooltip */
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
}
.iTr_tooltip {     
    padding: var(--py, 5px) var(--px, 10px) !important;
    text-align: var(--ta, center); 
    z-index: 9999; 
}
.iTr_tooltip.info { 
    background: #08536f !important;
    border: 3px solid #00dcff !important; 
    color: white; 
}
.iTr_tooltip.danger {
    background: #f8d7da !important;
    border: 3px solid #ab3944 !important; 
    color: #842029; 
}
.iTr_tooltip.warning {
    background: #fff3cd !important;
    border: 3px solid #ffecb5 !important; 
    color: #664d03; 
}
/*
.iTr_tooltip-info .arrow {
  position: absolute;
  top: -8px;  
  left: 50%;   
  transform: rotate(90deg) translateX(-50%);  
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: #00dcff;
}
.iTr_tooltip-info .arrow_left {
  position: absolute;
  top: 50%; / * center the arrow vertically * /

  left: -5px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: #333;
}
*/

.iTr_F_01 .download-menu{
    position: relative;
}

.iTr_F_01 .download-menu:hover .download-btns{
    display: flex !important;
    position: absolute;
    z-index: 10;
    width: 150px;
    right: 0;

    flex-direction: column;
    background-color: rgb(255, 255, 255);

    border-radius: 4px;
    overflow: hidden;

    box-shadow: 4px 4px 6px rgba(0,0,0,0.2);
    border: 1px solid rgba(0,0,0,0.2);



}
.iTr_F_01 .download-btns button{
    border-radius: 0 !important;
    
}
.iTr_F_01 .download-btns button:hover{
    background-color: rgb(244, 244, 244) !important;

}
.iTr_F_01 .download-btns button:not(:last-child){
    border-bottom: 1px solid rgba(0,0,0,0.1);
}



/* dynamic css variable */
.iTr_F_01 .dropdown-menu.show,
.dropdown-menu.show{
    display: flex;
    flex-direction: column;
    gap:6px;
}
.iTr_F_01.dropdown-menu.moved_ddown_to_body *,
.iTr_F_01 .dropdown-menu *{
    font-size: 14px !important;
}


.iTr_F_01 .toggle-table-col-dropdown{
    display: none;
}

/* ------------- iTr Format 01 ------------> */
.iTr_F_01 .tabulator{
    background-color: #ffffff;
    border-color: #ddddde;
    font-size: 14px;
}

.iTr_F_01 .tabulator .tabulator-header{
    background-color: #ffffff;
}

.iTr_F_01 .tabulator-footer-contents{
    background: #fafafb;    
    height: 35.19px !important;
    min-height: 35.19px !important;
    max-height: 35.19px !important;
}

.iTr_F_01 .tabulator-headers, 
.iTr_F_01 .tabulator-headers .tabulator-col{    
    background: #fafafb;    
    height: val(--cell-height, 65)px !important;    /* header height play */
}
.iTr_F_01 .tabulator-headers .tabulator-col{ 
    border-right: none !important; 
}
.iTr_F_01 .tabulator-headers .tabulator-col-content{
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    justify-content: space-between;
    /*padding-top: 10px !important;*/
    padding-top: 2px !important;
    /*padding-bottom: 10px !important;*/
    padding-bottom: 6px !important;

    padding-left:10px !important;
    padding-right:10px !important;
}
.iTr_F_01 .tabulator-headers .tabulator-col-content:hover{
    background: #f1f1f1;    
}
.iTr_F_01 .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter {
    top: 05px;
}
.iTr_F_01 .tabulator-headers .tabulator-col-title-holder{ 
    padding-bottom: 0px; 
}
.iTr_F_01 .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
    margin-bottom: 0px; /* header height play */
}


.iTr_F_01 .tabulator-header .tabulator-frozen.tabulator-frozen-right,
.iTr_F_01 .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right {
    border-left: none;
}


.iTr_F_01 span.tabulator-col-resize-handle{ 
    /* resizer for: Tabulator Header & Row */
    position: relative; 
    top: -4px;     
    background:  #fafafb; width: 3px !important; margin-left:0 !important; margin-right:0 !important;
}
.iTr_F_01 .tabulator-headers span.tabulator-col-resize-handle{
    /* resizer for: Tabulator Header */
    height: cals(val(--cell-height, 65) -7)px !important;
    border-right: 1px solid #ddddde;
    z-index: 1;
    position: relative !important;  /* to overwrite the position: sticky; for the tabulator frozen cell header*/
    width: 5px !important;
}
.iTr_F_01 .tabulator-row span.tabulator-col-resize-handle{
    /* resizer for: Tabulator Row */
    /*background: transparent;*/
    width: 5px !important;    
    background: #9e9e9e0a;
}
.iTr_F_01 span.tabulator-col-resize-handle,
.dds_itemsList_w span.tabulator-col-resize-handle{
    /* resizer for: Tabulator & D.D. */
    cursor: col-resize !important;    
}    
.iTr_F_01 .tabulator-headers span.tabulator-col-resize-handle:hover,
.iTr_F_01 .tabulator-row span.tabulator-col-resize-handle:hover{
    background-color: rgba(0, 0, 0, 0.6);
    top: 0px;    
}


.iTr_F_01 .edit-row-visulizer {
    background: #f1f1f2 !important;
    border: 2px solid #a9a9a985 !important; 
}
.iTr_F_01 .edit-row-visulizer .tabulator-cell{
    padding-left: 9px !important;
    padding-right: 9px !important;    
}
.iTr_F_01 .edit-row-visulizer .tabulator-cell:not(:has(*)) {
    padding: 7.5px;    
}

.iTr_F_01 .tabulator-row { 
    border-bottom: solid 0.01px #dfdddd;
}

/*.iTr_F_01 .tabulator-row .tabulator-cell.tabulator-frozen {
     background-color: transparent !important;
}*/

.iTr_F_01 .tabulator-row:hover {        
    /*box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);*/
    /*box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60, 64, 67, .8), 0 1px 3px 1px rgba(60, 64, 67, .45);*/
    box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgb(0 0 0 / 40%), 0 1px 3px 1px rgb(0 0 0 / 60%);
    z-index: 12;    /* need to to be higher than the Tabulator z-index (11) */
    /*background-color: #f1f5f7 !important;*/
    /*background-color: red !important;*/
}
.iTr_F_01 .tabulator-row:not(.tabulator-selected):hover .tabulator-cell.tabulator-frozen {
    /*background-color: #f1f5f7 !important;*/
}

.iTr_F_01 .tabulator-row.tabulator-selected,
.iTr_F_01 .tabulator-row.tabulator-selected .tabulator-cell {
    background-color: #d8eaf7 !important;
}

.iTr_F_01 .tabulator-row:hover .tabulator-cell:hover,
.iTr_F_01 .tabulator-row:hover .tabulator-cell.tabulator-frozen:hover { 
    /*background-color: #bde0f9 !important;*/
    /*background-color: #e0eaf1 !important;*/        
}


.iTr_F_01 .tabulator-row-even, 
.iTr_F_01 .tabulator-row-odd {
    background-color: white !important;
}


.iTr_F_01 .tabulator-cell{
/*    align-content: center !important;  */
    border-right: none !important;
    cursor: default;
    align-items: start !important;
}


.iTr_F_01 .tabulator-cell[tabulator-field="rowSelection"] input[type="checkbox"]{    
    cursor: pointer;
}
.iTr_F_01 .tabulator-cell[tabulator-field="rowSelection"] input[type="checkbox"]:disabled {    
    cursor: default;
}



.__iTr_F_01 .tabulator-cell[tabulator-field="rowSelection"] input[type="checkbox"]{
    width: 16px;
    height: 16px;
    /*border: 2px solid #0e0e0e;*/
    border: 1px solid #838383;
    border-radius: 4px;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    margin-top: 4px;
}
.__iTr_F_01 .tabulator-cell[tabulator-field="rowSelection"] input[type="checkbox"]:hover{
    border: 2px solid #0e0e0e;
}
.__iTr_F_01 .tabulator-cell[tabulator-field="rowSelection"] input[type="checkbox"]:checked {
  background-color: #1a73e8; 
  border-color: #1a73e8; 
}
.__iTr_F_01 .tabulator-cell[tabulator-field="rowSelection"] input[type="checkbox"]:checked::before {
    content: '✔'; /* Unicode character for a checkmark */
    font-size: 12px;
    __font-weight: bold;
    color: white; 
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Center the checkmark */
}






.iTr_F_01 .table-header-toolbar_w{
    background-color: white;
    border:1px solid #ddddde !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom: 0 !important;
}
.iTr_F_01 .table-header-toolbar_w button:not(.bypass_def_btn_style){
    background-color: #f1f1f2;
    border: solid 0.01px #dfdddd;
}
/*.iTr_F_01 .table-header-toolbar_w .tbl_master_search-input{
    border-right: 1px solid #dfdddd;
}*/
.iTr_F_01.dropdown-menu.moved_ddown_to_body,
.iTr_F_01 .table-header-toolbar_w .dropdown-menu{
    background: #f8f8f8;    
}
.iTr_F_01 .table-header-toolbar_w .download-menu .download-btns button {
    background-color: #f8f8f8;
    padding: 2px 0;
}
.iTr_F_01 .table-header-toolbar_w .download-menu .download-btns button:hover{
    background-color: rgb(211, 211, 211) !important;
}


.iTr_F_01 .tabulator-footer{
    background:#fff;
    border: 1px solid #ddddde !important;
}

.iTr_F_01 .row_expended > .tabulator-cell{
    font-weight: bold;    
}

.iTr_F_01 .row_expended,
.iTr_F_01 .row_expended .tabulator-footer {
    background-color: #f9ffef !important;
}
.iTr_F_01 .row_expended:hover {
    background-color: #f6ffe4 !important;
}


.tabulator-col-resize-handle{ 
    left: 0 !important; 
}


/*.tabulator-row .tabulator-cell.tabulator-frozen,
.tabulator-col-resize-handle + .tabulator-frozen-left {
    background-color: #fafafb !important; 
}*/


.tabulator-selected.edit-row-visulizer .tabulator-cell{
    font-weight: normal;
}

/*.iTr_F_01 .dropdowns-container button{
    border-color: #bbbbbb;
    padding-top: 6px;
    padding-bottom: 6px;
}*/
/*
.iTr_F_01 .iCustScroll,
.iTr_F_01 .tabulator-tableholder {
  --scrollbarBG_secondary: #e5e7e8;
  --thumbBG_secondary: var(--secondary);
  
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG_secondary) var(--scrollbarBG_secondary);
}
.iTr_F_01 .iCustScroll::-webkit-scrollbar { 
    width: 13px; height: 13px;     
}
.iTr_F_01 .iCustScroll::-webkit-scrollbar-track,
.iTr_F_01 .tabulator-tableholder::-webkit-scrollbar-track { 
    background: var(--scrollbarBG_secondary); 
}
.iTr_F_01 .iCustScroll::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG_secondary);
  border-radius: 6px;
  border: 3px solid var(--scrollbarBG_secondary);
  min-height: 100px;
}*/
/*
.iTr_F_01 .tabulator-tableholder::-webkit-scrollbar{ 
    width: 23px; height: 13px; 
}

.iTr_F_01 .tabulator-tableholder::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG_secondary);
  border-radius: 6px;
  border: 13px solid var(--scrollbarBG_secondary);
  min-height: 100px;
}*/

/* ------------- iTr Format 01 ------------< */


/* not working */
/* .search-input:before{
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    background-image: url("data:images/icons/download.svg");
    background-position: 50% 50%;
    background-size: contain;
    opacity: 40%;
    content: "";
    / * filter: var(--ag-icon-filter); * /
}*/

/* styling the row and nested table */
/*
.tabulator-row.row-expanded-lvl-1.row_expended{
    max-width: calc(100% - 14px);
    margin-left: 15px;
}
.tabulator-row.row-expanded-lvl-2.row_expended{
    max-width: calc(100% - 27px);
    margin-left: 15px;
}*/


.itr-tbl-nested-1,
.itr-tbl-nested-1:hover{
    background-color:#e4f0ff !important;
    border: solid 1px #0073fd;
}

.row_expended.row-expanded-lvl-2,
.row_expended.row-expanded-lvl-2 .tabulator-footer,
.row_expended.row-expanded-lvl-2:hover{
    background-color: #cae2ff !important;
    border: solid 1px #0073fd;
}

.itr-tbl-nested-2,
.itr-tbl-nested-2:hover{
    background-color:#e4f0ff !important;
    border: solid 1px #0073fd;
}

.itr-tbl-nested-2 .tabulator{
    background-color: #f9fcffe3 !important;
}

.row_expended.row-expanded-lvl-3,
.row_expended.row-expanded-lvl-3 .tabulator-footer,
.row_expended.row-expanded-lvl-3:hover{
    background-color: #b4f5ff !important;
    border: solid 1px #00a9c3;
}
.itr-tbl-nested-3,
.itr-tbl-nested-3:hover{
    background-color: #dcfaff !important;
    border: solid 1px #00ddff;
}

.itr-tbl-nested-3 .tabulator{
    background-color: #f4fdfff7 !important;
}


.row_expended.row-expanded-lvl-4,
.row_expended.row-expanded-lvl-4 .tabulator-footer,
.row_expended.row-expanded-lvl-4:hover{
    background-color: #ced7ff !important;
    border: solid 1px #758fff;
}
.itr-tbl-nested-4,
.itr-tbl-nested-4:hover{
    background-color: #e7ebff !important;
    border: solid 1px #758fff;
}

.itr-tbl-nested-4 .tabulator{
    background-color: #f0f3ff !important;
}


.row_expended.row-expanded-lvl-5,
.row_expended.row-expanded-lvl-5 .tabulator-footer,
.row_expended.row-expanded-lvl-5:hover{
    background-color: #ebdbfb  !important;
    border: solid 1px #7e03f9;
}
.itr-tbl-nested-5,
.itr-tbl-nested-5:hover{
    background-color: #f8f2ff !important;
    border: solid 1px #7e03f9;
}

.itr-tbl-nested-5 .tabulator{
    background-color: #efebf3 !important;
}



/* prevent going the expanded table going outside of the row */
.row_expended{
    overflow-x: scroll !important;
    /* overflow-x: auto !important; */
}
.hide-filter input, .hide-filter select, .hide-filter button.dropdown-toggle, .hide-filter button.reset_button{
    display: none;
}
.hide-filter div.tabulator-headers div.tabulator-col{
    height: 47px !important;
}
.hide-filter div.tabulator-headers{
    height: 47px !important;
}


.dropdown_list_btn {
    width: calc(100% - 10px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: clip;
    text-align: start;
    /*border: 1px solid rgba(0, 0, 0, 0.2);*/
    border-radius: 0px
  }


.dd_arrow_end.dropdown-toggle::after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.ddF_byTr_F_01 .tabulator-cell,
.ddF_byTr_F_01 .tabulator-col{
    border-right: none !important;
}

.ddF_byTr_F_01 .tabulator-cell.f_p10h45{
    /*padding: 10px 5px 10px 10px;*/
    padding-left: 10px;
    height: 45px;
}

.ddF_byTr_F_01 .tabulator-cell.f_p2h30{
    padding: 2px 5px 0px 10px;
    height: 30px;
}

.ddMBtn_F_01 {  /* used once located not in a tabulator, like in modal */
    padding: 3.9px 0 0.6px 0;    
    border: 1px solid #ccc;
}
.iTr_F_01 .ddMBtn_F_01{ /* a tabulator (header filter or a cell inedit mode */
    padding: 1.92px 0 1.92px 8px;    
    border: 1px solid #ccc;
}

.ddF_byTr_F_01 .tabulator-headers {
    margin-right: 0px !important;
}

.ddF_byTr_F_01 .tabulator-row-even, 
.ddF_byTr_F_01 .tabulator-row-odd {
    background-color: white !important;
}

.ddF_byTr_F_01 .loader {
    display: inline-block;
    border: 4px solid #333;
    border-radius: 10px;
    background: #fff;
    font-weight: bold;
    font-size: 16px;
    color: #000;
    padding: 10px 20px;
}

.ddF_byTr_F_01 .tbl_dd_btn_opt:hover,
.ddF_byTr_F_01 .tbl_dd_chk_opt:hover,
.ddF_byTr_F_01 .tabulator-row[data-current='true'] .tbl_dd_chk_opt,
.ddF_byTr_F_01 .tabulator-row[data-current='true'] .tbl_dd_btn_opt {
    background-color: var(--bs-blue) !important;
    color: #fff;
}

.ddF_byTr_F_01 .tabulator-col-title:empty {
    display: none; /* Hide empty titles */
}

.ddF_byTr_F_01 .tabulator-table .tabulator-row.tabulator-row-even{
    background-color: white !important;
}  

.ddF_byTr_F_01 .tabulator-row span.tabulator-col-resize-handle {
    background: gray;
    top: 0px;
    padding: 12px 0.1px;
    height: 30px;
}


.ddF_byTr_F_01 .tabulator-row span.tabulator-col-resize-handle:hover {
    background: black;
    top: 0px;
}

    
.ddMBtn_F_01.is-invalid{
    border-color: #dc3545 !important;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1.3rem center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}


.iTr_F_01 .tbl_multy_purps_w label:not(.active):hover{
    background-color: #ebeaea;
}


.tabulator-tree-level-0 .tabulator-cell.iIsDataTreeField .fa-minus-square{
    /*color: #008af7;*/
    color: var(--bs-primary);
}
.tabulator-tree-level-1 .tabulator-cell .tabulator-data-tree-branch {
/*    border-bottom: 2px solid #008af7;
    border-left: 2px solid #008af7;*/
    border-bottom: 2px solid var(--bs-primary);
    border-left: 2px solid var(--bs-primary);
}

.tabulator-tree-level-1 .tabulator-data-tree-branch + .fa-minus-square{
    /*color: #d402f7;*/
    color: var(--mbd-purple);
}
.tabulator-tree-level-2 .tabulator-cell .tabulator-data-tree-branch {
/*    border-bottom: 2px solid #d402f7;
    border-left: 2px solid #d402f7;*/
    border-bottom: 2px solid var(--mbd-purple);
    border-left: 2px solid var(--mbd-purple);
    
    margin-left: 25px !important;
}

.tabulator-tree-level-2 .tabulator-data-tree-branch + .fa-minus-square{
    /*color: #f77e02;*/
    color: var(--bs-orange);
}
.tabulator-tree-level-3 .tabulator-cell .tabulator-data-tree-branch {
/*    border-bottom: 2px solid #f77e02;
    border-left: 2px solid #f77e02;*/
    border-bottom: 2px solid var(--bs-orange);
    border-left: 2px solid var(--bs-orange);
    margin-left: 40px !important;
}

.tabulator-tree-level-3 .tabulator-data-tree-branch + .fa-minus-square{
    /*color: #f77e02;*/
    color: var(--bs-info);
}
.tabulator-tree-level-4 .tabulator-cell .tabulator-data-tree-branch {
    border-bottom: 2px solid var(--bs-info);
    border-left: 2px solid var(--bs-info);
    margin-left: 55px !important;
}



/* import tabulator */
.iTr_F_01_import .tabulator-footer-contents {
    background: #fafafb;    
    height: 35.19px !important;
    min-height: 35.19px !important;
    max-height: 35.19px !important;
}

.iTr_F_01_import .tabulator {
    background-color: #ffffff;
    border-color: #ddddde;
    font-size: 14px;
}

.iTr_F_01_import .tabulator-row {
    border-bottom: solid 0.01px #dfdddd;
}

.iTr_F_01_import .tabulator-range-row-header,
.iTr_F_01_import .tabulator-range-selected {
    background-color: #ffffff;
    color: #333;
}
/* end of import */


/* --------------Advanced Filters ----------------- */

/*
   ColumnFilterManager styles
   Scoped under .header-filter-menu which is the menu wrapper appended to <body>.
   Dots button scoped under .iTr_F_01 since it lives inside the table container.
*/

/* Filter menu wrapper */
.header-filter-menu {
    position: fixed;
    z-index: 10000;
    width: 288px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    font-size: 13px;
    box-shadow: 0 8px 32px rgba(0,0,0,.14), 0 1px 4px rgba(0,0,0,.08);
}

/* Header band */
.header-filter-menu .cfm-header {
    background: #fff;
    border-bottom: 1px solid #e4e6eb;
    padding: 12px 14px 10px;
}
.header-filter-menu .cfm-header-top {
    display: flex;
    align-items: center;
    justify-content: space-between;    
}
.header-filter-menu .cfm-title {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .8px;
    text-transform: uppercase;
    color: #9ca3af;
}

/* Column title pill */
.header-filter-menu .cfm-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #f3f4f6;
    border: 1px solid #e4e6eb;
    border-radius: 6px;
    padding: 4px 10px;
    max-width: 100%;
}
.header-filter-menu .cfm-pill-icon {
    font-size: 10px;
    color: #6b7280;
}
.header-filter-menu .cfm-col-title {
    font-size: 12px;
    font-weight: 700;
    color: #111827;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 210px;
    display: inline-block;
}

/* Scrollable body */
.header-filter-menu .cfm-body {
    padding: 12px;
    background: #f9fafb;
    max-height: 300px;
    overflow-y: auto;
}

/* Add condition button */
.header-filter-menu .cfm-add-btn {
    width: 100%;
    height: 32px;
    border: 1.5px dashed #6b7280;
    color: #374151;
    background: #f3f4f6;
    border-radius: 7px;
    font-size: 11.5px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    transition: all .15s;
}
.header-filter-menu .cfm-add-btn:hover {
    background: #e5e7eb !important;
    border-color: #374151 !important;
    color: #111827 !important;
}

/* Footer */
.header-filter-menu .cfm-footer {
    padding: 10px 14px;
    background: #fff;
    border-top: 1px solid #e4e6eb;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-filter-menu .cfm-count {
    font-size: 11px;
    color: #9ca3af;
}
.header-filter-menu .cfm-footer-btns {
    display: flex;
    gap: 7px;
}

/* Clear button */
.header-filter-menu .cfm-clear-btn {
    padding: 5px 13px;
    border-radius: 6px;
    border: 1px solid #4d4d4d;
    background: #fff;
    /*font-size: 11.5px;*/
    font-weight: 600;
    color: #060606;
    cursor: pointer;
    transition: all .15s;
}
.header-filter-menu .cfm-clear-btn:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}
.header-filter-menu .cfm-clear-btn:hover:not(:disabled) {
    background: #f3f4f6 !important;
    border-color: #9ca3af !important;
    color: #111827 !important;
}

/* Apply button */
.header-filter-menu .cfm-apply-btn {
    padding: 5px 16px;
    border-radius: 6px;
    border: none;
    background: #1f2937;
    /*font-size: 11.5px;*/
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    transition: all .15s;
}
.header-filter-menu .cfm-apply-btn:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}
.header-filter-menu .cfm-apply-btn:hover {
    background: #374151 !important;
}

/* Condition row */
.filter-conditions-container{
    font-size: 13px !important;
}

/*.header-filter-menu .cfm-filter-type {
    font-size: 11px !important;
}*/
/*.header-filter-menu .cfm-filter-value {
    font-size: 11px !important;
}*/
.header-filter-menu .cfm-cond-row .remove-condition-btn {
    width: 31px;
    height: 31px;
    min-width: 28px;
    padding: 0;
    line-height: 1;
    font-size: 16px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.header-filter-menu .cfm-cond-row .remove-condition-btn:hover {
    background: #e7e7e7;
    color: black;
}

/* Dots button — lives inside .iTr_F_01 table container */
.iTr_F_01 .cfm-dots-btn {
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1;
    padding: 6px 5px;
    transition: all 0.2s ease;
    /*background: #f8f9fa;*/
    /*border-color: #dee2e6;*/    
    color: #bbbbbb;
    /*box-shadow: 0 1px 2px rgba(0,0,0,.05);*/
    z-index: 15;
}
.iTr_F_01 .tabulator-col.tabulator-frozen .cfm-dots-btn {
    z-index: 25;
}
.iTr_F_01 .cfm-dots-btn:hover {
    /*background: #e7f1ff !important;*/
    border-color: #0066cc !important;
    box-shadow: 0 2px 4px rgba(0,0,0,.1) !important;
}
.iTr_F_01 .cfm-dots-btn.has-filter {
    /*background: #0066cc;*/
    /*border-color: #0066cc;*/
    /*color: #fff;*/
    color: #666666;    
}
.iTr_F_01 .cfm-dots-btn.has-filter:hover {
    /*background: #0056b3 !important;*/
    /*border-color: #0056b3 !important;*/    
    border: 1px solid #66666670 !important;
}

/* Dots anchor — no filter row fallback */
.iTr_F_01 .cfm-dots-anchor {
    position: relative;
    padding-right: 22px;
}

/* Advanced filters active state */
.iTr_F_01 .tabulator-col.advflt-active {
    min-height: 60px;
}
.iTr_F_01 .tabulator-col.advflt-active .tabulator-col-title,
.iTr_F_01 .tabulator-col.advflt-active .tabulator-col-content {
    padding-right: 30px;
}

/* Filter order badges */
.iTr_F_01 .tabulator-header-filter .filter-order-badge {
    position: absolute;
    bottom: 18px;
    right: 0px;
    color: #555555;
    font-size: 12px;
    font-weight: 600;
    z-index: 99;
    pointer-events: none;
}
.iTr_F_01 .tabulator-col > .filter-order-badge {
    position: absolute;
    top: 2px;
    right: 2px;
    color: #555555;
    font-size: 12px;
    font-weight: 600;
    z-index: 100;
    pointer-events: none;
}


.iTr_F_01 .cfm-dots-no-filter-placeholder {
    position: relative;
    display: flex;
    align-items: center;
    height: 28px;
    min-height: 28px;
    width: 100%;
}

.iTr_F_01 .cfm-dots-no-filter-placeholder .cfm-dots-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}



/* dropdown checkbox and label alignment fix */
/* +IR+ [L] It prevent the input search fromworking !!!!!!!!!!!!!!!!!!!!!!!!!!!!!
.dds_itemsList_w .form-check{
    display: flex !important;
    align-items: center !important;
    gap: 6px;
}
.dds_itemsList_w .form-check input[type=checkbox]{
    margin-top: 0 !important
}
*/


/* iGet_el_SelectDropdown dropdown window settings !!!! */
/*
.tabulator .dropdown-menu {
    position: fixed !important;
    z-index: 1 !important; 
}
.tabulator .tabulator-tableholder {
    position: fixed;
}
.tabulator-footer{
    bottom: 0;
    position: fixed;
    width: 100%;
}
*/
/*   ----------   */


/* .tabulator{
    width: 100%;
    overflow-x: auto !important;
}
.itr-tbl-nested-1{
    width: calc(100% - 20px);
}
.itr-tbl-nested-2{
    width: calc(100% - 40px);
}
.itr-tbl-nested-3{
    width: calc(100% - 80px);
} */

/*
.row_expended.row-expanded-lvl-1,
.row_expended.row-expanded-lvl-1:hover{
    background-color: rgb(206, 255, 229) !important;
}
.itr-tbl-nested-1,
.itr-tbl-nested-1:hover{
    background-color: rgb(228, 253, 253) !important;
}

.row_expended.row-expanded-lvl-2,
.row_expended.row-expanded-lvl-2:hover{
    background-color: rgb(255, 245, 206) !important;
}
.itr-tbl-nested-2,
.itr-tbl-nested-2:hover{
    background-color: rgb(253, 246, 221) !important;
}

.row_expended.row-expanded-lvl-3,
.row_expended.row-expanded-lvl-3:hover{
    background-color: rgb(231, 255, 206) !important;
}
.itr-tbl-nested-3,
.itr-tbl-nested-3:hover{
    background-color: rgb(234, 251, 216) !important;
}

.row_expended.row-expanded-lvl-4,
.row_expended.row-expanded-lvl-4:hover{
    background-color: rgb(206, 237, 255) !important;
}
.itr-tbl-nested-4,
.itr-tbl-nested-4:hover{
    background-color: rgb(234, 251, 255) !important;
} */


/**** from here copy of global css  ****/

/* ----------------- ITSIK --------------------------------- */
/* |-- BS my customization --> */
/*.tooltip-info{--bs-tooltip-bg: var(--bs-info); --bs-tooltip-opacity: 1; --bs-tooltip-color: black;}*/
.tooltip-danger {--bs-tooltip-bg: #9c0000;}
.tooltip-danger .tooltip-arrow::before {--bs-tooltip-bg: #ff0000;}
.tooltip-danger .tooltip-inner {border: 3px solid #ff0000;}
.tooltip-dark {--bs-tooltip-bg: #212529;}
.tooltip-dark .tooltip-arrow::before {--bs-tooltip-bg: #000;}
.tooltip-dark .tooltip-inner {border: 3px solid #000;}
.tooltip-info {--bs-tooltip-bg: #08536f;}
.tooltip-info .tooltip-arrow::before{--bs-tooltip-bg: #00dcff;}
.tooltip-info .tooltip-inner {border: 3px solid #00dcff;}
.tooltip-light {--bs-tooltip-bg: #f8f9fa;}
.tooltip-light .tooltip-arrow::before {--bs-tooltip-bg: #777;}
.tooltip-light .tooltip-inner {border: 3px solid #777;}
.tooltip-primary {--bs-tooltip-bg: #007bff;}
.tooltip-primary .tooltip-arrow::before {--bs-tooltip-bg: #00288e;}
.tooltip-primary .tooltip-inner {border: 3px solid #00288e;}
.tooltip-secondary {--bs-tooltip-bg: #6c757d;}
.tooltip-secondary .tooltip-arrow::before {--bs-tooltip-bg: #3d3d3e;}
.tooltip-secondary .tooltip-inner {border: 3px solid #3d3d3e;}
.tooltip-success {--bs-tooltip-bg: #28a745;}
.tooltip-success .tooltip-arrow::before {--bs-tooltip-bg: #06ff3f;}
.tooltip-success .tooltip-inner {border: 3px solid #06ff3f;}
/*.tooltip-warning {--bs-tooltip-bg: #f8c323;}*/
.tooltip-warning {--bs-tooltip-bg: #e9e808; --bs-tooltip-color: black;}
.tooltip-warning .tooltip-arrow::before {--bs-tooltip-bg: #f7d000;}
.tooltip-warning .tooltip-inner {border: 3px solid #f7df00;}

.tt_inner-width .tooltip-inner {min-width: var(--tt_width);}
.tt_width-250 {--bs-tooltip-max-width: 250px;}
.tt_inner-250 .tooltip-inner {width: 250px;}
.tt_width-320 {--bs-tooltip-max-width: 320px;}
.tt_width-400 {--bs-tooltip-max-width: 400px;}
.tt_width-600 {--bs-tooltip-max-width: 600px;}
/*.tt_arrow-s-n305 .tooltip-arrow{left: var(--tt_arrow_dis)}*/
.tt_arrow-center .tooltip-arrow{left: calc(100% * -0.5) !important;}


/*.tooltip-info .tooltip-arrow::before{--bs-tooltip-bg: #00dcff;}*/
/*.tooltip-info .tooltip-inner {border: 3px solid #00dcff;}*/



.visible-hidden { visibility: hidden;}
.z-index-1 {
    z-index: 1 !important;
}


.text-nowrap-elpsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}



/* LOADER */
.loader {
  width: 15em;
  height: 12em;
  font-size: 25px;
  /*font-size: 16px;*/
  box-sizing: border-box;
  border-top: 0.3em solid white;
  border-radius: 50%;
  position: relative;
  animation: rotating 10s ease-in-out infinite;
  --direction: 1;
}

.loader::before,
.loader::after {
  content: "";
  position: absolute;
  width: inherit;
  height: inherit;
  border-radius: 50%;
  box-sizing: border-box;
  top: -0.2em;
}

.loader::before {
  border-top: 0.3em solid #002454;
  transform: rotate(120deg);
}

.loader::after {
  border-top: 0.3em solid #FF914D;
  transform: rotate(240deg);
}

/* Do not remove this. */
/* Added this fix to align the loader withing the table-loader for the tabulator. */
/* It was not aligning properly. made top = 0 to reset it. */
.loader > span, .loader::after, .loader::before{
    left: 0 !important;
}
/* End: Do not remove this. */


.loader > span {
  position: absolute;
  color: white;
  width: inherit;
  height: inherit;
  text-align: center;
  line-height: 10em;
  font-family: sans-serif;
  animation: rotating 10s linear infinite;
  --direction: -1;
}

.loader > span .airgusEl{
    padding-bottom: 30px;
}
.loader > span .extrText{
  line-height: 10px;
  top: -87px;
  position: relative;
}

@keyframes rotating {
  50% {
    transform: rotate(calc(180deg * var(--direction)));
  }

  100% {
    transform: rotate(calc(360deg * var(--direction)));
  }
}
/* LOADER */



/* --- Tabulator column-resize handle: fix alignment --- */

/* Header: handle should be absolute and not consume width */
/* --- Tabulator column-resize handle: alignment fix (FINAL OVERRIDE) --- */

/* Header: keep the handle, but absolutely position it so it doesn't consume width */
.iTr_F_01_clmsGr .tabulator-header .tabulator-col .tabulator-col-resize-handle,
.iTr_F_01_clmsGr .ddF_byTr_F_01 .tabulator-header .tabulator-col .tabulator-col-resize-handle,
.iTr_F_01_clmsGr .tabulator .tabulator-header .tabulator-col .tabulator-col-resize-handle {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  right: -3px !important;      /* tiny overlap so it's easy to grab */
  left: auto !important;
  width: 6px !important;
  pointer-events: auto !important;
  background: transparent !important;
}

/* Body rows: remove the handle so it can't push editors to the left */
.iTr_F_01_clmsGr .tabulator-row .tabulator-col-resize-handle,
.iTr_F_01_clmsGr .ddF_byTr_F_01 .tabulator-row .tabulator-col-resize-handle,
.iTr_F_01_clmsGr .tabulator .tabulator-row .tabulator-col-resize-handle {
  display: none !important;
}

/* Ensure header columns can position the handle absolutely */
.iTr_F_01_clmsGr .tabulator-header .tabulator-col,
.iTr_F_01_clmsGr .ddF_byTr_F_01 .tabulator-header .tabulator-col,
.iTr_F_01_clmsGr .tabulator .tabulator-header .tabulator-col {
  position: relative !important;
}

/* Guard: keep rows as flex with no gaps so widths add up exactly */
.iTr_F_01_clmsGr .tabulator .tabulator-row,
.iTr_F_01_clmsGr .ddF_byTr_F_01 .tabulator .tabulator-row,
.iTr_F_01_clmsGr .tabulator .tabulator-row {
  display: flex !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
}

/* Optional: center your custom editors visually */
.iTr_F_01_clmsGr .iTr-timebox,
.iTr_F_01_clmsGr .tabulator-cell .form-select.form-select-sm {
  display: inline-block;
  margin-inline: auto;
}


/* center any custom editor inside cells */
.iTr_F_01_clmsGr .iTr-editor-center{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
}

.iTr_F_01_clmsGr .edit-row-visulizer {
  background: #f1f1f2 !important;
  border: 0 !important;
  outline: 2px solid #a9a9a985;
  outline-offset: -1px;
}


/* Used in the copy paste table */
.iNo_range_overlay .tabulator-range-overlay { display: none; }
.iNo_range_overlay .no-rowheader-border { border-bottom: none !important; }