.k-height-small {
    height: 25px;
}

.k-height-medium {
    height: 30px;
}

.k-height-large {
    height: 35px;
}

.k-height-x-large {
    height: 40px;
}

body:not(.leslinq-form-standard-disabled) .k-label,
body:not(.leslinq-form-standard-disabled) .k-input-label,
body:not(.leslinq-form-standard-disabled) .k-form-label {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 2px;
}

body:not(.leslinq-form-standard-disabled) .k-input,
body:not(.leslinq-form-standard-disabled) .k-textbox,
body:not(.leslinq-form-standard-disabled) .k-picker,
body:not(.leslinq-form-standard-disabled) .k-dropdown,
body:not(.leslinq-form-standard-disabled) .k-dropdownlist,
body:not(.leslinq-form-standard-disabled) .k-dropdowntree,
body:not(.leslinq-form-standard-disabled) .k-combobox,
body:not(.leslinq-form-standard-disabled) .k-multiselect,
body:not(.leslinq-form-standard-disabled) .k-numerictextbox,
body:not(.leslinq-form-standard-disabled) .k-datepicker,
body:not(.leslinq-form-standard-disabled) .k-timepicker,
body:not(.leslinq-form-standard-disabled) .k-datetimepicker {
    border: var(--greyBorder) !important;
    border-width: 1px !important;
    border-radius: 4px;
    font-size: var(--kendo-font-size, 0.875rem);
    font-weight: 400;
    line-height: var(--kendo-line-height, 1.4285714286);
    min-height: 38px;
}

body:not(.leslinq-form-standard-disabled) .k-input .k-input-inner,
body:not(.leslinq-form-standard-disabled) .k-textbox .k-input-inner,
body:not(.leslinq-form-standard-disabled) .k-picker .k-input-inner,
body:not(.leslinq-form-standard-disabled) .k-dropdownlist .k-input-inner,
body:not(.leslinq-form-standard-disabled) .k-dropdowntree .k-input-inner,
body:not(.leslinq-form-standard-disabled) .k-combobox .k-input-inner,
body:not(.leslinq-form-standard-disabled) .k-multiselect .k-input-inner,
body:not(.leslinq-form-standard-disabled) .k-numerictextbox .k-input-inner,
body:not(.leslinq-form-standard-disabled) .k-datepicker .k-input-inner,
body:not(.leslinq-form-standard-disabled) .k-timepicker .k-input-inner,
body:not(.leslinq-form-standard-disabled) .k-datetimepicker .k-input-inner {
    border: 0 !important;
    box-shadow: none !important;
    font-size: var(--kendo-font-size, 0.875rem);
    font-weight: 400;
    line-height: var(--kendo-line-height, 1.4285714286);
    padding-block: var(--kendo-spacing-2, 0.5rem);
    padding-inline: var(--kendo-spacing-2, 0.5rem);
}

body:not(.leslinq-form-standard-disabled) .k-input-inner:focus {
    border: 0 !important;
    box-shadow: none !important;
    outline: 0;
}

body:not(.leslinq-form-standard-disabled) .k-input:focus,
body:not(.leslinq-form-standard-disabled) .k-input.k-focus,
body:not(.leslinq-form-standard-disabled) .k-input:focus-within,
body:not(.leslinq-form-standard-disabled) .k-textbox:focus,
body:not(.leslinq-form-standard-disabled) .k-textbox.k-focus,
body:not(.leslinq-form-standard-disabled) .k-textbox:focus-within,
body:not(.leslinq-form-standard-disabled) .k-picker:focus,
body:not(.leslinq-form-standard-disabled) .k-picker.k-focus,
body:not(.leslinq-form-standard-disabled) .k-picker:focus-within,
body:not(.leslinq-form-standard-disabled) .k-dropdown:focus,
body:not(.leslinq-form-standard-disabled) .k-dropdown.k-focus,
body:not(.leslinq-form-standard-disabled) .k-dropdown:focus-within,
body:not(.leslinq-form-standard-disabled) .k-dropdownlist:focus,
body:not(.leslinq-form-standard-disabled) .k-dropdownlist.k-focus,
body:not(.leslinq-form-standard-disabled) .k-dropdownlist:focus-within,
body:not(.leslinq-form-standard-disabled) .k-dropdowntree:focus,
body:not(.leslinq-form-standard-disabled) .k-dropdowntree.k-focus,
body:not(.leslinq-form-standard-disabled) .k-dropdowntree:focus-within,
body:not(.leslinq-form-standard-disabled) .k-combobox:focus,
body:not(.leslinq-form-standard-disabled) .k-combobox.k-focus,
body:not(.leslinq-form-standard-disabled) .k-combobox:focus-within,
body:not(.leslinq-form-standard-disabled) .k-multiselect:focus,
body:not(.leslinq-form-standard-disabled) .k-multiselect.k-focus,
body:not(.leslinq-form-standard-disabled) .k-multiselect:focus-within,
body:not(.leslinq-form-standard-disabled) .k-numerictextbox:focus,
body:not(.leslinq-form-standard-disabled) .k-numerictextbox.k-focus,
body:not(.leslinq-form-standard-disabled) .k-numerictextbox:focus-within,
body:not(.leslinq-form-standard-disabled) .k-datepicker:focus,
body:not(.leslinq-form-standard-disabled) .k-datepicker.k-focus,
body:not(.leslinq-form-standard-disabled) .k-datepicker:focus-within,
body:not(.leslinq-form-standard-disabled) .k-timepicker:focus,
body:not(.leslinq-form-standard-disabled) .k-timepicker.k-focus,
body:not(.leslinq-form-standard-disabled) .k-timepicker:focus-within,
body:not(.leslinq-form-standard-disabled) .k-datetimepicker:focus,
body:not(.leslinq-form-standard-disabled) .k-datetimepicker.k-focus,
body:not(.leslinq-form-standard-disabled) .k-datetimepicker:focus-within {
    border: var(--greyBorder);
    box-shadow: none;
    outline: 0;
}

body:not(.leslinq-form-standard-disabled) .k-input-button.k-button-md {
    min-height: 0;
}

body:not(.leslinq-form-standard-disabled) .k-checkbox-md {
    height: 16px;
    width: 16px;
}

.k-input-value-text {
    color: var(--grey);
    font-size: var(--kendo-font-size, 0.875rem);
    font-weight: 400;
    line-height: var(--kendo-line-height, 1.4285714286);
}

.k-input-inner::placeholder,
.k-searchbox .k-input-inner::placeholder,
.k-picker .k-input-inner::placeholder,
.k-dropdownlist .k-input-inner::placeholder,
.k-dropdowntree .k-input-inner::placeholder,
.k-combobox .k-input-inner::placeholder,
.k-multiselect .k-input-inner::placeholder,
.k-placeholder {
    color: var(--grey);
    font-size: var(--kendo-font-size, 0.875rem);
    font-weight: 400;
    line-height: var(--kendo-line-height, 1.4285714286);
    opacity: 1;
}

.k-input .k-input-inner, .k-input.k-input-md .k-input-inner, .k-picker .k-input-inner {
    padding-block: var(--kendo-spacing-2, 0.5rem);
}
/*****Kendo search control*****/
.k-search-wrapper {
    position: relative;
}

.add-icon {
    cursor: pointer;
}

.k-search-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 12px;
    height: 25px;
    font-size: 20px;
}

.k-search.k-input-inner {
    padding-left: 40px !important;
}

.k-tooltip.k-popup {
    background: #FF6358;
}
/*****Kendo search control end*****/

/*****Kendo filter control*****/
.k-filter-wrapper {
    position: relative;
}

.k-filter-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    align-items: center;
    display: inline-flex;
    font-size: 20px;
    height: 25px;
    justify-content: center;
    left: 10px;
    pointer-events: none;
    width: 20px;
    z-index: 2;
}

.k-filter-wrapper .k-input-inner {
    padding-left: 34px !important;
}

.k-filter-wrapper .k-input-value-text,
.k-filter-wrapper .k-chip-content {
    margin-left: 0;
}
/*****Kendo filter control end*****/

/*****Kendo dropdown control*****/
.k-dropdown-tree-wrapper {
    position: relative;
}

.k-dropdown-icon {
    position: absolute;
    top: -8px;
    bottom: 0;
    margin: auto 0;
    right: 10px;
    font-size: 16px;
    color: var(--grey);
    height: 17px;
    width: 17px;
}

.k-dropdown-tree-wrapper .k-clear-value {
    margin-right: 23px;
}

.disabled {
    pointer-events: none;
    color: #CDD1D2;
}
.primary-disabled {
    pointer-events: none;
    background: #CDD1D2;
    color: #fff;
}
/*****Kendo filter control end*****/
/*-----kendo panel----------*/
.k-panelbar, .k-panelbar-header, k-link, .k-panelbar > .k-panelbar-header {
    border: unset;
}

    .k-panelbar .k-panelbar-item {
        margin-top: 10px;
    }

.k-panelbar-item .k-level-1 {
    margin-top: 0px;
}

.k-panelbar > .k-panelbar-header > .k-link {
    padding: 10px 20px !important;
}

.k-link {
    color: var(--textGrey);
    font-size: var(--medium);
    font-weight: 500;
}

.k-panelbar > .k-panelbar-header > .k-link, .k-panelbar > .k-panelbar-header > .k-link {
    color: var(--textGrey);
    font-size: var(--medium);
    font-weight: 500;
}

.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link {
    font-weight: 400;
    font-size: var(--small);
    color: var(--textGrey);
}

    .k-panelbar > .k-panelbar-header > .k-link.k-selected,
    .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected {
        background-color: var(--white);
        color: var(--red);
    }

        .k-panelbar > .k-panelbar-header > .k-link.k-selected svg path,
        .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected svg path {
            stroke: var(--red);
        }

        .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-hover,
        .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected:hover,
        .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected.k-hover {
            background-color: #ebebeb;
        }

.k-panelbar .k-panelbar-group > .k-panelbar-item {
    padding-left: 50px;
}

    .k-panelbar > .k-panelbar-header > .k-link:focus, .k-panelbar > .k-panelbar-header > .k-link.k-focus, .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-focus {
        box-shadow: unset;
    }

.k-level-2 {
    padding-left: 0px !important;
    margin-top: 0px !important;
}

/* -----------------Splitter--------------------*/
.k-splitter {
    color: var(--textGrey);
}

.k-splitbar .k-collapse-prev,
.k-splitbar .k-expand-prev,
.k-splitbar .k-collapse-next,
.k-splitbar .k-expand-next {
    position: absolute;
    top: 9px;
    background: var(--red);
    color: white;
    padding: 0px;
    border-radius: 2px;
    height: 23px;
}

.k-splitbar {
    background-color: var(--white);
}

    .k-splitbar:focus, .k-splitbar.k-focus {
        background: var(--kendo-color-base-hover, #ebebeb);
        color: var(--grey);
    }

/*-----------Avatar------------*/
.k-avatar-lg .k-avatar-text {
    font-size: var(--extraLarge);
}

.k-avatar-md {
    width: 22px;
    height: 22px;
    flex-basis: unset;
}

    .k-avatar-md .k-avatar-text {
        font-size: 10px;
    }

/*-----avatar and dropdown-------*/

.k-popup {
    background-color: white;
    border: var(--greyBorder);
    z-index: 1000;
    box-shadow: unset;
}

/*----------------------kendo dialog (pop up) start----------------------*/

.k-window-xxl {
    width: min(80vw, 1600px);
}

.k-window-xl {
    width: min(80vw, 1400px);
}

.k-window-lg {
    width: min(70vw, 1200px);
}

.k-window-md {
    width: min(60vw, 1000px);
}

.k-window-sm {
    min-width: 40vw;
    max-width: min(90vw, 760px);
}

.k-window-xsm {
    min-width: 30vw;
    max-width: min(90vw, 560px);
}

.leslinq-popup-window {
    max-width: calc(100vw - 48px);
    max-height: calc(100vh - 48px);
}

.leslinq-popup-window > .k-dialog-content,
.leslinq-popup-window > .k-window-content {
    scrollbar-width: thin;
}

.leslinq-dialog-window > .k-dialog-content,
.leslinq-dialog-window > .k-window-content {
    box-sizing: border-box;
    padding: 20px;
}

.leslinq-dialog-iframe {
    display: block;
    width: 100%;
    height: min(70vh, 760px);
    min-height: 500px;
    border: 0;
}

.leslinq-grid-dialog-window {
    width: min(80vw, 1500px);
}

.leslinq-grid-dialog-window > .k-dialog-content,
.leslinq-grid-dialog-window > .k-window-content {
    overflow: auto;
    scrollbar-width: thin;
}

.leslinq-grid-dialog-window .k-grid {
    width: 100%;
}

.leslinq-detail-list-window.k-window {
    max-width: calc(100vw - 32px);
}

.leslinq-detail-list-window .k-window-content {
    padding: 18px;
}

.leslinq-detail-list {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    max-height: 60vh;
    overflow: auto;
}

.leslinq-detail-list-chip {
    background: #fafafa;
    border: 1px solid #e7e7e7;
    color: var(--textGrey, #3d3d3d);
    display: inline-flex;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    min-height: 31px;
    align-items: center;
    padding: 5px 11px;
}

.k-window-title {
    font-weight: bold;
}

.k-column-title {
    font-weight: bold;
}

@media (max-width: 767px) {
    .k-window-xl,
    .k-window-xxl,
    .k-window-lg,
    .k-window-md,
    .k-window-sm,
    .k-window-xsm {
        width: calc(100vw - 24px);
        min-width: 0;
        max-width: calc(100vw - 24px);
    }

    .leslinq-popup-window {
        max-width: calc(100vw - 24px);
        max-height: calc(100vh - 24px);
    }
}


/*----------------------kendo dialog (pop up) end----------------------*/

/*------------------------tabstrip start---------------------*/
.k-tabstrip-scrollable > .k-tabstrip-items-wrapper > .k-tabstrip-items {
    white-space: unset;
}

.k-tabstrip-items {
    flex-wrap: unset;
}

.k-tabstrip-content, .k-tabstrip > .k-content {
    scrollbar-width: thin !important;
}

    .k-tabstrip > .k-content:has(#distribute-view) {
        background-color: var(--backgroundGrey);
        border-color: transparent;
        padding-inline: unset;
    }

        .k-tabstrip-content:focus, .k-tabstrip-content.k-focus, .k-tabstrip > .k-content:focus, .k-tabstrip > .k-content.k-focus {
            outline-color: transparent;
        }
/*------------------------tabstrip end---------------------*/
/*------------------------tile layout start---------------------*/
.k-tilelayout-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .k-tilelayout-header .count {
        color: var(--red);
    }

/*------------------------tile layout end---------------------*/

/*------------------------grid start---------------------*/
.k-grid-selectable-row tr {
    cursor: pointer;
}

.k-grid .k-edit-cell, .k-grid .k-command-cell, .k-grid .k-grid-edit-row td, .k-grid .k-grid-edit-row .k-table-td {
    overflow: visible;
}

.k-table-tbody .k-table-row.k-selected > .k-table-td, .k-table-list .k-table-row.k-selected {
    background-color: transparent !important;
    color: inherit !important;
}


.k-table p {
    margin: 0 0 1em !important;
}

.k-grid .k-grid-content {
    max-height: 60dvh;
    height: auto !important;
}

.utilization-summary-template .k-grid-content.k-auto-scrollable {
    max-height: 100% !important;
}

.k-grid-toolbar {
    position: sticky;
}

.k-grid .k-grid-header {
    position: sticky;
    background-color: white;
}

.particiant-report .k-treeview-item {
    padding: 0;
}

.particiant-report .k-spacer {
    flex: unset;
}

.particiant-report .k-toolbar-item.k-grid-tagFilter {
    margin-left: auto !important;
}

.k-pager-info {
    text-align: end;
    justify-content: flex-end;
    flex: 1 1 0%;
    order: 9;
    display: block !important;
}

.k-pager-sizes span {
    display: flex !important;
}

.k-grid .k-grid-header .k-table-th,
.k-grid .k-grid-header th {
    padding-inline: var(--kendo-spacing-3, 0.75rem);
    font-size: var(--medium);
    font-weight: bold;
    line-height: var(--kendo-line-height, 1.4285714286);
}

.k-grid .k-grid-content td,
.k-grid .k-grid-content .k-table-td,
.k-grid .k-grid-content-locked td,
.k-grid .k-grid-content-locked .k-table-td {
    padding-inline: var(--kendo-spacing-3, 0.75rem);
    font-size: var(--kendo-font-size, 0.875rem);
    line-height: var(--kendo-line-height, 1.4285714286);
}

.k-grid .k-grid-content .k-button-md,
.k-grid .k-grid-content-locked .k-button-md {
    padding-block: var(--kendo-spacing-1, 0.25rem);
    padding-inline: var(--kendo-spacing-2, 0.5rem);
    font-size: var(--kendo-font-size, 0.875rem);
    line-height: var(--kendo-line-height, 1.4285714286);
}

.k-grid .k-command-cell,
.k-grid td:has(> .k-button[class*='k-grid-']) {
    white-space: nowrap;
}

.k-grid .k-command-cell .k-button,
.k-grid td > .k-button[class*='k-grid-'] {
    display: inline-flex;
    margin-inline-end: 5px;
    vertical-align: middle;
    white-space: nowrap;
}

.k-grid .k-command-cell .k-button:last-child,
.k-grid td > .k-button[class*='k-grid-']:last-child {
    margin-inline-end: 0;
}

.k-grid .k-grid-header .k-table-th {
    color: var(--textGrey);
    font-weight: bold;
    font-size: var(--medium);
}

.k-column-menu .k-columns-items-wrap {
    max-height: 240px;
    overflow-x: hidden;
    overflow-y: auto;
}

.k-column-menu .k-column-list {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    max-height: none;
    overflow: visible;
    width: 100%;
}

.k-column-menu .k-column-list-item {
    box-sizing: border-box;
    flex: 0 0 auto;
    width: 100%;
}

.k-column-menu .k-column-list-item .k-checkbox-label {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.k-col-icon i {
    font-size: 15px;
    vertical-align: middle;
}
    /*------------------------grid end---------------------*/
    /*------------------------label start---------------------*/
label .k-label.k-input-label,
label.k-label.k-input-label {
    margin-bottom: 2px;
    font-size: 14px;
}
/*------------------------label end---------------------*/

/*------------------date picker start----------------------------*/
.k-daterangepicker .k-dateinput {
    width: auto;
}

.k-daterangepicker {
    justify-content: center;
    gap: 2px;
}
/*------------------date picker end----------------------------*/

/*------------------------kendo grid page size start---------------------*/

.k-pager .k-pager-sizes .k-picker,
.k-pager .k-pager-sizes .k-dropdown,
.k-pager .k-pager-sizes select {
    width: 80px;
}

.k-list-item.k-selected, .k-selected.k-list-optionlabel, .k-list-custom-value.k-selected {
    color: var(--kendo-color-on-primary, #ffffff);
    background-color: var(--kendo-color-primary, #ff6358);
}

.k-list-item.k-selected:hover, .k-selected.k-list-optionlabel:hover, .k-list-item.k-selected.k-hover, .k-selected.k-hover.k-list-optionlabel {
    color: var(--kendo-color-on-primary, #ffffff);
    background-color: var(--kendo-color-primary-hover, #ea5a51);
}
.k-list-ul {
    gap:0
}
.k-treeview-item-content.k-selected {
    color: var(--kendo-color-on-primary, #ffffff);
    background-color: var(--kendo-color-primary, #ff6358);
}
.k-treeview-item-content k-selected, .k-treeview-item-content.k-selected:hover, .k-treeview-item-content.k-selected.k-hover {
    color: var(--kendo-color-on-primary, #ffffff);
    background-color: var(--kendo-color-primary, #ff6358);
}
    /*------------------------kendo grid page size end---------------------*/
    /*------------------------kendo editor image upload---------------------*/

    .k-window-content.k-filebrowser-dialog {
    max-height: 420px;
    overflow-y: scroll;
}
/*------------------------kendo editor image upload end---------------------*/

/*------------------------Tool Tip Validation start---------------------*/
.k-validator-tooltip.k-invalid-msg {
    color: var(--white);
}
/*------------------------Tool Tip Validation end---------------------*/

/*-----------------------Time Picker-----------------------------------*/
.k-disable-timepicker .k-timepicker .k-input-button {
    display: none;
}
/*---------------------Time Picker end*/