.orya-container .settings-bar * {
    font-family: var(--orya-fontfamily);
}
/*--_-TABS--_-*/
/*--_--_--_BUTTON OVERRIDE--_--_--_--_-*/
.orya-container .btn-hamburger.dxbl-btn[title="Hide Navigation Pane"] {
    position: absolute;
    left: 280px;
    z-index: 9;
    transition: 0s;
}

.orya-container .btn-hamburger.dxbl-btn[title="Show Navigation Pane"] {
    position: absolute;
    left: 10px;
    z-index: 9;
    transition: 0s;
}

.orya-container .btn-hamburger.dxbl-btn .xaf-image {
    -webkit-mask: url('../../IImageService/Coding.sidebar') !important;
    mask: url('../../IImageService/Coding.sidebar') !important;
}

.orya-container .dxbl-btn {
    font-weight: 500;
    font-size: .875rem;
}

    .orya-container .dxbl-btn-primary,
    .orya-container .dxbl-btn[data-action-name="New"] {
        background-color: var(--orya-primary);
        background: var(--orya-primary-custombg) !important;
        border-color: var(--orya-primary);
        border: 0px;
        color: var(--orya-lighttext);
    }

    .orya-container .dxbl-btn:not(.dxbl-disabled):not(:disabled):not(.xaf-image-overlay):hover {
        background-color: var(--orya-secondary);
        background: var(--orya-secondary-custombg) !important;
        border-color: var(--orya-secondary) !important;
        color: var(--orya-lighttext) !important;
    }

.orya-container .dxbl-btn-primary.dxbl-btn.dxbl-disabled, .orya-container .dxbl-btn-primary.dxbl-btn:disabled {
    background-color: var(--_dxbl-btn-disabled-bg);
    border-color: var(--_dxbl-btn-secondary-disabled-border-color);
    color: var(--_dxbl-btn-disabled-color);
}


.orya-container .dxbl-checkbox.dxbl-checkbox-switch.dxbl-checkbox-checked .dxbl-checkbox-check-element, .orya-container .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly).dxbl-checkbox-checked .dxbl-checkbox-check-element, .orya-container .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly).dxbl-checkbox-indeterminate .dxbl-checkbox-check-element {
    background-color: var(--orya-primary);
    background: var(--orya-primary-custombg) !important;
}

    .orya-container .dxbl-checkbox.dxbl-checkbox-switch:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly).dxbl-checkbox-checked .dxbl-checkbox-check-element:not(.dxbl-disabled):not(:disabled):hover, .orya-container .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly).dxbl-checkbox-checked .dxbl-checkbox-check-element:not(.dxbl-disabled):not(:disabled):hover, .orya-container .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly).dxbl-checkbox-indeterminate .dxbl-checkbox-check-element:not(.dxbl-disabled):not(:disabled):hover {
        background-color: var(--orya-secondary);
        background: var(--orya-secondary-custombg) !important;
    }

.orya-container .dxbl-checkbox.dxbl-checkbox-checked .dxbl-checkbox-check-element:focus-within, .orya-container .dxbl-checkbox.dxbl-checkbox-checked .dxbl-checkbox-check-element:has(:focus), .orya-container .dxbl-checkbox.dxbl-checkbox-indeterminate .dxbl-checkbox-check-element:focus-within, .orya-container .dxbl-checkbox.dxbl-checkbox-indeterminate .dxbl-checkbox-check-element:has(:focus), .orya-container .dxbl-checkbox.dxbl-checkbox-unchecked .dxbl-checkbox-check-element:focus-within, .orya-container .dxbl-checkbox.dxbl-checkbox-unchecked .dxbl-checkbox-check-element:has(:focus) {
    box-shadow: 0 0 var(--orya-secondary);
}

.orya-container .dxbl-checkbox.dxbl-checkbox-display-view-checked > div > .dxbl-image, .orya-container .dxbl-checkbox.dxbl-checkbox-display-view-indeterminate > div > .dxbl-image, .orya-container .dxbl-checkbox.dxbl-checkbox-display-view-unchecked > div > .dxbl-image {
    fill: var(--orya-primary);
}

.orya-container .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-toolbar-item > .dxbl-btn.dxbl-btn-secondary:not(.dxbl-disabled):not(:disabled).dxbl-active {
    color: var(--orya-lighttext);
}

.orya-container .btn-primary {
    color: #fff;
    background: var(--orya-primary);
    background: var(--orya-primary-custombg) !important;
    border-color: var(--orya-primary);
}

    .orya-container .btn-primary:hover {
        color: #fff;
        background-color: var(--orya-primary);
        background: var(--orya-secondary-custombg) !important;
        border-color: var(--orya-secondary);
    }

.orya-container .dxbl-pager-page-btn.dxbl-btn.dxbl-disabled, .orya-container .dxbl-pager-page-btn.dxbl-btn:disabled {
    background-color: var(--orya-default);
    background: var(--orya-default-custombg) !important;
}

.orya-container .dxbl-btn.dxbl-grid-filter-menu-funnel-btn.dxbl-grid-filter-menu-funnel-btn-filled {
    color: var(--orya-secondary);
}

    .orya-container .dxbl-btn.dxbl-grid-filter-menu-funnel-btn.dxbl-grid-filter-menu-funnel-btn-filled:hover {
        color: var(--orya-secondary);
    }

/*--_-ACTION BUTTON OVERRIDE--_--_*/
.orya-container button {
    box-shadow: 0 0 0px 0px rgba(var(--_primary), 0);
    background-color: transparent;
}

.orya-container .dxbl-text-edit > .dxbl-btn-group > .dxbl-btn {
    border: 0px;
}

    .orya-container button:not(.dxbl-toolbar-menu-item button, dxbl-combobox button, .dxbl-modal-header-default button):hover,
    .orya-container .dxbl-text-edit > .dxbl-btn-group > .dxbl-btn:not(.dxbl-btn.dxbl-btn-icon):hover {
        box-shadow: 0 0 0px 4px rgba(var(--_secondary), 0.4) !important;
        transition: 0.3s;
    }

    .orya-container .dxbl-text-edit > .dxbl-btn-group > .dxbl-btn:not(.dxbl-btn.dxbl-edit-btn-clear, .dxbl-btn.dxbl-btn-icon),
    .orya-container dxbl-combo-box.dxbl-text-edit .dxbl-btn:not(.dxbl-btn.dxbl-btn-icon) {
        border-radius: 7px !important;
    }

        .orya-container .dxbl-text-edit > .dxbl-btn-group > .dxbl-btn:not(.dxbl-btn.dxbl-edit-btn-clear,.dxbl-btn.dxbl-btn-icon):hover,
        .orya-container dxbl-combo-box.dxbl-text-edit .dxbl-btn:not(.dxbl-btn.dxbl-btn-icon):hover {
            box-shadow: none !important;
        }

.orya-container .dxbl-btn-toolbar button.dxbl-toolbar-btn {
    min-height: 35px;
    border-radius: 7px;
}

.orya-container .dxbl-btn-toolbar button.dxbl-toolbar-btn, .orya-container .dxbl-btn-split button {
    padding-left: 15px;
    padding-right: 15px;
}

    .orya-container .dxbl-btn-split button:first-child {
        border-radius: 7px 0 0 7px !important;
    }

    .orya-container .dxbl-btn-split button:last-child {
        border-radius: 0 7px 7px 0 !important;
    }



.orya-container .dxbl-text-edit {
    padding: 6px 6px 6px 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 0px 0px rgba(var(--_primary), 0);
    transition: .3s;
}

    .orya-container .dxbl-text-edit:has(:focus) {
        box-shadow: 0px 0px 0px 3px rgba(var(--_secondary), .4);
        border-color: var(--orya-secondary) !important;
    }

.orya-container .dxbl-list-box-render-container > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li.dxbl-list-box-item-selected:not(.dxbl-list-box-item-disabled)::before, .orya-container .dxbl-list-box > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li.dxbl-list-box-item-selected:not(.dxbl-list-box-item-disabled)::before {
    background: var(--orya-bg-primary);
}

.orya-container .dxbl-fl .dxbl-fl-cpt {
    color: var(--orya-darktext);
    font-size: .8rem;
}

.orya-container .dxbl-text-edit > .dxbl-text-edit-input, .orya-container .dxbl-text-edit > .dxbl-text-edit-template, .orya-container .dxbl-text-edit > .dxbl-text-edit-template .dxbl-text-edit-input, .orya-container .dxbl-text-edit > textarea,
.orya-container .dxbl-text-edit.xaf-combobox-with-template .dxbl-text-edit-template {
    opacity: .75;
    padding: 2px 0;
}

.orya-container .dxbl-fl-group.dxbl-col-md-12.dxbl-col > .dxbl-row > .dxbl-fl-item.dxbl-fl-item-horizontal { /*min-height: 32px;*/ /*margin-top: 0px;*/
}

.orya-container .dxbl-text-edit.dxbl-readonly, .orya-container .dxbl-text-edit.dxbl-readonly:not(:focus) {
    box-shadow: 0 0px 0px 0 rgba(var(--_primary), 0);
}

    .orya-container .dxbl-text-edit.dxbl-readonly:hover, .orya-container .dxbl-text-edit.dxbl-readonly:focus {
        box-shadow: 0px 0px 0px 3px rgba(var(--_primary), .4);
    }

    .orya-container .dxbl-text-edit.dxbl-readonly::before {
        background: none !important;
    }

.orya-container input.dxbl-text-edit-input {
    min-height: 30px;
}

.orya-container .dxbl-text-edit-template, .orya-container .dxbl-text-edit-template > .xaf-combobox-item > input.dxbl-text-edit-input {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.orya-container dxbl-form-layout-item .dxbl-btn-group.dxbl-btn-group-right button, .orya-container dxbl-toolbar-item .dxbl-btn-group.dxbl-btn-group-right button {
    border-left: 0px !important;
}

.orya-container .dxbl-fl-tab-content .dxbl-fl-group.dxbl-col-md-12.dxbl-col {
    border-left: 0px !important;
}

.orya-container .dxbl-text-edit.dxbl-readonly:hover {
    box-shadow: 0 0px 0px 3px rgba(var(--_midgrey), 0.3);
    border-color: rgba(var(--_midgrey), 0.75);
}

.orya-container .dxbl-list-box-render-container:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly):not(.dxbl-list-box-multi-select)[data-dx-focus-hidden] > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > :not(.dxbl-list-box-empty-data-container) > li:not(.dxbl-list-box-item-disabled):not(.dxbl-list-box-group-item):not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]).dxbl-list-box-item-selected:hover::before,
.orya-container .dxbl-list-box-render-container > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > table > tbody > tr.dxbl-list-box-item-selected:not(.dxbl-list-box-item-disabled) > td:first-of-type::before, .orya-container html:not(.dxSafari) .dxbl-list-box > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > table > tbody > tr.dxbl-list-box-item-selected:not(.dxbl-list-box-item-disabled) > td:first-of-type::before,
.orya-container .dxbl-list-box-render-container:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly):not(.dxbl-list-box-multi-select)[data-dx-focus-hidden] > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > :not(.dxbl-list-box-empty-data-container) > tbody > tr:not(.dxbl-list-box-item-disabled):not(.dxbl-list-box-group-item):not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]).dxbl-list-box-item-selected:hover > td:first-of-type::before, .orya-container html:not(.dxSafari) .dxbl-list-box:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly):not(.dxbl-list-box-multi-select)[data-dx-focus-hidden] > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > :not(.dxbl-list-box-empty-data-container) > tbody > tr:not(.dxbl-list-box-item-disabled):not(.dxbl-list-box-group-item):not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]).dxbl-list-box-item-selected:hover > td:first-of-type::before {
    background-color: var(--orya-primary) !important;
}

.orya-container dxbl-toolbar-item dxbl-input-editor {
    border-width: 0px !important;
    border-bottom-width: 1px !important;
    border-radius: 0px !important;
    overflow: hidden;
    box-shadow: 0 0px 0px 0px rgba(var(--_primary),0.25);
}

.orya-container .dxbl-text-edit.dxbl-disabled::before, .orya-container .dxbl-text-edit:disabled::before {
    opacity: .02 !important;
}
/*--_-CHECKBOX--_-*/
.orya-container .dxbl-checkbox:not(.dxbl-grid-column-chooser-item .dxbl-checkbox):not(.dxbl-grid-filter-menu-values-view .dxbl-checkbox):not(.dxbl-grid-selection-cell .dxbl-checkbox):not(.xaf-action .dxbl-checkbox) {
    padding-left: 8px;
    height: 33px;
}

.orya-container .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-checkbox-unchecked .dxbl-checkbox-check-element {
    background: transparent !important;
    border-color: rgba(var(--_primary), 1);
    /*box-shadow: inset 0 2px 2px 0px rgba(var(--_lightgrey), 0.9);*/
    border-width: 0px;
}

    .orya-container .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-checkbox-unchecked .dxbl-checkbox-check-element::before {
        background: transparent !important;
        border-color: rgba(var(--_primary), 1);
        /*box-shadow: inset 0 2px 2px 0px rgba(var(--_lightgrey), 0.9);*/
        border-width: 0px;
    }

.orya-container .dxbl-checkbox-check-element {
    box-shadow: 0 0 0px 0px rgba(var(--_secondary), 0) !important;
    border-radius: 3px;
    transition: .3s;
}

    .orya-container .dxbl-checkbox-check-element:hover {
        box-shadow: 0 0 0px 2px rgba(var(--_secondary), 0.4) !important;
        transition: .3s;
    }

        .orya-container .dxbl-checkbox-check-element:hover::before,
        .orya-container .dxbl-checkbox:hover,
        .orya-container .dxbl-grid .dxbl-grid-table > tbody > tr > td > .dxbl-checkbox:hover {
            border-color: var(--orya-secondary) !important;
            border-width: 0px !important;
        }
/*--_-IMG THUMBNAIL--_*/
.orya-container .xaf-image-overlay.xaf-image-clickable-overlay {
    border: 1px solid var(--orya-lightgrey);
}
/*--_-THINKING OVVERRIDE--_-*/
.orya-container .thinking-loader {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    color: var(--orya-lighttext);
    background: var(--orya-secondary);
    background-image: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
    background-size: 400% 400%;
    animation: thinking-bg 3s ease alternate infinite;
}

@keyframes thinking-bg {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.orya-container .bouncing-dots {
    display: inline-flex;
    gap: 4px;
}

    .orya-container .bouncing-dots .dot {
        width: 6px;
        height: 6px;
        background-color: var(--orya-lighttext);
        border-radius: 50%;
        opacity: 0.4;
        animation: bounceDot 1.2s infinite ease-in-out;
    }

        .orya-container .bouncing-dots .dot:nth-child(1) {
            animation-delay: 0s;
        }

        .orya-container .bouncing-dots .dot:nth-child(2) {
            animation-delay: 0.2s;
        }

        .orya-container .bouncing-dots .dot:nth-child(3) {
            animation-delay: 0.4s;
        }

@keyframes bounceDot {
    0% {
        transform: translateY(0);
        opacity: 0.4;
    }

    25% {
        transform: translateY(-4px);
        opacity: 1;
    }

    50% {
        transform: translateY(0);
        opacity: 0.4;
    }

    100% {
        transform: translateY(0);
        opacity: 0.4;
    }
}
