html, body {
    height: 100%;
}

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

/*.header-logo {
    flex-shrink: 0;
    background-color: currentColor;
    -webkit-mask: url('../images/logo.png');
    mask: url('../images/logo.png');
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    width: 180px;
    height: 24px;
}
*/
.header-logo {
    background-image: url(../images/logo3.png);
    width: 180px;
    height: 80%;
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
}

.logon-template-header {
    height: 75px;
}

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

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

.gn_rightalign {
    text-align: right !important;
}

.alt-item > td:not(.dxbl-grid-empty-cell),
.alt-item > td:not(.dxbl-grid-indent-cell) {
    background-color: color-mix(in srgb, var(--bs-gray-300), transparent 50%);
}

.xaf-component-image {
    border-radius: 50% !important;
}

.img-thumbnail {
    border: hidden !important;
}