.no-shrink-content {
    margin-left: 56px !important;
}

.whitespace-no-wrap {
    white-space: nowrap;
}

.custom-drawer-layout {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.drawer-content {
    flex: 1 1 auto;
    overflow-y: auto;
    padding-bottom: 8px; 
}

.drawer-footer {
    flex-shrink: 0;
    display: flex;
    justify-content: flex-start;
}

.ta-global-transparent-bg {
    background-color: transparent !important;
}

.player-info-tabs-header {
    position: sticky;
    top: 40px;
    z-index: 20;
}

.top-tabs .mud-tabs-tabbar {
    position: relative;
    z-index: 30;
    overflow: visible !important;
}

.top-tabs .mud-tabs-tabbar::after {
    content: "";
    border-radius: 4px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 48px;
    pointer-events: none;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
    z-index: 31;
}

.bottom-tabs .mud-tabs-tabbar-content, .bottom-tabs .mud-tabs-scroll-button {
    position: relative;
    z-index: 10;
    
}

.bottom-tabs .mud-tabs-tabbar {
    margin-right: 24px;
}

/*.add-period-button {
    position: absolute !important;
    top: 4px;
    left: 48px;
    z-index: 10;
}*/

/*.add-save-playerdata-button {
    position: absolute !important;
    top: 4px;
    left: 4px;
    z-index: 10;
}*/

.mud-table-head .mud-table-row .mud-table-cell {
    background-color: var(--mud-palette-white) !important;
}