.nav-toolbar {
    background-color: var(--custom-palette-primary);
}

.mud-container-custom {
    background: #F2F2F2;
}

.portal-logo {
    height: 3rem;
    width: auto;
}

.extendPopoverFitContent {
    width: auto !important;
    max-width: initial !important;
}

.align-center input {
    text-align: center;
}

.transaction-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px;
    flex-wrap: wrap;
    box-shadow: none !important;
}

/*Commenting out the mudblazor overrides from global.css*/
/*.mud-input.mud-input-underline:before {
    display: none !important;
}

.mud-popover.mud-popover-open {
    margin-top: 2.5rem;
}

.mud-dialog .mud-dialog-title,
.mud-input-slot.mud-input-root.mud-input-root-text {
    padding: 0 !important;
}*/

/* Forms */
/*.mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined,
.mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
    transform: translate(0px, -20px) scale(1);
    background: none;
}

.mud-dialog {
    padding: 10px !important;
}
}*/

.thick-border-left {
    border-left-color: var(--custom-palette-primary);
    border-left-width: 5px;
}

.mud-box-success-custom {
    color: var(--mud-palette-success-darken) !important;
    background-color: var(--mud-palette-success-hover) !important;
}

.mud-box-warning-custom {
    color: var(--mud-palette-warning-darken) !important;
    background-color: var(--mud-palette-warning-hover) !important;
}

/* Animations */
@keyframes flash {
    0% {
        background-color: var(--custom-palette-primary);
    }

    100% {
        background-color: inherit;
    }
}

.flash-effect {
    animation: flash 3s ease-out 2;
}

/*Payload rich text*/
.payload-generated-markup h3 {
    line-height: 2;
}
.payload-generated-markup p, .payload-generated-markup ul {
    padding-bottom: 10px;
}
.payload-generated-markup li {
    list-style: disc;
    font-family: "Noto Sans";
    margin-left: 20px;
}

/* Search Select Filter */
.filter-scrollable {
    Allow filter to scroll for tall filter lists max-height: calc(40vh - 3.5rem) !important;
    height: auto;
    overflow-y: auto;
}

/* Data Panels */
.data-panels {
    background-color: var(--custom-palette-primary);
    border-left: solid 10px var(--custom-palette-primary, 0.7);
}

    .data-panels .mud-svg-icon {
        border-radius: 35px;
        line-height: 1.1;
        background-color: #fff;
        color: var(--custom-palette-primary);
        text-shadow: none;
        transition: all linear .25s;
        border: solid 3px;
        border-color: rgba(0, 0, 0, 0.1);
        margin: 0.5rem 0.5rem 0;
    }

/* Error handler component - do not apply if displayed within a MudDialog */
:not(.mud-dialog-content) > .error-handler-grid {
    align-content: center !important;
    min-height: 100vh;
}



/* Country Code Selector & Phone Number */
 .customPhoneTxt .mud-input-outlined-border {
    border-left-style: hidden !important;
    border-radius: 0 !important;
    padding: 1px !important;
    margin: 0 !important;
}

 .customPhoneTxt .mud-input {
    padding: 0px !important;
    padding-left:-4px !important;
}

 .countryCodeSel .mud-input {
    padding: 0px !important;
}

 .countryCodeSel .mud-input-outlined-border {
    border-right-style: hidden !important;
    border-radius: 0 !important;
    padding: 0px !important;
    margin: 0 !important;
}


.customPhoneTxt .mud-grid-spacing-xs-4 > .mud-grid-item {
    padding-left: 0px !important;
}

.custom-select-auto-width-dropdown {
    width: auto !important;
    max-width: initial !important;
}

.mud-dialog .mud-dialog-title {
    padding-bottom: 0rem !important;
}