/* Styling Overrides and Adjustments to MudBlazor */

/*#region GLOBAL MudBlazor ADJUSTMENTS*/

/* FIX form MudBlazor unnecessarily forcing Display:block on ToolTips */
.mud-tooltip-root.mud-tooltip-inline {
    display: inherit;
}
.seh-tooltip-content {
    text-align: left;
    margin: var(--seh-margin-xs);
}

/* Pushing the input field labels further into top-left corners */
.mud-input-label.mud-input-label-filled.mud-input-label-margin-normal {
    top: -5px;
    left: -5px;
    line-height: 1.35rem;
}
.mud-input.mud-disabled {
    color: var(--mud-palette-text-secondary);
}
/*#endregion GLOBAL MudBlazor ADJUSTMENTS*/


/*#region MUDBLAZOR Alignment Helper*/
/* Right align text (and label) in a mudblazor input control IF classed with text-end */
.text-end.mud-input-control input.mud-input-slot {
    text-align: right;
}
.text-end.mud-input-control .mud-input-label {
    width: 100%;
    text-align: right;
}
/*#endregion MUDBLAZOR Alignment Helper*/



/* MUDDRAWER - Overrides*/
.seh.mud-drawer.mud-drawer-pos-right,
.seh.mud-drawer.mud-drawer-pos-left {
    top: var(--mud-appbar-height) !important;
    height: calc(100vh - var(--mud-appbar-height));
}

/* MUDALERT - Overrides*/
.seh.mud-alert {
    border-radius: var(--seh-borderradius-default);
}
.seh.mud-alert .mud-alert-message {
    font-weight: 600;
}
.seh.mud-alert:not(.mud-alert-filled-error) .mud-alert-message {
    color: var(--mud-palette-text-primary);
}
.seh.mud-alert:not(.mud-alert-filled-error) .mud-alert-icon {
    font-variation-settings: 'FILL' 1;
}
/* Apply darker background colors to Text-Variant alerts */
.seh.mud-alert.mud-alert-text-normal {
    background-color: rgba(var(--mud-palette-dark-rgb),0.15);
}
.seh.mud-alert.mud-alert-text-info {
    background-color: rgba(var(--mud-palette-info-rgb),0.15);
}
.seh.mud-alert.mud-alert-text-success {
    background-color: rgba(var(--mud-palette-success-rgb),0.15);
}
.seh.mud-alert.mud-alert-text-warning {
    background-color: rgba(var(--mud-palette-warning-rgb),0.15);
}
.seh.mud-alert.mud-alert-text-error {
    background-color: rgba(var(--mud-palette-error-rgb),0.15);
}

/* MUDPAPER Overrides */
.seh.mud-paper:not(.mud-card):not(.mud-popover) {
    border-radius: var(--seh-borderradius-default);
    padding: var(--seh-padding-default);
}
.seh.mud-paper.mud-paper-outlined {
    border: 1px solid var(--mud-palette-lines-inputs);
}

/* TABLE (applies to multiple MUD components) Overrides */
.seh.mud-table .mud-table-head {
    background-color: var(--mud-palette-background-gray);
}
.seh.mud-table .mud-table-head .mud-table-cell {
    font-weight: bold;
    padding: var(--seh-padding-sm) var(--seh-padding-md);
}
.seh.mud-table.seh-hide-header .mud-table-head {
    display: none !important;
}

/* MUDEXPANSIONPANELS */
.seh.mud-expand-panel {
    border: 1px solid var(--mud-palette-lines-inputs);
}

/* wrapper expansion panel - full border */
/* last-child - no bottom border */

.seh.mud-expand-panel .mud-expand-panel-header {
    padding: var(--seh-padding-default) var(--seh-padding-default);
}
.seh.seh-multi-line.mud-expand-panel .mud-expand-panel-header {
    padding: var(--seh-padding-sm) var(--seh-padding-default);
}
.seh.seh-multi-line.mud-expand-panel .mud-expand-panel-header .mud-icon-root {
    align-self: flex-start;
    margin-top: var(--seh-padding-xs);
}
.seh.mud-expand-panel .mud-expand-panel-content {
    padding: 0 var(--seh-padding-default) var(--seh-padding-default) var(--seh-padding-default);
}


/* MUDMENU Override - requires a specific class since a popover itself cannot tell if it was triggered by a menu or not */
.seh-menu-popover {
    margin-top: 3px;
    border: 1px solid var(--mud-palette-lines-inputs);
    border-radius: var(--seh-borderradius-default);
}

/* MUDCARD Overrides */
.seh.mud-paper.mud-card {
    border-radius: var(--seh-borderradius-default);
}
.seh.mud-paper.mud-card .mud-card-content,
.seh.mud-paper.mud-card .mud-card-actions {
    padding: var(--seh-padding-default);
}

/* MUDTAB Overrides */
.seh.mud-tabs .mud-tabs-tabbar:not(.mud-paper-outlined) {
    border-bottom: 1px solid var(--mud-palette-lines-inputs);
    background-color: inherit;
}
.seh.mud-tabs .mud-tabs-tabbar-content .mud-tab {
    font-weight: 700;
}

/* MUDLIST Overrides */
.seh.mud-list .mud-list-item-clickable {
    border-radius: var(--seh-borderradius-default);
    padding: var(--seh-padding-xs) var(--seh-padding-sm);
    margin: var(--seh-margin-xs) 0;
}
.seh.mud-list .mud-list-item-clickable.mud-selected-item {
    border: 1px solid var(--mud-palette-lines-inputs);
    border-radius: var(--seh-borderradius-default);
}

/* MUDSWITCHES */
.seh.mud-input-control .mud-switch p {
    font-size: var(--mud-typography-body2-size) !important;
}
/* MUDRADIOBUTTON LABELS */
.seh.mud-input-control label.mud-radio>p {
    font-size: var(--mud-typography-body2-size) !important;
}

/* MUDINPUT FIELDS */
.seh.mud-input-control .mud-input.mud-input-filled,
.seh.mud-input-control .mud-input.mud-input-outlined {
    background-color: var(--mud-palette-surface);
}
.seh.mud-picker .mud-input-control .mud-input.mud-input-filled,
.seh.mud-picker .mud-input-control .mud-input.mud-input-outlined {
    background-color: var(--mud-palette-surface);
}

/* MUD ADORNMENT BUTTONS */
.mud-input-adornment-icon-button,
.mud-input-clear-button {
    box-shadow: none;
    background-color: inherit;
}
.mud-input-adornment-icon-button:hover,
.mud-input-clear-button:hover {
    box-shadow: none;
    /*background-color: inherit;*/
}
    
/* MUD END ADORNMENTS
   Adjust with 16px top margin since we are always displaying field labels shunk.
   This will effect END adornments only and will affect icons as well as button and text.
*/
.mud-input-adornment.mud-input-adornment-end.mud-input-root-filled-shrink,
.mud-input-clear-button.mud-icon-button-edge-end {
    margin-top: 16px;
}

/* DIALOG CLOSE BUTTON */
.seh.mud-dialog .mud-dialog-title .mud-button-close {
    border-radius: 50%;
    padding: var(--seh-circle-padding);
    box-shadow: none;
    background-color: inherit;
}
.seh.mud-dialog .mud-dialog-title .mud-button-close:hover {
    background-color: var(--mud-palette-action-default-hover);
}

/* MUD ICON BUTTONS */
button.seh.mud-icon-button.mud-button-filled {
    box-shadow: none;
}
button.seh.mud-icon-button.mud-button-filled-default {
    color: var(--mud-palette-text-primary);
    border: 1px solid var(--mud-palette-text-primary);
    background-color: var(--mud-palette-surface);
}
button.seh.mud-icon-button.mud-button-filled-default:hover {
    background-color: var(--mud-palette-action-default-hover);
}

/* MUD TEXT BUTTONS */
button.seh.mud-button.mud-button-filled {
    box-shadow: none;
}
button.seh.mud-button.mud-button-filled-default {
    color: var(--mud-palette-text-primary);
    border: 1px solid var(--mud-palette-text-primary);
    background-color: var(--mud-palette-surface);
}
button.seh.mud-button.mud-button-filled-default:hover {
    background-color: var(--mud-palette-action-default-hover);
}

/* BUTTON SHAPE */
button.seh.mud-icon-button.mud-button-filled {
    border-radius: 50%;
    padding: var(--seh-circle-padding);
}
button.seh.mud-button.mud-button-filled:not(.mud-icon-button) {
    border-radius: 9999px;
    padding: var(--seh-pill-padding-y) var(--seh-pill-padding-x);
}

/* DISABLED BUTTONS - don't like using !important investigate an alternative */
button.seh.mud-button-filled:disabled {
    color: var(--mud-palette-text-disabled) !important;
    border: 1px solid var(--mud-palette-text-disabled) !important;
    background-color: inherit !important;
}

/* MUDDIALOGS */
.seh .mud-dialog-title {
    padding: var(--seh-padding-default);
}
.seh .mud-dialog-title .mud-button-close {
    padding: var(--seh-padding-sm);
}
.seh .mud-dialog-content {
    padding: 0 var(--seh-padding-default);
}
.seh .mud-dialog-actions {
    padding: var(--seh-padding-default) var(--seh-padding-default);
}