.table-container {
    max-width: 561px;
    width: 561px;
}

table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    border: none;
}

th, td {
    height: 48px;
    padding: 14px 16px;
    vertical-align: middle;
    text-align: left; /* Default alignment */
}

th {
    font-weight: bold;
    background-color: #F5F5F5;
}

/* Add border to the table and cells when class "border" is applied */
table .border {
    border: 1px solid #e9e9e9;
}

table .border th, .border td {
    border: 1px solid #e9e9e9;
}



/* Alignment classes for th and corresponding td cells */
th .alignLeft,
.sub-table th .alignLeft {
    text-align: left;
}

th .alignCenter,
.sub-table th .alignCenter {
    text-align: center;
}

th .alignRight,
.sub-table th .alignRight {
    text-align: right;
}

/* Specific width for the first column to accommodate IDs */
th:first-child, td:first-child,
td .short {
    width: auto; /* Adjust the width as necessary */
}

th:nth-child(2), td:nth-child(2) {
    width: auto;
}

tbody tr:hover {
    background-color: #FFFDF5;
}

tbody tr {
    background-color: #fff;
}

.img-table {
    width: 100px !important;
}

.img-table-thin {
    width: 50px !important;
}

/* Specific styles for sub-table */
.sub-table {
    border: none;
}

.sub-table tbody tr, 
.sub-table tr:hover {
    background-color: transparent;
}

.sub-table th, .sub-table td {
    padding: 0;
    text-align: justify;
}

.sub-table td:first-child {
    width: initial;
}