.mud-card {
    background: rgba(227, 117, 45, 0.45098039215686275);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(11.1px);
    -webkit-backdrop-filter: blur(11.1px);
    border: 1px solid rgba(227, 117, 45, 0.39);
    height: 100%;
}


.bg-image-mt {
    background-image: url("../../resources/BG1.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-image-booking {
    background-image: url("../../resources/BG2.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.mud-ex-app-loader-loading-container .app-name {
    background: #f8f0f0;
}

.mud-ex-app-loader-loading-container::before {
    background: #f8f0f0;
}

.mud-input-helper-text.mud-input-error {
    color: var(--mud-palette-tertiary-text) !important;
}

.mud-input {
    background: var(--mud-palette-surface);
    padding-left: 0.25rem;
}

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

.mud-dialog-container.mud-dialog-centerright {
    padding-right: 0px;
}

.mud-input-label {
    margin-left: 0.25rem;
}

.mud-input:focus-within~label.mud-input-label.mud-input-label-inputcontrol {
    color: var(--mud-palette-text-primary);
}

.mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled) {
    color: var(--mud-palette-terinary);
}

body .pwa-updater[b-pwa-updater] {
    --pwa-updater-bar-backcolor: var(--mud-palette-secondary);
    --pwa-updater-bar-z-index: 2000;
    --pwa-updater-bar-height: 64px;
    --pwa-updater-font-size: 18px;
    font-size: var(--mud-typography-h6-size);
    font-family: var(--mud-typography-h6-family);
    font-weight: var(--mud-typography-h6-weight);
    line-height: var(--mud-typography-h6-lineheight);
    letter-spacing: var(--mud-typography-h6-letterspacing);
    text-transform: var(--mud-typography-h6-text-transform);
}

body .pwa-updater-updatenow-button[b-pwa-updater] {
    font-family: var(--mud-typography-button-family);
    font-weight: var(--mud-typography-button-weight) color: var(--mud-palette-secondary-text);
    line-height: var(--mud-typography-button-lineheight);
    letter-spacing: var(--mud-typography-button-letterspacing);
    text-transform: var(--mud-typography-button-text-transform);
    min-width: 64px;
    box-sizing: border-box;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border-radius: var(--mud-default-borderradius);
    background-color: var(--mud-palette-primary);
    --mud-ripple-offset-x: 0;
    --mud-ripple-offset-y: 0;
    position: relative;
    overflow: hidden;
    padding: 8px 22px;
    font-size: .9375rem;
    box-shadow: 0px 3px 1px -2px rgba(0,0,0,.2), 0px 2px 2px 0px rgba(0,0,0,.14), 0px 1px 5px 0px rgba(0,0,0,.12);
    border: 0;
    cursor: pointer;
    margin-left: 8px;
    display: inline-flex;
    outline: 0;
    align-items: center;
    user-select: none;
    vertical-align: middle;
    height: auto;
    justify-content: center;
    text-decoration: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -moz-appearance: none;
}

.mud-picker-content {
    background: var(--mud-palette-surface);
}

.mud-button.landing-page-buttons > .mud-icon-button-label > .mud-icon-size-large {
    font-size: 5rem;
}

.loading-container > svg > circle {
    stroke: var(--mud-palette-primary);
}

.loading-container {
    position:absolute;
    margin-top:40vh;
}