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

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

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

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

.k-input-value-text {
    color: var(--grey);
}

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

.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;
    left: 12px;
    height: 25px;
    font-size: 20px;
    z-index: 1000;
}


.k-dropdown-tree-filter .k-input-values {
    padding-left: 32px !important;
}
/*****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-lg {
    width: 80vw;
}

.k-window-md {
    width: 60vw;
}

.k-window-sm {
    min-width: 40vw;
    max-width: 90vw;
}

.k-window-xsm {
    min-width: 30vw;
    max-width: 90vw;
}

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

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


/*----------------------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-content, .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: #ff6358;
    }

/*------------------------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;
}

.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-grid-toolbar .k-grid-tagfilter {
    margin-left:auto;
}

.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 {
    color: var(--textGrey);
    font-weight: bold;
    font-size: var(--medium);
}
    /*------------------------grid end---------------------*/
    /*------------------------label start---------------------*/
    label .k-label.k-input-label {
    margin-bottom: 5px;
    font-size: 16px;
}
/*------------------------label end---------------------*/

/*------------------------radio button start---------------------*/
.k-radio {
    margin: 4px;
}
/*------------------------radio button 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-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;
}
/*------------------------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*/