html, body {
    height: 100%;
    //font-size:30px;
}
.dxbl-listbox-item-selected {
    background-color: #f5d912 !important;
    color: black !important;
}
.dxbl-grid-header-row {
    background-color: black;
    color: white;
}
.grid-content table tbody tr:nth-child(odd) {
    background-color: #e1dfe0;
}
.grid-content table tbody tr:nth-child(even) {
    background-color: #f2f3f4;
}
.dxbl-btn-primary {
    --dxbl-btn-bg: #f5d912;
    --dxbl-btn-border-color: #f5d912;
    --dxbl-btn-color: #000;
    --dxbl-btn-active-bg: #d86008;
    --dxbl-btn-active-color: #fff;
    --dxbl-btn-active-border-color: #d86008;
    --dxbl-btn-hover-bg: #e56608;
    --dxbl-btn-hover-color: #fff;
    --dxbl-btn-hover-border-color: #e56608;
    --dxbl-btn-disabled-bg: #feaa6b;
    --dxbl-btn-disabled-color: #fff;
    --dxbl-btn-disabled-border-color: #feaa6b;
    --dxbl-btn-disabled-opacity: 1;
    --dxbl-btn-focus-shadow-color: rgba(254, 113, 9, 0.5);
    --dxbl-btn-focus-shadow-spread: 0.125rem;
    --dxbl-btn-focus-shadow-blur: 0rem;
}
.dxbl-pager {
    --dxbl-pager-font-family: inherit;
    --dxbl-pager-font-size: 0.875rem;
    --dxbl-pager-line-height: 1.4285;
    --dxbl-pager-bg: transparent;
    --dxbl-pager-color: #212529;
    --dxbl-pager-border-color: transparent;
    --dxbl-pager-border-style: solid;
    --dxbl-pager-border-width: 0;
    --dxbl-pager-border-radius: 0.125rem;
    --dxbl-pager-padding-x: 0;
    --dxbl-pager-padding-y: 0;
    --dxbl-pager-btn-bg: #fff;
    --dxbl-pager-btn-border-color: #ced4da;
    --dxbl-pager-btn-border-style: solid;
    --dxbl-pager-btn-border-width: 1px;
    --dxbl-pager-btn-color: unset;
    --dxbl-pager-btn-hover-bg: unset;
    --dxbl-pager-btn-hover-color: inherit;
    --dxbl-pager-btn-disabled-bg: #fff;
    --dxbl-pager-btn-disabled-color: unset;
    --dxbl-pager-btn-padding-x: 0.375rem;
    --dxbl-pager-btn-padding-y: 0.25003125rem;
    --dxbl-pager-page-btn-bg: #fff;
    --dxbl-pager-page-btn-color: #212529;
    --dxbl-pager-page-btn-hover-bg: unset;
    --dxbl-pager-page-btn-hover-color: inherit;
    --dxbl-pager-active-page-btn-bg: #f5d912;
}

.dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled).dxbl-checkbox-checked .dxbl-checkbox-check-element, .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled).dxbl-checkbox-indeterminate .dxbl-checkbox-check-element {
    background-color: #f5d912;
}

.border-primary {
    border-color: #000000 !important
}
.bg-primary {
    background-color: #000000 !important
}
.loading-image {
    width: 55px;
    height: 55px;
}
.spinner-border {
    color: black !important;
}
app {
    display: block;
    height: 100%;
}
.yellow-filter {
    filter: invert(90%) sepia(76%) saturate(5550%) hue-rotate(345deg) brightness(99%) contrast(93%);
}
.header-logo {
    flex-shrink: 0;
    background-color: currentColor;
    -webkit-mask: url('../images/TarasolaLogo.svg');
    mask: url('../images/TarasolaLogo.svg');
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    width: 300px;
    height: 60px;
}

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

input[readonly] {
    background-color: #D3D3D3 !important;
}

.dxbl-text-edit.dxbl-disabled::before, .dxbl-text-edit:disabled::before {
    background-color: #D3D3D3;
    opacity: 100%;
}