:root {
    --bs-body-font-family: Arial, sans-serif;
    font-family: Arial,sans-serif;
    --aai-kgrid-fontsize: 11px;
    --aai-body-fontsize: 14px;
    --aai-kmenu-fontsize: 16px;
    font-size: var(--aai-body-fontsize);
}
.nav-tabs .nav-link {
    --bs-nav-tabs-border-radius: 0;
}

    button {
        border: 1px solid gray;
        border-radius: 3px;
        color: var(--aai-button-color);
        background-color: var(--aai-button-bgcolor);
    }

    .fade.in {
        opacity: 1;
    }

    .btn:focus, .btn:active {
        outline: none !important;
        box-shadow: none;
    }

    .btn-info {
        --bs-btn-color: white;
        --bs-btn-bg: #5bc0de;
        --bs-btn-border-color: #46b8da;
        --bs-btn-hover-color: white;
        --bs-btn-hover-bg: #31b0d5;
        --bs-btn-hover-border-color: #269abc;
        --bs-btn-focus-shadow-rgb: 11, 172, 204;
        --bs-btn-active-color: white;
        --bs-btn-active-bg: #3dd5f3;
        --bs-btn-active-border-color: #25cff2;
        --bs-btn-active-shadow: 0;
        --bs-btn-disabled-color: gray;
        --bs-btn-disabled-bg: #0dcaf0;
        --bs-btn-disabled-border-color: #0dcaf0;
    }

    .btn-xs {
        padding: 1px 5px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
    }

    input {
        border-width: 1px;
        background: var(--aai-input-bgcolor);
    }

    input[type="text" i], input[type="number" i], input[type="password" i], textarea, select, option, label {
        color: var(--aai-input-color);
    }

    input[type="text" i], input[type="number" i], input[type="password" i], textarea, select, option {
        background-color: var(--aai-input-bgcolor);
    }

    input[type="text" i], input[type="number" i], input[type="password" i], textarea, select {
        border-style: solid;
        border-color: var(--aai-input-bordercolor);
        border-width: 1px;
    }

    input[type="number" i] {
        background-position: center right;
        background-size: contain;
        background-repeat: no-repeat;
    }
    input[type="number" i]::-webkit-inner-spin-button {
        -webkit-appearance: none !important;
        opacity: 1 !important;
        background: transparent !important;
        border-width: 0px;
        margin: 0;
        border-left: 1px solid var(--aai-input-bordercolor);
        width:0.7rem;
        cursor: pointer;
    }

    .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-marquee-color, .k-panel>.k-selected, .k-panel>.k-state-selected, .k-scheduler .k-today.k-selected, .k-scheduler .k-today.k-state-selected, .k-selected, .k-selected:link, .k-state-selected, .k-state-selected:link, .k-state-selected:visited {
        color: var(--aai-kselected-color);
        background-color: var(--aai-kselected-bgcolor);
        border-color: var(--aai-kselected-bordercolor);
    }

    .k-loading-color {
        background-color: var(--aai-kloading-bgcolor);
        opacity: var(--aai-kloading-opacity);
    }

    .k-input input[type="text" i] {
        border: none;
    }
    .k-input input[type="text" i]:focus-visible {
        outline: none;
    }
    

    :focus-visible {
        outline: var(--aai-input-bordercolor) solid 0.5px;
    }

    select:not(:-internal-select-author-button) {
        appearance: auto;
        box-sizing: border-box;
        align-items: center;
        -webkit-rtl-ordering: logical;
        color: var(--aai-input-color);
        background-color: var(--aai-input-bgcolor);
        cursor: default;
        white-space: pre;
        border-width: 1px;
        border-style: solid;
        border-color: var(--aai-input-bordercolor);
        border-image: initial;
        border-radius: 0px;
    }

    label {
        display: inline-block;
        max-width: 100%;
        font-weight: bold;
        margin-top: 0.25rem;
        white-space: nowrap;
    }

    label.light-labels, .light-labels label {
        font-weight: normal;
    }
    /*redefining basic css for theming*/
    input[type="file" i] {
        color: var(--aai-input-color);
    }

    input::file-selector-button {
        color: var(--aai-fileinputbutton-color);
        background-color: var(--aai-fileinputbutton-bgcolor);
        border: var(--aai-fileinputbutton-border);
        border-radius: var(--aai-fileinputbutton-borderradius);
    }

    ::placeholder, .k-input-inner::placeholder {
        color: var(--aai-placeholder-color);
        opacity: 1;
        user-select: none;
    }

    ::-webkit-scrollbar {
        background: var(--aai-scrollbar-background);
        width: .7rem !important;
        height: .7rem !important;
    }

    ::-webkit-scrollbar-thumb {
        background: var(--aai-scrollbarthumb-background);
        border-radius: .25rem;
    }

    ::-webkit-scrollbar-corner {
        background: var(--aai-scrollbarcorner-background)
    }

    ::-webkit-scrollbar-button {
        background: #0000;
        width: .7rem;
        height: .7rem;
    }

    ::-webkit-scrollbar-button:horizontal:decrement {
        background-image: var(--aai-scrollbarbuttonhd-image);
    }

    ::-webkit-scrollbar-button:horizontal:increment {
        background-image: var(--aai-scrollbarbuttonhi-image);
    }

    ::-webkit-scrollbar-button:vertical:decrement {
        background-image: var(--aai-scrollbarbuttonvd-image);
    }

    ::-webkit-scrollbar-button:vertical:increment {
        background-image: var(--aai-scrollbarbuttonvi-image);
    }
    /*endof redefining basic css for theming*/
    /*redefining kendo css for theming*/
    .k-opaque .k-loading, .k-opaque .k-loading-image {
        background-color: var(--bs-body-bg);
        background-repeat: no-repeat;
        background-position: center center;
    }
    .k-header .k-grid-filter, .k-header .k-header-column-menu {
        width: calc((1.4285714285714286 * 1em) + (4px * 2) + (0px * 2));
        height: calc((1.4285714285714286 * 1em) + (5px * 2) + (0px * 2));
    }
    .k-block, .k-content, .k-disabled, .k-dropzone-active, .k-filter-row > th, .k-footer-template td, .k-grid td, .k-grid td.k-selected, .k-grid td.k-state-selected, .k-grid-content-locked, .k-grid-footer, .k-grid-footer-locked, .k-grid-footer-wrap, .k-grid-header, .k-grid-header-locked, .k-grid-header-wrap, .k-group, .k-group-footer td, .k-grouping-header, .k-grouping-header .k-group-indicator, .k-header, .k-panel > .k-item > .k-link, .k-popup, .k-separator, .k-splitbar, .k-state-default, .k-state-disabled, .k-toolbar, .k-treemap-tile, .k-upload .k-action-buttons, .k-upload-files, .k-widget {
        border-color: var(--aai-kblock-bordercolor);
    }
    .k-grid-filter.k-active, .k-grid-filter.k-state-active {
        background-color: var(--bs-body-bg);
    }
    .k-content, .k-panel > li.k-item {
        background-color: var(--bs-body-bg);
    }
    .k-popup .k-button, .k-popup .k-primary:active, .k-popup .k-primary:active:hover {
        color: var(--aai-kheaderfooter-color);
        background-color: var(--aai-kheaderfooter-bgcolor);
        border-color: var(--aai-kheaderfooter-bgcolor);
        box-shadow: none;
    }

    .k-group, .k-menu, .k-popup.k-widget.k-context-menu {
        color: var(--aai-kblock-color);
        background-color: var(--aai-kblock-bgcolor);
    }
    .k-menu:not(.k-context-menu) {
        color: var(--aai-kblock-color);
        background-color: var(--aai-kblock-bgcolor);
    }

    .k-block, .k-content, .k-popup, .k-widget {
        color: var(--aai-kblock-color);
    }

    .k-block, .k-widget {
        background-color: var(--aai-kblock-bgcolor);
    }

    .k-input, .k-widget.k-input, .k-textbox {
        border-color: var(--aai-kinput-bordercolor);
        color: var(--aai-kinput-color);
        background-color: var(--aai-kinput-bgcolor);
    }

    .k-input.k-hover, .k-input:hover, .k-widget.k-input.k-hover, .k-widget.k-input:hover, .k-textbox:hover {
        border-color: var(--aai-kinputhover-bordercolor);
        color: var(--aai-kinputhover-color);
        background-color: var(--aai-kinputhover-bgcolor);
    }

    .k-input.k-focus, .k-input:focus, .k-widget.k-input.k-focus, .k-widget.k-input:focus {
        border-color: var(--aai-kinputfocus-bordercolor);
        color: var(--aai-kinputfocus-color);
        background-color: var(--aai-kinputfocus-bgcolor);
        box-shadow: 0 2px 6px var(--aai-kinputfocus-boxshadowcolor1),0 2px 3px var(--aai-kinputfocus-boxshadowcolor2);
    }
    .k-input:focus-within, .k-widget.k-input:focus-within {
        border-color: var(--aai-kinputfocuswithin-bordercolor);
        color: var(--aai-kinputfocuswithin-color);
        background-color: var(--aai-kinputfocuswithin-bgcolor);
        box-shadow: 0 2px 6px var(--aai-kinputfocuswithin-boxshadowcolor1),0 2px 3px var(--aai-kinputfocuswithin-boxshadowcolor2);
    }

    .k-textbox /*ripped off from .k-input & slightly modified*/ {
        margin: 0;
        padding: 0.125rem 0.25rem;
        border-width: 1px;
        border-style: solid;
        box-sizing: border-box;
        outline: 0;
        font-family: inherit;
        font-size: inherit;
        line-height: 1.42857143;
        text-align: start;
        box-shadow: none;
        display: inline-flex;
        align-items: stretch;
        position: relative;
        vertical-align: middle;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-appearance: none;
        appearance: none;
    }

    a.k-icon {
        color: var(--aai-kicona-color);
    }

    .k-grid .k-alt {
        background-color: var(--aai-kgridalt-bgcolor);
    }

    .k-grid-footer, .k-grid-footer td, .k-grid-header, .k-grid-header .k-header {
        color: var(--aai-cashrows-color);
        background-color: var(--aai-kheaderfooter-bgcolor);
    }
    .k-footer-template td, .k-group-footer td {
        color: var(--aai-kfootertd-color);
        background-color: var(--aai-kfootertd-bgcolor);
    }
    .k-grid .k-selected:hover .k-group-cell, .k-grid .k-state-selected:hover .k-group-cell, .k-grouping-row td, .k-resize-handle-inner, td.k-group-cell {
        color: var(--aai-kgridgrouping-color);
        background-color: var(--aai-kgridgrouping-bgcolor);
    }

    .k-grid tr td {
        border-style: solid;
        border-width: thin;
        border-color: var(--aai-kgridtrtd-bordercolor);
    }

    .k-grid tr:hover {
        background-color: var(--aai-kgridtrhover-bgcolor);
    }

    .k-grid-header .k-header, .k-grid-header .k-header .k-link, .k-grid-header .k-link, .k-grid-header .k-link:link, .k-scheduler-agendaview .k-scheduler-datecolumn, .k-scheduler-header {
        color: var(--aai-kgridheader-color);
    }

    .k-grid-header .k-header label, .k-grid-header .k-header .k-link label, .k-grid-header .k-link label, .k-grid-header .k-link:link label, .k-scheduler-agendaview .k-scheduler-datecolumn label, .k-scheduler-header label {
        font-weight: normal;
        color: var(--aai-kgridheader-color);
    }

    .k-grid .k-grouping-header {
        color: var(--aai-kgridgroupinheader-color);
        background-color: var(--aai-kgridgroupinheader-bgcolor);
    }

    .k-picker, .k-widget.k-picker {
        border-color: var(--aai-kpicker-bordercolor);
        color: var(--aai-kpicker-color);
        background-color: var(--aai-kpicker-bgcolor);
    }

    .k-picker.k-hover, .k-picker:hover, .k-widget.k-picker.k-hover, .k-widget.k-picker:hover {
        border-color: var(--aai-kpickerhover-bordercolor);
        color: var(--aai-kpickerhover-color);
        background-color: var(--aai-kpickerhover-bgcolor);
    }

    .k-pager-wrap {
        background-color: transparent;
        border-color: var(--aai-kpagerwrap-bordercolor);
        padding: 0;
    }
    .k-pager-wrap .k-dropdown, .k-pager-wrap .k-dropdownlist {
        color: var(--aai-kpagerwrap-color);
    }
    .k-pager-wrap .k-pager-numbers .k-link {
        color: var(--aai-kpagerwraplink-color);
    }
    .k-pager-wrap .k-pager-numbers .k-selected, .k-pager-wrap .k-pager-numbers .k-selected:hover, .k-pager-wrap .k-pager-numbers .k-state-selected, .k-pager-wrap .k-pager-numbers .k-state-selected:hover {
        border-top-color: var(--aai-kpagerwrapselected-bordercolor);
        color: var(--aai-kpagerwrapselected-color);
    }
    .k-pager-wrap .k-pager-numbers .k-link:hover {
        border-top-color: var(--aai-kpagerwraphover-bordercolor);
    }

    .k-menu:not(.k-context-menu) .k-link {
        color: var(--aai-kmenulinkcolor);
    }

    .k-menu-link.k-link.k-active, .k-menu-link.k-link.k-state-active {
        background-color: var(--aai-kmenuactive-bgcolor);
        color: var(--aai-kmenuactive-color);
    }

    .k-menu:not(.k-context-menu) > .k-item.k-hover, .k-menu:not(.k-context-menu) > .k-item:hover {
        border-color: var(--aai-kmenuhover-bordercolor);
        color: var(--aai-kmenuhover-color);
        background-color: var(--aai-kmenuhover-bgcolor);
    }
    .k-hover, .k-menu-group .k-item > .k-link.k-hover, .k-menu-group .k-item > .k-link:hover, .k-menu.k-context-menu .k-item > .k-link.k-hover, .k-menu.k-context-menu .k-item > .k-link:hover {
        border-color: var(--aai-kmenuhover-bordercolor);
        color: var(--aai-kmenuhover-color);
        background-color: var(--aai-kmenuhover-bgcolor);
    }


    .k-treeview-leaf.k-hover, .k-treeview-leaf:hover {
        color: var(--aai-ktreeviewleafhover-color);
        background-color: var(--aai-ktreeviewleafhover-bgcolor);
    }

    .k-treeview-leaf.k-selected {
        color: var(--aai-ktreeviewleafselected-color);
        background-color: var(--aai-ktreeviewleafselected-bgcolor);
        border-radius: 3px;
    }

    .k-treeview-leaf.k-selected.k-hover, .k-treeview-leaf.k-selected:hover {
        color: var(--aai-ktreeviewleafselectedhover-color);
        background-color: var(--aai-ktreeviewleafselectedhover-bgcolor);
    }

    .k-panelbar {
        border-color: var(--aai-kblock-bordercolor);
        color: var(--aai-panelbarlink-color);
        background-color: var(--aai-panelbarlink-bgcolor);
    }

    .k-panelbar .k-panelbar-content {
        color: var(--aai-panelbarcontent-color);
        background-color: var(--aai-panelbarcontent-bgcolor);
    }

    .k-panelbar > li.k-state-default > .k-link {
        color: var(--aai-panelbarlink-color);
    }

    .k-panelbar > .k-item > .k-link, .k-panelbar > .k-panelbar-header > .k-link {
        background-color: var(--aai-panelbarlink-bgcolor);
    }

    .k-panelbar .k-header {
        background-color: var(--aai-panelbarheader-bgcolor);
    }

    .k-panelbar > li > .k-state-selected {
        font-weight: normal !important;
    }

    .k-panelbar > .k-item > .k-link.k-selected, .k-panelbar > .k-item > .k-link.k-state-selected, .k-panelbar > .k-panelbar-header > .k-link.k-selected, .k-panelbar > .k-panelbar-header > .k-link.k-state-selected {
        color: var(--aai-panelbarselected-color);
        background-color: var(--aai-panelbarselected-bgcolor);
    }

    .k-panelbar > .k-item > .k-link.k-selected.k-hover, .k-panelbar > .k-item > .k-link.k-selected.k-state-hover, .k-panelbar > .k-item > .k-link.k-selected:hover, .k-panelbar > .k-item > .k-link.k-state-selected.k-hover, .k-panelbar > .k-item > .k-link.k-state-selected.k-state-hover, .k-panelbar > .k-item > .k-link.k-state-selected:hover, .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-hover, .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-state-hover, .k-panelbar > .k-panelbar-header > .k-link.k-selected:hover, .k-panelbar > .k-panelbar-header > .k-link.k-state-selected.k-hover, .k-panelbar > .k-panelbar-header > .k-link.k-state-selected.k-state-hover, .k-panelbar > .k-panelbar-header > .k-link.k-state-selected:hover {
        background-color: var(--aai-panelbarselectedfocused-bgcolor);
    }

    .k-panelbar > .k-item > .k-link, .k-panelbar > .k-panelbar-header > .k-link {
        color: var(--aai-panelbarlink-color);
        background-color: var(--aai-panelbarlink-bgcolor);
    }

    .k-panelbar > .k-item, .k-panelbar > .k-panelbar-header {
        border-width: 0;
        border-style: solid;
        border-color: var(--aai-kblock-bordercolor);
        display: block;
    }

    .k-panelbar > .k-item + .k-item, .k-panelbar > .k-panelbar-header + .k-panelbar-header {
        border-top-width: 1px;
        border-color: var(--aai-kblock-bordercolor);
    }

    .k-panelbar > .k-item > .k-link.k-hover, .k-panelbar > .k-item > .k-link.k-state-hover, .k-panelbar > .k-item > .k-link:hover, .k-panelbar > .k-panelbar-header > .k-link.k-hover, .k-panelbar > .k-panelbar-header > .k-link.k-state-hover, .k-panelbar > .k-panelbar-header > .k-link:hover {
        color: var(--aai-panelbaritemhover-color);
        background-color: var(--aai-panelbaritemhover-bgcolor);
    }

    .k-panelbar > .k-item > .k-link .k-icon, .k-panelbar > .k-item > .k-link .k-panelbar-item-icon, .k-panelbar > .k-panelbar-header > .k-link .k-icon, .k-panelbar > .k-panelbar-header > .k-link .k-panelbar-item-icon {
        color: var(--aai-panelbarlinkicon-color);
    }

    .k-i-loading {
        background-image: var(--aai-kloading-bgimage);
    }
    .k-loading-image {
        background-image: var(--aai-kloadingimage-bgimage);
    }

    .k-tabstrip {
        background-position: 50% 50%;
        background-color: var(--bs-bodybittransparent-bgcolor);
    }
    .k-tabstrip-items-wrapper {
        color: var(--aai-ktabstripwrapper-color);
        background-color: var(--aai-ktabstripwrapper-bgcolor);
    }
    .k-tabstrip-items .k-item .k-link {
        color: var(--aai-ktabstripitemlink-color);
    }
    .k-tabstrip .k-content.k-active, .k-tabstrip .k-content.k-state-active {
        background-color: var(--aai-ktabstripcontentactive-bgcolor);
        color: var(--aai-ktabstripcontentactive-color);
    }

    .k-list {
        border-color: var(--aai-klist-bordercolor);
        color: var(--aai-klist-color);
        background-color: var(--aai-klist-bgcolor);
    }
    .k-list-item.k-hover {
        color: var(--aai-klistitemhover-color);
        background-color: var(--aai-klistitemhover-bgcolor);
    }
    .k-list-item.k-selected {
        color: var(--aai-klistitemselected-color);
        background-color: var(--aai-klistitemselected-bgcolor);
    }
    .k-list-item.k-selected.k-hover, .k-list-item.k-selected:hover {
        color: var(--aai-klistitemselectedhover-color);
        background-color: var(--aai-klistitemselectedhover-bgcolor);
    }
    .k-data-table, .k-table {
        border-color: var(--aai-ktable-bordercolor);
        color: var(--aai-ktable-color);
        background-color: var(--aai-ktable-bgcolor);
    }
    .k-table-alt-row {
        background-color: var(--aai-ktablealt-bgcolor);
    }
    .k-table-group-sticky-header, .k-table-header, .k-table-thead {
        border-color: var(--aai-ktableheader-bordercolor);
        color: var(--aai-ktableheader-color);
        background-color: var(--aai-ktableheader-bgcolor);
    }
    .k-table-footer, .k-table-tfoot {
        border-color: var(--aai-ktablefooter-bordercolor);
        color: var(--aai-ktablefooter-color);
        background-color: var(--aai-ktablefooter-bgcolor);
    }
    .k-table-list .k-table-row.k-selected, .k-table-tbody .k-table-row.k-selected {
        border-color: var(--aai-ktableselected-bordercolor);
        color: var(--aai-ktableselected-color);
        background-color: var(--aai-ktableselected-bgcolor);
    }
    .k-table-list .k-table-row.k-hover, .k-table-list .k-table-row:hover, .k-table-tbody .k-table-row.k-hover, .k-table-tbody .k-table-row:hover {
        border-color: var(--aai-ktablehover-bordercolor);
        color: var(--aai-ktablehover-color);
        background-color: var(--aai-ktablehover-bgcolor);
    }
    .k-filter-menu span.k-filter-and {
        width: 7em;
        margin: .5em 0 .5em;
    }
    /*endof redefining kendo css for theming*/

    .k-progress-status-wrap, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap {
        left: -1px;
        right: auto;
        text-align: right;
        line-height: .8rem;
    }

    .k-progress-status {
        display: inline-block;
        padding: 0 0.7em;
        min-width: 10px;
        white-space: nowrap;
        font-size: 90%;
        margin-top: -0.4rem;
    }

    .k-menu-item {
        align-items: center;
    }

    .k-state-highlight {
        background: var(--aai-khighlight-background);
    }

    .k-menu {
        border-width: 0px;
    }

    .k-menu .k-item > .k-link {
        padding: 0.25em;
        line-height: 1em;
    }

    .k-menu-horizontal .k-menu-link {
        border-width: 0 0 0 0;
    }

    ul.k-menu .k-link {
        margin-top: 0px;
        height: 1em;
        /*height: 10px;*/
        padding: 0.1em 0.1em;
        font-size: var(--aai-kmenu-fontsize);
        outline-style: none;
        color: #444; /*TO-DO: WHY DID WE CHANGE THIS FROM #44A8C6 ??? */
        font-weight: normal;
        /*bottom: 5px;*/
        text-align: center;
        position: relative;
        padding-bottom: 0px;
    }

    li.k-item.k-state-highlight .k-link {
        color: var(--aai-li-kitemhighlight-klink-color);
        font-weight: bold;
        background-color: var(--aai-li-kitemhighlight-klink-bgcolor);
    }

.k-file {
    color: var(--aai-kfile-color);
    background-color: var(--aai-kfile-bgcolor);
}
.k-file-extension-wrapper, .k-file-group-wrapper, .k-file-invalid-group-wrapper, .k-multiple-files-extension-wrapper, .k-multiple-files-group-wrapper {
    color: var(--aai-kfilegroup-color);
    border-color: var(--aai-kfilegroup-bordercolor);
}
.k-file-information, .k-file-size, .k-file-validation-message {
    color: var(--aai-kfileinfo-color);
}
/*jquery-ui redefinition*/
.ui-widget {
    font-family: Arial,sans-serif;
}
.ui-widget-content {
    border: 1px solid var(--aai-jqueryui-widgetcontent-bordercolor);
    background: var(--aai-jqueryui-widgetcontent-bg);
    color: var(--aai-jqueryui-widgetcontent-color);
}
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
        border: 1px solid var(--aai-jqueryui-button-bordercolor);
        background: var(--aai-jqueryui-button-bgcolor) var(--aai-jqueryui-button-bgimageurl) 50% 50% repeat-x;
        font-weight: normal;
        color: var(--aai-jqueryui-button-color);
    }
.ui-widget-header {
    border: 1px solid var(--aai-jqueryui-header-color);
    background: #cccccc var(--aai-jqueryui-header-bgimageurl) 50% 50% repeat-x;
    color: var(--aai-jqueryui-header-color);
    font-weight: bold;
}
.ui-icon, .ui-widget-content .ui-icon {
    background-image: var(--aai-jqueryui-icon-url);
}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid var(--aai-jqueryui-error-bordercolor);
    background: var(--aai-jqueryui-error-bgcolor) var(--aai-jqueryui-error-bgimageurl) 50% 50% repeat-x;
    color: var(--aai-jqueryui-error-color);
}

.rounded-shadowed-panel {
    background-color: var(--rounded-shadowed-panel-bg-color);
    padding: 10px;
    border-radius: 8px; 
    box-shadow: 0 2px 8px var(--rounded-shadowed-panel-shadow-color); 
}

.sticky-header-table-container {
    overflow-y: auto;
}
.sticky-header-table-container table {
    width: 99%;
    margin: 0 auto;
    border-collapse: collapse;
    table-layout: fixed; 
    overflow-x: auto; 
}
.sticky-header-table-container th {
    position: sticky;
    top: 0;
    z-index: 2;
    box-shadow:     inset 0 2px 0 var(--aai-table-border-color),    /* top */
    inset 0 -1px 0 var(--aai-table-border-color),   /* bottom */
    inset 1px 0 0 var(--aai-table-border-color),    /* left */
    inset -1px 0 0 var(--aai-table-border-color);   /* right */;
    background-color: var(--aai-blue);
    color: var(--aai-table-header-color);
    padding: 10px;
    text-align: left;
    font-size: 10px;
    width: 10%; 
}
.sticky-header-table-container td {
    padding: 8px;
    text-align: left;
    font-size: 10px;
    box-shadow:     inset 0 1px 0 var(--aai-table-border-color),    /* top */
    inset 0 -1px 0 var(--aai-table-border-color),   /* bottom */
    inset 1px 0 0 var(--aai-table-border-color),    /* left */
    inset -1px 0 0 var(--aai-table-border-color);   /* right */;
    width: hidden;
    white-space: normal; 
    overflow: hidden; 
}
.sticky-header-table-container input,
.sticky-header-table-container select {
    width: 100%; 
    box-sizing: border-box; 
    white-space: normal; 
    overflow: hidden; 
    word-wrap: break-word; 
}