:root {
    --blur: 5px;
    --mud-palette-action-default-hover: rgb(0 108 184 / 10%) !important;
    --mud-palette-drawer-icon: rgb(0 0 0 / 87%) !important;
    --mud-palette-action-default-hover: rgb(46 38 61 / 8%) !important;
    --mud-palette-drawer-background: #f4f5fa !important;
    --mud-palette-appbar-background: #f4f5fa !important;
}

.mud-breadcrumbs
{
    padding: 4px 0px;
}

.mud-dialog-actions
{
    margin-top: 16px;
}

td a
{
    font-size: .875rem !important;
}

.mud-divider
{
    border-top: 1px dashed var(--mud-palette-divider);
}

.mud-nav-link
{
    padding: 10px 16px;
}

.mud-nav-link 
.mud-nav-link-expand-icon
.mud-transform
{
    transform: rotate(90deg) !important;
}

.mud-nav-link-expand-icon
{
    width: 18px;
    height: 18px;
}

.profile-drawer 
.mud-drawer,
.profile-drawer 
.mud-overlay
{
    height: 100vh !important;
}

.profile-drawer 
.mud-overlay
{
    left: calc(-1 * var(--mud-drawer-width-left));
    opacity: 1.0;
}

.mud-navmenu.mud-navmenu-default 
.mud-nav-link.active:not(.mud-nav-link-disabled) {
    color: #fff;
    background: linear-gradient(270deg, rgb(140 87 255), rgb(197, 171, 255) 100%);
}

    .mud-navmenu.mud-navmenu-default 
    .mud-nav-link.active:not(.mud-nav-link-disabled) 
    .mud-icon-root.mud-svg-icon {
        color: #fff !important;
    }

.mud-tab-pill-active, 
.mud-tab.mud-tab-active, 
.mud-tabs .mud-tab.mud-tab-active, 
.mud-tabs .mud-tab.mud-tab-active:after {
    box-shadow: 0px 2px 4px rgb(46 38 61 / 0.16);
    background-color: #8C57FF !important;
    color: #fff !important;
}

.mud-paper.mud-elevation-25 {
    border-radius: 12px;
}

.mud-table-toolbar {
    padding: 0;
}

.mud-dialog .mud-dialog-actions{ 
    padding: 16px 24px; 
}