.limited-width {
    max-width: 200px; /* Limit the button's width */
    width: 200px;
    white-space: nowrap; /* Prevent text wrapping */
    overflow: hidden; /* Hide overflowing text */
    text-overflow: ellipsis; /* Add ellipsis for truncated text */
    display: flex; /* Use flexbox to align text and caret */
    align-items: center; /* Center align items vertically */
    justify-content: space-between; /* Distribute text and caret */
}

.limited-width .button-text {
    flex-grow: 1; /* Allow text to occupy available space */
    overflow: hidden; /* Hide overflow */
    text-overflow: ellipsis; /* Add ellipsis for text overflow */
    white-space: nowrap; /* Prevent wrapping */
    text-align: left; /* Align text to the left */
}

.limited-width .caret {
    flex-shrink: 0; /* Prevent caret from shrinking or being hidden */
    margin-left: 5px; /* Add space between text and caret */
}

.central-schedule-column-container {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 25px;
}

central-schedule-view .fc-icon-chevron-left,
central-schedule-view .fc-icon-chevron-right {
    color: #333;
    font-size: larger;
    font-weight: bolder;
}

.grouped-top-column-header .clickable.icon-display-middle {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%; /* Ensures it matches the width of its parent container */
    box-sizing: border-box; /* Includes padding and border in the width calculation */
    height: 30px; /* Matches the inline height style */
}