:root {
    --typography-h1-size: 48px;
    --typography-h2-size: 36px;
    --typography-h3-size: 24px;
    --typography-h4-size: 18px;
    --typography-p-size: 16px;
    --typography-a-size: 16px;
    --typography-h1-size-mobile: 24px;
    --typography-h2-size-mobile: 24px;
    --typography-h3-size-mobile: 18px;
    --typography-h4-size-mobile: 16px;
    --typography-h6-size-mobile: 18px;
    --typography-p-size-mobile: 14px;
    --typography-a-size-mobile: 14px;
    --typography-h1-family: 'Montserrat';
    --typography-h2-family: 'Montserrat';
    --typography-h3-family: 'Montserrat';
    --typography-h4-family: 'Montserrat';
    --typography-p-family: 'Montserrat';
    --typography-a-family: 'Montserrat';
    --typography-h1-weight: 700;
    --typography-h2-weight: 600;
    --typography-h3-weight: 600;
    --typography-h4-weight: 600;
    --typography-p-weight: 400;
    --typography-a-weight: 600;
    --typography-a-weight-mobile: 400;
    --typography-h1-lineheight: 1;
    --typography-h2-lineheight: 1;
    --typography-h3-lineheight: 1.2;
    --typography-h4-lineheight: 1.5;
    --typography-p-lineheight: 1.5;
    --typography-a-lineheight: 1.5;
    --typography-h1-text-transform: none;
    --typography-h2-text-transform: none;
    --typography-h3-text-transform: none;
    --typography-h4-text-transform: none;
    --typography-p-text-transform: none;
    --typography-a-text-transform: none;
    --mud-typography-default-family: 'Montserrat' !important;
    --mud-typography-button-family: 'Montserrat' !important;
    --mud-typography-overline-family: 'Montserrat' !important;
    --mud-typography-h1-family: 'Montserrat' !important;
    --mud-typography-h2-family: 'Montserrat' !important;
    --mud-typography-h3-family: 'Montserrat' !important;
    --mud-typography-h4-family: 'Montserrat' !important;
    --mud-typography-h5-family: 'Montserrat' !important;
    --mud-typography-h6-family: 'Montserrat' !important;
    --mud-typography-subtitle1-family: 'Montserrat' !important;
    --mud-typography-subtitle2-family: 'Montserrat' !important;
    --mud-typography-body1-family: 'Montserrat' !important;
    --mud-typography-body2-family: 'Montserrat' !important;
    --mud-typography-default-weight: 600 !important;
    --mud-typography-button-weight: 600 !important;
    --mud-typography-overline-weight: 600 !important;
    --mud-typography-h1-weight: 700 !important;
    --mud-typography-h2-weight: 600 !important;
    --mud-typography-h3-weight: 600 !important;
    --mud-typography-h4-weight: 600 !important;
    --mud-typography-h5-weight: 600 !important;
    --mud-typography-h6-weight: 600 !important;
    --mud-typography-subtitle1-weight: 600 !important;
    --mud-typography-subtitle2-weight: 600 !important;
    --mud-typography-body1-weight: 600 !important;
    --mud-typography-body2-weight: 600 !important;
}

/*Default Settings*/
h1 {
    color: var(--mud-palette-secondary);
    font-size: var(--typography-h1-size);
    font-family: var(--typography-h1-family);
    font-weight: var(--typography-h1-weight);
    line-height: var(--typography-h1-lineheight);
    letter-spacing: var(--typography-h1-letter-spacing);
    text-transform: var(--typography-h1-text-transform);
}
h2 {
    color: var(--mud-palette-secondary);
    font-size: var(--typography-h2-size);
    font-family: var(--typography-h2-family);
    font-weight: var(--typography-h2-weight);
    line-height: var(--typography-h2-lineheight);
    letter-spacing: var(--typography-h2-letter-spacing);
    text-transform: var(--typography-h2-text-transform);
}
h3 {
    color: var(--mud-palette-secondary);
    font-size: var(--typography-h3-size);
    font-family: var(--typography-h3-family);
    font-weight: var(--typography-h3-weight);
    line-height: var(--typography-h3-lineheight);
    letter-spacing: var(--typography-h3-letter-spacing);
    text-transform: var(--typography-h3-text-transform);
}
h4 {
    color: var(--mud-palette-secondary);
    font-size: var(--typography-h4-size);
    font-family: var(--typography-h4-family);
    font-weight: var(--typography-h4-weight);
    line-height: var(--typography-h4-lineheight);
    letter-spacing: var(--typography-h4-letter-spacing);
    text-transform: var(--typography-h4-text-transform);
}
p {
    color: var(--mud-palette-secondary);
    font-size: var(--typography-p-size);
    font-family: var(--typography-p-family);
    font-weight: var(--typography-p-weight);
    line-height: var(--typography-p-lineheight);
    letter-spacing: var(--typography-p-letter-spacing);
    text-transform: var(--typography-p-text-transform);
}
a {
    color: var(--mud-palette-primary);
    font-size: var(--typography-a-size);
    font-family: var(--typography-a-family);
    font-weight: var(--typography-a-weight);
    line-height: var(--typography-a-lineheight);
    letter-spacing: var(--typography-a-letter-spacing);
    text-transform: var(--typography-a-text-transform);
}
a:hover {
    text-decoration: underline;
}

@media (max-width: 767px) {
    h1 {
        font-size: var(--typography-h1-size-mobile);
    }
    h2 {
        font-size: var(--typography-h2-size-mobile);
    }
    h3 {
        font-size: var(--typography-h3-size-mobile);
    }
    h4 {
        font-size: var(--typography-h4-size-mobile);
    }
    h6 {
        font-size: var(--typography-h6-size-mobile);
    }

    p {
        font-size: var(--typography-p-size);
    }
    a {
        font-size: var(--typography-a-size-mobile);
        font-weight: var(--typography-a-weight-mobile)
    }
}

body {
    background-image: url(img/tile.jpg);
}


/* expansion panel style hotfix */
.mud-collapse-wrapper {
    overflow: visible;
}

/* #region eSigning Documents*/
.revive-menu-container {
    position: absolute;
    left: 0;
}
.revive-menu-container > button {
    color: var(--mud-palette-tertiary);
}
.revive-menu-popover {
    border-radius: 0 8px !important;
    overflow: hidden;
}
.revive-menu-list {
    padding: 0 !important;
    max-height: 80vh;
    overflow: auto;
}
.revive-menu-list .mud-list-item {
    background-color: white;
    padding: 12px;
    gap: 12px;
}
.revive-menu-list .mud-list-item-icon {
    min-width: unset;
}
.revive-menu-list .mud-list-item-text {
    margin: 0;
}
.revive-menu-list .mud-list-item .mud-list-item-text p {
    color: var(--mud-palette-secondary);
}
.revive-menu-list .mud-list-item.active {
    background-color: var(--mud-palette-action-default-hover);
}
.revive-menu-list .mud-list-item.active .mud-list-item-text p {
    color: var(--mud-palette-primary);
}
.revive-dialog-container {
    height: calc(100% - 80px);
    position: relative;
    max-height: unset;
    overflow: unset;
    top: 40px;
}
@media(max-width: 1600px) {
    .revive-dialog-actions-container {
        display: none !important;
    }
}
@media(min-width: 1599px) {
    .revive-menu-popover, .revive-menu-container {
        display: none !important;
    }
}
@media(max-width: 767px) {
    .revive-dialog-container {
        height: calc(100vh - 40px);
        width: calc(100% - 32px);
    }
}
.revive-dialog-container .mud-dialog-title {
    justify-content: center;
    align-items: center;
    position: absolute;
    border-radius: 0;
    padding: 16px 0;
    display: flex;
    bottom: 100%;
    width: 100%;
}
.revive-dialog-container .outline-none {
    height: 100%;
}
.revive-dialog-container > .outline-none > div {
    height: 100%;
}
.revive-dialog-content {
    padding: unset !important;
    overflow: unset;
    height: 100%;
}
.revive-dialog-actions-container {
    justify-content: end !important;
    flex-direction: column;
    position: absolute;
    border-radius: 0;
    margin-top: 60px;
    right: 100%;
    gap: 15px;
    top: 0;
}
.revive-dialog-action-button {
    background-color: var(--mud-palette-primary);
    border-radius: 8px 0 0 8px;
    justify-content: start;
    margin: 0 !important;
    font-weight: 600;
    display: flex;
    padding: 16px;
    color: white;
    width: 250px;
    gap: 12px;
}
.revive-dialog-action-button.active {
    background-color: var(--mud-palette-info);
    color: var(--mud-palette-tertiary);
}
.revive-dialog-action-button i {
    font-size: 20px;
    color: white;
}
/* #endregion eSigning Documents*/


.revive-app-bar > div {
    height: fit-content !important;
    min-height: unset !important;
    padding: 0 !important;
}
.revive-app-bar .revive-tab-container {
    position: relative !important;
}
.app-bar > div {
    height: var(--height-appbar-height);
}
.number {
    font-family: 'Montserrat' !important;
}
.bigHeadingClip {
    text-overflow: ellipsis;
    white-space: normal;
    overflow-wrap: anywhere;
}

html, body, app {
    height: 100%;
}
::-moz-selection {
    color: var(--mud-palette-white);
    background: #9ac0b8;
}
::selection {
    color: var(--mud-palette-white);
    background: #9ac0b8;
}
mark {
    background-color: var(--mud-palette-info);
    color: var(--mud-palette-white);
}
.mud-progress-linear.mud-progress-linear-color-secondary:not(.mud-progress-linear-buffer)::before {
    background-color: white;
    /* opacity: .8; */
}
.mud-slider > input.mud-slider-primary {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
}
.mud-slider > input.mud-slider-primary::-webkit-slider-runnable-track {
    height: 4px;
}
.mud-slider > input.mud-slider-primary::-webkit-slider-thumb {
    height: 4px;
    width: 4px;
    box-shadow: -62px 0 0 60px rgba(var(--mud-palette-primary-rgb), .5);
}
.mud-slider > input.mud-slider-primary:active::-webkit-slider-thumb {
    box-shadow: -62px 0 0 60px rgba(var(--mud-palette-primary-rgb), .5) !important; /* 0 0 0 2px rgba(var(--mud-palette-primary-rgb), .24), */
}
.mud-expand-panel .mud-expand-panel-header {
    color: var(--mud-palette-info);
}
.mud-paper, .mud-picker-static, .mud-table { /* petal curves */
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
}
.mud-picker-static {
    width: fit-content;
    margin: auto;
}
.mud-breadcrumbs {
    justify-content: center;
}
.mud-tab {
    text-transform: unset;
}
.mud-tab, .mud-tabs, .mud-tabs-toolbar-wrapper, .mud-tabs-centered, .mud-tabs-toolbar, .mud-tabs-toolbar-inner {
    height: 100%;
}
.mud-tooltip.mud-tooltip-default {
    font-size: var(--mud-typography-default-size);
    background-color: var(--mud-palette-info);
    max-width: 260px;
}
.mud-input-control.mud-input-number-control .mud-input-numeric-spin {
    width: 30%;
}
.mud-chipset {
    margin: auto;
    text-align: center;
    max-width: fit-content;
}
.mud-chip {
    margin: auto;
}
.mud-popover {
    min-width: fit-content;
    max-width: 355px; /* these could conflict lol? */
}


/*Riley*/
.mud-button-label {
    text-transform: none;
}
.mud-input.mud-input-outlined .mud-input-outlined-border {
    border-color: var(--mud-palette-secondary);
}
.mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol {
    color: var(--mud-palette-secondary);
}
.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
    color: var(--mud-palette-secondary);
}
.mud-icon-root {
    justify-content: center !important;
    align-items: center !important;
    display: flex !important;
}

/* MudBlazor Date Picker */
.date-picker-start .mud-input-control { /* Should be applied to every date picker */
    margin-top: 0;
}
.date-picker-start .mud-input {
    flex-direction: row-reverse;
    padding-right: 0px !important;
    display: flex;
}
.date-picker-start .mud-input > input.mud-input-slot {
    padding: 12px;
    padding-left: 0;
}
.date-picker-start .mud-input-adornment {
    margin-right: 14px;
    margin-left: 0;
}

/*chris*/
.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(14px, -6px) scale(.85);
}
.mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol, .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
    transform: translate(0, 1.5px) scale(.85); /* default .75 */
}
.mud-shrink~label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-filled, .mud-input:focus-within~label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-filled {
    transform: translate(12px, 6px) scale(.85);
}
.mud-input-helper-text {
    font-size: .85rem;
}
/* weight */
.mud-alert-message, .mud-tab, .mud-table-pagination-select .mud-input .mud-input-root {
    font-weight: var(--mud-typography-default-weight);
}

/*#region Revive Models*/

/* Picker */
.revive-picker {
    position: relative;
    max-width: 100%;
    flex: 1 1 auto;
    display: flex;
}
.revive-picker.editable {
    cursor: text;
}


/* Card */

/* General */
.revive-short-input {
    max-width: 200px !important;
    min-width: unset !important;
}
.revive-medium-input {
    max-width: 50% !important;
    min-width: unset !important;
}
.revive-optional-text {
    align-items: center;
    column-gap: 10px;
    flex-wrap: wrap;
    display: flex;
}
p.revive-optional-text span {
    font-size: 14px;
}
h2.revive-optional-text span {
    font-size: 20px;
}
.revive-optional-text span {
    color: var(--mud-palette-text-disabled);
}
.revive-sharp-outline-select .mud-input-control-input-container, .revive-sharp-outline-select.mud-input-control-input-container {
    outline: solid 1px var(--mud-palette-secondary);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.revive-sharp-outline-select .mud-input-control-input-container:hover, .revive-sharp-outline-select.mud-input-control-input-container:hover {
    outline: solid 1px var(--mud-palette-primary);
}
.revive-sharp-outline-select .mud-input-control-input-container:focus-within, .revive-sharp-outline-select.mud-input-control-input-container:focus-within {
    outline: solid 2px var(--mud-palette-primary);
}
@media (max-width: 766px) {
    .revive-optional-text {
        column-gap: 8px;
    }
    p.revive-optional-text span {
        font-size: 13px;
    }
}

/* Revive Split Container */
.revive-split-container {
    width: calc(100% + 10px);
    flex-wrap: wrap;
    display: flex;
    gap: 10px;
    /* flex-direction: column; */
}
.revive-split-max {
    width: calc(100% - 10px);
}
.revive-split-medium, .revive-split-medium-resize {
    width: calc(50% - 10px);
}

.revive-split-small, .revive-split-small-resize {
    width: calc(25% - 10px);
}

.revive-split-container > li {
    list-style:none;
}

.revive-split-container li > p {
    margin: 0 0 12.5px 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    width: 100%;
}
@media (max-width: 766px) {
    .revive-split-container li > p {
        margin-bottom: 10px;
        font-size: 14px;
    }
}
@media (max-width: 600px) {
    .revive-split-container {
        width: calc(100% + 8px);
        gap: 8px;
    }
    .revive-split-max, .revive-split-medium-resize {
        width: calc(100% - 8px);
    }
    .revive-split-medium, .revive-split-small-resize {
        width: calc(50% - 8px);
    }
    .revive-split-small {
        width: calc(25% - 8px);
    }
    .revive-split-container.full-mobile {
        flex-direction:column;
    }

    .revive-split-container.full-mobile .revive-split-medium {
        width: 100%;
    }
}

/* Revive Radio */

@media (max-resolution: 2dppx) {
    .revive-radio-container  label {
        outline:1px solid var(--mud-palette-secondary);
    }

    .revive-radio {
        height:54px;
    }
}


.revive-radio-container {
    background-color: var(--mud-palette-secondary);
    display: flex;
    padding: 1px;
    width: 100%;
    gap: 1px;
    align-items: center;
    justify-content: center;
    align-content: stretch;
    flex-direction: row;
}

.revive-radio {
    transition: color .2s, background-color .2s, outline .2s;
    color: var(--mud-palette-secondary);
    background-color: white;
    overflow-wrap: anywhere;
    align-items: center;
    text-align: center;
    user-select: none;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    height: 56px;
    width: 50%;
}
.revive-radio:not(.active):hover {
    outline: solid 1px var(--mud-palette-primary);
    background-color: #dffff4;
    color: #00ab90;
}
.revive-radio.active {
    color: var(--mud-palette-secondary);
    background-color: #ddecff;
}
.revive-radio .mud-disabled {
    display: none !important;
}

.revive-radio span {
    width: 100%;
}

.mud-picker.mud-disabled, .mud-picker.revive-disabled {
    background-color: #dddddd;
}

.mud-picker.mud-disabled input.mud-input-root, .mud-picker.revive-disabled > input.mud-input-root {
    color: var(--mud-palette-secondary)
}

@media(max-width: 766px) {
    .revive-radio {
        height: 46px;
    }
    .revive-radio span {
        font-size: 13px;
    }
}

/* TreeView */
.revive-treeview {
    overflow: auto;
}
.revive-treeview-item {
    -webkit-tap-highlight-color: transparent;
    cursor: default;
}
.revive-treeview-item-content {
    transition: background-color 150ms cubic-bezier(.4, 0, .2, 1) 0ms;
    align-items: center;
    line-height: 1.5;
    font-size: 16px;
    display: flex;
    padding: 6px;
    width: 100%;
    gap: 8px;
}
.revive-treeview-item-content:hover {
    background-color: var(--mud-palette-action-default-hover);
}
.revive-treeview-item-arrow {
    color: var(--mud-palette-primary);
    display: flex !important; /* Blame font-awesome */
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: .3s;
    min-width: 32px;
    padding: 6px;
    height: 32px;
    width: 32px;
}
.revive-treeview-item-arrow.rotate {
    transform: rotate(-90deg);
}
.revive-treeview-item-arrow:hover {
    background-color: var(--mud-palette-action-default-hover);
}
.revive-treeview-item-label {
    align-items: center;
    display: flex;
    flex-grow: 1;
    gap: 8px;
}
.revive-treeview-item-label-end {
    text-align: end;
}
.revive-treeview-group {
    margin-left: 15px;
}

/*Revive Tabs*/
.revive-tab-container {
    justify-content: center;
    flex-direction: row;
    position: absolute;
    overflow: hidden;
    display: flex;
    height: 64px;
    width: 100%;
    left: 0;
}
.revive-tab .revive-tab-underline {
    position: absolute;
}
.revive-tab.active .revive-tab-underline {
    background: var(--mud-palette-primary);
    height: 2px;
    bottom: 0;
    right: 0;
    left: 0;
}
.revive-tab-container .revive-tab-slider {
    background: var(--mud-palette-primary);
    position: absolute;
    height: 2px;
    bottom: 0;
    left: 0;
}
.revive-tab-container .revive-tab {
    color: var(--mud-palette-secondary);
    justify-content: center;
    align-items: center;
    position: relative;
    user-select: none;
    padding: 8px 16px;
    transition: .2s;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    height: 100%;
}
.revive-tab-container .revive-tab .mud-popover-cascading-value {
    display: none;
}
.revive-tab-container .revive-tab:hover {
    background-color: var(--mud-palette-action-default-hover);
}
.revive-tab-container .revive-tab.active {
    color: var(--mud-palette-primary);
}
.revive-tab-container .revive-tab.active:hover {
    background-color: var(--mud-palette-primary-hover);
}
.revive-tab-container .revive-tab.disabled:hover {
    background-color: inherit;
}
.revive-tab-container .revive-tab.disabled span {
    color: var(--mud-palette-text-disabled);
}
.revive-tab-container .revive-tab i {
    margin-right: 10px;
    font-size: 24px;
}

@media(min-width: 960px) {
    .mud-main-content {
        min-height: calc(100% - 64px);
    }
}

@media(max-width: 959px) {
    .revive-tab-container {
        min-height: 48px;
        height: unset;
    }
    .revive-tab-container .revive-tab {
        align-items: center;
        flex-wrap: wrap;
        line-height: 1;
        width: inherit;
        height: unset;
        gap: 0;
    }
    .revive-tab-container .revive-tab span {
        text-align: center;
    }
    .revive-tab-container .revive-tab i {
        margin: 0 10px;
    }
}


.revive-layout {
    position: relative;
    height: 100%;
    width: 100%;
}

.revive-input-control-container {
    vertical-align: top;
    height: fit-content;
    flex-wrap: wrap;
    display: flex;
    padding: 1px;
    width: 100%;
}

.revive-input-control-wrapper {
    position: relative;
    width: 100%;
}

.revive-input-control {
    transition: border-width 200ms cubic-bezier(0,0,.2,1) 0ms, border-color 200ms cubic-bezier(0,0,.2,1) 0ms;
    outline: solid 1px var(--mud-palette-secondary);
    color: var(--mud-palette-secondary);
    letter-spacing: .00938em;
    box-sizing: border-box;
    line-height: 1.1876em;
    align-items: center;
    background: #ffffff;
    position: relative;
    flex-wrap: nowrap;
    font-weight: 400;
    font-size: 1rem;
    display: flex;
    cursor: text;
    width: 100%;
}
.revive-input-control:hover {
    outline: solid 1px var(--mud-palette-primary);
}

.revive-input-control:focus-within {
    outline: solid 2px var(--mud-palette-primary);
}

.revive-input {
    padding: 17.5px 14px;
    background: #ffffff;
    color: inherit;
    width: 100%;
    outline: 0;
}

.revive-input::placeholder {
    opacity: .42;
    transition: opacity 200ms cubic-bezier(.4,0,.2,1) 0ms;
}

.revive-input-adornment {
    padding: 12px;
    height: 43px;
    width: 48px;
}

.revive-input-adornment-start {
    padding-left: 0;
}

.revive-input-adornment-end {
    padding-right: 0;
}

.revive-input-clearable {
    padding: 3px;
    height: 26px;
    width: 26px;
}

.revive-input-control-container:focus-within .revive-label, .revive-picker .revive-input-control-container:focus-within .mud-input-label {
    color: var(--mud-palette-primary);
}

.revive-helper-text {
    color: var(--mud-palette-error);
    letter-spacing: .03333em;
    overflow-wrap: anywhere;
    line-height: 1.66;
    text-align: start;
    font-size: .85rem;
    font-weight: 400;
    padding: 0 8px;
    margin-top: 3px;
    width: 100%;
}

.revive-label {
    transition: color 200ms cubic-bezier(0,0,.2,1) 0ms,transform 200ms cubic-bezier(0,0,.2,1) 0ms;
    transform: translate(9px,20px) scale(1);
    background: #ffffff;
    position: absolute;
    padding: 0 5px;
    z-index: 1;
    top: 0;
}

.revive-input-control-container:focus-within .revive-label {
    transform: translate(9px, -9px) scale(.85) !important;
}

.revive-label-over {
    transform: translate(9px, -9px) scale(.85) !important;
}

.revive-input-error .revive-label {
    color: var(--mud-palette-error);
}

.revive-disabled .revive-input-control {
    border-color: var(--mud-palette-action-disabled) !important;
    border-width: 1px !important;
    cursor: default !important;
}

.revive-disabled .revive-label {
    color: var(--mud-palette-text-disabled) !important;
}

.revive-disabled .revive-input {
    color: var(--mud-palette-text-disabled) !important;
}

.revive-disabled .revive-input-adornment {
    pointer-events: none;
}

.revive-disabled .revive-input-adornment > svg {
    fill: var(--mud-palette-action-disabled) !important;
}

.revive-disabled .revive-input::placeholder {
    color: grey;
}

.revive-disabled .revive-input-error {
    display: none;
}

@media (max-width: 767px) {
    .revive-helper-text {
        font-size: 13px;
    }
}

/*#endregion Revive Models*/

/*#endregion Application Form*/


/*#region Font Awesome Icons*/
.font-inherit-mudlink a, .font-inherit-mudlink a span {
    font-size: inherit;
}
.font-inherit-mudlink a span {
    height: 24px;
    width: 24px;
}
.fa-hubspot {
    color: #ff7a59;
}
/*#endregion Font Awesome Icons*/

/*General Styling*/
.drag-drop-zone {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s;
}
.drag-drop-input {
    position: absolute;
    cursor: pointer;
    opacity: 0;
}
#blazor-error-ui {
    color: black;
    background: var(--mud-palette-tertiary);
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 10000;
}
#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
    font-size: 22px;
}

#destination-link {
    opacity: 0;
}

.hidden {
    display: none !important;
}

/* Screen Sizes */

@media(min-width: 960px) {
    .laptop {
        display: none !important;
    }
}
@media(min-width: 767px) {
    .l-mobile {
        display: none !important;
    }
}
@media(min-width: 600px) {
    .mobile {
        display: none !important;
    }
}
@media(min-width: 414px) {
    .a-mobile {
        display: none !important;
    }
}
@media(min-width: 360px) {
    .s-mobile {
        display: none !important;
    }
}

@media(max-width: 959px) {
    .laptop-hidden {
        display: none !important;
    }
}
@media(max-width: 766px) {
    .l-mobile-hidden {
        display: none !important;
    }
}
@media(max-width: 599px) {
    .mobile-hidden {
        display: none !important;
    }
}
@media(max-width: 413px) {
    .a-mobile-hidden {
        display: none !important;
    }
}
@media(max-width: 359px) {
    .s-mobile-hidden {
        display: none !important;
    }
}

.loading-progress {
    position: relative;
    display: block;
    width: 6rem;
    height: 6rem;
    margin: 24px;
}

.loading-progress circle {
    fill: none;
    stroke: white;
    stroke-width: 0.6rem;
    transform-origin: 50% 50%;
    transform: rotate(-90deg);
}

.loading-progress circle:last-child {
    stroke: #00ab90;
    stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
    transition: stroke-dasharray 0.05s ease-in-out;
}

.loading-progress-text {
    text-align: center;
    font-weight: bold;
    inset: calc(20vh + 3.25rem) 0 auto 0.2rem;
}

.loading-progress-text:after {
    content: var(--blazor-load-percentage-text, "Loading");
}

/* CREDITOR PORTAL */
.creditor-disclaimer-dialog .mud-dialog-content {
    padding: 0 !important;
}
.creditor-disclaimer .mud-typography-body1 {
    font-weight: 400;
}

.mud-table-sort-label-icon {
    color: var(--mud-palette-tertiary);
}

.mud-chart-bar {
    stroke-width: 50px;
}
.mud-chart-donut .mud-donut-segment {
    stroke-width: 10 !important;
}

.mud-dialog-actions {
    padding: 12px !important;
}
.dashboard {
    margin-bottom: 20px;
}

.dashboard .mud-grid.stretch {
    justify-content: space-around !important;
}

.dashboard .mud-paper {
    padding: 1px;
}

.dashboard .under-over {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 5px;
}

.dashboard .under-over .sub-heading {
    font-size: 16px;
    color: var(--mud-palette-secondary);
    line-height: 1em;
}

.dashboard .under-over .value {
    font-size: 24px;
    color: var(--mud-palette-primary);
    line-height: 1em;
}

.dashboard .mud-grid.stretch .mud-grid-item {
    flex: 1 0;
}

.dashboard svg {
    filter: drop-shadow(1px 1px 1px rgb(0 0 0 / 0.4));
}

@media (max-width:1600px) {
    .dashboard .mud-grid.stretch .mud-grid-item {
        flex: 1 0 33.33%;
    }
}

/* Notification Hub Container */
.revive-notification-hub-container {
    box-shadow: 0 0 5px 2px rgba(0,0,0,.25);
    border-radius: 0;
    position: relative;
    margin-left: auto;
    max-height: unset;
    height: 100%;
    width: 400px;
    right: 0;
    top: 0;
}

/* Title Content */
.revive-notification-hub-container .mud-dialog-title {
    background: var(--mud-palette-secondary);
    justify-content: space-between;
    flex-direction: row;
    border-radius: 0;
    padding: 16px 24px;
    display: flex;
}
.revive-notification-hub-container .mud-dialog-title h3 {
    font-size: 20px;
    color: white;
}
.revive-notification-hub-container .mud-dialog-title button i {
    color: var(--mud-palette-tertiary);
    font-size: 28px;
}

/* Content Styling */
.revive-notification-hub-container > .outline-none {
    height: calc(100% - 60px);
}
.revive-notification-hub-container > .outline-none > div:not(.fixed) {
    height: 100%;
}
.revive-notification-hub-content {
    border-radius: 0 !important;
    padding: 0 !important;
    flex-direction: column;
    max-height: unset;
    overflow: hidden;
    display: flex;
    height: 100%;
}


.revive-base-dialog-container {
    border-radius: 0;
    position: relative;
    width: fit-content;
    max-height: unset;
    background: none;
    box-shadow: none;
    max-width: unset;
    overflow: unset;
}

.revive-base-dialog-container .mud-dialog-content {
    justify-content: center;
    align-items: center;
    display: flex;
    height: 100vh;
    padding: 0;
    width: 100vw;
    margin: 0;
}

.revive-base-dialog-container .mud-dialog-content {
    border-radius:2px;
}

.revive-base-dialog-container .mud-dialog-content .mud-table-cell > p {
    font-size:14px;
}

.revive-menu-container {
    position: absolute;
    left: 0;
}
.revive-menu-container > button {
    color: var(--mud-palette-tertiary);
}
.revive-dialog-container {
    /* height: 500px; */
    /*height: auto;*/
    border-radius: 0;
    position: absolute;
    max-height: unset;
    overflow: visible;
    overflow: unset;
    top: 90px;
    transition-duration:.5s;
}

.revive-base-dialog-container {
    border-radius: 0;
    position: relative;
    width: fit-content;
    max-height: 100%;
    background: none;
    box-shadow: none;
    margin-top: 2;
    max-width: unset;
    overflow: unset;
}

.revive-base-dialog-container.scrollable {
    overflow-y: auto;
    padding: 1rem;
}

.revive-base-dialog-container .mud-dialog-content {
    height: fit-content;
    width: fit-content;
    overflow: visible;
    display: flex;
    padding: 0;
    margin: 0;
}

.mud-overlay .mud-overlay-scrim.mud-overlay-dark {
    background-color: rgba(0, 0, 0, 0.7125);
}

.revive-dialog-container.leaf {
    border-radius: 2px;
    height: auto;
    bottom: auto;
    position: relative;
}

.revive-dialog-container.long {
    max-width: 1200px;
}

.revive-dialog-container.leaf > div:last-child {
    overflow: hidden;
    border-radius: 2px;
}

.revive-dialog-container.leaf .mud-table {
    background-color: transparent;
}

@media (max-width: 1600px) {
    .revive-dialog-actions-container {
        display: none !important;
    }

    .revive-dialog-container .mud-dialog-title {
        padding: 16px 0;
    }
}
@media (min-width: 1599px) {
    .revive-menu-popover, .revive-menu-container {
        display: none !important;
    }
}
@media (max-width: 767px) {
    .revive-dialog-container {
        height: calc(100vh - 40px);
        width: calc(100% - 32px);
    }

    .revive-dialog-container.center {
        height: auto;
    }

    .revive-dialog-container .mud-dialog-title {
        padding: 8px 0;
    }
}

.revive-dialog-container .mud-dialog-title {
    justify-content: center;
    align-items: center;
    position: absolute;
    border-radius: 0;
    padding: 24px 0;
    display: flex;
    bottom: 100%;
    width: 100%;
}

.revive-dialog-container .outline-none {
    height: 100%;
}

.revive-dialog-container > .outline-none > div {
    height: 100%;
}

.revive-dialog-button-close {
    position: relative;
    right: 0;
    z-index: 1000;
}

.revive-dialog-button-close i {
    color: var(--mud-palette-tertiary);
    font-size: 24px;
}

.revive-dialog-content {
    padding: unset !important;
    overflow: unset;
    height: 100%;
}

.revive-dialog-actions-container, .revive-dialog-actions-container.dual .left, .revive-dialog-actions-container.dual .right {
    justify-content: end !important;
    padding: 0 !important;
    flex-direction: column;
    position: absolute;
    border-radius: 0;
    margin-top: 60px;
    gap: 15px;
    top: 0;
}

.revive-dialog-actions-container.left, .revive-dialog-actions-container.dual .left {
    right: 100%;
    display: flex;
}

.revive-dialog-actions-container.right, .revive-dialog-actions-container.dual .right {
    left: 100%;
    display: flex;
}

.revive-dialog-action-button {
    background-color: var(--mud-palette-primary);
    justify-content: start;
    margin: 0 !important;
    font-weight: 600;
    display: flex;
    padding: 16px;
    color: white;
    gap: 12px;
    left: auto;
}

.revive-dialog-actions-container.dual, .revive-dialog-actions-container.dual > div {
    width: 100%;
    overflow: auto;
}

.revive-dialog-actions-container.dual {
    margin-top: 60px;
}

.revive-dialog-actions-container.dual > div > div {
    display: flex;
    gap: 12px;
}

.revive-dialog-actions-container.left .revive-dialog-action-button, .revive-dialog-actions-container.dual .left .revive-dialog-action-button {
    border-radius: 8px 0 0 8px;
    /* height: 60px; */
}

.revive-dialog-actions-container.right .revive-dialog-action-button, .revive-dialog-actions-container.dual .right .revive-dialog-action-button {
    border-radius: 0 8px 8px 0;
}

.revive-dialog-action-button.active {
    background-color: var(--mud-palette-info) !important;
    color: var(--mud-palette-tertiary) !important;
}

.revive-dialog-action-button i {
    font-size: 20px;
    color: white;
}

.fa-solid.fa-xmark {
    margin-left: 0.5px;
    margin-top: 0.25px;
}

.hide-error-message .validation-message, .hide-error-message .mud-input-control-helper-container:has(.mud-input-error) {
    display: none;
}

.mud-simple-table table * tr:last-child>td,
.mud-simple-table table * tr:last-child th {
    border-bottom: none;
}

.payment-table .mud-table-container {
    max-height: calc(100vh - 260px);
}

.table-wrapper {
    border-radius: 2px;
    padding: 10px;
    background-color: #fff;
    box-shadow: var(--mud-elevation-3);
}

.payment-table .mud-table-root .mud-table-head {
    background-color: var(--mud-palette-secondary);
}

.payment-table .mud-table-root .mud-table-head th {
    color: #fff;
    font-weight: 600;
    padding: 10px;
}

.payment-table .mud-table-root .mud-table-head th span {
   line-height:1.2em;
}

.payment-table .mud-table-root .mud-table-head th.currency,
.payment-table td.currency,
.payment-table .mud-table-root .mud-table-foot td.currency {
    text-align: right;
}

.payment-table .mud-table-root .mud-table-head th > span:hover {
    color: var(--mud-palette-tertiary);
}

.payment-table .mud-table-root .mud-table-foot {
    background-color: var(--mud-palette-secondary);
}

.payment-table .mud-table-root .mud-table-foot .mud-table-cell {
    border-bottom: 0;
}

.payment-table .mud-table-root .mud-table-foot td, .payment-table td {
    font-weight: 600;
    padding: 10px;
}

.payment-table td {
    height: 55px;
}

.payment-table td p {
    font-size: 14px;
}

.payment-table td .payment-info {
    flex-direction: row;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
}

.payment-table td .description {
    flex-direction: column;
    display: flex;
    align-items: flex-start;
    width: 100%;
}

.payment-table td .description span.info {
    display: flex;
    flex-direction: row;
    gap: 5px;
    white-space:nowrap;
}

.payment-table td .description span.creditor {
    color: var(--mud-palette-primary);
    font-size: 14px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.payment-table td .payment-info.one-time {
    justify-content: space-between;
}

.payment-table td .mobile-drcr {
    display: none;
}

.payment-table .mud-table-foot .mud-table-row.show-mobile {
    display: none;
}

.payment-table .mud-table-head * .mud-table-cell,
.payment-table .mud-table-foot * .mud-table-cell {
    background-color: var(--mud-palette-secondary) !important;
    z-index: 4;
}

.payment-table .mud-table-root .mud-table-head * .mud-table-cell:first-child {
    border-radius: 2px 0 0 0;
}

.payment-table .mud-table-root .mud-table-foot * .mud-table-cell:first-child {
    border-radius: 0 0 0 2px;
}

.payment-table .mud-table-root .mud-table-head * .mud-table-cell:last-child {
    border-radius: 0 2px 0 0;
}

.payment-table .mud-table-root .mud-table-foot * .mud-table-cell:last-child {
    border-radius: 0 0 2px 0;
}


.payment-table .mud-table-root .mud-table-foot td p.mud-primary-text {
    color: var(--mud-palette-tertiary) !important;
}

.payment-table > .mud-grid {
    margin: 0;
}

.payment-table > .mud-grid > .mud-grid-item {
    display: flex;
    flex-direction: column;
}

.appform-container .payment-table .mud-input-control .mud-input-slot {
    padding: 6px !important;
}

.appform-container .payment-table .mud-input-control-input-container {
    outline: 0 !important;
}

.mud-popover.customer-context-menu .mud-list.mud-menu-list{
    padding:0;
}

.mud-popover.customer-context-menu .mud-list.mud-menu-list p{
    font-size: 14px;
}

.mud-popover.customer-context-menu .mud-list.mud-menu-list > a{
   text-decoration:none;
}

.mud-popover.customer-context-menu .mud-list.mud-menu-list > .mud-divider {
    margin:0;
}

.mud-popover.customer-context-menu .mud-list.mud-menu-list > .mud-menu-item {
    padding: 6px 12px;
}

.mud-popover.customer-context-menu .mud-list.mud-menu-list > .mud-menu-item:first-child {
    background-color:var(--mud-palette-secondary);
    cursor:pointer;
}

.mud-popover.customer-context-menu .mud-list.mud-menu-list > .mud-menu-item:first-child *{
    color:var(--mud-palette-tertiary);
}

.mud-popover.customer-context-menu .mud-list.mud-menu-list .mud-menu-item > .mud-icon-root.fa-hubspot {
    color: var(--mud-palette-warning);
}

/* DIGITAL WALLET*/

/*.revive-input-control-container .mud-input-label-outlined {*/
/*    transform: translate(6px, 14px) scale(1);*/
/*}*/

/*.mud-dialog-actions > div{*/
/*    padding:0 !important;*/
/*}*/

/*.mud-dialog .mud-dialog-content{*/
/*    padding:12px 12px 0 12px;*/
/*    margin:0;*/
/*}*/

/*.mud-input > input.mud-input-root-outlined {*/
/*    padding:12px;*/
/*}*/

/*.mud-input.mud-input-outlined .mud-input-outlined-border{*/
/*    border-radius:5px;*/
/*}*/

/*.mud-input > input.mud-input-root-outlined.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root-outlined.mud-input-root-margin-dense{*/
/*    padding:12px;*/
/*}*/

/*.mud-input-control.mud-input-control-margin-dense{*/
/*    margin-top:0;*/
/*}*/

/*.payment-method {*/
/*    background-color: #dfecfe;*/
/*    border-radius:5px;*/
/*    padding:10px;*/
/*}*/


@media(max-width: 599px) {
    .payment-table td:before {
        color: var(--mud-palette-secondary);
        font-weight: 600;
        min-width: 90px;
        font-size: 12px;
    }

    .payment-table td .description span.creditor, .payment-table td p {
        font-size: 12px;
    }

    .payment-table td .description span.creditor {
        font-size: 10px;
    }

    .payment-table .mud-table-cell {
        justify-content: flex-start;
        align-items: flex-start;
        padding: 6px;
    }

    .table-wrapper:not(:has(.mud-table-smalldevices-sortselect)) .payment-table td {
        padding: 10px;
    }

    .payment-table .mud-table-root .mud-table-head th {
        line-height: 1em;
    }

    .payment-table td {
        height: auto;
        padding: 1px 0;
    }

    .payment-table .mud-table-smalldevices-sortselect {
        display: none;
    }

    .payment-table col {
        width: 100% !important;
        max-width: 100%;
    }

    .payment-table td .mobile-drcr {
        display: inline-block;
    }

    .table-wrapper:has(.mud-table-smalldevices-sortselect) .payment-table td[data-label="Amount"]:not(.show-mobile) {
        display: none;
    }

    .table-wrapper:has(.mud-table-smalldevices-sortselect) .payment-table .mud-table-row {
        border-bottom: 1px solid var(--mud-palette-table-lines);
        display: block;
        padding: 5px 10px;
    }

    .table-wrapper:has(.mud-table-smalldevices-sortselect) .payment-table .mud-table-foot .mud-table-row {
        padding: 0 10px;
    }

    .payment-table .mud-table-row .mud-table-cell:last-child,
    .table-wrapper:has(.mud-table-smalldevices-sortselect) .payment-table .mud-table-foot .mud-table-row {
        border-bottom: 0px solid var(--mud-palette-table-lines);
    }

    .table-wrapper:has(.mud-table-smalldevices-sortselect)  .payment-table .mud-table-cell:before {
        content: attr(data-label) ":";
    }

    .payment-table > .mud-grid > .mud-grid-item {
        gap: 10px;
    }

    .payment-table .mud-table-root .mud-table-foot {
        display: table-footer-group;
    }

    .payment-table .mud-table-foot .mud-table-row.show-mobile {
        display: flex;
        flex-direction: row;
    }

    .payment-table .mud-table-foot .mud-table-row.show-mobile td {
        padding: 6px;
    }

    .payment-table .mud-table-foot .mud-table-row.show-mobile td:first-child {
        width: 105px;
    }

    .payment-table .mud-table-foot .mud-table-row.show-mobile td:nth-child(2) {
        width: calc(100% - 205px);
    }

    .payment-table .mud-table-foot .mud-table-row.show-mobile td:nth-child(3) {
        width: 100px;
        justify-content: flex-end;
    }

    .payment-table .mud-table-foot .mud-table-row:not(.show-mobile) {
        display: none;
    }

    .payment-table .mud-table-foot ::before {
        display: none;
    }

    .payment-table .mud-table-pagination-toolbar{
        font-size:12px;
        padding:0 10px;
    }

    .payment-table .mud-table-pagination-caption{
        padding: 0 6px;
    }

    .payment-table .mud-table-pagination-actions {
        margin-left: 0;
        margin-inline-start: 0;
    }

    .payment-table .mud-table-pagination-toolbar .mud-icon-button {
        padding: 6px;
    }
}

/* Revert MudCollapse new behaviour as in https://github.com/MudBlazor/MudBlazor/commit/828ee833ae899e7d5fdf3c89702a933fa44b9664#diff-2788362b50a0aa33ce9b2d2b5bb1cc76e84830692937bc9e6a41aaf43777817b */
.mud-collapse-entered .mud-collapse-wrapper {
    overflow: visible;
}