@font-face {
    font-family: MyriadPro-Cond;
    font-style: normal;
    src: url('/fonts/MayraidProCondensed/Myriad-Pro-Condensed.ttf');
    src: url('/fonts/MayraidProCondensed/MyriadPro-Cond.woff');
}

@font-face {
    font-family: MyriadPro-BoldCond;
    src: url('/fonts/MayraidProCondensed/Myriad-Pro-Bold-Condensed.ttf');
    src: url('/fonts/MayraidProCondensed/Myriad-Pro-Bold-Condensed.woff');
}


* {
    -webkit-font-smoothing: antialiased;
    font-family: 'MyriadPro-Cond';
    font-weight: 300;
    scrollbar-color: #c4c4c4 var(--mud-palette-secondary) !important;
}

html, body {
    font-family: 'MayRaidProCondensed';
}

:root {
    --mud-input-fontsize: 1rem;
    --mud-surface-brighter: #212121;
    --mud-title: #ffffff;
    --mud-alert-message-fontsize: 1.1rem;
    --mud-label-fontsize: 1rem;
    --mud-color-on-dark-background-theme: white;
}

input.mud-input-slot::placeholder {
    font-size: 0.8rem !important;
    letter-spacing: 0 !important;
}

.mud-input {
    font-size: var(--mud-input-fontsize) !important;
}

.mud-input-label {
    font-size: var(--mud-label-fontsize) !important;
}

.mud-table-pagination, .mud-select .mud-select-input .mud-input-slot {
    font-size: var(--mud-typography-subtitle2-size) !important;
}

.mud-alert-message {
    font-size: var(--mud-alert-message-fontsize) !important;
}

.mud-expansion-panels {
    background-color: var(--mud-surface-brighter);
}

mud-input-label-inputcontrol {
    color: var(--mud-palette-primary);
}

.mud-icon-root.mud-svg-icon {
    color: white;
    fill: white;
}

button.mud-button > span.mud-button-label > span > svg.mud-icon-root {
    color: black;
}

button.mud-button-filled > span {
    color: black;
}

button.mud-toggle-item:disabled {
    cursor: not-allowed !important;
}

button.mud-toggle-item.SeriesCalendarDayItemOtherSubRegions:disabled:hover {
    cursor: not-allowed !important;
    background: repeating-linear-gradient( 45deg, var(--mud-palette-success), var(--mud-palette-success) 10px, 10px, red 20px ) !important;
}

.mud-toggle-group:hover {
    border: 1px solid var(--mud-palette-primary) !important;
    border-color: var(--mud-palette-primary) !important;
}

.mud-toggle-item[aria-checked="true"] {
    --mud-ripple-color: black !important;
    border: 1px solid var(--mud-palette-text-primary) !important;
    color: red !important;
    background: var(--mud-palette-primary) !important;
}

.mud-toggle-item[aria-checked="false"] {
    --mud-ripple-color: white !important;
    border: 1px solid white !important;
    color: black !important;
    background: var(--mud-palette-secondary);
}

    .mud-toggle-item[aria-checked="false"]:hover {
        border-color: var(--mud-palette-primary) !important;
        --mud-ripple-color: var(--mud-palette-primary) !important;
        background: var(--mud-palette-secondary) !important;
        color: var(--mud-palette-primary) !important;
    }

a.mud-button,
.mud-button-year > span,
.mud-button-date > span,
.mud-timepicker-button > span,
.mud-timepicker-separator,
.mud-clock-number.mud-theme-primary {
    color: black !important;
}

.mud-chip {
    background: var(--mud-palette-secondary) !important;
    color: white !important;
    border-color: black !important;
}

.mud-chip-selected {
    color: black !important;
    background: var(--mud-palette-primary) !important;
}

.BlackColor {
    color: black !important;
}

    .BlackColor > div > div > .mud-input-label,
    .BlackColor > div > .mud-input,
    .BlackColor > div > div > div > .mud-select-input,
    .BlackColor > .mud-input-control-helper-container > .mud-input-helper-text > .ms-auto,
    .BlackColor > span > svg {
        color: black !important;
    }

.WhiteColor,
.WhiteColor > div > div > label.mud-input-label,
.WhiteColor > div > div > div > .mud-select-input,
.WhiteColor > div > div > div > .mud-select-input > svg {
    fill: white !important;
    color: white !important;
    border-color: white !important;
}

svg.StrokeSecondary > g:last-of-type {
    stroke: var(--mud-palette-secondary) !important;
}

svg.SecondaryTextColor,
.SecondaryTextColor > svg,
.SecondaryTextColor > div > div > div > .mud-select-input,
.SecondaryTextColor > div > div > div > div > button > span > svg,
.SecondaryTextColor > .mud-input-control-helper-container > .mud-input-helper-text > .ms-auto,
.SecondaryTextColor > span.mud-button-label > svg,
.SecondaryTextColor > span.mud-button-label :not(:hover),
.SecondaryTextColor.mud-toggle-item[aria-checked="false"]:not(:hover),
.SecondaryTextColor > div.mud-input-control-input-container > div.mud-input,
.SecondaryTextColor > div > div > div > svg,
.SecondaryTextColor > div > div > div > input {
    color: var(--mud-palette-text-primary) !important;
    fill: var(--mud-palette-text-primary) !important;
    border-color: var(--mud-palette-text-primary) !important;
}

.mud-input-label-text.mud-input-label-inputcontrol,
.mud-input-root-text,
label.mud-input-label-inputcontrol {
    color: var(--mud-palette-text-primary) !important;
}

.SecondaryTextColor > div > div.mud-input-error > div > .ms-auto {
    background: var(--mud-palette-surface) !important;
    color: red !important;
}

.WhiteIcon,
.WhiteIcon > svg,
.WhiteIcon.mud-input-adornment-icon > svg {
    color: var(--mud-palette-text-primary) !important;
    fill: var(--mud-palette-text-primary) !important;
    border-color: var(--mud-palette-text-primary) !important;
}

.SecondaryTextColor > div > div.mud-input-error > div {
    background: black !important;
    padding: 0 2px 0 2px !important;
}
/*.SecondaryTextColor > div > div > input[aria-invalid = true]{
    
}*/
.SecondaryTextColor:hover svg,
.SecondaryTextColor > .mud-chip-container > .mud-chip:hover,
.SecondaryTextColor :hover div > div > div > svg {
    color: var(--mud-palette-primary) !important;
    fill: var(--mud-palette-primary) !important;
}

.SecondaryTextColor > div > div.mud-input.mud-input-filled.mud-input-underline:before,
.SecondaryTextColor > div > div > div.mud-input.mud-input-underline:before,
.SecondaryTextColor.mud-input.mud-input-underline:before {
    border-bottom: 1px solid #76777a !important;
}

.WhiteColor > div > div.mud-input.mud-input-filled.mud-input-underline:before,
.WhiteColor > div > div > div.mud-input.mud-input-underline:before,
.WhiteColor.mud-input.mud-input-underline:before {
}

.mud-input.mud-input-filled.mud-input-underline:hover:before {
    border-bottom: 1px solid var(--mud-palette-primary) !important;
}

.mud-day.mud-current {
    border: 2px solid var(--mud-palette-success) !important;
    text-shadow: #000 1px 1px 1px !important;
    -webkit-font-smoothing: antialiased !important;
}

.mud-day {
    border-radius: 0 !important;
}

    .mud-day.mud-selected {
        background: var(--mud-palette-surface) !important;
        border: 2px solid blue !important;
    }

        .mud-day.mud-selected > p {
            color: black !important;
            font-weight: bold !important;
        }


.SeriesCalendarDayItem, .SeriesCalendarDayItemOtherSubRegions,
.rhythmItem, .mud-picker-calendar > .rhythmItem {
    width: 20px;
    opacity: 0.9;
    color: black !important;
    background: var(--mud-palette-secondary);
    border: 1px solid var(--mud-palette-secondary) !important;
    background-image: repeating-linear-gradient( 45deg, var(--mud-palette-success), var(--mud-palette-success) 10px, 10px, white 20px ) !important;
}

.SeriesCalendarDayItemOtherSubRegions {
    background-image: repeating-linear-gradient( 45deg, var(--mud-palette-success), var(--mud-palette-success) 10px, 10px, red 20px ) !important;
    pointer-events: all !important;
    cursor: not-allowed !important;
}

.mud-toggle-item.SeriesCalendarDayItem,
.mud-toggle-item.SeriesCalendarDayItemOtherSubRegions {
    opacity: 0.5 !important;
    border: 1px solid white !important;
    cursor: not-allowed !important;
}

    .mud-toggle-item.SeriesCalendarDayItem > span,
    .mud-toggle-item.SeriesCalendarDayItemOtherSubRegions > span {
        background: black !important;
        width: auto;
        word-break: keep-all !important;
        padding: 0 5px 0 5px !important;
        color: white !important;
    }

.SeriesCalendarDayItem > p,
.SeriesCalendarDayItemOtherSubRegions > p,
.rhythmItem > p,
.mud-day.mud-selected.rhythmItem > p,
.mud-picker-calendar > .rhythmItem > p {
    color: white !important;
    border: 1px solid black;
    background: black !important;
}

.rhythmItem.mud-selected,
.rhythmItem:hover {
    border: 2px solid blue !important;
}

/*.SeriesCalendarDayItem:hover p,
    .rhythmItem:hover p,
    .mud-picker-calendar:hover .rhythmItem > p {
        color: blue !important;
    }*/
.SecondaryTextColor:hover .mud-input-underline:before {
    border-bottom: 1px solid var(--mud-palette-primary) !important;
}

.SecondaryTextColor > .mud-chip-container > .mud-chip.mud-chip-selected,
.SecondaryTextColor > .mud-chip-container > .mud-chip.mud-chip-selected > svg {
    color: black !important;
    fill: black !important;
}

/*div.mud-input-control-input-container:hover .mud-switch > .mud-switch-span > span > span.mud-switch-button > span,
div.mud-input-control-input-container:hover .mud-switch > .mud-switch-span > .mud-switch-track
{
    border: 1px solid var(--mud-palette-primary) !important;
}*/

.SecondaryColor,
.SecondaryColor > div > label {
    fill: var(--mud-palette-secondary) !important;
    color: var(--mud-palette-secondary) !important;
}

.SecondaryIcon {
    fill: var(--mud-palette-secondary) !important;
}

svg.InfoIcon {
    fill: var(--mud-palette-info) !important;
}

.BlackIcon, .BlackIcon > svg, .BlackIcon.mud-input-adornment-icon > svg, .mud-icon-button > span > svg, a.mud-button > span.mud-button-label > span > svg, .BlackIcon > .mud-alert-position > .mud-alert-icon > svg.mud-icon-root {
    color: black !important;
    fill: black !important;
}

a.mud-button:hover .mud-button-label > span > svg {
    fill: var(--mud-palette-primary) !important;
}

.mud-snackbar, .mud-snackbar-icon > svg {
    color: black !important;
    fill: black !important;
}

.mud-cal-toolbar > div > div > div > button.mud-button-filled {
    background: var(--mud-palette-primary) !important;
}

.mud-cal-toolbar > div > div > div > .mud-button-outlined {
    background: var(--mud-palette-secondary) !important;
    color: white !important;
}

    .mud-cal-toolbar > div > div > div > .mud-button-outlined :hover {
        background: var(--mud-palette-secondary) !important;
        color: var(--mud-palette-primary) !important;
    }

.mud-picker-nav-button-next > span > svg,
.mud-picker-nav-button-prev > span > svg,
.filter-button > span > svg,
.remove-filter-button > span > svg,
.mud-input-adornment-icon,
.mud-alert-icon > svg,
.mud-button[aria-label="Next Month"] > span > svg,
.mud-button[aria-label="Previous Month"] > span > svg,
.mud-expand-panel-icon,
.dragable-customer > div > svg,
.dragable-customer > .mud-menu > .mud-button > span > svg,
a.mud-button-root > span > span > svg,
.sort-direction-icon > span > svg,
.mud-menu-icon-button-activator > span > svg,
.mud-picker-calendar-header-switch > button > span > svg,
svg.mud-direction-asc,
svg.mud-direction-desc,
svg.mud-direction-none,
.mud-no-activator > span > svg,
.mud-picker-control-switch > button > span > svg,
.IconBlack {
    color: var(--mud-palette-secondary) !important;
    fill: var(--mud-palette-secondary) !important;
}

.mud-radio > span.mud-default-text > svg,
.mud-radio > span > svg {
    fill: var(--mud-palette-secondary) !important;
}

.mud-radio > span.mud-success-text > svg {
    fill: var(--mud-palette-success) !important;
}

.mud-radio > span.mud-error-text > svg {
    fill: var(--mud-palette-error) !important;
}

.mud-radio > span.mud-info-text > svg {
    fill: var(--mud-palette-info) !important;
}

.mud-radio > span.mud-warning-text > svg {
    fill: var(--mud-palette-warning) !important;
}

.mud-radio span.mud-readonly {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

.mud-checkbox > span.mud-default-text > svg,
.mud-checkbox > span > svg {
    fill: var(--mud-palette-secondary) !important;
}

.mud-checkbox > span.mud-success-text > svg {
    fill: var(--mud-palette-success) !important;
}

.mud-checkbox > span.mud-error-text > svg {
    fill: var(--mud-palette-error) !important;
}

.mud-checkbox > span.mud-info-text > svg {
    fill: var(--mud-palette-info) !important;
}

.mud-checkbox > span.mud-warning-text > svg {
    fill: var(--mud-palette-warning) !important;
}

.mud-checkbox span.mud-readonly {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}
.mud-chip-error > svg {
    fill: var(--mud-palette-error) !important;
}
.mud-switch-base.mud-readonly, span > .mud-switch-track.mud-error {
    color: var(--mud-palette-secondary) !important;
    cursor: not-allowed !important;
    opacity: 0.8 !important;
}

label.mud-readonly > span.mud-switch-span > span.mud-switch-track.mud-error {
    color: blue !important;
    background: var(--mud-palette-secondary) !important;
    cursor: not-allowed !important;
    opacity: 0.8 !important;
}

.filter-operator > div > label, .filter-field > div > label, .filter-input > div > label {
    background: var(--mud-palette-secondary) !important;
    color: white !important;
    padding: 2px !important;
}

.mud-alert-text-error > div > div > svg {
    fill: var(--mud-palette-error) !important;
}

.mud-alert-text-info > div > div > svg {
    fill: var(--mud-palette-info) !important;
}

.mud-alert-text-warning > div > div > svg {
    fill: var(--mud-palette-warning) !important;
}

.mud-alert-text-tertiary > div > div > svg {
    fill: var(--mud-palette-tertiary) !important;
}

.mud-alert-text-primary > div > div > svg {
    fill: var(--mud-palette-primary) !important;
}

.mud-alert-text-secondary > div > div > svg {
    fill: var(--mud-palette-secondary) !important;
}

.mud-alert-text-success > div > div > svg {
    fill: var(--mud-palette-success) !important;
}

.mud-alert-text-normal > div > div > svg {
    fill: var(--mud-palette-normal) !important;
}

.mud-alert-text-dark > div > div > svg {
    fill: var(--mud-palette-dark) !important;
}

.mud-alert-text-light > div > div > svg {
    fill: var(--mud-palette-light) !important;
}

.filters-panel > .mud-button {
    background: var(--mud-palette-primary) !important;
    color: black !important;
    margin-right: 1%;
}

.mud-toolbar > button > span > svg,
.mud-input-numeric-spin > button > span > svg,
.mud-nav-link-icon-default,
.mud-nav-link-expand-icon,
.SecondaryTextColor > div > div > div > div > svg,
.IconWhite {
    color: white !important;
    fill: white !important;
}

button.mud-botton[disabled], button.mud-botton:disabled, button[disabled]:not(.mud-button-root), button.disabledCustom {
    border: 0px !important;
    background: var(--mud-palette-action-disabled-background) !important;
    color: black !important;
}

.mud-list-item.mud-list-item-clickable:not(.NoHover) {
    background: var(--mud-palette-secondary) !important;
}

.mud-list-item-clickable:not(:hover) {
    color: white !important;
}

.mud-list-item-clickable:hover:not(.NoHover), .mud-list-item.mud-primary-hover:not(.NoHover) {
    color: black !important;
    background: var(--mud-palette-primary) !important;
}

.mud-expand-panel > .mud-expand-panel-header > div > div > svg {
    color: white;
}

a, .btn-link {
    color: #006bb7;
}

    a:hover {
        color: var(--mud-palette-primary) !important;
    }

.mud-nav-link-text:hover, .mud-nav-link-text:hover + .mud-nav-link-expand-icon {
    color: var(--mud-palette-primary) !important;
    fill: var(--mud-palette-primary) !important;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.content {
    padding-top: 1.1rem;
}

h1:focus {
    outline: none;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.mud-day.invalid {
    cursor: not-allowed !important;
    pointer-events: all !important;
}

.invalid {
    outline: 1px solid #e50000;
    pointer-events: all !important;
    cursor: not-allowed !important;
}

.mud-input-label-inputcontrol {
    color: black !important;
}

.mud-picker-calendar > .invalid > p {
    color: #e50000 !important;
    pointer-events: all !important;
    cursor: not-allowed !important;
}

.mud-picker-calendar > .invalid {
    pointer-events: all !important;
    cursor: not-allowed !important;
}

.validation-message {
    color: #e50000;
}

.mud-drop-item > .mud-cal-clickable:hover {
    outline: 3px solid blue !important;
    outline-offset: 1.25px !important;
    margin-right: 5px !important;
    margin-left: 2px !important;
    padding: 0 !important;
}

.noselect {
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

.blinkAndSpin {
    color: white !important;
    fill: white !important;
}

.mud-badge.badgeBlack {
    color: black !important;
}

@keyframes blinkAndSpin {
    from {
        visibility: visible;
        transform: rotate(0deg) scaleY(-1);
    }

    to {
        visibility: hidden;
        transform: rotate(360deg) scaleY(-1);
    }
}

@-webkit-keyframes blinkAndSpin {
    from {
        visibility: visible;
        transform: rotate(0deg) scaleY(-1);
    }

    to {
        visibility: hidden;
        transform: rotate(360deg) scaleY(-1);
    }
}

@-moz-keyframes blinkAndSpin {
    from {
        visibility: visible;
        transform: rotate(0deg) scaleY(-1);
    }

    to {
        visibility: hidden;
        transform: rotate(360deg) scaleY(-1);
    }
}

@-o-keyframes blinkAndSpin {
    from {
        visibility: visible;
        transform: rotate(0deg) scaleY(-1);
    }

    to {
        visibility: hidden;
        transform: rotate(360deg) scaleY(-1);
    }
}

.blinkAndSpin {
    animation: blinkAndSpin 2s steps(50, start) infinite;
    -webkit-animation: blinkAndSpin 2s steps(50, start) infinite;
    -moz-animation: blinkAndSpin 2s steps(50, start) infinite;
    -o-animation: blinkAndSpin 2s steps(50, start) infinite;
    transform: scaleX(-1);
}

.mud-cal-month-link:hover,
.mud-cal-month-cell.mud-cal-month-link:hover .mud-cal-month-link {
    background: var(--mud-palette-primary) !important;
}

    .mud-cal-month-cell-title:hover,
    .mud-cal-month-cell.mud-cal-month-link:hover .mud-cal-month-link > .mud-cal-month-cell-title {
        color: black !important;
    }

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

.darker-border-checkbox.form-check-input {
    border-color: #929292;
}

.mud-button-root.dateDisabled {
    color: #d50000 !important;
    cursor: not-allowed !important;
    pointer-events: all;
}

.mud-button-root:disabled.dateDisabled:disabled {
    color: #d50000 !important;
    cursor: not-allowed !important;
    pointer-events: all;
}

.mud-table-cell.edit-mode-cell:has(.forced-edit-mode) {
    background: white !important;
}

.mud-input-helper-text:has(:is([id^="tourHelperFieldId_RemarksDelete_"], [id^="tourHelperFieldId_RemarksNoContact_"])) {
    color: white !important;
    font-style: italic !important;
}

.mud-table-cell > .cell-contact-rhythm > .mud-input-control-input-container > .mud-input > .mud-input-numeric-spin {
    background: black !important;
}

.mud-list-item-clickable:not(:hover) {
    color: white !important;
}

.fullHeightToolbarContent > .mud-toolbar {
    height: 100% !important;
}

.AddBackdropBlur {
    backdrop-filter: blur(10px) !important;
}

div.mud-dialog {
    border: 1px solid var(--mud-palette-secondary) !important;
}

.outlined {
    text-shadow: #000 1px 1px 1px !important;
    -webkit-font-smoothing: antialiased !important;
    color: #fff !important;
}

.fullheight {
    height: 100% !important;
}

.overlayParent {
    position: relative !important;
}

svg.mud-range-input-separator {
    fill: black !important;
    margin-right: 20%;
}

.mud-alert-message-width-full > .mud-alert-position > .mud-alert-message,
.mud-width-full > .mud-alert-position > .mud-alert-message {
    width: 100% !important;
}
/*
.mud-list-item:hover,
.mud-list-item.mud-primary-hover {
    -webkit-font-smoothing: initial !important;
    text-shadow: none !important;
}*/

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

.border-non-printview-only {
    border: 1px solid black;
}

div.stackPrintViewVertical {
    flex-direction: row !important;
}

.mapContainer {
    border: 1px solid var(--mud-palette-secondary) !important;
    overflow: hidden !important;
    box-shadow: var(--mud-elevation-20) !important;
}

.text-decoration-line-through {
    text-decoration: line-through !important;
}

span.rotateIcon90Degs > svg {
    -webkit-transform: rotate(90deg) !important;
    -moz-transform: rotate(90deg) !important;
    -o-transform: rotate(90deg) !important;
    -ms-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important;
}

.mud-list-item-clickable:hover > .mud-list-item-text > p > div > svg.IconWhite {
    color: black !important;
    fill: black !important;
}

.mud-list-item-clickable:hover > .mud-list-item-text > p > div {
    color: black !important;
    fill: black !important;
}

    .mud-list-item-clickable:hover > .mud-list-item-text > p > div > p.WhiteColor {
        color: black !important;
        fill: black !important;
    }

div.mud-select-input.BlackColor.IconBlack > div.mud-select-input > div > svg {
    color: black !important;
    fill: black !important;
}

div.mud-select-input.BlackColor.IconBlack > div.mud-select-input > div > p {
    color: black !important;
    fill: black !important;
}

.mud-alert.IconWhite > .mud-alert-position > .mud-alert-icon > svg {
    fill: white !important;
}

.mud-alert.IconBlack > .mud-alert-position > .mud-alert-icon > svg {
    fill: black !important;
}

.mud-picker-month.mud-button-root > .mud-picker-month-selected.mud-primary-text {
    color: #000 !important;
    -webkit-font-smoothing: antialiased !important;
}

.weekly-item-dragging {
    color: blue !important;
}

.weekly-item-drop-valid {
    border-color: var(--mud-palette-success) !important;
    cursor: default !important;
}

.weekly-item-drop-invalid {
    border-color: var(--mud-palette-error) !important;
    cursor: not-allowed !important;
}

div.custom-calendar-toolbar > div.mud-button-group-root > button.mud-button.mud-button-outlined {
    background: var(--mud-palette-secondary) !important;
    color: white !important
}

    div.custom-calendar-toolbar > div.mud-button-group-root > button.mud-button.mud-button-outlined:hover {
        color: var(--mud-palette-primary) !important;
    }

.mud-button[aria-label="previous-month"] > span > svg,
.mud-button[aria-label='next-month'] > span > svg,
.mud-button[aria-label="Previous Month"] > span > svg,
.mud-button[aria-label='Next Month'] > span > svg {
    fill: black !important;
}

.marker-title{
    font-weight: bold !important;
}

.mud-popover.mud-height-full {
    height: 90% !important;
    max-height: 100vh !important;
    margin-top: 1.5%;
}

@media print {
    .hide-on-print {
        margin-top: 0 !important;
        display: none !important;
    }

    .printview-only {
        margin-top: 0 !important;
        display: flex !important;
        visibility: visible !important;
    }

        .printview-only * {
            background: white !important;
            color: black !important;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
        }

    .border-non-printview-only {
        border: 0 !important;
        border-width: 0 !important;
    }

    div.stackPrintViewVertical {
        margin-top: 0 !important;
        flex-direction: column !important;
    }

    .No-PaddingMargin-Y {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}
.LightErrorColor,
.mud-input>.mud-input-slot.LightErrorColor,
.WhiteColor > div > div > label.mud-input-label.LightErrorColor,
.WhiteColor > div > div > .LightErrorColor

.BlackColor > div > div > label.mud-input-label.LightErrorColor,
.BlackColor > div > div > .LightErrorColor

.SecondaryColor > div > div > label.mud-input-label.LightErrorColor,
.SecondaryColor > div > div > .LightErrorColor {
    color: var(--mud-palette-error-lighten) !important;
}
.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
.nodrag {
    -webkit-user-drag: none !important;
    -khtml-user-drag: none !important;
    -moz-user-drag: none !important;
    -o-user-drag: none !important;
    user-drag: none !important;
}
@media only screen and (max-width: 615px) {
    .mud-range-input-separator {
        margin: 0 !important;
        padding-right: 2% !important;
    }
}


.dragging *{
    pointer-events: none !important;
}

.truncate{
    display: block !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}