/*+------------------------------------------------------ Root ----------------------------------------------------------------------+*/


:root {
    --kendo-font-family: Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    --kendo-font-size: 0.75rem;
    --kendo-line-height: 1;
    --kendo-spacing-1: 0.25rem;
    --hover--focus--frame--color: #b3b3b3 !important;
    --hover--focus--border--radius: 4px;
    --input--border--radius: 4px;
    /*letter-spacing: normal!important;*/
    letter-spacing: -0.1px !important;
    --kendo-checkbox-checked-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M3,8 l3,3 l7-7'/%3e%3c/svg%3e") !important;
}

.k-button:hover {
    color: white !important;
    background-color: #1274AC;
}


span.k-picker 
{
    max-height: 25px!important;
}

span.k-picker button.k-input-button {
    background-color: #dbdbdb !important;
}

.editor-field span.k-picker,
.editor-field span.k-picker-solid {
    background-color: white !important;
}

.k-checkbox:checked::before, .k-checkbox.k-checked::before {
    background-color: currentColor;
    mask-image: var(--kendo-checkbox-checked-image);
}


input,
.k-textbox,
.k-input-inner,
.k-input-md,
.k-input {
    border-radius: var(--input--border--radius);
}



input:focus,
.k-textbox:focus,
.k-input-inner:focus,
.k-input-md:focus,
.k-input:focus {
    outline: none;
    border: 1px solid var(--hover--focus--frame--color);
    border-radius: var(--hover--focus--border--radius);
}

input:hover,
.k-textbox:hover,
.k-input-inner:hover,
.k-input-md:hover,
.k-input:hover {
    outline: none;
    border: 1px solid var(--hover--focus--frame--color);
    border-radius: var(--hover--focus--border--radius);
}


th.k-table-th > span.k-cell-inner > span.k-link > span.k-column-title {
    min-height: 14px !important;
    text-overflow: clip; /* Do not show ellipsis */
}

.k-table-td {
    text-overflow: clip !important; /* Prevents ellipsis */
}

input,
.k-textbox,
.k-input-inner,
.k-input-md,
.k-input {
    border-radius: var(--input--border--radius);
    text-overflow: clip; /* Do not show ellipsis */
}



/*+------------------------------------------------------ Inputs ----------------------------------------------------------------------+*/



.k-checkbox [checked="checked"]::before {
    background-color: coral !important;
    font: 14px WebComponentsIcons, monospace;
    content: "\e118";
}

.k-datepicker .k-input .k-input-solid .k-input-md .k-rounded-md {
    /*width: 120px !important;*/
    width: 100%;
}

.k-input, .k-picker, .k-datepicker {
    /* min-width: 120px !important;
    width: 120px !important;*/
    width: 100%;
}



textarea {
    font-family: inherit !important;
    font-size: 0.75rem;
}

.k-button {
    padding: 2px 7px;
    border-radius: 0;
    border-color: #dbdbdb;
    color: #404040;
    background-color: #dbdbdb;
    background-position: 50% 50%;
    min-height: 26.47px;
    height: 26.47px;
}


/* Checkbox Anziege im Grid padding-left macht Probleme beim Word-Break */
.k-grid label.k-checkbox-label:empty {
    padding-left: 0px;
}

/* Checkbox Client-Template für Grid */
.k-grid-checkbox {
    font: 14px WebComponentsIcons, monospace;
    border-width: 0px;
    border-style: none;
    width: 14px;
    height: 14px;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
}

.k-grid tr:not(:hover) td:not(.k-state-selected) .k-grid-checkbox:not(:hover) {
    color: #0070c0;
}



.k-i-plus::before {
    font: 14px WebComponentsIcons, monospace;
    content: "\e11e";
}

.k-i-information::before {
    font: 14px WebComponentsIcons, monospace;
    content: "\e401";
}

.symbol-delete {
   /* background-color: coral !important;*/
}

    .symbol-delete::before {
        /*background-color: coral;*/
        font: 14px WebComponentsIcons, monospace;
        content: "\e10c";
    }


.k-i-add::before,
.k-grid-add::before {
    font: 14px WebComponentsIcons, monospace;
    content: "\e11e";
}

.k-checkbox:checked, .k-checkbox.k-checked {
    background-color: white !important;
    /*background-color: green;*/
    color: black;
    border: 1px solid #dbdbdb !important;
    border-radius: 2px !important;
}

.k-checkbox {
    width: 16px;
    height: 16px;
    box-shadow: none !important;
}




.input-validation-invalid {
    color: aqua !important;
}





.k-textbox {
    max-width: calc(100% - 18px);
    padding-right: 0px;
    padding-left: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-inline: var(--kendo-spacing-2, 0.25rem);
    padding-block: var(--kendo-spacing-1, 0.25rem);
    border: 1px solid #dbdbdb;
}


/*+------------------------------------------------------ Menu ----------------------------------------------------------------------+*/

#navigation-menu {
    margin-left: 2px;
    margin-right: 2px;
    display: table-cell;
    vertical-align: top;
    min-width: 196px!important;
    max-width: 196px!important;
    width: 196px!important;
    padding: 0px 0px 0px 0px;
    min-height: 836px;
  
    word-wrap: break-word; /* Break long words at appropriate points */
    overflow-wrap: break-word; /* Ensures compatibility with modern browsers */
    word-break: break-all; /* Break words at any character if necessary */
}

#leftmenu > li > ul {
    background-color: #fff
}

#leftmenu {
    margin-left: 0px !important;
    margin-block-start: 0px !important;
    padding-inline-start: 0px !important;
    border-right: 1px solid #d9d9d9;
}

#leftmenu > li {
    line-height: 1.6;
    margin: 0px;
    padding: 0px;
    font-weight: bold;
    color: #727272;
    list-style: none;
    background-color: #d9d9d9;
}

#leftmenu > li > a,
#leftmenu > li > span {
    padding: 4px;
}

#leftmenu > li > .k-menu {
    color: #A6A6A6;
    font-weight: normal;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

#leftmenu > li > .k-menu > li {
    line-height: 1.6;
    font-weight: normal;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #d9d9d9;
}

#leftmenu li > .k-menu > li > a,
#leftmenu li > .k-menu > li > span {
    padding: 2px;
    color: #404040;
}

#leftmenu > li > .k-menu > li.controlrule a {
    padding: 6px 10.8px 4.8px !important;
}


.k-menu-vertical > .k-menu-item > .k-menu-link > .k-menu-expand-arrow {
margin-inline-start: 0px !important;
margin-inline-end: 0px !important;
}

ul > li > ul > li.k-item:hover {
    background-color: #ebebeb !important;
}



ul > li > ul > li > a.k-menu-link {
    white-space: unset !important;
    /*background-color: lightsalmon !important;*/


    word-wrap: break-word; /* Break long words at appropriate points */
    overflow-wrap: break-word; /* Ensures compatibility with modern browsers */
    word-break: break-all; /* Break words at any character if necessary */
}

ul li span.k-menu-link {
    white-space: unset !important;
   /* background-color: lightblue !important;*/

    word-wrap: break-word; /* Break long words at appropriate points */
    overflow-wrap: break-word; /* Ensures compatibility with modern browsers */
    word-break: break-all; /* Break words at any character if necessary */
}

.k-menu-popup.k-popup .k-menu-link-text {
    padding-bottom: 2px; /* Adjust the value as needed */
}

.k-menu-popup.k-popup > *:first-child {
    padding-top: 2px; /* Adjust the value as needed */
}

.k-menu-popup.k-popup > *:last-child {
    padding-bottom: 0px; /* Adjust the value as needed */
}



/*+------------------------------------------------------ Tab Strip ----------------------------------------------------------------------+*/
.k-tabstrip-content, .k-tabstrip > .k-content {
    padding-block: var(--kendo-spacing-1, 0.25rem);
    padding-inline: var(--kendo-spacing-1, 0.25rem);
    border-color: var(--kendo-color-primary);
}


/*+------------------------------------------------------ Table ----------------------------------------------------------------------+*/
.table-cell {
    max-width: 100%;
/*    min-width: 0px!important;
*/

}


/*+------------------------------------------------------ Panel Bar Links ----------------------------------------------------------------------+*/
.k-panelbar > li > .k-link {
    color: #404040 !important;
}

.k-panelbar > li > .k-link, .k-tabstrip-items .k-link {
    color: #404040 !important;
}

.k-link:link, .k-link:visited, .k-nav-current.k-state-hover .k-link {
    color: #404040 !important;
}

.k-state-highlight > .k-link {
    color: inherit;
}

/*+------------------------------------------------------Grid ----------------------------------------------------------------------+*/

.k-grid .k-grid-header-locked, .k-grid .k-grid-content-locked, .k-grid .k-grid-header-locked .k-table-th, .k-grid .k-grid-content-locked td, .k-grid .k-grid-content-locked .k-table-td {
    display: flex;
    padding: 2px 2px;
}

.k-grid tbody tr {
    padding: 2px 0px !important;
    height: 31px !important;
    max-height: 31px !important;
    overflow: hidden;
}


.k-grid tbody td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

td.k-table-td:has(input.k-checkbox):not(:has(textarea)):not(:has([name="IstBesatzVerrechenbar"])):not(:has([name="IstBesatzDurchPaechter"])) {
    /*background-color: coral;*/
/*    display: flex !important;
*/    align-items: center !important;
    justify-content: center !important;
    height: 32px !important;
}

td.k-table-td:has(input.k-checkbox):not(:has(textarea)):has([name="IstBesatzVerrechenbar"]) {
    /*background-color: blue;*/
    height: 32px !important;
}
td.k-table-td:has(input.k-checkbox):not(:has(textarea)):has([name="IstBesatzDurchPaechter"]) {
   /* background-color: blue;*/
    height: 32px !important;
}



.k-grid .k-grid-md td, .k-grid .k-grid-md .k-table-td, .k-grid-md td, .k-grid-md .k-table-td {
    padding-block: var(--kendo-spacing-1, 0.25rem) !important;
    padding-inline: var(--kendo-spacing-2, 0.5rem) !important;
}

.k-table-md .k-table-th, .k-table-md .k-table-td {
    padding-block: 0.1rem !important;
    padding-inline: var(--kendo-spacing-2, 0.5rem) !important;
}




.k-table-md .k-table-th {
    /*  background-color: coral;*/
    vertical-align: middle !important;
    white-space: nowrap; /* Prevent text wrapping */
    overflow: hidden; /* Hide overflowing text */
    text-overflow: clip; /* Do not show ellipsis */
}



.k-grid .k-grid-md .k-table-th > .k-cell-inner, .k-grid-md .k-table-th > .k-cell-inner {
    margin-block: 0px !important;
}



/*+------------------------------------------------------ Command Cell ----------------------------------------------------------------------+*/

.k-command-cell {
    white-space: nowrap;
    overflow: visible !important;
}


td.k-command-cell {
    /*background-color: coral; */
    display: flex;
    justify-content: space-around;
    align-items: center !important;
    margin-inline-end: 0px !important;
    vertical-align: middle;
    padding-block: 0px !important;
    padding-inline: 0px !important;
    padding: 0px 0px !important
}


.k-grid tbody tr td button {
    /*background-color: green;*/
    padding-block: 0px !important;
    padding-inline: 0px !important;
    padding: 0px !important;
    height: auto !important;
    width: 26px !important;
}

.k-svg-i-arrow-rotate-cw {
    padding: 0px 2px;
    width: 22px !important;
    min-width: 22px !important;
}
/*+------------------------------------------------------ Individuelle Anpassungen ----------------------------------------------------------------------+*/
/* aktiv checkbox bezogene Produkte image Info panel */
.person-produkt {
    display: flex;
    justify-content: space-between;
    align-content: center;
    width: 200px;
}

.person-produkt-filter-aktiv {
    display: flex;
    align-content: center;
    gap: 10px;
}

.nur-aktive-filter-text {
    margin-top: 0px !important;
}

.k-chip-md {
    font-size: 0.7rem !important;
    height: 26px !important;
    width: 100px !important;
    padding-block: 8px !important;
    display: flex !important;
    max-width: 200px !important;
}

#AuftragSuche_LookupStandardVerrechnungsStatusId_taglist {
    display: flex !important;
}

.k-chip k-chip-md k-rounded-md k-chip-solid k-chip-solid-base {
    display: flex !important;
}