html {
    height: 100%;
    background-color: #F7F6FC;
    overflow-x: hidden;
}

.drawer-logo {
    max-width: 100%;
}

.low-contrast-fix {
    /*font-weight: bold;*/
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 1);
}

/* Fix/Force Reset for browser's autofill */
input:-webkit-autofill {
    appearance: none !important;
    background-image: none !important;
    background-color: white !important;
    color: black !important;
    transition: background-color 5000s ease-in-out 0s; /* Ensures autofill doesn't revert */
}

.agreement-link {
    color: blue;
}

.mud-file-upload input[type="file"] {
    opacity: 0 !important;
}

.notes-header-actions {
    display: flex;
    justify-content: flex-end;
    position: sticky;
    top: 0;
    background: white;
    z-index: 1;
    padding-bottom: 8px;
}

.notes-toggle-btn {
    font-size: 0.8rem;
    padding: 4px 12px;
    min-width: unset;
}

.attachment-chip-container {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

/*
NOTE (2022-11-30): Overriding MudBlazor mud-navmenu style defaults due to this unresolved issue:
https://github.com/MudBlazor/MudBlazor/issues/2792
*/
.mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled) {
    color: #fff !important;
}

.mud-navmenu.mud-navmenu-default .mud-nav-link-expand-icon.mud-transform {
    fill: #fff;
}

.small-badge .mud-badge-icon {
    width: 16px; /* Adjust width as needed */
    height: 16px; /* Adjust height as needed */
}

    .small-badge .mud-badge-icon svg {
        width: 100%;
        height: 100%;
    }

.wa-html-content a {
    color: blue;
}

/* Styles to override MudBlazor styles around lists and other elements. */
.sansMudStyleContent ol,
.sansMudStyleContent ul,
.sansMudStyleContent li {
    list-style: revert;
    margin: revert;
    padding: revert;
}

.sansMudStyleContent p {
    margin-bottom: 10px;
}

.sansMudStyleContent a {
    color: blue;
}
/* /Styles to override MudBlazor styles around lists and other elements. */

/*
Main Element Listing Table Styles - various overrides for default MudTable styles.
    
.LightTheme {}
.DarkTheme {}
*/

.listingTable th {
    border-bottom: 2px #B3B2B6 solid;
    font-weight: 600 !important;
}

.listingTable.mud-table-dense * .mud-table-row .mud-table-cell {
    padding-right: 8px;
}

@media (max-width: 600px) {
    .mud-xs-table.mud-table-dense .mud-table-cell {
        justify-content: flex-start !important;
    }
}

label {
    font-weight: 400;
}

.LightTheme .grey-out {
    background-color: #f5f5f5;
}

.waa-tabs .mud-tabs-toolbar {
    border-radius: 0 !important;
    border-bottom: solid 2px #E5E5E5;
}

.waa-tabs .mud-tab {
    text-transform: none;
    font-weight: 500;
    font-family: Lato;
    font-size: 18px;
    line-height: 21.6px;
    text-align: left;
    /*color: rgba(var(--mud-palette-primary-text-rgb), 0.6);*/
    color: rgba(var(--mud-palette-text-primary-rgb), 0.6); /* 60% opacity */
    /*border-bottom: solid 2px #E5E5E5;*/
}


    .waa-tabs .mud-tab.mud-tab-active {
        font-weight: 600;
        /*color: var(--mud-palette-primary-text);*/
        color: var(--mud-palette-text-primary);
    }

.waa-tabs .mud-tab-slider.mud-tab-slider-horizontal {
    height: 4px;
}

.waa-tabs .mud-button-filled-size-large .mud-button-label {
    font-family: Raleway;
    font-size: 20px;
    font-weight: 600;
    line-height: 23.48px;
    text-align: left;
    text-transform: none;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.waa-tabs .mud-button-filled-size-small .mud-button-label {
    /*font-size: 14px;
    font-weight: 300;*/
    text-transform: none;
}

.waa-field {
    margin-bottom: 20px;
}

    .waa-field label, .waa-field .label, .sub-title {
        font-weight: 600 !important;
        /*color: var(--mud-palette-primary-text);*/
        color: var(--mud-palette-text-primary);
        font-size: 16px !important;
        line-height: 19.2px;
        text-align: left;
        margin-bottom: 6px;
    }

.sub-title {
    font-weight: 300;
    /*color: var(--mud-palette-primary-text);*/
    color: var(--mud-palette-text-primary);
    font-size: 16px;
    line-height: 19.2px;
    text-align: left;
    margin-bottom: 6px;
}

.waa-field .mud-file-upload label {
    margin-bottom: 0px;
}

.waa-field .mud-table-container label {
    font-weight: 600 !important;
    /*color: var(--mud-palette-primary-text);*/
    color: var(--mud-palette-text-primary);
    font-size: 14px !important;
}

.waa-field .view-field {
    font-weight: 500;
    margin-top: 0px !important;
    margin-bottom: 2px;
}

    .waa-field .view-field .currency {
        font-size: 40px;
        font-weight: 700;
        line-height: 48px;
        margin-left: auto;
    }

.waa-field .mud-input {
    border-radius: 5px;
    background-color: #F5F9FF;
}

    .waa-field .mud-input.mud-input-outlined:focus-within .mud-input-outlined-border {
        border-width: 2px;
        border-color: var(--mud-palette-primary)
    }

    .waa-field .mud-input.mud-input-outlined .mud-input-outlined-border {
        border: 1px solid #F5F9FF;
    }

.DarkTheme .waa-field .mud-input > input.mud-input-root-outlined, .DarkTheme div.mud-input-slot.mud-input-root-outlined {
    background: none;
}

.waa-field .mud-input > input.mud-input-root-outlined, div.mud-input-slot.mud-input-root-outlined {
    background-color: #F5F9FF;
}

.waa-field .mud-expand-panel-header,
.waa-field .mud-input.mud-input-outlined:has(> textarea),
.waa-field .mud-select-extended .mud-select-input-extended {
    background-color: #F5F9FF;
}

.waa-field .required {
    color: var(--mud-palette-error);
}

.waa-field .required-True {
    color: var(--mud-palette-error);
    display: inline-block;
}

.waa-field .required-False {
    display: none;
}


.waa-field .chk-select {
    width: 100px;
}

.waa-field .mud-checkbox .mud-icon-button {
    padding: 0px;
    margin-right: 12px;
}

.waa-field .mud-table-cell .mud-checkbox .mud-icon-button {
    padding: 12px;
    margin-right: 0px;
}

.waa-field.waa-radio-bordered-list label {
    margin-bottom: 20px;
}

.waa-field.waa-radio-bordered-list .mud-radio-group .mud-radio {
    min-height: 81px;
    border: 1px solid #0606064D;
    border-radius: 16px;
    padding: 0px 15px !important;
    margin: 0px 0px 15px 0px;
    width: 100%;
    /*display: flex;
    align-items: center;*/
}

    .waa-field.waa-radio-bordered-list .mud-radio-group .mud-radio:hover,
    .waa-field.waa-radio-bordered-list .mud-radio-group .mud-radio:focus {
        border-color: var(--mud-palette-primary);
    }

.waa-field.waa-radio-bordered-list .mud-radio-group .mud-radio-content {
    font-size: 16px;
    font-weight: 500;
    line-height: 19.2px;
    text-align: left;
}

@media (min-width: 960px) {
    .mud-dialog-content .waa-field.waa-radio-bordered-list .mud-grid-item-md-5 {
        flex-grow: 0;
        max-width: 100%;
        flex-basis: 100%;
    }
}

/*#region HtmlEditor*/
.waa-field .ql-container.ql-snow {
    /*border: 1px solid #ccc;*/
    border: none;
}

.waa-field .ql-toolbar.ql-snow {
    border-radius: 5px 5px 0px 0px;
    background: #eee;
    border: none;
}

    .waa-field .ql-toolbar.ql-snow .ql-formats {
        padding-right: 15px;
        border-right: solid 1px darkgrey;
    }

.waa-field .ql-snow .ql-tooltip {
    left: 0px !important;
}

.waa-field .ql-toolbar .ql-formats .ql-custom-insert-img .mud-button {
    min-width: 30px;
}

.waa-field .ql-toolbar .ql-formats .ql-custom-insert-img .mud-button-text {
    padding: 3px 5px;
}

.waa-field .ql-toolbar .ql-formats .ql-custom-insert-img .mud-button-icon-start .mud-button-icon-size-medium {
    padding-right: 0px;
}

.waa-field .ql-toolbar .ql-formats .mud-input-control.ql-custom-insert-img {
    margin-top: 0px;
    display: inline-block;
}

.waa-field .ql-container.ql-snow {
    /*    border-radius: 0px 0px 5px 5px;*/
}

    .waa-field .ql-container.ql-snow:hover {
        border: 1px solid var(--mud-palette-action-default);
        border-radius: 0px 0px 5px 5px;
    }

.waa-field .ql-editor {
    background-color: #F5F9FF;
    border: 1px solid #F5F9FF;
    border-radius: 0px 0px 5px 5px;
}

    .waa-field .ql-editor:focus {
        border-radius: 0px 0px 5px 5px;
        border: 2px solid var(--mud-palette-primary);
    }


/* This will include the HtmlEditor's Toolbar */
/*.waa-field .mud-input-error .ql-toolbar.ql-snow {
        border-top-color: var(--mud-palette-error);
        border-left-color: var(--mud-palette-error);
        border-right-color: var(--mud-palette-error);
    }*/
.waa-field .mud-input-error .ql-container.ql-snow {
    border-top: 1px;
    border: 1px solid var(--mud-palette-error);
}

.waa-field .mud-input-error .ql-editor {
    border-top: 1px;
    border: 1px solid var(--mud-palette-error);
}
    /*.waa-field .mud-input-error .ql-container.ql-snow:hover {
            border: 2px solid var(--mud-palette-error-hover);
        }
        */
    .waa-field .mud-input-error .ql-editor:focus {
        border: 2px solid var(--mud-palette-error);
    }

/*#endregion HtmlEditor*/
.backArrowIcon {
    font-size: 11px;
}

#login-form, .login-form .guided-navigation {
    width: 516px;
}

.login-form .mud-checkbox {
    /*padding: 10px 8px 0px 0px;*/
}

    .login-form .mud-checkbox .mud-icon-button {
        padding: 0px !important;
        margin-right: 6px;
    }

.mud-checkbox .mud-icon-button:hover {
    /*background-color: var(--mud-palette-primary-lighten);
            transition: background-color 0.2s ease-in-out;
    border-radius: 4px;*/
}

/*.mud-input-control > .mud-input-control-input-container {
    border-radius: 5px;
    background-color: #F5F9FF;
    background-color: lightgreen;
}*/

.login-form .guided-navigation {
    padding: 15px 0px 15px 10px;
    margin-bottom: 10px;
}

.img-upload-display-max-height {
    max-height: 150px;
}

@media all and (min-width: 550px) {
    #login-form, .login-form .guided-navigation {
        width: 516px;
        min-width: 316px;
    }
}

.signIn {
    font-size: 24px;
    font-weight: bold;
    margin: 20px 0;
}

#login-form .signIn {
    font-size: 24px;
    font-weight: bold;
}

#login-form p.mud-typography-body1,
#login-form .waa-link {
    font-size: 15px;
    font-weight: 400;
    line-height: 16.8px;
}

#signUpForm {
    width: 722px;
}

.create-account .guided-navigation {
    width: 722px;
    max-width: 722px;
    padding: 15px 0px 15px 10px;
    margin-bottom: 10px;
}

.create-account .mud-card-content .guided-navigation {
    width: auto;
}

.public-subscription {
    /*margin-bottom: 250px;*/
}

    .public-subscription, .public-subscription .mud-form .mud-paper:first-of-type {
        border-radius: 20px 20px 0 0;
    }

.layout-empty {
    background-color: #F7F6FC;
    margin-top: -50px;
}

.logo-subscription {
    float: right;
}

.playercard-header {
}

.playercard-header-logo {
    margin: 0 0 0 18px;
}

.playercard-content {
    background: #FFD700;
}

.playercard-footer {
    text-align: center;
    background: #000000;
    color: #FFD700;
}

.playercard-rank {
    font-weight: 500;
}

.playercard-img-container {
    background: #7a7a7a;
    color: #ffffff;
    width: 180px;
    height: 237px;
    margin: -12px 0 -12px -12px;
    border-radius: 0;
}

.playercard-img {
    width: 100%;
    height: 100%;
}

.playercard-waarble {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.filter-drawer {
    background: #ffffff;
    color: #000000;
}

.member-checkbox {
    flex-direction: initial;
}

    .mud-slider > .mud-typography,
    .mud-radio > .mud-radio-content,
    .member-checkbox .mud-typography-body1 {
        font-size: 16px;
        font-weight: 400;
    }


@media (min-width: 1280px) {
    .mud-container-maxwidth-lg {
        max-width: 1250px;
    }
}

.bank-details .mud-input-control.mud-input-input-control {
    margin-bottom: 15px;
}

/* cust jml*/
.hoverable-list-item:hover .close-icon-wrapper {
    display: block;
}

.close-icon-wrapper {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
}

.close-icon {
    background: none;
    border: none;
    cursor: pointer;
    color: #333; /* or any color you prefer for the close icon */
}

    .close-icon:hover {
        color: #ff0000; /* or any color you prefer for the hover state */
    }

.hidden {
    display: none;
}

.ql-editor {
    min-height: 20vh;
}

.ql-container, .ql-toolbar {
    border: 0;
}

.waa-dialog {
    padding: 16px;
    border-radius: 20px;
}

    .waa-dialog .mud-dialog-title,
    .waa-dialog .mud-dialog-title h6 {
        font-family: Lato;
        font-weight: 700;
        font-size: 24px;
        line-height: 100%;
        /*padding: 16px;
        z-index: 1;
        flex: 0 0 auto;
        margin: 0;
        align-items: center;
        justify-content: center;*/
    }

        /*.waa-dialog .mud-dialog-title h6 {
            font-size: 30px;
            font-weight: 700;
            line-height: 36px;
            padding: 0px;
            z-index: 1;
            flex: 0 0 auto;
            margin: 0;*/
        /*text-align: center;*/
        /*align-items: center;
            justify-content: center;
        }*/

        .waa-dialog .mud-dialog-title .close {
            position: absolute;
            right: 5px;
            top: 20px;
            font-size: 2rem;
            cursor: pointer;
        }

    .waa-dialog .sub-title {
        font-size: 16px;
        font-weight: 300;
        line-height: 19.2px;
        padding-bottom: 0px;
    }

    .waa-dialog p {
        font-size: 16px;
        font-weight: 300;
        line-height: 19.2px;
        padding-bottom: 4px;
    }

    .waa-dialog .mud-input-helper-text {
        font-size: .75rem;
        font-weight: 400;
        line-height: 1.66;
    }

    .waa-dialog .mud-dialog-actions {
        padding: 20px 25px 25px 25px;
    }

    .waa-dialog a {
        /*color: var(--mud-palette-primary-text) !important;*/
        color: var(--mud-palette-text-primary) !important;
        text-decoration: underline !important;
    }

    .waa-dialog .waa-btn-xl {
        height: 50px;
    }

    .waa-dialog .mud-button-label {
        text-transform: none;
    }

    .waa-dialog .mud-dialog-content ul.list-style-disc {
        list-style: disc;
        margin: 20px;
        margin-left: 36px;
        font-size: 16px;
        font-weight: 400;
    }

    .waa-dialog .mud-dialog-content .mud-input-control.mud-input-control-boolean-input .mud-radio-group,
    .mud-input-control.mud-input-control-boolean-input .mud-radio-group {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: wrap;
        /*gap: 4px;*/
    }

    .waa-link {
        /*color: var(--mud-palette-primary-text) !important;*/
        color: var(--mud-palette-text-primary) !important;
        text-decoration: underline !important;
        font-size: 14px;
        font-weight: 500 !important;
    }

.waa-radio-wrapper {
    /*display: flex;
    flex-direction: column;*/ /* Ensures elements are on separate lines */
    /*gap: 4px;*/ /* Adjust spacing between radio button and note */
    /*align-items: flex-start;*/
}

/* .waa-radio-wrapper .mud-icon-button {
        padding:14px 12px;
    }
*/
.waa-radio-note {
    /*margin-top: -15px;
    margin-left: 35px;
        padding-bottom: 15px;*/
    color: #000000 !important;
    font-size: 12px;
    font-weight: 300;
    line-height: 14.4px;
    text-align: left;
    display: block;
}

.waa-radio-note-2 {
    /*margin-top: -15px;
    margin-left: 65px;*/
    color: #000000 !important;
    font-size: 12px !important;
    font-weight: 300 !important;
    line-height: 14.4px !important;
    text-align: left;
    display: block;
}

.waa-icon-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    /*padding: 12px 12px 12px 27px !important;*/
}

.waa-icon-large {
    width: 100%; /* Ensure the icon fills its container */
    /*height: auto;*/ /* Maintain aspect ratio */
    display: block; /* Prevent inline clipping */
    max-width: 100%; /* Prevent overflowing */
}

.waa-container {
    padding: 30px;
    border-radius: 10px;
    box-shadow: none;
}

    .waa-container .waa-title {
        padding: 0px 0px 20px 0px;
    }

.waa-container-bordered {
    min-height: 81px;
    border: 1px solid #0606064D !important;
    border-radius: 16px;
    padding: 0px 15px !important;
    /*display: flex;
    align-items: center;*/
}

    .waa-container-bordered:hover,
    .waa-container-bordered:focus {
        border-color: var(--mud-palette-primary);
    }

    .waa-container-bordered .mud-radio-content {
        font-size: 16px;
        font-weight: 500;
        line-height: 19.2px;
        text-align: left;
    }

.waa-gradient-bg {
    background: linear-gradient(to right, var(--mud-palette-primary-lighten), var(--mud-palette-primary));
    color: var(--mud-palette-primary-text);
}

    .waa-gradient-bg .waa-header, .waa-gradient-bg .waa-title, .waa-gradient-bg .close-icon {
        color: var(--mud-palette-primary-text);
    }

    .waa-gradient-bg .waa-header-container {
        border-bottom: 1px solid var(--mud-palette-primary-text);
    }

    .waa-gradient-bg .mud-icon-root {
        /*filter: brightness(0) invert(1);*/ /* Makes icon white */
        /*mix-blend-mode: difference;*/ /* Inverts colors dynamically */
    }

.waa-container-upper-half {
    padding: 30px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: var(--mud-palette-primary-lighten);
    color: var(--mud-palette-primary-text);
}

    .waa-container-upper-half p {
        font-family: Lato;
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
    }

.waa-container-bottom-half {
    color: var(--mud-palette-black);
    background-color: var(--mud-palette-white);
    padding: 20px;
    /*border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;*/
}

    .waa-container-bottom-half:empty {
        padding: 0px;
    }

.waa-header-container {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    padding-bottom: 15px;
}

.waa-header {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .waa-header span {
        line-height: 24px;
    }

    .waa-header .close-icon {
        cursor: pointer;
        /*right: 75px;
        position: absolute;
        top: 114px;*/
        display: none;
    }


.waa-title {
    padding: 20px 0px;
    font-size: 30px;
    font-weight: 700;
    color: #000000;
    line-height: 36px;
}

.mud-card-content .waa-title {
    /*padding: 30px;*/
}

.waa-details {
    background-color: #ffffff;
    width: 400px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.waa-btn-xl {
    height: 60px;
    border-radius: 5px;
}

    .waa-btn-xl span,
    .waa-btn-xl .mud-button-label {
        font-family: Raleway;
        font-size: 20px;
        font-weight: 600;
        line-height: 23.48px;
        text-align: left;
        text-transform: none;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
    }

.waa-parent-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 8vh;
}

.waa-footer {
    display: flex;
    /*justify-content: center; Use this once the other links are ready to be displayed */
    justify-content: left;
    align-items: center;
    gap: 2rem;
    border-top: 2px solid #E5E5E5;
    padding-top: 24px;
    margin-bottom: 36px;
    border-radius: 0px 0px 20px 20px;
}

    .waa-footer .footer-links {
        display: flex;
        justify-content: space-between;
        flex-grow: 1;
        /*max-width: 60%; Use this once the other links are ready to be displayed */
        max-width: 74%;
    }

        .waa-footer .footer-links a {
            color: var(--mud-palette-text-primary) !important;
            font-size: 16px;
            font-weight: 400;
            line-height: 19.2px;
        }

.waa-footer-powered {
    font-size: 16px;
    color: #060606;
    text-align: center;
    padding: 10px;
    font-weight: 300;
    line-height: 19.2px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.mud-container-maxwidth-md .waa-footer .footer-links {
    max-width: 70%;
}

.mud-container-maxwidth-sm .waa-footer .footer-links {
    max-width: 50%;
}

.helper-text {
    margin-top: 3px;
    font-size: .75rem;
}

    .warning .mud-input-helper-text, .warning label,
    .helper-text.warning {
        margin-top: 3px;
        font-size: .75rem;
        color: var(--mud-palette-warning-darken) !important;
    }

.warning .mud-input > input.mud-input-root, .warning div.mud-input-slot.mud-input-root {
    color: var(--mud-palette-warning-darken) !important;
}

.warning .mud-input.mud-input-underline:before {
    border-bottom: 2px solid var(--mud-palette-warning-darken) !important;
}

/* MudBlazor overrides */
.mud-card-content {
    padding: 24px;
}

.mud-button-filled {
    box-shadow: none !important;
}

button:has(.mud-button-label:contains("Cancel")) {
    color: var(--mud-palette-text-primary);
    border: 1px solid var(--mud-palette-text-primary);
    padding: 5px 15px;
}

.mud-typography-body1 {
    font-family: Lato;
    font-size: 16px;
    font-weight: 300;
    line-height: 23px;
}

.mud-tooltip {
    max-width: 550px; /* Set your desired maximum width */
    white-space: normal; /* Allow text wrapping if it exceeds the width */
    overflow: hidden; /* Prevent content from overflowing */
}

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

    .mud-dialog .mud-dialog-actions .mud-button-label {
        text-transform: none;
    }

/*.mud-alert.mud-square {
    border-radius: 5px;
}*/
/* General Utilities */
.mud-data-grid-no-vertical-scrollbar .mud-table-container {
    overflow-y: hidden !important;
}

.grid-btn {
    margin: 5px 0px;
}

.width-1200 {
    max-width: 1200px;
}

.transparent-bg {
    background-color: transparent;
}

.text-transform-none {
    text-transform: none;
}

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

.text-align-right {
    text-align: right !important;
}

.text-decoration-underline {
    text-decoration: underline;
}

.text-primary {
    color: var(--mud-palette-text-primary) !important;
}

.italic-text {
    font-style: italic;
}

.font-size-14 {
    font-size: 14px !important;
}

.font-size-16 {
    font-size: 16px !important;
}

.border-radius-top-20 {
    border-radius: 20px 0px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.border-radius-bottom-20 {
    border-radius: 0px 0px 20px 20px !important;
}

.border-radius-5 {
    border-radius: 5px;
}

.display-none {
    display: none !important;
}

.v-align-top {
    vertical-align: top;
}

.icon-success-lg {
    font-size: 4rem;
}

/* Specific */
.guided-navigation {
    border-radius: 5px;
}

    .guided-navigation a {
        /*text-decoration: underline;*/
        color: var(--mud-palette-primary-text) !important;
        font-weight: 400;
    }

    .guided-navigation h3 {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
    }

    .guided-navigation p {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px;
        text-align: left;
    }

    .guided-navigation .guided-text {
        padding-left:28px;
    }

    .cost-options .mud-treeview-item-content {
        padding: 0px 8px;
    }

.cost-option-table td:first-of-type {
    vertical-align: top;
}

.cost-option-table .hlabel {
    color: var(--mud-palette-text-primary);
    transform: translate(0, 1.5px) scale(0.75);
    padding: 0;
    line-height: 1;
    letter-spacing: .00938em;
    margin-left: -5px;
}

.cost-option-table .flag .mud-expand-panel-header {
    min-height: 36px;
    padding: 6px 12px;
    /*border-bottom: 1px solid var(--mud-palette-lines-inputs);*/
}

.cost-option-table .mud-grid-spacing-xs-3 > .mud-grid-item {
    padding: 6px 12px;
}

.cost-option-table .mud-table-cell .mud-checkbox .mud-icon-button {
    padding: 16px 12px;
    margin-right: 0px;
}

.cost-option-table .mud-input.mud-input-underline:before {
    border-bottom: none;
}

.cost-option-table .mud-table-cell {
    border-bottom: 2px solid var(--mud-palette-primary) !important;
}

.msgctr > .mud-input-outlined-border {
    border-radius: 24px !important;
}

.msgctr {
    background-color: #F5F9FF;
}

.waa-container-full-height {
    height: calc(100vh - 70px) !important;
}

.waa-container-full-view {
    width: auto;
    margin-top: -6px;
    margin-left: -20px;
    margin-right: -22px;
}