html, body {
    height: 100%;
}

app {
    display: block;
    height: 100%;
}

.header-logo {
    flex-shrink: 0;
    background-color: transparent;
    background-image: url('../images/Logo.svg?app=fiscflow');
    background-repeat: no-repeat;
    background-position: left;
    /*background-size: 500px 180px;*/
    /*-webkit-mask: url('../images/Logo.svg');
    mask: url('../images/Logo.svg');*/
    /*-webkit-mask-position: center;*/
    /*mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat*/;
    width: 100%;
    height: 24px;
}

/* Ribbon group-header captions use the user-selected accent color, falling back to the
   theme's primary color when no accent is set (e.g. Bootstrap themes without an accent). */
.dxbl-group > .dxbl-group-header > .dxbl-text {
    color: var(--dx-accent-color, var(--dx-color-primary));
}

#blazor-error-ui {
    background: inherit;
    bottom: 0;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100001;
}

.loading-image-wrapper {
    background-color: transparent !important;
}

.loading-image {
    width: 750px;
    height: 750px;
}

.xaf-nav-link{
    text-decoration: none !important;
}

.scheduler-badge-unsubmitted {
    white-space: pre-wrap;
    background-color: var(--bs-primary) !important;
}
.scheduler-badge-submitted {
    white-space: pre-wrap;
    background-color: var(--bs-gray) !important;
}

.xaf-action-primaryinv > div > dxbl-combobox > .dxbl-text-edit-template {
    background-color: var(--bs-primary) !important;
    color: var(--bs-white) !important;
}

.dxbl-group {
    z-index: auto;
}

.dxbl-group-header {
    z-index: 0;
}

.noticelabel label {
    padding: 0.2em 1em !important;
    border-radius: 6px !important;
    border: solid 1px rgba(0,0,0,0.1) !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
}



.dxbl-theme-dark .header-logo {
    background-image: url('../images/Logo-DarkTheme.svg?app=fiscflow') !important;
}

.dxbl-text-edit {
    border-bottom-color: var(--dxbl-text-edit-border-color);
}


.dxbl-group > .dxbl-group-header > .dxbl-text {
    color: var(--dxds-primary-70, var(--dx-color-primary));
}


.lc-cardview {
    min-height: 350px;
}