.mud-layout
{
    background: #ffffff;
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
}

.mud-container--gutters
{
    padding-left: 24px;
    padding-right: 24px;
}

@media (min-width: 960px)
{
    .mud-container--gutters
    {
        padding-left: 40px;
        padding-right: 40px;
    }
}

.mud-breadcrumbs
{
    margin-top: 7px;
    padding: 10px 0px;
}

.mud-dialog-actions
{
    padding: 16px 25px !important;
}

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

.mud-nav-link
{
    padding: 10px 16px;
    border-radius: calc(var(--mud-default-borderradius) - 2px);
}

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

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

.mud-overlay
{
    z-index: 2000;
}

.mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-text
{
    color: var(--mud-palette-primary) !important;
}

.mud-nav-link:hover:not(.mud-nav-link-disabled)
{
    background-color: rgba(110, 63, 164, 0.08);
}

.mud-table th, .mud-simple-table th
{
    background-color: var(--mud-palette-background-gray);
}

.mud-table tr:not(:last-child) td, .mud-simple-table tr:not(:last-child) td
{
    border-bottom-style: dashed !important;
}

.mud-button-root.mud-button-text:hover
{
    background-color: rgba(110, 63, 164, 0.08);
}

.mud-tabs-tabbar
{
    background-color: transparent !important;
}

.mud-tab-panel
{
    text-transform: none !important;
    letter-spacing: 0;
    min-width: auto !important;
}

/* MudSelect with an outlined label adds a default top margin while text fields do not.
   Remove it inside filter toolbars so all controls share the same vertical alignment. */
.dashboard-toolbar .mud-input-control.mud-input-outlined-with-label.mud-select
{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.job-description-field textarea.mud-input-slot
{
    min-height: 260px;
    padding: 16px !important;
    box-sizing: border-box;
    line-height: 1.6;
}