html, body {
    height: 100%;
}

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

.header-logo {
    flex-shrink: 0;
    background-image: url('../images/YielderGroupLogo.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 180px;
    height: 34px;
}

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

.logon-template-body {
    background-image: url('../images/LoginBackground.jpg');
    background-size: cover;
}

.grid-content .dxbl-grid-table > thead > tr > th {
    border-left-width: 0px;
    border-right-width: 0px;
}

.grid-content .dxbl-grid-table > tbody > tr > td {
    border-left-width: 0px;
    border-right-width: 0px;
}

.dxbl-grid-table > thead > tr:first-child > th {
    border-bottom: none;
}

.dxbl-grid-table > tbody > tr:not(:first-child) {
    border-top: none;
}

.dxbl-grid-table > tbody > tr:not(:last-child) {
    border-bottom: none;
}

.dxbl-grid-table > tbody > tr:nth-child(even) > td {
    background-color: rgba(0,0,0,.05);
}