html, body {
    height: 100%;
}

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

.header-logo {
    flex-shrink: 0;
    background-color: #5351FB;
    -webkit-mask: url(../images/educatedlogo.svg);
    mask: url(../images/educatedlogo.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    width: 143px;
    height: 47px;
}

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

@font-face {
    font-family: 'Poppins-Light';
    src: url("fonts/Poppins-Light.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-Regular';
    src: url("fonts/Poppins-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-Medium';
    src: url("fonts/Poppins-Medium.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-SemiBold';
    src: url("fonts/Poppins-SemiBold.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-Bold';
    src: url("fonts/Poppins-Bold.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}

.dx-accordion-item-title {
    font-family: 'Poppins-SemiBold';
    cursor: pointer;
    position: relative;
    font-size: 16px;
    display: flex;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
}
.dx-accordion-item-body {
    overflow: hidden;
    padding: 8px 1px 9px;
}

.dxbl-text {
    --dxbl-text-font-family: Poppins-Regular;
    --dxbl-text-font-size: inherit;
    --dxbl-text-line-height: inherit;
    --dxbl-text-border-color: transparent;
    --dxbl-text-border-style: solid;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: var(--dxbl-text-font-family);
    font-size: var(--dxbl-text-font-size);
    line-height: var(--dxbl-text-line-height);
    margin: 0;
}

:root {
    --DS-text-case-display: none;
    --DS-text-case-large-title: none;
    --DS-text-case-title-1: none;
    --DS-text-case-title-2: none;
    --DS-text-case-title-3: none;
    --DS-text-case-subtitle-1: none;
    --DS-text-case-subtitle-2-stronger: none;
    --DS-text-case-subtitle-2: none;
    --DS-text-case-body-2: none;
    --DS-text-case-body-1-strong: none;
    --DS-text-case-body-1: none;
    --DS-text-case-caption-1-strong: none;
    --DS-text-case-caption-1: none;
    --DS-text-case-caption-2-strong: none;
    --DS-text-case-caption-2: none;
    --DS-letter-spacing-display: normal;
    --DS-letter-spacing-large-title: normal;
    --DS-letter-spacing-title-1: normal;
    --DS-letter-spacing-title-2: normal;
    --DS-letter-spacing-title-3: normal;
    --DS-letter-spacing-subtitle-1: normal;
    --DS-letter-spacing-subtitle-2-stronger: normal;
    --DS-letter-spacing-subtitle-2: normal;
    --DS-letter-spacing-body-2: normal;
    --DS-letter-spacing-body-1-strong: normal;
    --DS-letter-spacing-body-1: normal;
    --DS-letter-spacing-caption-1-strong: normal;
    --DS-letter-spacing-caption-1: normal;
    --DS-letter-spacing-caption-2-strong: normal;
    --DS-letter-spacing-caption-2: normal;
    --DS-font-family-mono: 'Poppins-Regular';
    --DS-font-family-serif: 'Poppins-Regular';
    --DS-font-family-sans-serif: 'Poppins-Regular';
    --DS-line-height-display: 5.75rem;
    --DS-line-height-large-title: 3.25rem;
    --DS-line-height-title-1: 2.5rem;
    --DS-line-height-title-2: 2.25rem;
    --DS-line-height-title-3: 2rem;
    --DS-line-height-subtitle-1: 1.75rem;
    --DS-line-height-subtitle-2-stronger: 1.375rem;
    --DS-line-height-subtitle-2: 1.375rem;
    --DS-line-height-body-2: 1.375rem;
    --DS-line-height-body-1-strong: 1.25rem;
    --DS-line-height-body-1: 1.25rem;
    --DS-line-height-caption-1-strong: 1rem;
    --DS-line-height-caption-1: 1rem;
    --DS-line-height-caption-2-strong: 0.875rem;
    --DS-line-height-caption-2: 0.875rem;
    --DS-font-size-display: 4.25rem;
    --DS-font-size-large-title: 2.5rem;
    --DS-font-size-title-1: 2rem;
    --DS-font-size-title-2: 1.75rem;
    --DS-font-size-title-3: 1.5rem;
    --DS-font-size-subtitle-1: 1.25rem;
    --DS-font-size-subtitle-2-stronger: 1rem;
    --DS-font-size-subtitle-2: 1rem;
    --DS-font-size-body-2: 1rem;
    --DS-font-size-body-1-strong: 0.875rem;
    --DS-font-size-body-1: 0.875rem;
    --DS-font-size-caption-1-strong: 0.75rem;
    --DS-font-size-caption-1: 0.75rem;
    --DS-font-size-caption-2-strong: 0.625rem;
    --DS-font-size-caption-2: 0.625rem;
    --DS-font-weight-display: 600;
    --DS-font-weight-large-title: 600;
    --DS-font-weight-title-1: 600;
    --DS-font-weight-title-2: 600;
    --DS-font-weight-title-3: 600;
    --DS-font-weight-subtitle-1: 600;
    --DS-font-weight-subtitle-2-stronger: 700;
    --DS-font-weight-subtitle-2: 600;
    --DS-font-weight-body-2: 400;
    --DS-font-weight-body-1-strong: 600;
    --DS-font-weight-body-1: 400;
    --DS-font-weight-caption-1-strong: 600;
    --DS-font-weight-caption-1: 400;
    --DS-font-weight-caption-2-strong: 600;
    --DS-font-weight-caption-2: 400;
}

.dx-accordion-item-opened {
    border-color: transparent;
}
.dx-accordion {
    /* background: #F5F4FF; */
    background-color: #F5F4FF;
    color: #333;
}
.dx-tile.dx-state-focused, .dx-tile.dx-state-hover{
    background-color:transparent;
}
.dx-accordion-item {
    overflow: hidden;
    border: none;
    /* background: red; */
    background: #F5F4FF;
    border: 1px solid transparent;
}

.dxbl-grid .dxbl-grid-table > tbody > tr > td, .dxbl-grid .dxbl-grid-table > tbody > tr > th, .dxbl-grid .dxbl-grid-table > tfoot > tr > td, .dxbl-grid .dxbl-grid-table > tfoot > tr > th, .dxbl-grid .dxbl-grid-table > thead > tr > td, .dxbl-grid .dxbl-grid-table > thead > tr > th {
    font-family: var(--dxbl-grid-font-family);
    font-size: var(--dxbl-grid-font-size);
    line-height: var(--dxbl-grid-line-height);
    border-color: inherit;
    border-style: inherit;
    border-width: 0;
    border-top-width: var(--dxbl-grid-border-width);
    vertical-align: middle;
}

.dxbl-grid {
    --dxbl-grid-font-family: var(--DS-font-family-sans-serif);
    --dxbl-grid-font-size: 0.875rem;
    --dxbl-grid-line-height: 1.4285;
    --dxbl-grid-text-height: 1.2499375rem;
    --dxbl-grid-min-width: 240px;
    --dxbl-grid-max-height: 10000px;
    --dxbl-grid-bg: var(--DS-color-surface-neutral-default-rest);
    --dxbl-grid-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-grid-border-color: #EDEBFF;
    --dxbl-grid-fixed-column-border-color: var(--DS-color-border-neutral-inverted-subdued-rest);
    --dxbl-grid-border-style: solid;
    --dxbl-grid-border-width: var(--DS-border-width-10);
    --dxbl-grid-border-radius: var(--DS-border-radius-40);
    --dxbl-grid-highlighted-text-bg: var(--DS-color-surface-highlight-rest);
    --dxbl-grid-highlighted-text-color: var(--DS-color-content-highlight-rest);
    --dxbl-grid-empty-data-area-padding-x: 1.5rem;
    --dxbl-grid-empty-data-area-padding-y: 3rem;
    --dxbl-grid-text-cell-padding-x: 0.4375rem;
    --dxbl-grid-text-cell-padding-y: 0.37503125rem;
    --dxbl-grid-editor-cell-padding-x: 0.4375rem;
    --dxbl-grid-editor-cell-padding-y: 0.37503125rem;
    --dxbl-grid-toolbar-container-padding-x: 1rem;
    --dxbl-grid-toolbar-container-padding-y: 0.75rem;
    --dxbl-grid-toolbar-container-min-height: 3.375rem;
    --dxbl-grid-group-panel-container-padding-x: 1rem;
    --dxbl-grid-group-panel-container-padding-y: 0.75rem;
    --dxbl-grid-group-panel-container-spacing: 0.5rem;
    --dxbl-grid-group-panel-header-padding-x: 0.625rem;
    --dxbl-grid-group-panel-header-padding-y: 0.18753125rem;
    --dxbl-grid-group-indent-cell-width: 2.25rem;
    --dxbl-grid-search-box-container-width: 17rem;
    --dxbl-grid-search-box-container-padding-x: 1rem;
    --dxbl-grid-search-box-container-padding-y: 0.75rem;
    --dxbl-grid-empty-header-panel-padding-x: 1rem;
    --dxbl-grid-empty-header-panel-padding-y: 0.5rem;
    --dxbl-grid-edit-form-padding-x: 1rem;
    --dxbl-grid-edit-form-padding-y: 1rem;
    --dxbl-grid-inplace-edit-border-width: 2px;
    --dxbl-grid-detail-cell-padding-x: 1.75rem;
    --dxbl-grid-detail-cell-padding-y: 1.75rem;
    --dxbl-grid-expand-btn-bg: transparent;
    --dxbl-grid-expand-btn-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-grid-expand-btn-hover-bg: var(--DS-color-surface-neutral-default-hovered);
    --dxbl-grid-expand-btn-hover-color: var(--DS-color-content-neutral-default-hovered);
    --dxbl-grid-expand-btn-padding-x: var(--DS-sizing-20);
    --dxbl-grid-expand-btn-padding-y: var(--DS-sizing-20);
    --dxbl-grid-expand-btn-cell-padding-top: calc(0.37503125rem - var(--DS-sizing-20) * 2);
    --dxbl-grid-header-font-weight: var(--DS-font-weight-body-1-strong);
    --dxbl-grid-header-bg: var(--DS-color-surface-neutral-muted-rest);
    --dxbl-grid-header-color: #717171;
    --dxbl-grid-header-spacing: 0.375rem;
    --dxbl-grid-footer-font-weight: 700;
    --dxbl-grid-footer-bg: var(--DS-color-surface-neutral-muted-rest);
    --dxbl-grid-footer-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-grid-group-footer-font-weight: 600;
    --dxbl-grid-group-footer-bg: var(--DS-color-surface-neutral-muted-rest);
    --dxbl-grid-group-footer-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-grid-selection-bg: var(--DS-color-surface-primary-subdued-rest);
    --dxbl-grid-selection-color: var(--DS-color-content-neutral-default-selected);
    --dxbl-grid-focus-bg: var(--DS-color-surface-primary-default-rest);
    --dxbl-grid-focus-color: var(--DS-color-content-neutral-static-rest);
    --dxbl-grid-focus-frame-color: var(--DS-color-content-highlight-rest);
    --dxbl-grid-selection-focus-dark-bg: var(--DS-color-surface-primary-default-hovered);
    --dxbl-grid-selection-focus-dark-color: var(--DS-color-content-neutral-static-rest);
    --dxbl-grid-selection-focus-dark-hover-bg: var(--DS-color-surface-primary-default-rest);
    --dxbl-grid-touch-bg: var(--DS-color-surface-primary-subdued-hovered);
    --dxbl-grid-touch-color: var(--DS-color-content-neutral-default-hovered);
    --dxbl-grid-hover-bg: var(--DS-color-surface-neutral-default-hovered);
    --dxbl-grid-selected-hover-bg: var(--DS-color-surface-primary-subdued-hovered);
    --dxbl-grid-hover-color: var(--DS-color-content-neutral-default-hovered);
    --dxbl-grid-edit-row-bg: var(--DS-color-surface-primary-subdued-selected);
    --dxbl-grid-edit-row-color: var(--DS-color-content-neutral-default-selected);
    --dxbl-grid-text-padding-x: 0.5rem;
    --dxbl-grid-page-selector-text-margin-right: 1rem;
    --dxbl-grid-top-fixed-body-height: 1.75rem;
    --dxbl-grid-row-bg: var(--dxbl-grid-bg);
    --dxbl-grid-header-panel-group-button-height: 2.125rem;
    --dxbl-grid-white-space: normal;
    background-color: var(--dxbl-grid-bg);
    border-radius: var(--dxbl-grid-border-radius);
    border: var(--dxbl-grid-border-width) var(--dxbl-grid-border-style) var(--dxbl-grid-border-color);
    color: var(--dxbl-grid-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: var(--dxbl-grid-font-family);
    font-size: var(--dxbl-grid-font-size);
    letter-spacing: var(--DS-letter-spacing-body-1);
    line-height: var(--dxbl-grid-line-height);
    min-width: var(--dxbl-grid-min-width);
    max-height: var(--dxbl-grid-max-height);
    width: 100%;
    text-align: left;
    white-space: var(--dxbl-grid-white-space);
}

.dxbl-accordion .dxbl-group.dxbl-accordion-group .dxbl-accordion-item:not(.dxbl-accordion-group).dxbl-active > .dxbl-accordion-item-content {
    --dxbl-accordion-group-item-color: white;
    --dxbl-accordion-group-item-bg: #5351FB;
}

.header-left-side {
    align-items: center;
    display: flex;
    min-width: 270px;
    padding-left: .5rem;
    width: 270px;
    /*background: #F5F4FF;*/
}

@media (min-width: 576px) {
    .dxbl-theme-fluent .header-right-side {
        padding-right: 0.85rem;
        padding-left: 0.85rem;
    }
}

.dxbl-tabs .dxbl-tabs-item.dxbl-active {
    --dxbl-tabs-tab-cursor: var(--dxbl-tabs-tab-active-cursor);
    --dxbl-tabs-tab-font-weight: var(--dxbl-tabs-tab-active-font-weight);
    --dxbl-tabs-tab-color: var(--dxbl-tabs-tab-active-color);
    --dxbl-tabs-tab-hover-color: var(--dxbl-tabs-tab-active-hover-color);
    --dxbl-tabs-tab-bg: #5351FB;
    --dxbl-tabs-tab-hover-bg: var(--dxbl-tabs-tab-active-hover-bg);
    --dxbl-tabs-tab-icon-color: var(--dxbl-tabs-tab-active-icon-color);
    --dxbl-tabs-tab-icon-hover-color: var(--dxbl-tabs-tab-active-icon-hover-color);
}

.dxbl-scroll-viewer > .dxbl-scroll-viewer-hor-scroll-bar > .dxbl-scroll-viewer-scroll-thumb, .dxbl-scroll-viewer > .dxbl-scroll-viewer-vert-scroll-bar > .dxbl-scroll-viewer-scroll-thumb {
    background-color: rgb(255, 168, 0);
    opacity: .5;
    border-radius: .1rem;
    cursor: default;
}

.dx-accordion-item:last-child {
    border-bottom: 1px solid white;
}

.ActionLogOn {
    border-radius: 10px;
    font-size: 1.2rem;
    background: linear-gradient(90deg, #5351FB, #0705B2);
    font-family: 'Poppins-SemiBold';
}

.logon-main.card .card-header, .logon-template-header {
    color: #5351FB;
    font-size: 1.4rem;
    background: white;
    border-radius: 15px;
    font-family: Poppins-Regular;
    /* border-radius: 15px 15px 0px 0px; */
    /* height: 60px; */
    /* font-size: 1.1rem; */
    font-weight: 600;
}

.logon-viewsite label, .logon-viewsite .dxbl-fl:not(.dxbl-fl-calc) .dxbl-fl-item > .dxbl-fl-cpt {
    color: black;
    font-family: Poppins-SemiBold;
    font-size: 0.9rem;
}

.xaf-language-switcher-text-container {
    color: #FFA800 !important;
}

    .xaf-language-switcher-text-container span {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        font-family: 'Poppins-Bold';
    }

.dxbl-theme-fluent .logon-main {
    border: none;
}

.logon-main {
    max-width: 410px;
    width: 410px;
    box-shadow: unset;
    border-radius: 3px;
}

.loading-caption {
    font-size: 1.5rem;
    font-family: Poppins-SemiBold;
    font-weight: 600;
    margin-top: 1.5rem;
}

.filterbyschoolyear-action {
    background-color: #4CAF50;
    background: transparent;
    /* color: white; */
    /* border-radius: 22px; */
    /* padding: 6px 12px; */
    border: none;
    font-weight: bold;
    transition: 0.3s;
}

    .filterbyschoolyear-action .dxbl-text-edit {
        --dxbl-text-edit-disabled-opacity: unset;
        background: #F5F4FF;
        width: 140px;
        border-bottom-left-radius: 28px;
        border-top-left-radius: 28px;
        border: none;
        font-family: 'Poppins-SemiBold';
        color: black;
    }
    /*.filterbyschoolyear-action .dxbl-text-edit > .dxbl-btn-group-vertical > .dxbl-btn:not(.dxbl-btn.dxbl-edit-btn-clear,.dxbl-btn.dxbl-btn-icon), .dxbl-text-edit > .dxbl-btn-group > .dxbl-btn:not(.dxbl-btn.dxbl-edit-btn-clear,.dxbl-btn.dxbl-btn-icon), .dxbl-text-edit > .dxbl-btn:not(.dxbl-btn.dxbl-edit-btn-clear,.dxbl-btn.dxbl-btn-icon)
   {
        margin-right: 0;
        background: #F5F4FF;
        color: #FFA800 !important;*/
    /* color: blue; */
    /*border: none;
        border-bottom-right-radius: 28px;
        border-top-right-radius: 28px;
    }*/
   /* .filterbyschoolyear-action > .dxbl-text-edit > .dxbl-btn, .dxbl-text-edit > .dxbl-btn-group > .dxbl-btn {
        background: red !important;
        --dxbl-btn-padding-x: var(--dxbl-text-edit-btn-padding-x);
        --dxbl-btn-padding-y: 0;
        border-top: 0;
        border-bottom: 0;
    }*/

    .filterbyschoolyear-action .dxbl-btn.dxbl-edit-btn-dropdown {
        --dxbl-btn-padding-y: var(--dxbl-text-edit-drop-down-btn-padding);
        background: #F5F4FF;
        color: #FFA800 !important;
        border-bottom-right-radius: 28px;
        border-top-right-radius: 28px;
    }

    .filterbyschoolyear-action > .dxbl-text-edit > .dxbl-text-edit-input, .dxbl-text-edit > .dxbl-text-edit-template, .dxbl-text-edit > .dxbl-text-edit-template .dxbl-text-edit-input, .dxbl-text-edit > textarea {
        padding: var(--dxbl-text-edit-padding-y) var(--dxbl-text-edit-padding-right) var(--dxbl-text-edit-padding-y) var(--dxbl-text-edit-padding-left);
        background-color: transparent;
        border: 0;
        border-radius: var(--dxbl-text-edit-border-radius);
        color: inherit;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-family: 'Poppins-SemiBold';
        font-size: var(--dxbl-text-edit-font-size);
        line-height: var(--dxbl-text-edit-line-height);
        font-weight: var(--dxbl-text-edit-font-weight);
    }

.btn-icon {
    /* background: red; */
    background: #F5F4FF;
    border: none;
    width: 38px;
    border-radius: 28px;
}

.theme-button {
    padding: 0;
    color: #5351FB;
    background: #F5F4FF;
    border-radius: 50%;
    opacity: 0.7;
    /* background: red; */
}

.account-button {
    padding: 0;
    color: #5351FB;
    background: #F5F4FF;
    border-radius: 50%;
    opacity: 0.7;
}
.xaf-tabbed-mdi .dxbl-tabs-content-panel.dxbl-loaded .dxbl-tabs-content.dxbl-active {
    height: 100%;
    background: white;
}
.xaf-tabbed-mdi:not(.dxbl-sm) {
    --tab-title-text-padding: 0.25rem;
    /* background: red; */
    background: #F5F4FF;
    padding-left: 12px;
    padding-top: 8px;
    border-top-left-radius: 13px;
}
.dxbl-theme-fluent .xaf-tabbed-mdi.dxbl-tabs > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul {
    padding-left: 0.1rem;
    padding-right: 0.1rem;
    /* background: red; */
    background: #F5F4FF;
    border-top-left-radius: 13px;
}
.dxbl-theme-fluent .app .header, .dxbl-theme-fluent .logon-template-header {
    border-bottom: 1px solid var(--DS-color-border-neutral-default-rest);
    background: var(--DS-color-surface-neutral-default-rest);
    border: none;
}
.dxbl-theme-fluent .app .sidebar {
    border-right: 1px solid var(--DS-color-border-neutral-default-rest);
    opacity: 0.9;
    background: var(--DS-color-surface-neutral-default-rest);
    /* border: none; */
    /* border-top-right-radius: 180px; */
}
.main-toolbar {
    padding-top: var(--DS-sizing-90, 1rem);
    padding-bottom: var(--DS-sizing-90, 1rem);
    padding-right: .5rem;
    padding-left: .5rem;
    background: #F5F4FF;
}
.main-content.xaf-flex-auto {
    overflow: auto;
    padding-right: .5rem;
    padding-left: .5rem;
    padding-bottom: 1rem;
    background: white;
}
.dxbl-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--dxbl-row-item-spacing-y));
    margin-right: calc(-.5 * var(--dxbl-row-item-spacing-x));
    margin-left: calc(-.5 * var(--dxbl-row-item-spacing-x));
}
.dashboardviewcustom {
    background: #F5F4FF;
    padding-top: 20px;
    margin: 0px;
}
.dashboardlastitem {
    background: #F5F4FF;
    padding-top: 20px;
    margin: 0px;
}
.main-content > .dxbl-treeview, .main-content > .grid-content dxbl-grid, .main-content > .grid-content dxbl-tree-list, .xaf-masterdetail-listview > .grid-content dxbl-grid, .xaf-masterdetail-listview > .grid-content dxbl-tree-list, .main-content > .dxbl-scheduler {
    max-height: 100%;
    border: none;
}
.dxbl-btn.dxbl-btn-secondary {
    --dxbl-btn-bg: var(--dxbl-btn-secondary-bg);
    --dxbl-btn-hover-bg: var(--dxbl-btn-secondary-hover-bg);
    --dxbl-btn-color: #5351FB;
    --dxbl-btn-border-color: #F5F4FF;
    font-family: 'Poppins-Regular';
    font-weight: 600;
    --dxbl-btn-hover-border-color: var(--dxbl-btn-secondary-hover-border-color);
    --dxbl-btn-active-bg: var(--dxbl-btn-secondary-active-bg);
    --dxbl-btn-active-border-color: var(--dxbl-btn-secondary-active-border-color);
}
.dx-state-focused.dx-accordion-item
{
    border-color:transparent;
}
.dx-empty-message
{
    visibility:hidden;
}
#startpageCueitem
{
    height: 100vh;
}