/*KENDO THEME CUSTOMIZATIONS - TRY NOT TO USE THIS MUCH... BETTER TO USE KENDO THEME BUILDER IF AVAILABLE*/
:root {
    --kendo-list-item-hover-bg: #424242;
    --kendo-list-item-selected-bg: #424242;
    --kendo-list-item-selected-hover-bg: #424242;
    --kendo-list-border: transparent;
    --kendo-listbox-border: transparent;
    --kendo-listbox-bg: #171717;
    --kendo-checkbox-checked-border: white;
    --kendo-checkbox-border: white;
    --kendo-checkbox-hover-checked-border: white;
    --kendo-treeview-item-border-radius: 6px;
    --kendo-treeview-item-border: 0;
    --kendo-treeview-item-focus-border: 0;
    --kendo-treeview-item-selected-border: 0;
    --kendo-treeview-item-bg: transparent;
    --kendo-treeview-item-focus-bg: transparent;
    --kendo-treeview-item-selected-bg: transparent;
    --kendo-treeview-item-hover-bg: transparent;
    --kendo-input-clear-value-text: #424242;
    --kendo-list-md-item-group-label-font-size: 14px;
    --enow-button-background-color: #894BA4;
    --enow-controlbar-background-color: #171717;
    --enow-border-color: #495057;
    --enow-page-border-color: #282828;
}

.k-switch:focus::after, .k-switch.k-focus::after {
    content: unset;
    position: unset;
    inset: unset;
    z-index: unset;
}

.k-grid {
    z-index: 0;
}

    .k-grid::after {
        position: absolute;
        top: -1px;
        bottom: -1px;
        left: -1px;
        right: -1px;
        background: radial-gradient(ellipse at -100% -50%, rgb(38, 37, 66), rgb(5, 250, 205) 37.29%, rgb(149, 110, 219) 52.69%, rgb(38, 37, 66) 70%);
        content: '';
        z-index: -1;
        border-radius: var(--radius-xl, 12px);
    }

    .k-grid .k-table-th,
    .k-grid td,
    .k-grid .k-table-td,
    .k-grid-header .k-table-th > .k-link,
    .k-column-title {
        text-overflow: unset;
        white-space: normal;
        overflow-wrap: break-word;
    }

.k-chip {
    background-color: #171717;
}

.k-filter-menu .k-input-value-text {
    color: #171717;
}

.k-grid-header .k-grid-filter:hover, .k-grid-header .k-header-column-menu:hover, .k-grid-header .k-grid-header-menu:hover, .k-grid-header .k-hierarchy-cell .k-icon:hover, .k-grid-header .k-grid-header-menu.k-active {
    color: #171717;
    background-color: var(--kendo-primary-80, inherit);
    border-radius: 4px;
}

.k-column-menu, .k-menu-item {
    background-color: #424242 !important;
}

    .k-column-menu .k-menu:not(.k-context-menu) {
        background-color: unset !important;
    }

.k-menu-group, .k-menu.k-context-menu {
    background-color: unset !important;
}

.k-list-content {
    background-color: #424242 !important;
}

.k-button-icon {
    color: unset !important;
}

.k-button-solid-base .k-button-text {
    color: #171717; /*needed for secondary button text */
}

.k-button-solid-primary .k-button-text {
    color: inherit;
}

.k-grid-content, .k-grid-footer, .k-table-tfoot {
    background-color: #242424;
}

.k-toolbar-button {
    height: 30px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.k-grid .k-hierarchy-cell {
    padding-left: 12px !important;
}

    .k-grid .k-hierarchy-cell > .k-icon {
        color: #fff !important;
        display: inline-flex;
    }

/*.k-grid .k-table-row, .k-grid .k-table-row:hover {
    background-color: #2d2d2d;
}*/

/* Stops the grid footer from stretching out past the grid when columns are expanded */
.k-grid-footer {
    width: unset !important;
}

.k-grid tbody a, .k-grid tbody a > span, .ems-link {
    text-decoration: underline !important;
    color: #3DC4D3 !important;
}

.k-tooltip {
    background-color: #2d2d2d;
    border-radius: 4px;
    box-shadow: 14px;
    font-family: var(--kendo-adaptive-font-family, var(--kendo-font-family, inherit));
    font-size: var(--kendo-adaptive-font-size, var(--kendo-font-size, 1rem));
    line-height: var(--kendo-adaptive-line-height, var(--kendo-line-height, normal));
    max-width: 600px;
}

    .k-tooltip .k-tooltip-content {
        color: #fff;
    }

    .k-tooltip .k-callout {
        color: #2d2d2d;
    }

.k-breadcrumb {
    padding: 24px 0px;
}

.k-breadcrumb-root-link:hover, .k-breadcrumb-root-link.k-hover, .k-breadcrumb-root-link:focus:hover {
    background-color: var(--tb-kendo-primary-60);
    border-bottom-left-radius: var(--tb-kendo-border-radius-sm);
    border-bottom-right-radius: var(--tb-kendo-border-radius-sm);
    border-top-left-radius: var(--tb-kendo-border-radius-sm);
    border-top-right-radius: var(--tb-kendo-border-radius-sm);
    color: #fff;
}

/* THEME BUILDER DOESN'T SUPPORT CHARTS YET... */

.k-chart {
    background-color: transparent;
    border-color: transparent;
    color: #fff;
    flex: 1;
}

.k-loading-color {
    background-color: transparent;
}

.k-input-value-text {
    color: #171717
}

.k-daterangepicker {
    width: unset;
    gap: unset;
}

.k-picker.k-disabled {
    --INTERNAL--kendo-picker-bg: color-mix(in srgb, #FFFFFF 40%, transparent);
}

.k-multiselect .k-input-inner {
    color: black;
}

.k-input-inner.k-disabled, .k-input.k-disabled {
    background-color: gray !important;
}

.k-list-optionlabel {
    font-family: Mulish;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4285714286;
    background-color: #424242;
    color: #ffffff;
}

.k-button.k-button-solid-base.k-rounded-md {
    border-bottom-left-radius: var(--tb-kendo-border-radius-sm);
    border-bottom-right-radius: var(--tb-kendo-border-radius-sm);
    border-top-left-radius: var(--tb-kendo-border-radius-sm);
    border-top-right-radius: var(--tb-kendo-border-radius-sm);
}

.k-clear-value {
    background-color: grey;
    border-radius: 6px;
    margin-right: 6px;
}

.k-list-item-group-label {
    color: #ffffff;
}

.k-multiselect-popup .k-list-item.k-first::before, .k-first.k-list-optionlabel::before {
    content: "";
    border-width: 2px 0 0;
    border-style: solid;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color: var(--kendo-component-text);
}

.k-multiselect-popup .k-list-item.k-focus {
    --INTERNAL--kendo-list-item-bg: unset;
    box-shadow: unset;
}

.k-grid-basic.k-grid {
    border-radius: var(--radius-xl, 12px);
    background-color: unset;
}

    .k-grid-basic .k-table {
        border-radius: var(--radius-xl, 12px);
        overflow: hidden;
    }

    .k-grid-basic .k-grid-header, .k-grid-basic thead > tr {
        border-top-left-radius: var(--radius-xl, 12px);
        border-top-right-radius: var(--radius-xl, 12px);
    }

.k-grid-basic thead th:first-child {
    border-top-left-radius: var(--radius-xl, 12px);
}

.k-grid-basic th:last-child {
    border-top-right-radius: var(--radius-xl, 12px);
}

.k-grid-basic tr:last-child td:first-child {
    border-bottom-left-radius: var(--radius-xl, 12px);
}

.k-grid-basic tr:last-child td:last-child{
    border-bottom-right-radius: var(--radius-xl, 12px);
}

.k-grid-basic .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: unset;
}

    .k-grid-basic .k-table-tbody .k-table-row:hover, .k-table-list .k-table-row:hover, .k-table-tbody .k-table-row.k-hover, .k-table-list .k-table-row.k-hover {
        background-color: unset;
    }

.k-multiselect-popup .k-list-item.k-selected, .k-multiselect-popup .k-selected.k-list-optionlabel {
    background-color: var(--kendo-color-primary, inherit);
}

/* Hide the Grid toolbar and group header during export */
.k-pdf-export .k-grid-toolbar,
.k-pdf-export .k-grouping-header,
.k-pdf-export .k-clone,
.k-pdf-export .k-loader-container {
    display: none;
}

/* Set the height of the grid to auto so the export shows all content */
.k-pdf-export .k-grid,
.k-pdf-export .k-grid-content,
.k-pdf-export .k-grid-content-locked,
.k-pdf-export .k-grid-content table {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

.k-pdf-export .k-grid-header,
.k-pdf-export .k-grid-header-locked {
    position: static !important;
}

.k-pdf-export .k-grid-container {
    height: auto !important;
}

/* Font colors for the PDF export animation */
.k-loader-primary .k-loader-canvas span {
    color: var(--kendo-loader-primary-bg, var(--kendo-color-primary, #0078d4));
}