/* Global Workflow Table Components
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* Reference --
stack\components\table\_compile_table_subcomponents.py */



/* Status
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* placeholder */




/* Dropdown
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Note: Reference the following for additional dropdown styling being applied - 
 stack\assets\stylesheet.css */


.table_dropdown {
    max-width: fit-content;
}

.table_dropdown_small {
    min-width: 5rem;
}

.table_dropdown_medium {
    min-width: 14rem;
}

.table_dropdown_large {
    min-width: 25rem;
}

/* custom dropdown width for pp008 employee reimbursables */
.table_dropdown_pp008 {
    min-width: 35rem;
}

/* Date
–––––––––––––––––––––––––––––––––––––––––––––––––– */





/* Date  -- Single Date / Editable
–––––––––––––––––––––––––––––––––––––––––––––––––– */




/* Number Input
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.table_number_input {
    font-size: 14px;
    border-radius: 6px;
    background: none;
    color: white;
    padding: 4px;
    margin: 0;
    border: none;
    text-align: right;
    text-overflow: ellipsis;
}

/* max of 5 characters -- MUST be applied with table_number_input */
.table_number_input_small {
    max-width: 4rem;
}

/* max of 12 characters -- MUST be applied with table_number_input  */
.table_number_input_medium {
    max-width: 8rem;
}




/* Text Input
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* table text input */
.table_text_input {
    font-size: 14px;
    border-radius: 6px;
    padding: 6px;
    background: none;
    color: white;
    border: none;
    margin: 0;
    text-align: left;
    text-overflow: ellipsis;
    max-width: fit-content;
}

/* non-editable -- MUST be applied with table_text_input  */
.table_text_input_non_editable {
    background: none;
    color: white;
    cursor: not-allowed;
}

.table_text_input_small {
    width: 5rem;
}

.table_text_input_medium {
    width: 10rem;
}

.table_text_input_large {
    width: 25rem;
}



/* Right Pane 
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Table Component inside Pane */
.pane_add_table_no_overflow table {
    border-collapse: collapse;
    border: 0.5px solid #4E5D6C;
    border-radius: 4px;
    background-color: #0D2031;
    text-align: left;
    overflow: visible !important;
    display: block;
    justify-content: center;
    align-items: left;
    height: auto;
    width: auto;
    max-width: fit-content;
    max-height: 500px;
}