/*
   https://themebuilder.telerik.com/blazor-ui changed the following properties theme:
      $primary
      $base-bg
 */

/* hide plus cell in parent row when there are no children */
.k-grid tr.no-children td.k-hierarchy-cell * {
   display: none;
}

/* hide plus cell in parent row when there are no children */
.k-grid tr.no-children td.k-hierarchy-cell {
   pointer-events: none;
}

.k-grid-header,
.k-grid-toolbar,
.k-grid-pager {
   background: rgb(194, 207, 224);
   background: linear-gradient(0deg, rgba(194, 207, 224, 1) 0%, rgba(233, 237, 244, 1) 100%);
}

/*Grid spinner loader*/
.initial-data-loader .k-loader-container-overlay.k-overlay-light {
   background-color: white;
}

.k-loader-container {
   z-index: 100;
}

.k-treeview .k-treeview-item > div.no-checkbox::before {
    content: "\2713";
    font-weight: bold;
    margin-inline-end: 0.5rem;
}

.k-treeview .k-treeview-item > div.no-checkbox .k-checkbox-wrap {
    display: none;
}


.k-button-solid-primary {
    border-color: #60a5fa;
    color: #fff;
    background-color: #60a5fa !important;
}

.custom-icons .k-hierarchy-cell .k-svg-icon svg {
    display: none;
}

.custom-icons .k-hierarchy-cell .k-svg-icon.k-svg-i-plus:before {
    content: "\f054";
    padding: 0.2rem;
    font-size: 1.2rem;
    font-family: "FontAwesome";
}

.custom-icons .k-hierarchy-cell .k-svg-icon.k-svg-i-minus:before {
    content: "\f078";
    padding: 0.2rem;
    font-size: 1.2rem;
    font-family: "FontAwesome";
}

.no-panel .k-loader-container-panel {
    background-color: transparent;
    border-width: 0;
}

.page-content {
    color: var(--kendo-color-on-app-surface, #212529);
    min-height: calc(100vh - (100vh - 100%) - 2rem)
}

.no-margin.k-grid {
    margin: 0;
}

.no-scroll .k-grid-content {
    overflow-y: auto;
}

.no-scroll .k-grid-header,
.no-scroll .k-grid-footer {
    padding-right: 0; /* version 2.26 and older requires !important here */
}

.no-scroll .k-grid-header-wrap,
.no-scroll .k-grid-footer-wrap {
    border-right-width: 0;
}

.unselectable-row .k-checkbox {
    opacity: 0.5;
    pointer-events: none;
}

.k-filter-menu-container
{
    max-height: 300px;
    overflow: auto;
}