html, body {
    height: 100%;
}

app{
    display: block;
    height: 100%;
}
.header-logo {
    flex-shrink: 0;
    background-image: url('../images/Logo.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 185px;
    height: 40px;
}

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

.striped-grid-light table tbody tr:nth-child(odd) {
    background-color: #fcfcfc;
}

.striped-grid-dark table tbody tr:nth-child(odd) {
    background-color: #363640;
}

/* Change splash colors*/
.loading-items-center > .bg-primary {
    background-color: transparent !important;
}

/*Customize color for splash screen load indicator*/
.loading-items-center > .border-primary {
    border-color: #ffa300 !important;
    border-width: thin !important;
}


/* To fix distance between captions and property editors when exist a field with long name
    See: https://supportcenter.devexpress.com/ticket/details/q353827/how-to-reduce-the-width-of-layout-item-captions-in-a-detailview
*/
div.custom-caption-width .form-group.row > .dxbs-fl-cpt {
    width: 150px !important;
}

/* Show messages with break line: https://supportcenter.devexpress.com/ticket/details/t1002781/xaf-blazor-toast-multiple-at-different-position-and-multiple-line-toast-using*/
.xaf-alert-message {
    white-space: pre-line !important;
}

/*To show properly initial splash logo*/
#loadingBackground .loading-image {
    height: 50px !important;
    width: 50px !important;
}