.integrate_qb_categories_tree .table {
    text-align: left;
}

.integrate_qb_categories_tree .custom-style-table tbody tr:nth-child(odd) {
    background-color: #ffffff;
}

.integrate_qb_categories_tree .table tbody tr:nth-child(even) {
    background-color: #ffffff;
}

.integrate_qb_categories_tree .custom-style-button {
    background-color: #3640d1;
    border-color: #3640d1 ;
    color: #ffffff;
}


.toggle-button {
    background-color: transparent;
    border: none;
    color: inherit; 
    cursor: pointer;
}

.table-container {
    width: 100%;
    overflow-x: auto;
    position: relative;
}

.tree-table-header-wrapper {
    position: sticky;
    top: 0px;
    z-index: 1000;
    background-color: white;
    overflow-x: hidden;
    border-bottom: 2px solid #ddd;
}

.tree-header-table, .tree-main-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.tree-header-table th {
    padding: 10px;
    border: 1px solid #ddd;
    background-color: #ffffff;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    text-align: left;
}

.tree-table-body-wrapper {
    overflow-x: auto;
    width: 100%;
}

.tree-main-table td {
    padding: 8px;
    border: 1px solid #ddd;
    text-align: left;
    white-space: nowrap;
}

.tree-main-table tbody tr:nth-child(odd), 
.tree-main-table tbody tr:nth-child(even){
    background-color: #ffffff;
}

.tree-main-table tbody tr:hover td {
    background-color: #f0f7fc;
  }

td.category-type, td.cost-name {
    width: 1%;
    max-width: 250px;
    min-width: 100px;
}

td.id-col {
    width: 1%;
    max-width: 80px;
    min-width: 50px;
}

td.start-time-col, td.end-time-col {
    width: 1%;
    max-width: 150px;
    min-width: 100px;
}

td.line-name-col {
    width: 1%;
    max-width: 200px;
    min-width: 120px;
}