/* Match TEST/2021 Switch: .75rem pill, 2em handle, on=secondary, off=#e4e7eb (MainCss; 2026 uses track/thumb). */
.k-switch,
.k-switch.k-switch-sm,
.k-switch.k-switch-md,
.k-switch.k-switch-lg {
    overflow: hidden;
    border-radius: 5em;
    font-size: 0.75rem;
    line-height: 1.5;
    width: 5em;
    height: calc(2em + 6px);
    background: none;
    border: 0;
    display: inline-flex;
    vertical-align: middle;
    box-sizing: border-box;
}

.k-switch .k-switch-track {
    border-radius: 5em;
    width: 100%;
    height: 100%;
    padding: 3px;
    border-width: 0;
    box-sizing: border-box;
}

.k-switch .k-switch-thumb,
.k-switch.k-rounded-full,
.k-switch .k-rounded-full {
    border-radius: 5em;
}

.k-switch .k-switch-thumb {
    width: 2em;
    height: 2em;
    background-color: #fff;
    border-color: #fff;
    border-width: 0;
}

.k-switch.k-switch-on .k-switch-thumb-wrap {
    left: calc(100% - 1em - 3px);
}

.k-switch.k-switch-off .k-switch-thumb-wrap {
    left: calc(1em + 3px);
}

.k-switch .k-switch-label-on,
.k-switch .k-switch-label-off {
    display: block;
    width: calc(100% - 2em - 13px);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    line-height: 2em;
    overflow: hidden;
    text-shadow: none;
}

.k-switch .k-switch-label-on {
    text-align: left;
    left: 8px;
}

.k-switch .k-switch-label-off {
    text-align: right;
    right: 8px;
}

.k-switch-on .k-switch-track {
    background-color: var(--secondary-color, #1fbbb6);
    border-color: var(--secondary-color, #1fbbb6);
    color: #fff;
}

.k-switch-on:hover .k-switch-track,
.k-switch-on.k-hover .k-switch-track {
    background-color: var(--secondary-border-color, #1ba593);
    border-color: var(--secondary-border-color, #1ba593);
}

.k-switch-on .k-switch-label-on {
    color: #fff;
}

.k-switch-on .k-switch-label-off {
    color: transparent;
}

.k-switch-off .k-switch-track {
    background-color: #e4e7eb;
    border-color: #e4e7eb;
    color: #000;
}

.k-switch-off:hover .k-switch-track,
.k-switch-off.k-hover .k-switch-track {
    background-color: #ced3db;
    border-color: #ced3db;
}

.k-switch-off .k-switch-label-off {
    color: #000;
}

.k-switch-off .k-switch-label-on {
    color: transparent;
}

/* MainCss treats .k-icon as WebComponentsIcons font glyphs; Kendo 2026 pager/buttons use inline SVG. */
.k-icon.k-svg-icon,
.k-button .k-icon.k-svg-icon,
.k-button-icon.k-svg-icon {
    font-family: inherit;
    font-size: inherit;
    width: 1rem;
    height: 1rem;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    speak: normal;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
    flex-shrink: 0;
    position: relative;
    color: inherit;
}

.k-icon.k-svg-icon::before,
.k-icon.k-svg-icon::after {
    content: none !important;
    display: none !important;
}

.k-icon.k-svg-icon > svg,
.k-button .k-icon.k-svg-icon > svg {
    fill: currentColor;
    width: 1rem;
    height: 1rem;
    flex: none;
    display: block;
}

/* Style Kendo 2026 flat pager nav buttons like MainCss .k-pager-nav.k-link chrome. */
.k-pager .k-pager-nav.k-button,
.k-pager-wrap .k-pager-nav.k-button {
    color: var(--secondary-color, #1fbbb6);
    border: 1px solid rgba(33, 37, 41, 0.125);
    background-color: #fff;
    border-radius: 0.25rem;
    min-width: calc(1.5em + 0.75rem + 2px);
    min-height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.k-pager .k-pager-nav.k-button:hover,
.k-pager-wrap .k-pager-nav.k-button:hover {
    background-color: #ebebeb;
    color: var(--secondary-color, #1fbbb6);
}

.k-pager .k-pager-nav.k-button.k-disabled,
.k-pager .k-pager-nav.k-button[aria-disabled="true"],
.k-pager-wrap .k-pager-nav.k-button.k-disabled,
.k-pager-wrap .k-pager-nav.k-button[aria-disabled="true"] {
    opacity: 0.45;
    pointer-events: none;
}

/* MultiSelect/DropDown: opaque white closed selector + popup (site.v4 later sheets / transparent panel-body); TEST MainCss look. */
.k-widget.k-multiselect,
.k-multiselect.mc-multiselect,
.k-multiselect > .k-multiselect-wrap,
.k-dropdowntree > .k-multiselect-wrap {
    display: block;
    background: #fff !important;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(33, 37, 41, 0.15);
    color: #292b2c;
    box-sizing: border-box;
}

.k-multiselect > .k-multiselect-wrap:hover,
.k-dropdowntree > .k-multiselect-wrap:hover,
.k-multiselect > .k-multiselect-wrap.k-hover,
.k-dropdowntree > .k-multiselect-wrap.k-hover,
.k-multiselect.k-focus > .k-multiselect-wrap,
.k-multiselect.k-state-focused > .k-multiselect-wrap,
.k-dropdowntree.k-focus > .k-multiselect-wrap,
.k-dropdowntree.k-state-focused > .k-multiselect-wrap {
    background: #fff !important;
    border-color: rgba(33, 37, 41, 0.15);
}

.k-multiselect .k-multiselect-wrap > .k-input,
.k-multiselect .k-multiselect-wrap > input.k-input,
.k-dropdowntree .k-multiselect-wrap > .k-input,
.k-dropdowntree .k-multiselect-wrap > input.k-input {
    background: transparent !important;
    border: 0;
    box-shadow: none;
    outline: 0;
    width: auto;
    flex: none;
}

.k-dropdownlist.k-picker,
.k-picker.k-dropdownlist,
.k-combobox > .k-picker-wrap,
.k-combobox > .k-dropdown-wrap,
.k-dropdown-wrap,
.k-picker-wrap,
.k-picker-solid.k-dropdownlist,
.k-picker-solid.k-combobox {
    background: #fff !important;
}

.k-animation-container > .k-popup,
.k-list-container.k-popup,
.k-popup.k-list-container,
.k-list-container .k-list,
.k-popup .k-list,
.k-list-content,
.k-list-ul {
    background: #fff !important;
}

.k-list .k-list-item,
.k-list-container .k-list-item,
.k-popup .k-list-item,
.k-list > .k-item,
.k-list-optionlabel,
.k-list-custom-value {
    padding: 3px 1.5rem;
    min-height: 1.5em;
    line-height: 1.5em;
    box-sizing: border-box;
}

/* TabStrip (NL/EN/DE): 2026 tabs are .k-tabstrip-item (not .k-item); restore TEST green + white folder tab. */
.k-tabstrip-items,
.k-tabstrip-items-wrapper {
    border-color: rgba(33, 37, 41, 0.125);
}

.k-tabstrip-items .k-tabstrip-item,
.k-tabstrip-items .k-item,
.k-tabstrip-items-wrapper .k-tabstrip-item,
.k-tabstrip-items-wrapper .k-item {
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    color: var(--secondary-color, #1FBBA6);
    background-color: transparent;
    font-weight: normal;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    outline: 0;
    position: relative;
    flex-shrink: 0;
    cursor: pointer;
}

.k-tabstrip-items .k-tabstrip-item .k-link,
.k-tabstrip-items .k-item .k-link,
.k-tabstrip-items-wrapper .k-tabstrip-item .k-link,
.k-tabstrip-items-wrapper .k-item .k-link {
    color: inherit;
    padding: 0.5rem 1rem;
}

.k-tabstrip-items .k-tabstrip-item:hover,
.k-tabstrip-items .k-tabstrip-item.k-hover,
.k-tabstrip-items .k-item:hover,
.k-tabstrip-items .k-item.k-hover,
.k-tabstrip-items .k-item.k-state-hover,
.k-tabstrip-items-wrapper .k-tabstrip-item:hover,
.k-tabstrip-items-wrapper .k-tabstrip-item.k-hover,
.k-tabstrip-items-wrapper .k-item:hover,
.k-tabstrip-items-wrapper .k-item.k-hover,
.k-tabstrip-items-wrapper .k-item.k-state-hover {
    border-color: #e9ecef #e9ecef rgba(33, 37, 41, 0.125);
    color: #14796c;
    background-color: transparent;
}

.k-tabstrip-items .k-tabstrip-item.k-active,
.k-tabstrip-items .k-tabstrip-item.k-selected,
.k-tabstrip-items .k-item.k-active,
.k-tabstrip-items .k-item.k-selected,
.k-tabstrip-items .k-item.k-state-active,
.k-tabstrip-items .k-item.k-state-selected,
.k-tabstrip-items-wrapper .k-tabstrip-item.k-active,
.k-tabstrip-items-wrapper .k-tabstrip-item.k-selected,
.k-tabstrip-items-wrapper .k-item.k-active,
.k-tabstrip-items-wrapper .k-item.k-selected,
.k-tabstrip-items-wrapper .k-item.k-state-active,
.k-tabstrip-items-wrapper .k-item.k-state-selected {
    border-color: rgba(33, 37, 41, 0.125);
    color: #292b2c;
    background-color: #fff !important;
    font-weight: normal;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.k-tabstrip-top > .k-tabstrip-items .k-tabstrip-item,
.k-tabstrip-top > .k-tabstrip-items .k-item,
.k-tabstrip-top > .k-tabstrip-items-wrapper .k-tabstrip-item,
.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    border-bottom-width: 0;
    margin-bottom: -1px;
}

.k-tabstrip-top > .k-tabstrip-items .k-tabstrip-item.k-active,
.k-tabstrip-top > .k-tabstrip-items .k-tabstrip-item.k-selected,
.k-tabstrip-top > .k-tabstrip-items .k-tabstrip-item.k-hover,
.k-tabstrip-top > .k-tabstrip-items .k-tabstrip-item:hover,
.k-tabstrip-top > .k-tabstrip-items .k-item.k-active,
.k-tabstrip-top > .k-tabstrip-items .k-item.k-selected,
.k-tabstrip-top > .k-tabstrip-items .k-item.k-state-active,
.k-tabstrip-top > .k-tabstrip-items .k-item.k-state-selected,
.k-tabstrip-top > .k-tabstrip-items .k-item.k-hover,
.k-tabstrip-top > .k-tabstrip-items .k-item.k-state-hover,
.k-tabstrip-top > .k-tabstrip-items .k-item:hover,
.k-tabstrip-top > .k-tabstrip-items-wrapper .k-tabstrip-item.k-active,
.k-tabstrip-top > .k-tabstrip-items-wrapper .k-tabstrip-item.k-selected,
.k-tabstrip-top > .k-tabstrip-items-wrapper .k-tabstrip-item.k-hover,
.k-tabstrip-top > .k-tabstrip-items-wrapper .k-tabstrip-item:hover,
.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active,
.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-selected,
.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-state-active,
.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-state-selected,
.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-hover,
.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-state-hover,
.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item:hover {
    border-bottom-width: 1px;
    border-bottom-color: transparent !important;
}

.k-tabstrip > .k-content,
.k-tabstrip > .k-tabstrip-content,
.k-tabstrip-content {
    border-color: rgba(33, 37, 41, 0.125);
    color: #292b2c;
    background-color: #fff !important;
}

.k-tabstrip-top > .k-content,
.k-tabstrip-top > .k-tabstrip-content {
    border-top-width: 0 !important;
}

/* Slider: MainCss 2021 absolutely positions the arrow buttons; 2026 uses flex + .k-slider-track-wrap. */
.k-slider.k-slider-horizontal {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 7px;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 30px;
    box-sizing: border-box;
}

.k-slider .k-button,
.k-slider .k-button-increase,
.k-slider .k-button-decrease {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    flex: none;
}

.k-slider .k-slider-track-wrap {
    flex: 1 1 auto;
    min-width: 0;
    position: relative;
}

.k-slider-horizontal .k-slider-track-wrap .k-tick {
    float: none;
}

.k-slider-horizontal .k-slider-track-wrap .k-slider-track {
    left: 0;
    width: 100%;
    height: 4px !important;
    margin-top: -2px !important;
    border-radius: 0.25rem;
    background-color: #e9ecef !important;
    background-image: none !important;
}

.k-slider .k-slider-track::before {
    content: none;
    display: none;
}

.k-slider .k-draghandle {
    border-color: var(--secondary-color);
    background-color: var(--secondary-color);
    color: #fff;
    border-radius: 50%;
}

.k-slider .k-draghandle:hover,
.k-slider .k-draghandle:focus,
.k-slider .k-draghandle.k-focus {
    border-color: #188f7f;
    background-color: #1a9a89;
    color: #fff;
    box-shadow: 0 0 0 3px rgba(31, 187, 166, 0.5);
}

.k-slider .k-button-increase,
.k-slider .k-button-decrease {
    width: 28px;
    height: 28px;
    min-width: 28px;
    padding: 0;
    border-radius: 50%;
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
    background-image: none;
    color: #fff;
    box-shadow: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.k-slider .k-button-increase:hover,
.k-slider .k-button-decrease:hover,
.k-slider .k-button-increase:focus,
.k-slider .k-button-decrease:focus {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
    color: #fff;
}

.k-slider .k-button .k-svg-icon,
.k-slider .k-button .k-button-icon {
    display: none;
}

.k-slider .k-button-decrease::after,
.k-slider .k-button-increase::after {
    display: inline-block !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: auto !important;
    height: auto !important;
    opacity: 1 !important;
    pointer-events: none !important;
    z-index: 1 !important;
    border-radius: 0 !important;
    background: none !important;
    font-family: "WebComponentsIcons" !important;
    font-size: 16px !important;
    line-height: 1 !important;
    color: #fff !important;
}

.k-slider .k-button-decrease::after {
    content: "\e007" !important;
}

.k-slider .k-button-increase::after {
    content: "\e005" !important;
}

/* MainCss clearfix ::after becomes a 12th flex item and extends the bar past 10. */
.k-slider .k-slider-items::before,
.k-slider .k-slider-items::after {
    content: none;
    display: none;
}

.k-slider-horizontal .k-slider-track-wrap .k-label {
    width: auto;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
}

.k-slider-horizontal .k-slider-track-wrap .k-first .k-label {
    left: 0;
}

.k-slider-horizontal .k-slider-track-wrap .k-last .k-label {
    left: 100%;
    right: auto;
}

#pageslide-left {
    height: 100vh !important;
    max-height: 100vh;
    min-height: 0 !important;
    box-sizing: border-box;
}

#pageslide-left .navbar-content {
    height: 100% !important;
    overflow: hidden;
}

#pageslide-left .navbar-content .left-wrapper {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    height: 100% !important;
    max-height: 100% !important;
    scrollbar-width: thin;
    scrollbar-color: rgba(170, 170, 170, 0.4) transparent;
}

#pageslide-left .navbar-content .left-wrapper::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background: transparent;
}

#pageslide-left .navbar-content .left-wrapper::-webkit-scrollbar-track,
#pageslide-left .navbar-content .left-wrapper::-webkit-scrollbar-track-piece {
    background: transparent;
}

#pageslide-left .navbar-content .left-wrapper::-webkit-scrollbar-thumb {
    background-color: #aaa;
    border-radius: 4px;
}

#pageslide-left .navbar-content .left-wrapper::-webkit-scrollbar-thumb:hover {
    background-color: #999;
}

.k-toolbar::before {
    content: none;
    display: none;
    height: 0;
}

.k-grid-toolbar::after {
    content: none;
    display: none;
}

.k-grid {
    color: #292b2c;
    background-color: #fff;
    border-color: rgba(33, 37, 41, 0.125);
}

.k-grid-header,
.k-grid-header th,
.k-grid-header td,
.k-grid-header .k-header,
.k-grid-header .k-table-th,
.k-grid-header .k-table-td {
    border-color: #2f4c70;
    color: #fff;
    background-color: var(--primary-color);
}

.k-grid-header .k-link,
.k-grid-header .k-column-title,
.k-grid-header .k-cell-inner,
.k-grid-header .k-grid-header-menu,
.k-grid-header .k-grid-filter,
.k-grid-header .k-header-column-menu {
    color: #fff;
}

.k-grid-header .k-svg-icon,
.k-grid-header .k-icon {
    color: #fff;
}

.k-grid-header .k-sort-icon,
.k-grid-header .k-sort-icon .k-svg-icon,
.k-grid-header .k-sort-icon .k-icon,
.k-grid-header .k-sort-order,
.k-grid-header .k-i-sort-asc-sm,
.k-grid-header .k-i-sort-desc-sm,
.k-grid-header .k-i-sort-asc-small,
.k-grid-header .k-i-sort-desc-small,
.k-grid-header .k-svg-i-sort-asc-small,
.k-grid-header .k-svg-i-sort-desc-small {
    color: var(--secondary-color);
}

.k-grid-header .k-sort-icon svg,
.k-grid-header .k-svg-i-sort-asc-small svg,
.k-grid-header .k-svg-i-sort-desc-small svg {
    fill: currentColor;
}

body:not(.theme-v4-modern) .k-grid-header .k-header,
body:not(.theme-v4-modern) .k-grid-header .k-table-th {
    position: relative;
}

body:not(.theme-v4-modern) .k-grid-header .k-with-icon,
body:not(.theme-v4-modern) .k-grid-header .k-filterable {
    padding-right: calc(1.5em + 0.75rem + 2px + 0.5rem);
}

body:not(.theme-v4-modern) .k-grid-header .k-filterable > .k-cell-inner {
    overflow: visible;
    width: 100%;
    box-sizing: border-box;
    margin-inline-end: 0;
}

body:not(.theme-v4-modern) .k-grid .k-grid-header .k-filterable > .k-cell-inner > .k-link,
body:not(.theme-v4-modern) .k-grid-header .k-filterable > .k-cell-inner > .k-link {
    padding-inline-end: calc(1.5em + 0.75rem + 2px + 0.5rem) !important;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
}

body:not(.theme-v4-modern) .k-grid .k-cell-inner .k-grid-filter,
body:not(.theme-v4-modern) .k-grid .k-cell-inner .k-grid-filter-menu,
body:not(.theme-v4-modern) .k-grid .k-cell-inner .k-grid-header-menu,
body:not(.theme-v4-modern) .k-grid-header .k-grid-filter,
body:not(.theme-v4-modern) .k-grid-header .k-grid-filter-menu,
body:not(.theme-v4-modern) .k-grid-header .k-grid-header-menu {
    position: absolute !important;
    right: .5rem;
    left: auto;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    margin: 0 !important;
    padding: .375rem;
    width: calc(1.5em + 0.75rem + 2px);
    height: calc(1.5em + 0.75rem + 2px);
    box-sizing: border-box;
    outline: 0;
    line-height: 1.5;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    z-index: 1;
    color: #fff;
    background-color: transparent;
    border-width: 0;
    box-shadow: none;
}

body:not(.theme-v4-modern) .k-grid-header .k-grid-filter .k-svg-icon,
body:not(.theme-v4-modern) .k-grid-header .k-grid-filter-menu .k-svg-icon,
body:not(.theme-v4-modern) .k-grid-header .k-grid-header-menu .k-svg-icon {
    width: 1em;
    height: 1em;
    font-size: 16px;
}

body:not(.theme-v4-modern) .k-grid-header .k-grid-filter .k-svg-icon svg,
body:not(.theme-v4-modern) .k-grid-header .k-grid-filter-menu .k-svg-icon svg,
body:not(.theme-v4-modern) .k-grid-header .k-grid-header-menu .k-svg-icon svg {
    width: 1em !important;
    height: 1em !important;
    fill: currentColor;
}

body:not(.theme-v4-modern) .k-grid-header .k-grid-filter.k-active,
body:not(.theme-v4-modern) .k-grid-header .k-grid-filter.k-state-active,
body:not(.theme-v4-modern) .k-grid-header .k-grid-filter-menu.k-active,
body:not(.theme-v4-modern) .k-grid-header .k-grid-filter-menu.k-state-active,
body:not(.theme-v4-modern) .k-grid-header .k-grid-header-menu.k-active,
body:not(.theme-v4-modern) .k-grid-header .k-grid-header-menu.k-state-active {
    color: #fff;
    background-color: var(--secondary-color);
}

.k-grid-toolbar,
.k-grouping-header {
    border-color: #2f4c70;
    color: #fff;
    background-color: var(--primary-color);
}

.k-grouping-row,
.k-grouping-row td,
.k-grouping-row .k-table-td,
.k-group-cell,
.k-table-group-row,
.k-table-group-row td,
.k-table-group-row .k-table-td {
    border-color: #2f4c70;
    color: #fff;
    background-color: var(--primary-color);
}

.k-grouping-row .k-reset,
.k-grouping-row .k-link,
.k-grouping-row .k-icon,
.k-grouping-row .k-svg-icon,
.k-table-group-row .k-reset,
.k-table-group-row .k-link,
.k-table-group-row .k-icon,
.k-table-group-row .k-svg-icon {
    color: #fff;
}

.k-grid .k-master-row > td:not(.k-group-cell),
.k-grid .k-master-row > .k-table-td:not(.k-group-cell) {
    color: #292b2c;
}

.k-grid .k-alt,
.k-grid .k-table-alt-row {
    background-color: rgba(0, 0, 0, 0.05);
}

.k-grid tbody tr:hover:not(.k-grouping-row):not(.k-table-group-row),
.k-grid tbody tr.k-hover:not(.k-grouping-row):not(.k-table-group-row),
.k-grid .k-table-tbody .k-table-row:hover:not(.k-grouping-row):not(.k-table-group-row) {
    color: #292b2c;
    background-color: rgba(0, 0, 0, 0.075);
}

.k-grid tbody tr.k-grouping-row:hover,
.k-grid tbody tr.k-table-group-row:hover,
.k-grid .k-grouping-row.k-hover,
.k-grid .k-table-group-row.k-hover,
.k-grid tbody tr.k-grouping-row:hover td,
.k-grid tbody tr.k-table-group-row:hover td,
.k-grid tbody tr.k-grouping-row:hover .k-table-td,
.k-grid tbody tr.k-table-group-row:hover .k-table-td {
    color: #fff;
    background-color: var(--primary-color);
}

body:not(.theme-v4-modern) .k-dropdownlist.k-picker,
body:not(.theme-v4-modern) .k-picker.k-dropdownlist,
body:not(.theme-v4-modern) .k-picker-solid.k-dropdownlist {
    border-radius: .25rem;
    border-color: var(--primary-color);
    color: #fff;
    background: var(--primary-color) !important;
    background-color: var(--primary-color) !important;
    background-image: none;
    overflow: hidden;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

body:not(.theme-v4-modern) .k-dropdownlist .k-input-inner,
body:not(.theme-v4-modern) .k-dropdownlist .k-input-value-text {
    color: inherit;
    background: none;
}

body:not(.theme-v4-modern) .k-dropdownlist .k-input-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 0;
    min-width: 2rem;
    align-self: stretch;
}

body:not(.theme-v4-modern) .k-dropdownlist .k-input-button,
body:not(.theme-v4-modern) .k-dropdownlist .k-button-icon,
body:not(.theme-v4-modern) .k-dropdownlist .k-icon,
body:not(.theme-v4-modern) .k-dropdownlist .k-svg-icon {
    color: #fff !important;
    background: none !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

body:not(.theme-v4-modern) .k-dropdownlist .k-svg-icon svg,
body:not(.theme-v4-modern) .k-dropdownlist .k-svg-icon svg path {
    fill: currentColor !important;
}

body:not(.theme-v4-modern) .k-dropdownlist.k-picker:hover,
body:not(.theme-v4-modern) .k-picker.k-dropdownlist:hover,
body:not(.theme-v4-modern) .k-picker-solid.k-dropdownlist:hover,
body:not(.theme-v4-modern) .k-dropdownlist.k-picker.k-hover,
body:not(.theme-v4-modern) .k-picker.k-dropdownlist.k-hover,
body:not(.theme-v4-modern) .k-picker-solid.k-dropdownlist.k-hover {
    border-color: #2d4a6c;
    color: #fff;
    background: #315075 !important;
    background-color: #315075 !important;
}

body:not(.theme-v4-modern) .k-dropdownlist.k-picker:focus,
body:not(.theme-v4-modern) .k-dropdownlist.k-picker.k-focus,
body:not(.theme-v4-modern) .k-dropdownlist.k-picker:focus-within,
body:not(.theme-v4-modern) .k-picker.k-dropdownlist:focus,
body:not(.theme-v4-modern) .k-picker.k-dropdownlist.k-focus,
body:not(.theme-v4-modern) .k-picker.k-dropdownlist:focus-within,
body:not(.theme-v4-modern) .k-picker-solid.k-dropdownlist:focus,
body:not(.theme-v4-modern) .k-picker-solid.k-dropdownlist.k-focus,
body:not(.theme-v4-modern) .k-picker-solid.k-dropdownlist:focus-within {
    border-color: #294363;
    color: #fff;
    background: #2d4a6c !important;
    background-color: #2d4a6c !important;
    box-shadow: 0 0 0 3px rgba(60, 98, 144, 0.5);
}

body:not(.theme-v4-modern) .k-dropdownlist.k-picker.k-invalid,
body:not(.theme-v4-modern) .k-picker.k-dropdownlist.k-invalid,
body:not(.theme-v4-modern) .k-picker-solid.k-dropdownlist.k-invalid {
    border-color: #dc3545;
}

body:not(.theme-v4-modern) .table-responsive .k-grid {
    min-width: max-content;
}

body:not(.theme-v4-modern) .table-responsive .k-grid .k-grid-header-wrap,
body:not(.theme-v4-modern) .table-responsive .k-grid .k-grid-content,
body:not(.theme-v4-modern) .table-responsive .k-grid .k-grid-container {
    min-width: max-content;
}

body:not(.theme-v4-modern) .k-grid-pager,
body:not(.theme-v4-modern) .k-pager.k-grid-pager,
body:not(.theme-v4-modern) .k-pager-wrap,
body:not(.theme-v4-modern) .k-pager {
    border-color: #2f4c70;
    color: #fff;
    background-color: var(--primary-color);
    padding: .375rem;
    gap: 0;
    flex-wrap: nowrap;
    width: 100%;
    box-sizing: border-box;
}

body:not(.theme-v4-modern) .k-grid-pager .k-pager-info,
body:not(.theme-v4-modern) .k-pager .k-pager-info,
body:not(.theme-v4-modern) .k-pager-wrap .k-pager-info {
    color: #fff;
}

body:not(.theme-v4-modern) .k-grid-pager .k-pager-numbers,
body:not(.theme-v4-modern) .k-pager .k-pager-numbers,
body:not(.theme-v4-modern) .k-pager-wrap .k-pager-numbers,
body:not(.theme-v4-modern) .k-pager-sm .k-pager-numbers,
body:not(.theme-v4-modern) .k-pager-md .k-pager-numbers {
    display: flex !important;
}

body:not(.theme-v4-modern) .k-grid-pager .k-pager-input,
body:not(.theme-v4-modern) .k-pager .k-pager-input,
body:not(.theme-v4-modern) .k-pager-wrap .k-pager-input {
    display: none !important;
}

body:not(.theme-v4-modern) .k-grid-pager .k-pager-nav,
body:not(.theme-v4-modern) .k-pager .k-pager-nav,
body:not(.theme-v4-modern) .k-grid-pager .k-pager-numbers .k-button,
body:not(.theme-v4-modern) .k-grid-pager .k-pager-numbers .k-link,
body:not(.theme-v4-modern) .k-pager .k-pager-numbers .k-button,
body:not(.theme-v4-modern) .k-pager .k-pager-numbers .k-link,
body:not(.theme-v4-modern) .k-grid-pager .k-pager-refresh,
body:not(.theme-v4-modern) .k-pager .k-pager-refresh {
    border-radius: 0;
    border-width: 0;
    border-inline-end: 1px solid rgba(33, 37, 41, 0.125);
    color: var(--secondary-color) !important;
    background-color: #fff !important;
    background-image: none !important;
    box-shadow: none !important;
    margin: 0;
}

body:not(.theme-v4-modern) .k-grid-pager .k-pager-nav + .k-pager-nav,
body:not(.theme-v4-modern) .k-grid-pager .k-pager-nav + .k-pager-numbers-wrap,
body:not(.theme-v4-modern) .k-grid-pager .k-pager-numbers-wrap + .k-pager-nav,
body:not(.theme-v4-modern) .k-grid-pager .k-pager-numbers > li + li {
    margin-left: -1px;
}

body:not(.theme-v4-modern) .k-grid-pager .k-pager-first,
body:not(.theme-v4-modern) .k-pager .k-pager-first {
    border-radius: .25rem 0 0 .25rem;
}

body:not(.theme-v4-modern) .k-grid-pager .k-pager-last,
body:not(.theme-v4-modern) .k-pager .k-pager-last {
    border-radius: 0 .25rem .25rem 0;
    border-inline-end-width: 0;
}

body:not(.theme-v4-modern) .k-grid-pager .k-pager-nav.k-disabled,
body:not(.theme-v4-modern) .k-pager .k-pager-nav.k-disabled {
    background-color: #edf3f9 !important;
    opacity: .65;
}

body:not(.theme-v4-modern) .k-grid-pager .k-pager-numbers .k-button.k-selected,
body:not(.theme-v4-modern) .k-grid-pager .k-pager-numbers .k-link.k-selected,
body:not(.theme-v4-modern) .k-grid-pager .k-pager-numbers .k-link.k-state-selected,
body:not(.theme-v4-modern) .k-pager .k-pager-numbers .k-button.k-selected,
body:not(.theme-v4-modern) .k-pager .k-pager-numbers .k-link.k-selected,
body:not(.theme-v4-modern) .k-pager .k-pager-numbers .k-link.k-state-selected {
    border-color: var(--secondary-color);
    color: #fff !important;
    background-color: var(--secondary-color) !important;
}

body:not(.theme-v4-modern) .k-grid-pager .k-pager-numbers .k-button:hover,
body:not(.theme-v4-modern) .k-grid-pager .k-pager-numbers .k-link:hover,
body:not(.theme-v4-modern) .k-pager .k-pager-numbers .k-button:hover,
body:not(.theme-v4-modern) .k-pager .k-pager-numbers .k-link:hover,
body:not(.theme-v4-modern) .k-grid-pager .k-pager-nav:hover:not(.k-disabled),
body:not(.theme-v4-modern) .k-pager .k-pager-nav:hover:not(.k-disabled) {
    background-color: #ebebeb !important;
}

body:not(.theme-v4-modern) .k-grid-pager .k-pager-numbers .k-button.k-selected:hover,
body:not(.theme-v4-modern) .k-pager .k-pager-numbers .k-button.k-selected:hover {
    color: #fff !important;
    background-color: var(--secondary-color) !important;
}

body:not(.theme-v4-modern) .k-grid-pager .k-pager-nav .k-icon,
body:not(.theme-v4-modern) .k-grid-pager .k-pager-nav .k-svg-icon,
body:not(.theme-v4-modern) .k-pager .k-pager-nav .k-icon,
body:not(.theme-v4-modern) .k-pager .k-pager-nav .k-svg-icon {
    color: inherit;
}

body:not(.theme-v4-modern) .k-grid-pager .k-pager-nav .k-svg-icon svg,
body:not(.theme-v4-modern) .k-pager .k-pager-nav .k-svg-icon svg {
    fill: currentColor;
}

body:not(.theme-v4-modern) .k-grid-pager .k-pager-nav:has(.k-svg-i-chevron-left),
body:not(.theme-v4-modern) .k-grid-pager .k-pager-nav:has(.k-svg-i-chevron-right),
body:not(.theme-v4-modern) .k-pager .k-pager-nav:has(.k-svg-i-chevron-left),
body:not(.theme-v4-modern) .k-pager .k-pager-nav:has(.k-svg-i-chevron-right) {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    outline: 0 !important;
    box-shadow: none !important;
}

body:not(.theme-v4-modern) .k-grid-pager .k-pager-nav:has(.k-svg-i-chevron-left) .k-button-icon,
body:not(.theme-v4-modern) .k-grid-pager .k-pager-nav:has(.k-svg-i-chevron-right) .k-button-icon,
body:not(.theme-v4-modern) .k-grid-pager .k-pager-nav:has(.k-svg-i-chevron-left) .k-svg-icon,
body:not(.theme-v4-modern) .k-grid-pager .k-pager-nav:has(.k-svg-i-chevron-right) .k-svg-icon,
body:not(.theme-v4-modern) .k-pager .k-pager-nav:has(.k-svg-i-chevron-left) .k-button-icon,
body:not(.theme-v4-modern) .k-pager .k-pager-nav:has(.k-svg-i-chevron-right) .k-button-icon,
body:not(.theme-v4-modern) .k-pager .k-pager-nav:has(.k-svg-i-chevron-left) .k-svg-icon,
body:not(.theme-v4-modern) .k-pager .k-pager-nav:has(.k-svg-i-chevron-right) .k-svg-icon {
    display: none !important;
}

body:not(.theme-v4-modern) .k-grid-pager .k-pager-nav:has(.k-svg-i-chevron-left)::before,
body:not(.theme-v4-modern) .k-grid-pager .k-pager-nav:has(.k-svg-i-chevron-right)::before,
body:not(.theme-v4-modern) .k-pager .k-pager-nav:has(.k-svg-i-chevron-left)::before,
body:not(.theme-v4-modern) .k-pager .k-pager-nav:has(.k-svg-i-chevron-right)::before {
    content: none !important;
    display: none !important;
    box-shadow: none !important;
}

body:not(.theme-v4-modern) .k-grid-pager .k-pager-nav:has(.k-svg-i-chevron-left)::after,
body:not(.theme-v4-modern) .k-grid-pager .k-pager-nav:has(.k-svg-i-chevron-right)::after,
body:not(.theme-v4-modern) .k-pager .k-pager-nav:has(.k-svg-i-chevron-left)::after,
body:not(.theme-v4-modern) .k-pager .k-pager-nav:has(.k-svg-i-chevron-right)::after {
    display: inline-block !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: auto !important;
    height: auto !important;
    font-family: "WebComponentsIcons" !important;
    font-size: 16px !important;
    line-height: 1 !important;
    color: inherit !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    opacity: 1 !important;
    pointer-events: none !important;
}

body:not(.theme-v4-modern) .k-grid-pager .k-pager-nav:has(.k-svg-i-chevron-left)::after,
body:not(.theme-v4-modern) .k-pager .k-pager-nav:has(.k-svg-i-chevron-left)::after {
    content: "\e007" !important;
}

body:not(.theme-v4-modern) .k-grid-pager .k-pager-nav:has(.k-svg-i-chevron-right)::after,
body:not(.theme-v4-modern) .k-pager .k-pager-nav:has(.k-svg-i-chevron-right)::after {
    content: "\e005" !important;
}

body.theme-v1 .v4-panel.panel-primary {
    margin-top: 15px;
}

body:not(.theme-v4-modern) .k-filter-menu .k-actions .k-button,
body:not(.theme-v4-modern) .k-filter-menu .k-action-buttons .k-button,
body:not(.theme-v4-modern) .k-grid-filter-popup .k-actions .k-button,
body:not(.theme-v4-modern) .k-filter-menu-container .k-actions .k-button {
    border-radius: .25rem;
    border-width: 1px;
    border-style: solid;
    color: #fff;
    box-shadow: none;
}

body:not(.theme-v4-modern) .k-filter-menu .k-actions .k-button .k-button-icon,
body:not(.theme-v4-modern) .k-filter-menu .k-action-buttons .k-button .k-button-icon,
body:not(.theme-v4-modern) .k-grid-filter-popup .k-actions .k-button .k-button-icon,
body:not(.theme-v4-modern) .k-filter-menu-container .k-actions .k-button .k-button-icon {
    display: none;
}

body:not(.theme-v4-modern) .k-filter-menu .k-button-solid-primary,
body:not(.theme-v4-modern) .k-grid-filter-popup .k-button-solid-primary,
body:not(.theme-v4-modern) .k-filter-menu-container .k-button-solid-primary,
body:not(.theme-v4-modern) .k-filter-menu .k-button.k-primary,
body:not(.theme-v4-modern) .k-filter-menu button[type="submit"] {
    border-color: var(--secondary-color);
    color: #fff;
    background-color: var(--secondary-color);
    background-image: none;
}

body:not(.theme-v4-modern) .k-filter-menu .k-button-solid-primary:hover,
body:not(.theme-v4-modern) .k-grid-filter-popup .k-button-solid-primary:hover,
body:not(.theme-v4-modern) .k-filter-menu-container .k-button-solid-primary:hover,
body:not(.theme-v4-modern) .k-filter-menu .k-button.k-primary:hover,
body:not(.theme-v4-modern) .k-filter-menu button[type="submit"]:hover {
    border-color: #188f7f;
    color: #fff;
    background-color: #1a9a89;
}

body:not(.theme-v4-modern) .k-filter-menu .k-button-solid-base,
body:not(.theme-v4-modern) .k-grid-filter-popup .k-button-solid-base,
body:not(.theme-v4-modern) .k-filter-menu-container .k-button-solid-base,
body:not(.theme-v4-modern) .k-filter-menu button[type="reset"] {
    border-color: var(--primary-color);
    color: #fff;
    background-color: var(--primary-color);
    background-image: none;
}

body:not(.theme-v4-modern) .k-filter-menu .k-button-solid-base:hover,
body:not(.theme-v4-modern) .k-grid-filter-popup .k-button-solid-base:hover,
body:not(.theme-v4-modern) .k-filter-menu-container .k-button-solid-base:hover,
body:not(.theme-v4-modern) .k-filter-menu button[type="reset"]:hover {
    border-color: #2d4a6c;
    color: #fff;
    background-color: #315075;
}

body:not(.theme-v4-modern) .k-numerictextbox,
body:not(.theme-v4-modern) .k-numerictextbox.k-input,
body:not(.theme-v4-modern) .k-numerictextbox.k-input-solid,
body:not(.theme-v4-modern) .k-datepicker,
body:not(.theme-v4-modern) .k-datepicker.k-input,
body:not(.theme-v4-modern) .k-filter-menu .k-textbox {
    border-radius: .25rem;
    overflow: hidden;
    border: 1px solid rgba(33, 37, 41, 0.15) !important;
    box-shadow: none !important;
    outline: 0 !important;
    background-color: #fff;
}

body:not(.theme-v4-modern) .k-numerictextbox .k-input-inner,
body:not(.theme-v4-modern) .k-datepicker .k-input-inner,
body:not(.theme-v4-modern) .k-dateinput .k-input-inner,
body:not(.theme-v4-modern) .k-filter-menu .k-textbox .k-input-inner {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    -webkit-appearance: none;
    appearance: textfield;
}

body:not(.theme-v4-modern) .k-numerictextbox .k-input-inner::-webkit-outer-spin-button,
body:not(.theme-v4-modern) .k-numerictextbox .k-input-inner::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

body:not(.theme-v4-modern) .k-numerictextbox .k-input-spinner,
body:not(.theme-v4-modern) .k-dateinput .k-input-spinner {
    display: flex;
    flex-direction: column;
    width: 2rem;
    flex: none;
    align-self: stretch;
    overflow: hidden;
    margin: 0;
    background-color: var(--primary-color);
    border: 0;
    border-radius: 0;
}

body:not(.theme-v4-modern) .k-datepicker .k-button-icon,
body:not(.theme-v4-modern) .k-datepicker .k-svg-icon,
body:not(.theme-v4-modern) .k-datepicker .k-input-button .k-button-icon,
body:not(.theme-v4-modern) .k-datepicker .k-input-button .k-svg-icon {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body:not(.theme-v4-modern) .k-dropdownlist .k-input-button .k-button-icon,
body:not(.theme-v4-modern) .k-dropdownlist .k-input-button .k-svg-icon,
body:not(.theme-v4-modern) .k-dropdownlist .k-button-icon,
body:not(.theme-v4-modern) .k-dropdownlist .k-svg-icon,
body:not(.theme-v4-modern) .k-dropdownlist .k-icon {
    display: none !important;
}

body:not(.theme-v4-modern) .k-numerictextbox .k-spinner-increase,
body:not(.theme-v4-modern) .k-numerictextbox .k-spinner-decrease,
body:not(.theme-v4-modern) .k-dateinput .k-spinner-increase,
body:not(.theme-v4-modern) .k-dateinput .k-spinner-decrease {
    border: 0 !important;
    border-radius: 0 !important;
    min-width: 0;
    padding: 0;
    flex: 1 1 50%;
    color: #fff !important;
    background: var(--primary-color) !important;
    background-image: none !important;
    box-shadow: none !important;
}

body:not(.theme-v4-modern) .k-numerictextbox .k-spinner-increase:hover,
body:not(.theme-v4-modern) .k-numerictextbox .k-spinner-decrease:hover,
body:not(.theme-v4-modern) .k-dateinput .k-spinner-increase:hover,
body:not(.theme-v4-modern) .k-dateinput .k-spinner-decrease:hover {
    color: #fff !important;
    background: #315075 !important;
}

body:not(.theme-v4-modern) .k-numerictextbox .k-spinner-increase .k-button-icon,
body:not(.theme-v4-modern) .k-numerictextbox .k-spinner-decrease .k-button-icon,
body:not(.theme-v4-modern) .k-dateinput .k-spinner-increase .k-button-icon,
body:not(.theme-v4-modern) .k-dateinput .k-spinner-decrease .k-button-icon,
body:not(.theme-v4-modern) .k-numerictextbox .k-spinner-increase .k-svg-icon,
body:not(.theme-v4-modern) .k-numerictextbox .k-spinner-decrease .k-svg-icon,
body:not(.theme-v4-modern) .k-dateinput .k-spinner-increase .k-svg-icon,
body:not(.theme-v4-modern) .k-dateinput .k-spinner-decrease .k-svg-icon,
body:not(.theme-v4-modern) .k-numerictextbox .k-spinner-increase .k-icon,
body:not(.theme-v4-modern) .k-numerictextbox .k-spinner-decrease .k-icon,
body:not(.theme-v4-modern) .k-dateinput .k-spinner-increase .k-icon,
body:not(.theme-v4-modern) .k-dateinput .k-spinner-decrease .k-icon {
    display: none !important;
}

body:not(.theme-v4-modern) .k-numerictextbox .k-spinner-increase::after,
body:not(.theme-v4-modern) .k-numerictextbox .k-spinner-decrease::after,
body:not(.theme-v4-modern) .k-dateinput .k-spinner-increase::after,
body:not(.theme-v4-modern) .k-dateinput .k-spinner-decrease::after,
body:not(.theme-v4-modern) .k-dropdownlist .k-input-button::after {
    display: inline-block !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: auto !important;
    height: auto !important;
    font-family: "WebComponentsIcons" !important;
    font-size: 16px !important;
    line-height: 1 !important;
    color: #fff !important;
    background: none !important;
    opacity: 1 !important;
    pointer-events: none !important;
}

body:not(.theme-v4-modern) .k-numerictextbox .k-spinner-increase::after,
body:not(.theme-v4-modern) .k-dateinput .k-spinner-increase::after {
    content: "\e004" !important;
}

body:not(.theme-v4-modern) .k-numerictextbox .k-spinner-decrease::after,
body:not(.theme-v4-modern) .k-dateinput .k-spinner-decrease::after,
body:not(.theme-v4-modern) .k-dropdownlist .k-input-button::after {
    content: "\e006" !important;
}

body:not(.theme-v4-modern) .k-datepicker .k-input-button,
body:not(.theme-v4-modern) .k-datetimepicker .k-input-button,
body:not(.theme-v4-modern) .k-timepicker .k-input-button {
    border: 0 !important;
    border-radius: 0 !important;
    color: #fff !important;
    background: var(--primary-color) !important;
    background-image: none !important;
    box-shadow: none !important;
}

body:not(.theme-v4-modern) .k-datepicker .k-input-button:hover,
body:not(.theme-v4-modern) .k-datetimepicker .k-input-button:hover,
body:not(.theme-v4-modern) .k-timepicker .k-input-button:hover {
    color: #fff !important;
    background: #315075 !important;
}

body:not(.theme-v4-modern) .k-datepicker .k-input-button .k-svg-icon,
body:not(.theme-v4-modern) .k-datetimepicker .k-input-button .k-svg-icon,
body:not(.theme-v4-modern) .k-timepicker .k-input-button .k-svg-icon,
body:not(.theme-v4-modern) .k-datepicker .k-input-button .k-icon,
body:not(.theme-v4-modern) .k-datetimepicker .k-input-button .k-icon,
body:not(.theme-v4-modern) .k-timepicker .k-input-button .k-icon {
    color: #fff !important;
}

body:not(.theme-v4-modern) .k-datepicker .k-input-button .k-svg-icon svg,
body:not(.theme-v4-modern) .k-datetimepicker .k-input-button .k-svg-icon svg,
body:not(.theme-v4-modern) .k-timepicker .k-input-button .k-svg-icon svg {
    fill: currentColor !important;
}