/*ChildPage.razor Styles*/
.childPage_container {
    margin-bottom: 15px;
}

.child_table, th, .child_table_data {
    border: 0px solid var(--se-dark-purple);
    border-collapse: collapse;
}

th, .child_table_data {
    padding: 2px;
    text-align: left;
}

.e-toolbar .e-toolbar-items .e-indicator {
    background-color: var(--se-medium-purple);
}

.e-toolbar .e-toolbar-items .e-active .e-tab-text {
    color: var(--se-medium-purple) !important;
}

.children_list, .document_list, .properties_list {
    list-style-type: none;
    margin-top: 25px;
    position: fixed;
    width: 80%;
    height: 70%;
    overflow: auto;
}

.children_list {
    padding-left: 0px;
}

.e-gantt .e-reload::before {
    content: '\e99d';
}

.children_list_item, .document_list_item {
    cursor: pointer;
}

.children_list_item, .document_list_item {
    padding: 5px;
}

.table-progress-display {
    width: 100%;
}

#child_table_data0, child_table_data1 {
    width: 1%;
    white-space: nowrap;
}

.td-progress-display {
    float: right;
    text-align: right;
}

.children_list:has(.taskItem_table) * {
    cursor: default;
}

.progress {
    height: 48px;
    width: 10px;
    background-color: var(--se-gray-2);
    margin-left: -6px;
    margin-top: -6px;
    margin-right: 10px;
}

    .progress .value {
        background-color: var(--se-green-2);
        display: block;
        width: 100%;
    }

/*Disabling schedule tab because it's not needed in every USecase, just comment out the section below in order to enable it*/
.schedule_tab {
    margin-top: 25px;
    display: none !important;
}


#sfGantt_1 {
    width: 100% !important;
    height: 100% !important;
}