/* High-Level container for page content */
.seh-page-container {
    flex: 1;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    margin-top: var(--seh-padding-default);
    margin-bottom: var(--seh-padding-default);
    padding: 0 var(--seh-padding-default);
}

/* CUSTOM SEH Page MaxWidth */
@media(min-width: 1440px) {
    .seh-container-maxwidth {
        max-width: 1440px;
    }
}

/* Use seh-grow-scroll with an immediate child with seh-grow-scroll-content to create
   an area that will grow to fit the available space and once it does the 'content'
   will scroll within it's parent.
   NOTE : parent element should be display:flex, overflow:hidden */
.seh-grow-scroll {
    flex-grow: 1;
    overflow: auto;
}
.seh-grow-scroll > .seh-grow-scroll-content {
    flex: 1;
    display: flex;
    overflow: hidden;
    flex-direction: column;
}

/* Apply the background-gray color from the palette */
.seh-shaded {
    background-color: var(--mud-palette-background-gray);
}

/* Bootstrap-style css utilities */
.text-end {
    text-align: right;
}
.text-center {
    text-align: center;
}
.fw-bold {
    font-weight: bold !important;
}
.w-100 {
    width: 100% !important;
}


/* Custom Seh Disabled Styling */
.seh-disabled-light .mud-input.mud-disabled {
    background-color: inherit !important;
}
.seh-disabled-dark .mud-input.mud-disabled {
    background-color: inherit !important;
    color: var(--mud-palette-text-primary);
}

/* Required field formatting - NEW METHOD */
.mud-input-control.mud-input-required > .mud-input-control-input-container > .mud-input-label::after {
    content: ""; /* removes the asterisk from required field labels */
}
.seh .mud-input:has(input[required][placeholder]:not(:focus):placeholder-shown) {
    background-color: var(--seh-missing-mandatory-background-color) !important;
}
/* Required field formatting - OLD METHOD - keeping around for a bit... */
.seh-required .mud-input:has(input[placeholder]:not(:focus):placeholder-shown) {
    background-color: var(--seh-missing-mandatory-background-color) !important;
}
/* This exists because MudSelect with a non-nullable int needs to be more specifically targeted*/
.seh-mudselect-required .mud-input:has(input[readonly][type="hidden"][value=""]):not(:focus),
.seh-mudselect-required .mud-input:has(input[readonly][type="hidden"][value="0"]):not(:focus),
.seh-mudselect-required .mud-input:has(input[readonly]:not([value])):not(:focus) {
    background-color: var(--seh-missing-mandatory-background-color) !important;
}
/* Special formatting for a very slim customized table */
.seh.seh-xslim-table.mud-table .mud-table-container:has(td) {
    border-top: 1px solid var(--mud-palette-lines-inputs);
    border-bottom: 1px solid var(--mud-palette-lines-inputs);
} .seh.seh-xslim-table.mud-table .mud-table-container td {
    padding-left: var(--seh-padding-xs);
    padding-right: var(--seh-padding-xs);
}
/* Specific to Policy Detail Page */
.seh-policy-detail-side-column-item {
    min-width: var(--seh-policy-detail-side-column-width);
}
/* Specific to PolicyQuoteComponent*/
.seh-policy-quote-popover {
    margin-left: calc(var(--seh-padding-sm) * -1);
    margin-top: var(--seh-padding-sm);
}
/* Mimicing the look of a pill button */
.seh-flag-pill {
    box-shadow: none;
    border-radius: 9999px;
    padding: 7px;
    color: var(--mud-palette-text-primary);
    background-color: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-text-primary);
}
.seh.mud-button.seh-flag-pill {
    padding: var(--seh-circle-padding) 10px var(--seh-circle-padding) var(--seh-pill-padding-x) !important;
}
.text-disabled {
    color: var(--mud-palette-text-disabled);
}
/* Utility class to remove border */
.seh-no-border, .seh-no-border .mud-table-cell {
    border: none !important;
    box-shadow: none !important;
}
/* Utility class to prevent scrolling */
.seh-no-scroll, .seh-no-scroll .mud-table-container {
    overflow: visible !important;
}
.seh-form-group {
    padding: 0;
    margin-top: 16px !important;
    width: 10em;
    font-size: var(--mud-typography-h5-size);
    font-family: var(--mud-typography-h5-family);
    font-weight: var(--mud-typography-h5-weight);
    line-height: var(--mud-typography-h5-lineheight);
    letter-spacing: var(--mud-typography-h5-letterspacing);
    text-transform: var(--mud-typography-h5-text-transform);
} .seh-outlined {
    border-radius: var(--seh-borderradius-default) !important;
    padding: var(--seh-padding-default) !important;
    border: 1px solid var(--mud-palette-lines-inputs) !important;
} .seh-slim-tablecell {
    padding: 0px 8px 0px 8px !important;
    height: 64px;
}