/* Vertical divider styling */
.vertical-line {
    width: 1px;
    background-color: rgba(217, 217, 218, 0.69);
    height: 100%;
}

/* Card body styling */
.card-body {
    overflow: hidden; /* Prevent content from overflowing */
    display: flex;
    flex-direction: column;
    max-height: 600px;
}

/* Table container styling */
.table-container {
    height: 100%;
    scrollbar-width: none; /* Hide scrollbar in Firefox */
}

.table-container::-webkit-scrollbar {
    display: none; /* Hide scrollbar in Chrome, Edge, and Safari */
}

/* Table styles */
.custom-table th {
    background-color: rgb(204, 217, 246) !important;
    color: #7f8c8d;
    font-weight: 300;
    font-size: 13px;
    text-align: center;
    position: sticky;
    top: 0; /* Sticky headers for better UX */
    z-index: 1;
}

.custom-table td {
    color: #7f8c8d;
    font-size: 12px;
    font-weight: lighter;
    text-align: center;
    padding: 12px;
}



/* Adjust table height within containers */
.table-container {
    max-height: calc(100% - 20px); /* Reserve space for headings */
}

canvas {
    width: 100% !important;
    height: 100% !important;
}