.travaloud-appbar-filter {
    backdrop-filter: blur(12px);
    z-index: calc(var(--mud-zindex-appbar) + 1);
    background:transparent;
}

.travaloud-nam-appbar-brand span {
    font-size:1.75rem;
    font-weight:900;
}
.tinymce-wrapper.invalid {
    border: 1px solid var(--mud-palette-error)!important;
}

.mud-input-label { font-weight:400;}

.fsh-center-text {
    text-align: center !important;
}

.mud-button-filled {
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 30%), 0 2px 2px 0 rgb(0 0 0 / 0), 0 1px 5px 0 rgb(0 0 0 / 10%) !important;
}

.mud-dialog {
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 10%), 0 2px 2px 0 rgb(0 0 0 / 0), 0 10px 10px 0 rgb(0 0 0 / 5%) !important;
}

.mud-nav-link {
    white-space: normal !important;
    font-family: 'DIN 2014 Demi';
    letter-spacing:.063rem !important;
    font-weight: 500;
    text-transform: uppercase;
    padding-top:12px;
    padding-bottom:12px;
}

.mud-nav-link.active:not(.mud-nav-link-disabled), .mud-nav-group>.mud-nav-link>.mud-nav-link-text, th {
    font-weight: 500 !important;
}

.mud-avatar.mud-avatar-small { font-family: 'DIN 2014 Demi';}

.mud-nav-link.active:not(.mud-nav-link-disabled) {
    border-right: 3px solid var(--mud-palette-primary);
    background-color: rgba(var(--mud-palette-primary-rgb), 0.1);
}

.mud-nav-link .mud-nav-link-text { letter-spacing: unset;}

.mud-table {
    padding: 20px !important;
    /*margin-bottom: 20px !important;*/
}

.mud-card {
    margin-bottom: 20px !important;
}

#blazor-error-ui {
    color: var(--mud-palette-drawer-text);
    background: var(--mud-palette-drawer-background);
}

.mud-overlay-dark {
    backdrop-filter: blur(2px);
}

.mud-card-header .mud-card-header-avatar {
    margin-inline-end: 10px !important;
}


/*.mud-dialog-content {*/
/*    max-height: 85vh !important;*/
/*    overflow-y: auto !important;*/
/*    overflow-x:hidden !important;*/
/*}*/

.mud-grid-spacing-xs-3 {
    margin: 0px !important;
    margin-left: -12px !important;
}

.mud-table-toolbar
{
    flex-wrap:wrap;
    margin-bottom:20px!important;
    padding:0px !important;
    height:auto !important;
}

::-webkit-scrollbar {
    width: 2px!important;
    height: 6px!important;
}
.fsh-nav-child {
    padding-left: 10px !important;
}

.mud-text-editor-container {
    position: relative;
    color: var(--mud-palette-text-primary);
    cursor: text;
    font-size: 1rem;
    box-sizing: border-box;
    font-weight: 400;
    line-height: 1.1876em;
    padding-top:45px;
    letter-spacing: .00938em;
}

/*.tox {

    z-index:100001 !important;
}
*/
.fixed-stepper {
    position: relative;
}

.mud-dialog .fixed-stepper .flex-row  {
    position: fixed !important;
    right: 0;
    z-index: 100001;
    background-color: var(--mud-palette-background-gray);
    top: 1px !important;
    right: 60px;
    max-width: calc(100% - 400px);
    padding-left: 20px;
    padding-right: 20px;
    margin-top:0px !important;
    margin-right:0px !important;
    margin-left:0px !important;
    height:62px;
}

.mud-dialog .fixed-stepper > div:first-of-type {
    
  }

.fixed-stepper .flex-row {
    /* position: fixed; */
    /* right: 0; */
    /* z-index: 100001; */
    background-color: var(--mud-palette-background-gray);
    /* top: 1px; */
    /* right: 60px; */
    /* width: calc(100% - 400px); */
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -16px;
    margin-right: -16px;
    margin-top: -16px;
}

.mud-dialog .mud-dialog-title, .mud-dialog .mud-dialog-title .mud-dialog-actions {
    background-color: var(--mud-palette-background-gray);
}

.mud-dialog.has-wizard {
    overflow-y: hidden !important;
}

.fixed-stepper .mud-stepper-header p {
    font-family: var(--mud-typography-h6-family);
    letter-spacing: 0.05rem;
    text-transform: uppercase;
}
th {
    font-size:1rem !important;
    font-family: 'DIN 2014 Narrow Bold';
    letter-spacing: 0.05rem;
}

.fixed-stepper .mud-stepper-header .mud-stepper-header-title {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}

.mud-stepper .mud-stepper-content {
    padding:0px;
}

.fixed-stepper .mud-stepper-header .mud-stepper-header-actions {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background-color: white;
}

.fixed-stepper .d-flex:last-of-type .d-flex.gap-4:last-of-type, .mud-stepper-actions {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100001;
    background-color: var(--mud-palette-background-gray);
    padding: 20px;
}

.mud-primary-text, .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol, .tox .tox-mbtn, .tox .tox-tbtn, .mce-content-body, .tox .tox-statusbar a, .tox .tox-statusbar__path-item, .tox .tox-statusbar__wordcount {
    color: var(--mud-palette-text-primary) !important;
}
.tox .tox-tbtn svg {
    fill: var(--mud-palette-text-primary) !important;
}
.mud-input.mud-input-underline:after {
    border-bottom: 2px solid var(--mud-palette-text-primary) !important;
}
.tox .tox-statusbar, .tox .tox-edit-area__iframe, .tox:not(.tox-tinymce-inline) .tox-editor-header, .tox .tox-menubar, .tox .tox-toolbar-overlord, .tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary {
    background-color: var(--mud-palette-surface) !important;
}
.tox .tox-tbtn--bespoke {
    background: var(--mud-palette-surface) !important;
}

.tox-tinymce-aux {
    z-index: 13000 !important;
}

.mud-input-root.invalid + div + div  {
    border-color: var(--mud-palette-error) !important; 
}

.h-100 {
    height:100%;
}

.dashboard-pie-chart > div:first-child {
    position: relative; top: 50%; transform: translateY(-50%)
}

.ql-editor p {
    margin-bottom:10px !important;
}

.mud-nav-link.active:not(.mud-nav-link-disabled), .mud-nav-group>.mud-nav-link>.mud-nav-link-text, th {
    font-weight: 500 !important;
}

.mud-tab-slider.mud-tab-slider-horizontal {
    height: 0 !important;
}

.mud-tab.mud-tab-active {
    background-color: var(--mud-palette-primary-hover);
    color: var(--mud-palette-primary);
    border-radius: 0px;
    border-style: solid;
    border-width: 0 0 2px 0;
}

.mud-dialog-content .mud-tabs-toolbar {
    position: sticky;
    top: -20px;
    background-color: white;
    z-index: 2;
    padding-top: 10px;
    padding-left: 25px;
    padding-right: 25px;
    margin: 0px -25px -10px -25px;
}

.mud-grid-spacing-xs-6 {
    width:calc(100% + 48px);
}

.mud-table-root .mud-table-body .mud-table-cell:first-of-type, .mud-table-root .mud-table-head .mud-table-cell:first-of-type {
    padding-left:0 !important;
}

.mud-table-root .mud-table-body .mud-table-cell:last-of-type, .mud-table-root .mud-table-head .mud-table-cell:last-of-type {
    padding-left:0 !important;
}

.mud-grid-spacing-xs-6>.mud-grid-item {
    padding-right:24px;
}

.mud-tabs, .mud-tabs-panels {
    width:100%;
}

/*.mud-tabs, .mud-tabs-panels .mud-table {*/
/*    padding:0px !important;*/
/*}*/

th {
    font-size: 1rem !important;
    font-family: 'DIN 2014 Narrow Bold';
    letter-spacing: 0.05rem;
}

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

.travaloud-wizard__progress {
    padding: 0px;
    background: #f8fafc;
    border-bottom: 2px solid #e2e8f0;
    position: fixed;
    z-index: 32;
    top: 64px;
    margin-bottom: 0;
    /* display: none; */
    width: 100%;
    left: 0px;
}

.travaloud-wizard__progress-header {
    margin-bottom: 16px;
}

.travaloud-wizard__progress-step {
    display: none;
}

.travaloud-wizard__progress-step.is-active {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.travaloud-wizard__progress-step-title {
    font-size: 18px;
    font-weight: 600;
    font-family: var(--font-head, sans-serif);
}

.travaloud-wizard__progress-step-counter {
    font-size: 14px;
    color: #64748b;
    font-weight: 500;
}

.travaloud-wizard__progress-bar {
    width: 100%;
    height: 12px;
    background: #e2e8f0;
    border-radius: 0px;
    overflow: hidden;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

.travaloud-wizard__progress-bar-fill {
    height: 100%;
    background: #48bb78;
    border-radius: 0px;
    transition: width 0.3s ease;
    box-shadow: 0 2px 4px rgba(30, 58, 138, 0.3);
    display: block;
}
.mud-dialog-title {
    height:64px;
}

.travaloud-wizard__steps {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 20px;
    z-index: 32;
    position: fixed;
    top: 16px;
    right: 60px;
}

.travaloud-wizard__step {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #94a3b8;
    font-size: 14px;
    transition: all 0.3s;
    font-family: var(--mud-typography-h6-family);
    letter-spacing: 0.05rem;
    text-transform: uppercase;
}

.travaloud-wizard__step.is-active {
    color: var(--mud-palette-text-primary) !important;
    font-weight: 500;
}


.travaloud-wizard__index {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #e2e8f0;
    color: #64748b;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s;
}

.travaloud-wizard__divider {
    width: 20px;
    height: 2px;
    background: #e2e8f0;
    transition: all 0.3s;
}

.travaloud-wizard__step.is-active .travaloud-wizard__divider {
    background: #48bb78;
}

.travaloud-wizard__step.is-active .travaloud-wizard__index  {
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
}

.travaloud-wizard__step.is-done {
    color: #48bb78;
}

.travaloud-wizard__step.is-done .travaloud-wizard__divider {
    background: #48bb78;
}

.travaloud-wizard__step.is-done .travaloud-wizard__index {
    background: #48bb78;
    color: white;
}

.mud-dialog.has-wizard .mud-dialog-actions {
    background-color:var(--mud-palette-background-gray);
}

.travaloud-wizard-step__content {
    min-height:300px;
}

.guest-result-row {
    border-bottom: 1px solid var(--mud-palette-lines-default);
    transition: background-color 120ms ease-in-out;
}

.guest-result-row:last-child {
    border-bottom: none;
}

.guest-result-row:hover {
    background-color: rgba(var(--mud-palette-primary-rgb), 0.10);
}

.guest-name-link {
    cursor: pointer;
    color: var(--mud-palette-primary);
    text-decoration: underline dotted;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    text-decoration-color: rgba(var(--mud-palette-primary-rgb), 0.5);
}

.guest-name-link:hover {
    text-decoration: underline solid;
    text-decoration-color: var(--mud-palette-primary);
}

.cloudbeds-hint {
    margin-top: 4px;
    padding: 3px 8px 3px 10px;
    border-radius: 8px;
    background-color: rgba(var(--mud-palette-warning-rgb), 0.12);
    gap: 4px;
    line-height: 1.4;
}

.cloudbeds-hint-value {
    font-size: 0.8rem;
    color: var(--mud-palette-warning-darken);
}

.cloudbeds-hint .cloudbeds-hint-btn {
    min-width: unset;
    padding-top: 0;
    padding-bottom: 0;
    height: 24px;
}