/*  */

/* Start Block REVIEW 2024.4 */

/* Font der Inputs */
.k-input[type=text], .k-input[type=number], .k-picker-wrap .k-input, .k-textarea, .k-textarea > .k-input .k-multiselect .k-input, .k-textarea > textarea, .k-textbox, .k-textbox > .k-input, .k-textbox > input {
    font-size: 100%;
    font-family: inherit;
    border-style: solid;
    border-width: 1px;
    -webkit-appearance: none;
}

.k-textbox,
textarea.k-textbox {
    padding: .17857143em .571em;
    padding-block: .17857143em .571em;
}

/* focus */
.k-picker-solid:focus, .k-picker-solid.k-focus {
    box-shadow: 0 0 3px 1px rgb(var(--color-base));
    border-color: rgb(var(--color-base));
}

.k-textbox:focus:not(.k-grid .k-textbox) {
    box-shadow: 0 0 3px 1px rgb(var(--color-base));
    border-color: rgb(var(--color-base));
}

.k-radio:focus, .k-radio.k-focus {
    box-shadow: 0 0 4px 2px rgb(var(--color-base));
    border-color: rgb(var(--color-base));
}

.k-input-solid:focus, .k-input-solid.k-focus {
    /*border-color: rgba(0, 0, 0, .1);*/
    box-shadow: 0 0 3px 1px rgb(var(--color-base));
    border-color: rgb(var(--color-base));
}

:not(td.k-table-td) > .k-input:focus-within {
    /*border-color: var(--kendo-color-border-alt);*/
    box-shadow: 0 0 3px 1px rgb(var(--color-base));
    border-color: rgb(var(--color-base));
}

.k-checkbox:focus, .k-checkbox.k-focus {
    /*box-shadow: 0 0 3px 1px color-mix(in srgb, rgb(var(--color-base)) 90%, transparent); */
    box-shadow: 0 0 3px 2px rgb(var(--color-base));
    border-color: rgb(var(--color-base));
}

.k-checkbox:checked:focus, .k-checkbox.k-checked.k-focus,
.k-checkbox:checked:focus-within {
    /*box-shadow: 0 0 3px 1px color-mix(in srgb, rgb(var(--color-base)) 90%, transparent);*/
    box-shadow: 0 0 3px 2px rgb(var(--color-base));
    border-color: rgb(var(--color-base));
}

:not(td.k-table-td) > .k-checkbox:focus-within {
    /*border-color: var(--kendo-color-border-alt);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 8%, transparent);*/
    box-shadow: 0 0 3px 2px rgb(var(--color-base));
    border-color: rgb(var(--color-base));
}

/* aus Novasib.Silver.Default -> Style erzwingen (important)*/
.k-state-focused, .k-list > .k-state-focused, .k-listview > .k-state-focused, .k-grid-header th.k-state-focused, td.k-state-focused, .k-button:focus:not(.k-state-disabled):not([disabled]), .k-button.k-state-focused {
    /*    -webkit-box-shadow: inset 0 0 0 1px rgb(var(--color-base));
    box-shadow: inset 0 0 0 1px rgb(var(--color-base));*/
    box-shadow: 0 0 3px 1px rgb(var(--color-base));
    border-color: rgb(var(--color-base));
}


/* Start Block REVIEW */

#idLoginTable .k-textbox,
#ResetPasswordForm .k-textbox,
#idChangePasswordTable .k-textbox {
    border-color: var(--kendo-color-border-alt);
    padding: 5px;
}

.startButtonTd {
    text-align: right;
    display: table-cell;
    vertical-align: middle
}

/* Workaround fuer Icon-Buttons (a > icon-button) im Disabled-Style (k-state-disabled) */
.panelAction > a {
    display: inline-flex;
}
.panelAction > a.k-state-disabled > span {
    background-color: #B0B0B0;
}

.k-tabstrip-content, .k-tabstrip > .k-content {
    background-color: var(--color-bg, #ffffff);
}

.k-tabstrip-content.k-active, .k-tabstrip > .k-content.k-active {
    border-color: rgb(var(--color-base));
    border-width: thin;
    border-top-width: thin !important;
}

/*aus den Design-Style-Dateien entfernen (Novasib.Orange.Default.css, ...)*/
.k-tabstrip-items .k-link,
.k-tabstrip-item.k-active {
    border-color: rgb(var(--color-base)) !important;
    border-left-width: thin !important;
    border-top-width: thin !important;
    border-right-width: thin !important;
    border-bottom-width: 0 !important;
}

/* Ende Block REVIEW */

.k-splitter {
    font-size: 0.97rem;
}

.k-button:hover {
    background-color: rgb(var(--color-hov));
    border-color: rgb(var(--color-base));
    background-image: none;
    color: #FFFFFF;
}

.k-button-flat:hover {
    background-color: rgb(var(--color-hov)) !important;
    border-color: rgb(var(--color-base));
    background-image: none;
    color: #FFFFFF;
}

.k-multiselect.k-input:hover,
.k-multiselect.k-input:hover .k-button,
.k-dropdownlist:hover {
    background-color: rgb(var(--color-hov));
    border-color: rgb(var(--color-hov));
    color: #FFFFFF;
}

.k-input-solid:hover,
.k-input-solid input:hover {
    border-color: rgb(var(--color-hov));
    background-image: none !important;
}

.k-input-solid.k-hover > button {
    color: rgb(var(--color-text-hov));
    background-color: rgb(var(--color-hov));
}
/*
.k-input-solid.k-focus > button,
.k-dropdownlist.k-focus,
.k-button.k-focus,
.k-button:focus {
    color: rgb(var(--color-text-base));
    background-color: rgb(var(--color-base));
}
    */
.k-input, input.k-textbox, textarea.k-textbox, input.k-textbox:hover, textarea.k-textbox:hover, .k-textbox > input {
    background-color: #ffffff;
    background-image: none !important;
    /*color: #000000;*/
}

.k-input-inner {
    font-size: 0.97rem;
}
/* im Review-Block
:not(td.k-table-td) > .k-input:focus-within {
    border-color: var(--kendo-color-border-alt);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 8%, transparent);
}
*/
.k-input:hover,
.k-input.k-hover {
    border-color: rgb(var(--color-base)) !important;
}

.k-selected,
.k-selected:link,
.k-grid-pager .k-button.k-selected,
.k-selected:visited,
.k-list > .k-selected, .k-list > .k-state-highlight, .k-panel > .k-selected, .k-button:active,
.k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-scheduler .k-scheduler-toolbar .k-selected, .k-marquee-color {
    color: #EAEAEC;
    /*background-color: rgb(var(--color-base)) !important;*/
    background-color: rgb(var(--color-base));
    border-color: rgb(var(--color-base));
}

.k-state-selected,
.k-state-selected:link,
.k-pager-wrap .k-link.k-state-selected,
.k-state-selected:visited,
.k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-button:active,
.k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-marquee-color {
    background-color: rgb(var(--color-base));
    border-color: rgb(var(--color-base));
}

.k-disabled, .k-disabled:hover,
.k-state-disabled, .k-state-disabled:hover {
    color: #6D6D6D !important;
    border-color: #B0B0B0 !important;
    background-color: #B0B0B0 !important;
    background-image: none !important;
    pointer-events: none;
}

/* windows tilebar */

.k-window-titlebar {
    padding: 1px 0 4px 4px;
    padding-block: 1px 0 4px 4px;
    border-radius:initial;
}

.k-window-titlebar-action .k-button-icon {
    background-repeat: no-repeat;
    background-position: center;
    color: #ffffff;
}

.k-window-titlebar-action.k-button.k-button-flat {
    background-color: rgb(var(--color-base))!important;
    border-radius:initial;
}

.k-window-title {
    display:flex;
}

/* icon */
.k-icon.k-i-dbtrace, .k-icon.k-i-help,
.k-icon.k-i-folder-add, .k-icon.k-i-window-minimize, .k-icon.k-i-myminimize,
.k-icon.k-i-window-maximize, .k-icon.k-i-window-restore, .k-icon.k-i-close {
    color: #ffffff;
}

.k-state-hover .k-icon.k-i-dbtrace,
.k-state-hover .k-icon.k-i-close, .k-state-hover .k-icon.k-i-help,
.k-state-hover .k-icon.k-i-window-minimize, .k-state-hover .k-icon.k-i-myminimize, .k-icon.k-state-hover .k-i-window-maximize,
.k-state-hover .k-icon.k-i-window-restore, .k-state-hover .k-icon.k-i-folder-add {
    color: #787878;
}

/* calendar */

.k-calendar .k-calendar-td.k-selected .k-calendar-cell-inner,
.k-calendar .k-calendar-td.k-selected .k-link {
    background-color: rgb(var(--color-sel));
}

.k-calendar .k-calendar-td.k-selected:hover .k-calendar-cell-inner,
.k-calendar .k-calendar-td.k-selected:hover .k-link {
    color: rgb(var(--color-text-hov));
    background-color: rgb(var(--color-hov));
}

.k-calendar .k-link:hover,
.k-calendar .k-calendar-td:hover .k-calendar-cell-inner,
.k-calendar .k-calendar-td:hover .k-link {
    color: rgb(var(--color-text-hov));
    background-color: rgb(var(--color-hov));
}


/* list */
.k-list-item.k-hover {
    color: rgb(var(--color-text-hov));
    background-color: rgb(var(--color-hov));
}

.k-list-item.k-selected {
    background-color: rgb(var(--color-sel));
}

.k-list-item.k-selected:hover {
    background-color: rgb(var(--color-hov));
}

/* drop down list */
.k-dropdownlist {
    width: 100%; /* SIS Anordnung DDL Art/Typ*/
    background-color: rgb(var(--color-bg));
}

.k-dropdownlist:hover {
    background-color: rgb(var(--color-base));
}

/* drop-down-list im Grid - InlineEdit */
.k-grid .k-dropdownlist {
    width: 100%;
    background-color: rgb(var(--color-bg));
}

/* drop-down-list im Grid - InlineEdit */
.k-grid .k-dropdownlist:hover {
    background-color: rgb(var(--color-base));
}

/* DatePicker im Grid - InlineEdit*/
.k-grid .k-datepicker {
    width: 100%;
}

/* Numerische Input-Box mit Spinner im Grid - InlineEdit */
.k-grid .k-numerictextbox {
    width: 100%;
}

/* Textbox im Grid - InlineEdit */
.k-grid .k-textbox,
.k-grid input.k-textbox {
    border: 1px solid;
    border-color: inherit;
    border-radius: var(--kendo-border-radius-md, 0.25rem);
    padding-block: var(--kendo-spacing-1, 0.25rem);
    padding-inline: var(--kendo-spacing-2, 0.5rem);
    font-size: 0.97rem;
}

.k-grid .k-input-inner {
    font-size: 0.97rem;
}

/* Textbox im Grid - InlineEdit - Hover */
.k-grid .k-textbox:hover,
.k-grid .k-textbox.k-hover {
    border-color: rgb(var(--color-base)) !important;
}

/* Checkbox im Grid - InlineEdit */
.k-grid .k-checkbox {
    border-color: rgb(var(--color-bg-alt));
    border-radius: var(--kendo-border-radius-md, 0.25rem);
}

/* Checkbox im Grid - InlineEdit - Hover */
.k-grid .k-checkbox:hover,
.k-grid .k-checkbox.k-hover {
    border-color: rgb(var(--color-base)) !important;
}

.k-textbox:not(.k-grid .k-textbox) {
    border: 1px solid;
    border-color: var(--kendo-color-border-alt);
}

.k-textbox:hover:not(.k-grid .k-textbox),
.k-textbox.k-hover:not(.k-grid .k-textbox) {
    border-color: rgb(var(--color-base)) !important;
}

/*.k-dropdownlist.k-picker-md .k-input-value-text {
    font-size: 12px;
}*/

.k-dropdownlist.k-input-md .k-input-inner,
.k-dropdownlist.k-picker-md .k-input-inner {
    padding-block: 2px;
    padding-inline: 4px;
}

.k-dropdownlist.k-input-md,
.k-dropdownlist.k-picker-md {
    font-size: 12px;
    line-height: 1.4285714286;
}

/* Die waehrend des Datenzugriffs auf die Aktion im Webserver eingeblendete Warteanimation 
    (k-i-loading k-input-loading-icon) belegt ohne Anpassung zu viel Hoehe */
.k-dropdownlist .k-font-icon {
    width: 16px;
    height: 16px;
    padding: 0;
}

/* multiselect */
.k-input.k-multiselect {
    background-color: #EAEAEC;
}

.k-multiselect .k-chip {
    width: 100%;
    height: 100%;
}

.k-multiselect .k-input-values {
    padding: 0;
    cursor:pointer;
}

.k-multiselect input {
    display: none;
}

.k-multiselect .k-chip .k-chip-icon {
    display: none;
}

.k-multiselect .k-chip {
    border: 0;
    background-color: inherit;
}

.k-input.k-multiselect {
    border-width: 1px !important;
}

.k-input-button.k-multiselect-toggle-button {
    border:0;
}

/* Radio button */
.k-radio:checked {
    border-color: white !important;
    background-color: white !important;
    color: black !important;
}

.k-radio:checked, .k-radio.k-checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3e%3ccircle cx='50%25' cy='50%25' r='4' fill='black'/%3e%3c/svg%3e");
}

.k-radio {
    background-color: white;
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
}

/* Checkbox */
.k-checkbox:checked, .k-checkbox.k-checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='black' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M3,8 l3,3 l7-7'/%3e%3c/svg%3e");
}

.k-checkbox:indeterminate,
.k-checkbox.k-indeterminate {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='black' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M4,8 h8'/%3e%3c/svg%3e");
}

.k-checkbox,
.k-checkbox:active,
.k-checkbox:checked {
    border-color: rgb(var(--color-bg-alt));
    background-color: white;
    color: black;
    width: 16px;
    height: 16px;
}

/* im Review-Block
:not(td.k-table-td) > .k-checkbox:focus-within {
    border-color: var(--kendo-color-border-alt);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 8%, transparent);
}*/

.k-checkbox:hover,
.k-checkbox.k-hover {
    border-color: rgb(var(--color-base)) !important;
}

/* grid */
/*
.k-grid-content {
    background-color: rgb(var(--color-bg));
}
*/
.k-table-md,
.k-table-sm {
    /*font-size: 12px;*/
    font-size: 0.97rem;
    line-height: normal;
}

.k-grid .k-grid-header .k-table-th {
    text-align: center !important;
    vertical-align: middle;
    padding-right:4px;
}

.k-grid-column-menu .k-grid-header-menu {
    vertical-align: top;
}

.k-grid-header .k-header {
    background-color: rgb(var(--color-bg-alt)) !important;
    /*color: #D3D3D3;*/
}

.k-grid-header .k-icon k-i-more-vertical {
    vertical-align: bottom;
}

.k-grid-header .k-i-more-vertical::before {
    content: "\e031";
    /*content: "\e04f";*/
}

.k-grid-header th,
.k-grid-header .k-header {
    justify-content: center;
}

.k-grid-content td,
.k-grid-content .k-table-td {
    text-align: center;
}

.k-grid .k-grid-header,
.k-grid .k-grid-content,
.k-grid .k-grid-header .k-table-th,
.k-grid .k-grid-content td,
.k-grid .k-grid-content .k-table-td {
    border-color: var(--kendo-color-border, #dbdbdb); /* Rahmung ident. content-locked Bereich */
}

.k-column-title {
    white-space: break-spaces;
}

.k-grid .k-grid-filter,
.k-grid .k-header-column-menu,
.k-grid .k-grid-header-menu,
.k-grid .k-hierarchy-cell .k-icon,
.k-grid .k-hierarchy-cell .k-svg-icon {
    color: inherit;
}

.k-grid td.k-state-selected:hover,
.k-grid tr:hover,
.k-grid .k-state-hover,
.k-grid .k-table-row.k-state-hover,
.k-grid .k-table-row:hover {
    color: rgb(var(--color-text-hov));
    background-color: rgba(var(--color-hov), 0.9);
}

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

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

.k-grid .k-table-row.k-table-alt-row.k-state-hover,
.k-grid .k-table-row.k-table-alt-row:hover {
    background-color: rgba(var(--color-hov), 0.9);
    color: rgb(var(--color-text-hov));
}

.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):hover,
.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-hover {
    background-color: rgba(var(--color-hov), 0.9);
}

.k-grid td.k-state-selected,
.k-grid .k-table-row.k-state-selected > td,
.k-grid .k-table-td.k-state-selected,
.k-grid .k-table-row.k-state-selected > .k-table-td {
    background-color: rgb(var(--color-sel));
    color: rgb(var(--color-text-hov));
}

.k-grid td.k-selected,
.k-grid .k-table-row.k-selected > td,
.k-grid .k-table-td.k-selected,
.k-grid .k-table-row.k-selected > .k-table-td {
    background-color: rgb(var(--color-sel));
    color: rgb(var(--color-text-hov));
}

.k-grid .k-table-row.k-table-alt-row.k-state-selected,
.k-grid .k-table-row.k-table-alt-row.k-state-selected > td,
.k-grid .k-table-row.k-table-alt-row.k-state-selected > .k-table-td {
    background-color: rgb(var(--color-sel));
    color: rgb(var(--color-text-hov));
}

.k-grid .k-table-row.k-table-alt-row.k-selected,
.k-grid .k-table-row.k-table-alt-row.k-selected > td,
.k-grid .k-table-row.k-table-alt-row.k-selected > .k-table-td {
    background-color: rgb(var(--color-sel));
    color: rgb(var(--color-text-hov));
}

.k-table,
.k-data-table {
    color: rgb(var(--color-text));
}

/* grid pager */

.k-pager-md {
    padding-inline: 4px;
    padding-block: 4px;
    gap: 10px;
}

/* 5em sind zu wenig, ab 3stelliger Pagegroesse ist die DDL zu schmal */
.k-pager-md .k-pager-sizes .k-dropdown-list,
.k-pager-md .k-pager-sizes .k-dropdown,
.k-pager-md .k-pager-sizes .k-dropdownlist,
.k-pager-md .k-pager-sizes > select {
    width: 80px;
}

.k-pager .k-dropdown.k-picker.k-dropdown-list {
    height: 26px;
}

.k-pager .k-pager-info.k-label{
    display:initial;
}

.k-grid-pager .k-button.k-button-flat.k-selected {
    background-color: rgb(var(--color-base)) !important;
}


/* grid column menu */


.k-grid-header .k-grid-header-menu:hover{
    background-color: rgb(var(--color-base));
}

.k-grid-header .k-grid-header-menu.k-active, .k-grid-header .k-hierarchy-cell .k-icon.k-active {
    background-color: rgb(var(--color-base));
}

.k-menu-link {
    color: rgb(var(--color-text));
}

.k-menu-group .k-item > .k-link:active {
    background-color: rgb(var(--color-base));
}

.k-menu-group .k-item > .k-link:hover {
    color: #ffffff;
    background-color: rgb(var(--color-hov));
}

.k-column-menu .k-menu:not(.k-context-menu) .k-item:hover, .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-hover {
    color: #ffffff;
    background-color: rgb(var(--color-base));
}

/* context menu */
.k-context-menu {
    background-color: rgb(var(--color-bg));
}

    .k-context-menu .k-menu-link {
        color: rgb(var(--color-text)) !important;
        background-color: rgb(var(--color-bg)) !important;
        font-style: initial !important;
        font-weight: initial !important;
    }

        .k-context-menu .k-menu-link:hover {
            color: #ffffff !important;
            background-color: rgb(var(--color-hov)) !important;
        }

/* loading overlay */
/* die Animation setzt nun Kendo (k-loading-image:before), aus den Themes entfernen */
.k-loading-image {
    background-image: none !important;
}

.k-loading, .k-state-hover .k-loading {
    background-image: none !important;
}

/* slider */
.k-slider .k-slider-selection {
    background-color: rgb(var(--color-base));
}

.k-slider .k-draghandle,
.k-slider .k-draghandle:hover,
.k-slider .k-draghandle:active, .k-slider .k-draghandle.k-pressed {
    border-color: rgb(var(--color-base));
    background-color: rgb(var(--color-base));
}

/* splitbar */
.k-splitbar:focus, .k-splitbar.k-focus {
    background: rgba(var(--color-base),0.9);
}

/* tree */

.k-treeview-item {
    padding: 0 0 0 18px;
}

.k-treeview-toggle {
    margin-inline-start: -18px;
}

.k-treeview-toggle .k-i-loading.k-icon {
    font-size: 16px;
}

.k-treeview-sm .k-treeview-leaf {
    /*border-radius: var(--kendo-border-radius-md, 0.25rem);*/
    /*padding-block: var(--kendo-spacing-1, 0.25rem);*/
    padding-inline: var(--kendo-spacing-1, 0.25rem);
    border: 0px solid transparent;
}

.k-treeview-toggle .k-icon {
    padding: 0 var(--kendo-spacing-1, 0.25rem) 0 0;
}

.k-treeview-leaf {
    border-radius: 0;
}

    .k-treeview-leaf.k-hover {
        color: rgb(var(--color-text-hov)) !important;
        background: rgba(var(--color-hov),0.9);
    }
    .k-treeview-leaf.k-selected {
        /*color: rgb(var(--color-text-hov)) !important;*/
        background: rgba(var(--color-sel),0.9);
    }