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: 180px;
    height: 24px;
}

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

.sidebar {
    /*box-shadow: none;*/
    /*
    min-width: 210px !important;
    width: 100% !important;
        */
}

.dxbl-scroll-viewer-content {
    background-color: #fff;
}
.dxbl-accordion-group-header {
    background-color: #fff!important;
}
.header {
    background-color: #fff;
    min-height: 4rem;
}
.xaf-sidebar > .about-info {
    display: none;
}
.xaf-nav-link {
    text-decoration: none !important;
}
.dxbl-accordion-group-header {
    flex-direction: row-reverse;
}
.dxbl-accordion-group-header {
    padding: 8px !important;
}
.dxbl-fl-group > .dxbl-group {
    box-shadow: 0px 4px 12px 4px rgba(0,0,0,0.16);
}
.xaf-nav-link span {
    font-size: 11pt;
    font-weight: 500;
}/*
.header-left-side {
    min-width: 210px !important;
    width: 210px !important;
}
.header-logo {
    width: 140px !important;
    height: 24px !important;
}*/
.xaf-view-caption-lg {
    font-size: 12pt;
    font-weight: 600;
    padding-bottom: 0.125rem;
}
.header-right-side > div:first-child {
    margin-right: 10px;
}
.dxbl-accordion-item > .dxbl-group-header {
    background-color: #fff !important;
}

/*
.dxbl-group > .dxbl-group-header {
    background-color: #eea14f !important;
    color: white !important;
    font-weight: 400 !important;
}*/

.dxbl-group {
    border: none;
}
.dxbl-group-header {
    border: none;
}
.dxbl-accordion-group-header {
    border: none !important;
}

.dxbl-accordion-items-container > .dxbl-group {
    background-color: #f3f3f3 !important;
}

.dxbl-accordion-item-content div:nth-child(2) {
    display: none;
}
.dxbl-navigation-filter {
    border: 1px solid #e5e7eb !important;
    padding: 5px;
    border-radius: 8px;
}
/* for card */
.card {
    border: none;
    border-radius: 10px;
    background-color: #fff
}

.img {
    border-radius: 50% !important;
    padding: 10px;
    width: 100%;
    margin: auto;
}
.stats {
    background: #f2f5f8 !important;
    color: #000 !important
}

.articles {
    font-size: 10px;
    color: #a1aab9
}

.number1 {
    font-weight: 500
}

.followers {
    font-size: 10px;
    color: #a1aab9
}

.number2 {
    font-weight: 500
}

.rating {
    font-size: 10px;
    color: #a1aab9
}

.number3 {
    font-weight: 500
}
/* for card end*/

.dxbl-group-header {
    background-color: lightskyblue !important;
    font-weight: 500 !important;
}
.dxbl-accordion-filter > .dxbl-group-header {
    background-color: white !important;
}

tr.cursor-pointer:hover {
    background-color: aliceblue;
}

.dxbl-grid .dxbl-grid-table > tbody:nth-child(2) > tr:first-child > td, .dxbl-grid .dxbl-grid-table > tbody:nth-child(2) > tr:first-child > th, .dxbl-grid .dxbl-grid-table > tfoot:nth-child(2) > tr:first-child > td, .dxbl-grid .dxbl-grid-table > tfoot:nth-child(2) > tr:first-child > th, .dxbl-grid .dxbl-grid-table > thead:nth-child(2) > tr:first-child > td, .dxbl-grid .dxbl-grid-table > thead:nth-child(2) > tr:first-child > th {
    padding: 8px !important;
}

.dxbl-grid .dxbl-grid-table > tbody > tr:not(.dxbl-grid-edit-row):not(.dxbl-grid-empty-row):not(.dxbl-grid-filter-row) > td:not(.dxbl-grid-indent-cell):not(.dxbl-grid-expand-button-cell):not(.dxbl-grid-empty-cell):not(.dxbl-grid-empty-data):not(.dxbl-grid-edit-form):not(.dxbl-grid-detail-cell), .dxbl-grid .dxbl-grid-table > tbody > tr > th:not(.dxbl-grid-header-indent-cell):not(.dxbl-grid-empty-header), .dxbl-grid .dxbl-grid-table > tfoot > tr:not(.dxbl-grid-edit-row):not(.dxbl-grid-empty-row):not(.dxbl-grid-filter-row) > td:not(.dxbl-grid-indent-cell):not(.dxbl-grid-expand-button-cell):not(.dxbl-grid-empty-cell):not(.dxbl-grid-empty-data):not(.dxbl-grid-edit-form):not(.dxbl-grid-detail-cell), .dxbl-grid .dxbl-grid-table > tfoot > tr > th:not(.dxbl-grid-header-indent-cell):not(.dxbl-grid-empty-header), .dxbl-grid .dxbl-grid-table > thead > tr:not(.dxbl-grid-edit-row):not(.dxbl-grid-empty-row):not(.dxbl-grid-filter-row) > td:not(.dxbl-grid-indent-cell):not(.dxbl-grid-expand-button-cell):not(.dxbl-grid-empty-cell):not(.dxbl-grid-empty-data):not(.dxbl-grid-edit-form):not(.dxbl-grid-detail-cell), .dxbl-grid .dxbl-grid-table > thead > tr > th:not(.dxbl-grid-header-indent-cell):not(.dxbl-grid-empty-header) {
    padding: 8px !important;
}

.dxbl-grid .dxbl-grid-table > tbody, .dxbl-grid .dxbl-grid-table > tfoot, .dxbl-grid .dxbl-grid-table > thead {
    border-width: 0;
}

.dxbl-grid > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > .dxbl-grid-table > thead {
    background-color: aliceblue;
}

.theme-settings {
    display: none !important;
}