/* Telerik dropdown selected color*/
.k-list-item.k-selected, .k-list-item.k-selected:hover {
    background-color: var(--sita-dark-blue);
}

.k-input-inner {
    font-size: 24px;
}

/***************************************************
    TELERIK GRID
****************************************************/

/* arrow when a column is clicked to sort data */
.k-grid-header .k-sort-icon {
    color: #fff !important;
}

/* filter button */
.k-button-solid-primary {
    background-color: var(--sita-dark-blue);
    border-color: var(--sita-dark-blue);
}

    .k-button-solid-primary:hover {
        background-color: var(--sita-dark-blue);
        border-color: var(--sita-dark-blue);
        box-shadow: var(--rz-button-hover-shadow);
        background-image: var(--rz-button-hover-gradient);
    }

/* Grid filter popup buttons should use SITA primary, not Kendo theme red */
.k-animation-container .k-filter-menu,
.k-animation-container .k-grid-filter-menu-container {
    --kendo-color-primary: var(--sita-dark-blue);
    --kendo-color-primary-hover: var(--sita-dark-blue);
}

.k-animation-container .k-filter-menu .k-button-solid-primary,
.k-animation-container .k-grid-filter-menu-container .k-button-solid-primary {
    background-color: var(--sita-dark-blue) !important;
    border-color: var(--sita-dark-blue) !important;
}

.k-animation-container .k-filter-menu .k-button-solid-primary:hover,
.k-animation-container .k-grid-filter-menu-container .k-button-solid-primary:hover {
    background-color: var(--sita-dark-blue) !important;
    border-color: var(--sita-dark-blue) !important;
}

/* Telerik Grid filter icon when filtered */
.k-grid-header .k-grid-header-menu.k-active {
    background-color: var(--sita-dark-blue);
}

.k-grid {
    border-radius: 8px 8px 0 0;
}

.k-grid-header {
    height: 64px;
    border-radius: 8px 8px 0px 0px;
    background: var(--sita-color-carolina-blue) !important;
    display: flex;
}

.k-grid-header-wrap {
    margin-top: 13px;
}

.k-grid .k-grid-header .k-table-th {
    background-color: var(--sita-color-carolina-blue);
    color: var(--sita-color-white);
    border-color: var(--sita-color-white);
    border-inline-start-width: 0.2px;
}

.k-grid-md .k-grid-header .k-grid-header-menu {
    color: var(--sita-color-white);
}

.k-grid .k-table-th, .k-grid td, .k-grid .k-table-td {
    border-inline-start-width: 0px;
}

.k-grid .k-table-th {
    border-block-end-width: 0px;
}

.k-table-row:last-child {
    border-right-width: 0px;
}

.k-grid-header-wrap, .k-grid-footer-wrap {
    border-width: 0px 0px 0px 0px;
}

.k-grid td {
    border-inline-end-width: 0px !important;
}

.k-grid-header th:not(:nth-child(1)):not(:nth-child(2)) > div > span {
    margin-top: 2px;
}

/*.tab-no-padding .k-tabstrip > .k-content {*/
/*    padding-block: 0 !important;*/
/*    padding-inline: 0 !important;*/
/*    height: 100% !important;*/
/*    outline: 0px !important;*/
/*    border: 0px;*/
/*}*/

.k-master-row.k-table-alt-row .k-grid-content-sticky,
.k-master-row.k-table-alt-row .k-grid-row-sticky {
    background-color: transparent;
}

/* 1. Target the content panels */
.k-tabstrip-content {
    padding-block: 0 !important;
    padding-inline: 0 !important;
    height: 100% !important;
    outline: 0px !important;
    border: 0px;
    background-color: transparent !important;
    /* Unified the background transparent fix here */
}

/* 2. Target active/selected items globally inside the wrapper */
.k-tabstrip-items-wrapper .k-item:is(.k-active, .k-selected),
.k-tabstrip-items-wrapper .k-item:active {
    background-color: transparent !important;
}

/* 3. Bottom blue accent line for top-positioned tabstrips */
.k-tabstrip-top>.k-tabstrip-items-wrapper .k-item:is(.k-active, .k-selected),
.k-tabstrip-top>.k-tabstrip-items-wrapper .k-item:active {
    border: 0px;
    border-bottom: 2px solid #005485 !important;
}

/* 4. Remove box-shadow focus indicators */
.k-tabstrip-items-wrapper .k-item:focus,
.k-tabstrip-items-wrapper .k-item.k-focus {
    box-shadow: none !important;
}

/* 5. Handle scrollable overflow rules */
.k-tabstrip-scrollable>.k-tabstrip-items-wrapper>.k-tabstrip-items {
    overflow: visible !important;
}

/* 6. Target link text color inside the tabs */
.k-tabstrip-items .k-link,
.k-tabstrip-items .k-link-text {
    color: black !important;
}

.k-slider .k-draghandle {
    border-color: #35A0D7;
    color: white;
    background-color: #35A0D7;
    border-radius: 50%;
}

.k-slider .k-draghandle:hover {
    background-color: #3f51b5;
    border-color: #35A0D7;
}

.k-slider .k-draghandle:active {
    background-color: #3f51b5;
    border-color: #35A0D7;
}

.k-slider .k-slider-selection {
    background-color: #35A0D7;
}