@layer reset {
    * {
        margin: 0;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        text-wrap: balance;
    }

    p,
    figcaption {
        max-width: 65ch;
        text-wrap: pretty;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    a {
        text-decoration: none;
    }
}

:root {
    /* Font */
    --font-family: 'Plus Jakarta Sans', Helvetica, Arial, sans-serif;
    --font-size-0: clamp(1rem, 1rem + 0vw, 1rem);
    --font-size-1: clamp(1.067rem, 1.0421rem + 0.1105vw, 1.125rem);
    --font-size-2: clamp(1.1385rem, 1.084rem + 0.2422vw, 1.2656rem);
    --font-size-3: clamp(1.2148rem, 1.1252rem + 0.3982vw, 1.4238rem);
    --font-size-4: clamp(1.2962rem, 1.1652rem + 0.5822vw, 1.6018rem);
    --font-size-5: clamp(1.383rem, 1.2034rem + 0.7982vw, 1.802rem);
    /* Neutral */
    --dxds-color-surface-neutral-deep-rest: light-dark(hsl(from var(--dxds-color-surface-primary-default-rest) h s 99%), hsl(from var(--dxds-color-surface-primary-default-rest) h s 2%));
    --clr-content: var(--dxds-color-content-neutral-default-rest);
    --clr-content-subdued: var(--dxds-color-content-neutral-subdued-rest);
    --clr-content-subdued-inverted: var(--dxds-color-content-neutral-subdued-inverted-rest);
    --clr-content-static: var(--dxds-color-content-neutral-default-static-dark-rest);
    --clr-content-static-subdued: var(--dxds-color-content-neutral-subdued-static-dark-rest);
    --clr-content-inverted: var(--dxds-color-content-neutral-default-inverted-rest);
    --clr-content-muted: var(--dxds-color-content-neutral-deep-rest);
    --clr-surface: var(--dxds-color-surface-neutral-default-rest);
    --clr-surface-subdued: var(--dxds-color-surface-neutral-subdued-rest);
    --clr-surface-deep: var(--dxds-color-surface-neutral-deep-rest);
    --clr-surface-inverted: var(--dxds-color-surface-neutral-default-inverted-rest);
    --clr-border: var(--dxds-color-border-neutral-default-rest);
    --clr-border-inverted: var(--dxds-color-border-neutral-default-inverted-rest);
    --clr-border-subdued: var(--dxds-color-border-neutral-subdued-rest);
    --clr-border-deep: var(--dxds-color-border-neutral-deep-rest);
    --clr-border-hovered: var(--dxds-color-border-neutral-default-hovered);
    --clr-border-inverted-hovered: var(--dxds-color-border-neutral-default-inverted-hovered);
    /* Primary */
    --clr-content-primary: var(--dxds-color-content-primary-default-rest);
    --clr-content-primary-hovered: var(--dxds-color-content-primary-default-hovered);
    --clr-content-primary-active: var(--dxds-color-content-primary-default-active);
    --clr-surface-primary: var(--dxds-color-surface-primary-default-rest);
    --clr-surface-primary-hovered: var(--dxds-color-surface-primary-default-hovered);
    --clr-surface-primary-active: var(--dxds-color-surface-primary-default-active);
    --clr-surface-primary-selected: var(--dxds-color-surface-primary-default-selected);
    --clr-surface-primary-subdued: var(--dxds-color-surface-primary-subdued-rest);
    --clr-surface-primary-subdued-hovered: var(--dxds-color-surface-primary-subdued-hovered);
    --clr-surface-primary-subdued-active: var(--dxds-color-surface-primary-subdued-active);
    --clr-surface-primary-subdued-selected: var(--dxds-color-surface-primary-subdued-selected);
    --clr-surface-primary-deep: var(--dxds-color-surface-primary-deep-rest);
    --clr-surface-primary-deep-hovered: var(--dxds-color-surface-primary-deep-hovered);
    --clr-surface-primary-deep-active: var(--dxds-color-surface-primary-deep-active);
    --clr-surface-primary-deep-selected: var(--dxds-color-surface-primary-deep-selected);
    --clr-border-primary: var(--dxds-color-border-primary-default-rest);
    --clr-border-primary-hovered: var(--dxds-color-border-primary-default-hovered);
    --clr-border-primary-compound: var(--dxds-color-border-primary-compound-rest);
    --clr-border-primary-compound-hovered: var(--dxds-color-border-primary-compound-hovered);
    --clr-border-primary-compound-active: var(--dxds-color-border-primary-compound-active);
    /* Secondary */
    --clr-content-secondary: var(--dxds-color-content-secondary-default-rest);
    --clr-surface-secondary: var(--dxds-color-surface-secondary-default-rest);
    --clr-border-secondary: var(--dxds-color-border-secondary-default-rest);
    /* Info */
    --clr-content-info: var(--dxds-color-content-info-default-rest);
    --clr-surface-info: var(--dxds-color-surface-info-default-rest);
    --clr-surface-info-subdued: var(--dxds-color-surface-info-subdued-rest);
    --clr-surface-info-deep: var(--dxds-color-surface-info-deep-rest);
    --clr-border-info: var(--dxds-color-border-info-default-rest);
    /* Success */
    --clr-content-success: var(--dxds-color-content-success-default-rest);
    --clr-content-success-active: var(--dxds-color-content-success-default-active);
    --clr-surface-success: var(--dxds-color-surface-success-default-rest);
    --clr-surface-success-subdued: var(--dxds-color-surface-success-subdued-rest);
    --clr-surface-success-deep: var(--dxds-color-surface-success-deep-rest);
    --clr-surface-success-active: var(--dxds-color-surface-success-default-active);
    --clr-border-success: var(--dxds-color-border-success-default-rest);
    --clr-border-success-hovered: var(--dxds-color-border-success-default-hovered);
    --clr-border-success-compound: var(--dxds-color-border-success-compound-rest);
    --clr-border-success-compound-hovered: var(--dxds-color-border-success-compound-hovered);
    --clr-border-success-compound-active: var(--dxds-color-border-success-compound-active);
    /* Warning */
    --clr-content-warning: var(--dxds-color-content-warning-default-rest);
    --clr-surface-warning: var(--dxds-color-surface-warning-default-rest);
    --clr-surface-warning-subdued: var(--dxds-color-surface-warning-subdued-rest);
    --clr-surface-warning-deep: var(--dxds-color-surface-warning-deep-rest);
    --clr-border-warning: var(--dxds-color-border-warning-default-rest);
    /* Danger */
    --clr-content-danger: var(--dxds-color-content-danger-default-rest);
    --clr-content-danger-active: var(--dxds-color-content-danger-default-active);
    --clr-surface-danger: var(--dxds-color-surface-danger-default-rest);
    --clr-surface-danger-subdued: var(--dxds-color-surface-danger-subdued-rest);
    --clr-surface-danger-deep: var(--dxds-color-surface-danger-deep-rest);
    --clr-surface-danger-active: var(--dxds-color-surface-danger-default-active);
    --clr-border-danger: var(--dxds-color-border-danger-default-rest);
    --clr-border-danger-hovered: var(--dxds-color-border-danger-default-hovered);
    --clr-border-danger-compound: var(--dxds-color-border-danger-compound-rest);
    --clr-border-danger-compound-hovered: var(--dxds-color-border-danger-compound-hovered);
    --clr-border-danger-compound-active: var(--dxds-color-border-danger-compound-active);
    /* Shadows */
    --box-shadow-xs: var(--dxds-box-shadow-xs);
    --box-shadow-sm: var(--dxds-box-shadow-sm);
    --box-shadow-md: var(--dxds-box-shadow-md);
    --box-shadow-lg: var(--dxds-box-shadow-lg);
    /* Borders */
    --border-radius-xs: var(--dxds-border-radius-20);
    --border-radius-sm: var(--dxds-border-radius-40);
    --border-radius-md: var(--dxds-border-radius-60);
    --border-radius-lg: var(--dxds-border-radius-80);
    /* Sidebar */
    --clr-sidebar: light-dark(color-mix(in srgb, var(--dxds-color-surface-primary-default-rest), black 55%), var(--clr-surface));
    --sidebar-inline-size: 256px;
}

    :root[style*="color-scheme: dark"] {
        --dxds-color-surface-neutral-default-rest: color-mix(in srgb, var(--dxds-color-surface-primary-default-rest), black 80%);
    }

body {
    block-size: 100svh;
    font: 400 var(--font-size-0)/1.4rem var(--font-family);
    background-color: var(--clr-surface-deep);
    color: var(--clr-content);
}

    body:has(> main:not(.account)) {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;

        @media(width > 576px) {
            grid-template-columns: var(--sidebar-inline-size) 1fr;
        }
    }

    body:has(#menu-toggle:checked) {
        overflow: hidden;

        @media (width > 576px) {
            overflow: unset;
        }
    }

h1 {
    font-size: var(--font-size-5);

    &:has(+ p, + form) {
        margin-block-end: .5rem;
    }

    &:focus-visible {
        outline: none;
    }
}

h2 {
    font-size: var(--font-size-4);

    &:has(+ p) {
        margin-block-end: .5rem;
    }
}

h3 {
    font-size: var(--font-size-3);

    &:has(+ p) {
        margin-block-end: .25rem;
    }

    small {
        line-height: 1;
    }
}

h4 {
    font-size: var(--font-size-2);

    &:has(+ p) {
        margin-block-end: .25rem;
    }
}

h5 {
    font-size: var(--font-size-1);

    &:has(+ p) {
        margin-block-end: .15rem;
    }
}

h6 {
    font-size: var(--font-size-0);
}

p {
    font-size: var(--font-size-0);

    &:not(:last-child) {
        margin-block-end: 1em;
    }

    &:has(+ ol, + ul, + form) {
        margin-block-end: .5rem;
    }
}

small {
    font-size: calc(var(--font-size-0) * 0.875);

    &.text-tiny {
        font-size: smaller;
    }
}

.lh-1 {
    line-height: 1;
}

i {
    font-size: 1em;
}

.container {
    padding-inline: 1rem;
}

main > .container {
    overflow-y: auto;
}

button {
    padding: .25rem .5rem;
    cursor: pointer;

    &.dxbl-btn:focus-visible {
        outline: none;
    }
}

label {
    color: var(--clr-content-secondary);

    &:not(dxbl-check label) {
        font-size: smaller;
        display: inline-block;
        margin-block-end: .15rem;
    }
}

[class*="divider-"] {
    background-color: var(--clr-border);
}

.divider-v {
    block-size: 100%;
    inline-size: 1px;
}

.divider-h {
    block-size: 1px;
    inline-size: 100%;
}


/* Text */
.text-primary {
    color: var(--clr-content-primary);
}

.text-secondary {
    color: var(--clr-content-secondary);
}

.text-tertiary {
    color: var(--clr-content-tertiary);
}

.text-muted {
    color: var(--clr-content-muted);
}

.text-info {
    color: var(--clr-content-info);
}

.text-success {
    color: var(--clr-content-success);
}

.text-warning {
    color: var(--clr-content-warning);
}

.text-danger {
    color: var(--clr-content-danger);
}

.shadow-md {
    box-shadow: var(--shadow-md);
}

/* Alerts */
[class*="alert"] {
    --alert-text: var(--clr-content-primary);
    --alert-bg: var(--clr-surface);
    --alert-border: var(--clr-border);
    text-align: center;
    padding: .5rem;
    margin-block-end: .5rem;
    border: 1px solid;
    border-radius: var(--border-radius);
    color: var(--alert-text);
    background-color: var(--alert-bg);
    border-color: var(--alert-border);

    &[class*="-primary"] {
        --alert-text: var(--clr-content-primary);
        --alert-bg: var(--clr-surface-primary-deep);
        --alert-border: var(--clr-border-primary);
    }

    &[class*="-secondary"] {
        --alert-text: var(--clr-content-secondary);
        --alert-bg: var(--clr-surface-secondary);
        --alert-border: var(--clr-border-secondary);
    }

    &[class*="-info"] {
        --alert-text: var(--clr-content-info);
        --alert-bg: var(--clr-surface-info-deep);
        --alert-border: var(--clr-border-info);
    }

    &[class*="-success"] {
        --alert-text: var(--clr-content-success);
        --alert-bg: var(--clr-surface-success-deep);
        --alert-border: var(--clr-border-success);
    }

    &[class*="-warning"] {
        --alert-text: var(--clr-content-warning);
        --alert-bg: var(--clr-surface-warning-deep);
        --alert-border: var(--clr-border-warning);
    }

    &[class*="-danger"] {
        --alert-text: var(--clr-content-danger);
        --alert-bg: var(--clr-surface-danger-deep);
        --alert-border: var(--clr-border-danger);
    }
}

/* Badges */
[class*="badge"] {
    --badge-padding-inline: 0.65em;
    --badge-padding-block: 0.35em;
    --badge-font-size: 0.662em;
    --badge-font-weight: 700;
    --badge-border-radius: var(--border-radius-sm);
    --badge-text: var(--clr-content-inverted);
    --badge-bg: var(--clr-surface);
    --badge-border: var(--badge-bg);
    display: inline-block;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border: 1px solid;
    padding: var(--badge-padding-block) var(--badge-padding-inline);
    font-size: var(--badge-font-size);
    font-weight: var(--badge-font-weight);
    border-radius: var(--badge-border-radius);
    color: var(--badge-text);
    background-color: var(--badge-bg);
    border-color: var(--badge-border);

    &[class*="-primary"] {
        --badge-bg: var(--clr-surface-primary);

        &[class*="-outlined"] {
            --badge-text: var(--clr-content-primary);
            --badge-bg: var(--clr-surface-primary-deep);
            --badge-border: var(--clr-border-primary);
        }
    }

    &[class*="-secondary"] {
        --badge-text: var(--clr-content-secondary);
        --badge-bg: var(--clr-surface-secondary);

        &[class*="-outlined"] {
            --badge-text: var(--clr-content-secondary);
            --badge-bg: var(--clr-surface-secondary);
            --badge-border: var(--clr-border-secondary);
        }
    }

    &[class*="-info"] {
        --badge-bg: var(--clr-surface-info);

        &[class*="-outlined"] {
            --badge-text: var(--clr-content-info);
            --badge-bg: var(--clr-surface-info-deep);
            --badge-border: var(--clr-border-info);
        }
    }

    &[class*="-success"] {
        --badge-bg: var(--clr-surface-success);

        &[class*="-outlined"] {
            --badge-text: var(--clr-content-success);
            --badge-bg: var(--clr-surface-success-deep);
            --badge-border: var(--clr-border-success);
        }
    }

    &[class*="-warning"] {
        --badge-bg: var(--clr-surface-warning);

        &[class*="-outlined"] {
            --badge-text: var(--clr-content-warning);
            --badge-bg: var(--clr-surface-warning-deep);
            --badge-border: var(--clr-border-warning);
        }
    }

    &[class*="-danger"] {
        --badge-bg: var(--clr-surface-danger);

        &[class*="-outlined"] {
            --badge-text: var(--clr-content-danger);
            --badge-bg: var(--clr-surface-danger-deep);
            --badge-border: var(--clr-border-danger);
        }
    }
}

.validation-message {
    color: var(--clr-content-danger);
    font-size: smaller;
}

/* Breadcrumb */
.crumb {
    --crumb-color: var(--clr-content-primary);
    --crumb-border-color: var(--clr-surface-primary-deep-hovered);
    color: var(--crumb-color);
    font-weight: 500;

    &:not(:last-child) {
        background-color: var(--clr-surface-primary-deep);
        padding: .15rem;
        border: 1px solid var(--crumb-border-color);
        border-radius: var(--border-radius-sm);
    }

    &:hover {
        --crumb-color: var(--clr-content-primary-hovered);
        --crumb-border-color: var(--clr-surface-primary-deep-selected);
    }

    &.current {
        --crumb-color: var(--clr-content-subdued);
    }
}

/* Start DevExpress Component Overrides */
/* Buttons */
[class*="dxbl-btn-outline"].custom {
    &[class*="-primary"] {
        --dxbl-btn-color: var(--clr-content-primary);
        --dxbl-btn-border-color: var(--clr-border-primary);
        --dxbl-btn-hover-border-color: var(--clr-border-primary-compound-hovered);
        --dxbl-btn-active-border-color: var(--clr-border-primary-compound-active);
    }

    &[class*="-success"] {
        --dxbl-btn-color: var(--clr-content-success);
        --dxbl-btn-border-color: var(--clr-border-success);
        --dxbl-btn-hover-border-color: var(--clr-border-success-compound-hovered);
        --dxbl-btn-active-border-color: var(--clr-border-success-compound-active);
    }

    &[class*="-danger"] {
        --dxbl-btn-color: var(--clr-content-danger);
        --dxbl-btn-border-color: var(--clr-border-danger);
        --dxbl-btn-hover-border-color: var(--clr-border-danger-compound-hovered);
        --dxbl-btn-active-border-color: var(--clr-border-danger-compound-active);
    }
}

/* Custom button group */
.custom.dxbl-btn-group {
    --custom-btn-group-border-radius: var(--border-radius-lg);
    background-color: var(--clr-surface-subdued);
    border: 1px solid var(--clr-border);
    border-radius: var(--custom-btn-group-border-radius);
    padding: .15rem;
    inline-size: 100%;

    > .dxbl-btn {
        --dxbl-btn-hover-bg: transparent;
        --dxbl-btn-active-bg: transparent;
        border-radius: calc(var(--custom-btn-group-border-radius) - .15rem) !important;
        margin: 0 !important;
        z-index: 0 !important;
        flex-grow: 1;

        &.dxbl-active {
            --dxbl-btn-active-bg: var(--clr-surface);
            box-shadow: var(--box-shadow-xs);

            &:not(:focus-visible) {
                z-index: 1;
            }

            &.dxbl-btn-text-primary,
            &.dxbl-btn-text-success,
            &.dxbl-btn-text-danger {
                --dxbl-btn-active-bg: var(--clr-surface);
            }
        }
    }
}

/* Wait indicators */
[class*="wait-indicator"] {
    &.success {
        --dxbl-wait-indicator-color: var(--clr-content-success);
    }

    &.danger {
        --dxbl-wait-indicator-color: var(--clr-content-danger);
    }
}

.filter-sheet {
    --dxbl-popup-margin: 0;
    --dxbl-popup-max-width: 100%;
    --dxbl-popup-border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;
}

/* Theme button item */
.theme-btn-item {
    --dxbl-dropdown-item-hover-bg: transparent;
    --dxbl-dropdown-item-active-bg: transparent;
    cursor: default;

    &,
    &:hover,
    &:focus,
    &:focus-visible,
    &:active,
    &.dxbl-active {
        background-color: transparent !important;
        color: inherit !important;
    }
}

/* List boxes */
.dxbl-list-box {
    --dxbl-list-box-padding: 0;
    --dxbl-list-box-item-border-radius: 0;
    --dxbl-list-box-item-multi-selected-bg: var(--clr-surface-primary-deep);

    &:has(.dxbl-checkbox) {
        --dxbl-list-box-item-padding-x: .75rem;
    }

    .dxbl-list-box-group-item {
        --dxbl-list-box-item-bg: var(--clr-surface-deep);
        --dxbl-list-box-group-item-padding-y: .25rem;
        border-block-end: 1px solid var(--clr-border-subdued);

        &:not(:first-child) {
            margin-block-start: 0;
            border-block-start: 1px solid var(--clr-border-subdued);
        }
    }

    .dxbl-list-box-render-container > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li:not([dxbl-top-virtual-spacer-element]) + li.dxbl-list-box-group-item::before,
    & > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li:not([dxbl-top-virtual-spacer-element]) + li.dxbl-list-box-group-item::before {
        content: none;
    }
}

/* Checkboxes */
.dxbl-checkbox-switch {
    --dxbl-checkbox-padding: 0;
}

.dxbl-checkbox.dxbl-checkbox-switch:not(.dxbl-readonly):not(.dxbl-disabled).dxbl-checkbox-checked {
    &.success {
        --dxbl-checkbox-check-element-bg: var(--dxbl-checkbox-success-checked-check-element-bg);
        --dxbl-checkbox-check-element-border: var(--dxbl-checkbox-success-checked-check-element-border);
        --dxbl-checkbox-check-element-switch-trigger-bg: var(--dxbl-checkbox-success-checked-check-element-trigger-bg);
        --dxbl-checkbox-hover-check-element-border: var(--dxbl-checkbox-success-checked-hover-check-element-border);
        --dxbl-checkbox-hover-check-element-bg: var(--dxbl-checkbox-success-checked-hover-check-element-bg);
    }
}

.dxbl-checkbox.dxbl-checkbox-switch:not(.dxbl-readonly):not(.dxbl-disabled).dxbl-checkbox-unchecked {
    &.danger {
        --dxbl-checkbox-check-element-bg: var(--dxbl-checkbox-danger-checked-check-element-bg);
        --dxbl-checkbox-check-element-border: var(--dxbl-checkbox-danger-checked-check-element-border);
        --dxbl-checkbox-check-element-switch-trigger-bg: var(--dxbl-checkbox-danger-checked-check-element-trigger-bg);
        --dxbl-checkbox-hover-check-element-border: var(--dxbl-checkbox-danger-checked-hover-check-element-border);
        --dxbl-checkbox-hover-check-element-bg: var(--dxbl-checkbox-danger-checked-hover-check-element-bg);
        --dxbl-checkbox-hover-check-element-trigger-bg: var(--dxbl-checkbox-danger-checked-hover-check-element-trigger-bg);
    }
}

.dxbl-accordion {
    --accordian-color: light-dark(var(--clr-content-subdued-inverted), var(--clr-content-subdued));
    --accordian-bg-active: light-dark(var(--clr-surface-primary-active), var(--clr-surface-primary-deep-active));
    --accordian-bg-hover: light-dark(var(--clr-surface-primary-active), var(--clr-surface-primary-deep-active));
    --dxbl-accordion-group-header-hover-color: var(--accordian-color);
    --dxbl-accordion-group-header-hover-bg: var(--accordian-bg-hover);
    --dxbl-accordion-group-header-active-color: var(--accordian-color);
    --dxbl-accordion-group-header-selected-color: var(--clr-content-static);
    --dxbl-accordion-group-header-selected-bg: var(--accordian-bg-active);
    --dxbl-accordion-group-header-btn-active-color: var(--accordian-color);
    --dxbl-accordion-group-header-btn-hover-bg: transparent;
    --dxbl-accordion-group-header-btn-active-bg: transparent;
    --dxbl-accordion-group-item-color: var(--accordian-color);
    --dxbl-accordion-group-item-hover-color: var(--accordian-color);
    --dxbl-accordion-group-item-hover-bg: var(--accordian-bg-hover);
    --dxbl-accordion-group-item-selected-color: var(--clr-content-static);
    --dxbl-accordion-group-item-selected-bg: var(--accordian-bg-active);
    --dxbl-accordion-group-item-active-color: var(--accordian-color);
    --dxbl-accordion-group-item-active-bg: var(--accordian-bg-active);
    color: var(--accordian-color);

    .dxbl-accordion-group {
        --dxbl-group-header-color: inherit;
        --dxbl-group-header-border-radius: 0;
    }

    .dxbl-group-expand-btn {
        --dxbl-btn-color: inherit;
        --dxbl-btn-hover-color: inherit;
        padding: .25rem;
    }

    .dxbl-accordion-item-content:not(.dxbl-group-header>.dxbl-accordion-item-content).dxbl-active,
    .dxbl-accordion-group.dxbl-active:has(.dxbl-group-body:empty):has(a) {
        position: relative;

        &::after {
            content: "";
            position: absolute;
            inset-block: 0;
            inset-inline-start: 0;
            inline-size: 4px;
            background-color: var(--clr-border-success);
        }
    }
}

/* Pivot table field list on mobile fix
    Bug is in DevExpress package
*/
.dxbl-modal:has(.dxbl-pivot-table-field-list) {
    --dxbl-pivot-table-field-list-list-height: calc(1.24994rem * 4 + .250031rem * 8 + 1px * 8 + 2 * 1px);

    &.dxbl-sm {
        --dxbl-pivot-table-field-list-list-height: calc(1.125rem * 4 + .1875rem * 8 + 1px * 8 + 2 * 1px);
    }

    &.dxbl-lg {
        --dxbl-pivot-table-field-list-list-height: calc(1.375rem * 4 + .3125rem * 8 + 1px * 8 + 2 * 1px);
    }
}

.dxbl-loading-panel.vertical .dxbl-loading-panel-indicator-area {
    flex-flow: column nowrap;
}
/* End DevExpress Component Overrides */