.k-grid {
    border-radius: 10px;
    overflow: clip;
    border: none white !important;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

.k-grid.ignore-fixed-height {
    height: auto !important;
}

.k-grid-header {
    padding: 0px !important;
    font-weight: 500;
}


.k-table-thead, .k-table-header, .k-table-group-sticky-header {
    border: none white !important;
}

.k-grid .k-table-row {
    cursor: pointer;
}

.k-pager {
    border-top: 1px solid #ebedf2 !important;
    border-bottom-width: 0 !important;
}
.k-grid-search {
    border-radius: 10px;
}


.k-grid-search:focus,
.k-grid-search:focus-within{
    box-shadow: none !important;
}

.k-toolbar-item:focus,
.k-toolbar-item:focus-within {
    box-shadow: none !important;
}

.k-editor-toolbar {
    padding: 5px !important;
}

.tab-strip-card-body {
    overflow-y: auto;
}

.hide-tabs .k-hstack {
    display: none !important;
}

.k-hstack {
    border: none !important;
}

.k-tabstrip-content {
    border-color: transparent !important;
    border: 0px !important;
    padding: 0px !important;
    overflow-x: hidden !important;
}

.k-tabstrip-content .k-content .k-active {
    background-color: transparent !important;
}

.k-tabstrip-content, .k-tabstrip > .k-content {
    background-color: transparent !important;
}

.k-tabstrip-item {
    border-radius: 10px !important;
    border-color: transparent !important;
}

.k-tabstrip-item:focus {
    border-color: transparent !important;
    outline: none !important;
}

.k-tabstrip-items {
    padding-bottom: 5px !important;
}

.k-tabstrip-item.k-active {
    background-color: var(--kt-primary) !important;
    color: white !important;
}

.k-toolbar-items:has(.fbGrid-header) {
    width: 100% !important;
    display: unset;
}

.k-toolbar-items > .fbGrid-header {
    padding: 0;
}

@media (max-width: 1024px) {
    .k-button-flat.k-button.k-button-flat-primary.k-button-md {
        font-size: 1rem !important;
        border-radius: 5px;
    }
}
@media (width > 991px) {
    #kt_app_content {
        padding-bottom: 0 !important;
    }
    .detail-card {
        overflow-y: auto
    }
}
.k-grid .k-grid-header-wrap {
    background-color: var(--bs-table-bg) !important;
    border-top: 1px solid #ebedf2 !important;
    border-bottom-width: 0 !important;

}

@media (width <= 600px) {
    .k-grid .k-grid-header-wrap {
        display: none!important;
    }

    .scheduler-job-picker .k-grid .k-grid-header-wrap {
        display: unset!important;
    }
}

.k-checkbox.k-rounded-md {
    border-radius: 100% !important;
    margin-left: 25px;
}
.k-input-solid{
    border-color: var(--bs-secondary) !important;
}

.k-input-solid.k-focus,
.k-input-solid:focus,
.k-input-solid:focus-within,
.k-input-solid:target,
.k-input-solid:hover,
.k-input-solid:active{
    border-color: var(--bs-primary) !important;
}

.k-grid-content{
    padding: 0 !important;
}

.k-grid td, .k-grid .k-table-td, .k-grid .k-grid-content, .k-grid .k-grid-header-locked, .k-grid .k-grid-content-locked {
    background-color: var(--bs-table-bg) !important;
}
.k-scheduler-layout .k-scheduler-head .k-scheduler-cell.k-heading-cell {
    text-wrap-mode: wrap;
    text-wrap-style: pretty;
    text-align: center;
}

@media (min-width: 991px) {
    .k-scheduler-layout {
        overflow-y: auto !important;
    }
}

@media (max-width: 990px) {
    .k-scheduler-layout {
        overflow-y: auto !important;
    }
}

.k-listbox .k-list-scroller {
    border-style: none !important;
    border-color: unset !important;
    background-color: unset !important;
}

.k-card .k-avatar.k-avatar-sm {
    width: 1rem;
    height: 1rem;
    flex-basis: 1rem;
}

.k-card .k-avatar.k-avatar-md {
    width: 2rem;
    height: 2rem;
    flex-basis: 2rem;
}

.k-card .k-avatar.k-avatar-lg {
    width: 4rem;
    height: 4rem;
    flex-basis: 4rem;
}

span.k-avatar div.k-avatar {
    background-color: inherit !important;
    border-width: 1px;
    color: inherit;
}

div.k-card .k-avatar {
    margin-right: 0;
}

.k-card .k-card-body{
    padding-block: 10px !important;
    padding-inline: 10px !important;
}
.fb-details-card > .k-card-body{
    padding-block: 16px !important;
    padding-inline: 8px !important;
}
/* Gantt view selector buttons */
.k-gantt .k-toolbar .k-button-group .k-button.k-selected,
.k-gantt .k-toolbar .k-button-group .k-button:active {
    background-color: var(--fb-primary) !important;
    color: var(--fb-text-light) !important;
    border-color: var(--fb-primary) !important;
}

.k-gantt .k-toolbar .k-button.k-selected,
.k-gantt .k-toolbar .k-button:active,
.k-gantt .k-toolbar .k-button.k-state-active {
    background-color: var(--fb-primary) !important;
    color: var(--fb-text-light) !important;
    border-color: var(--fb-primary) !important;
}

/* Restore size of drag icons to telerik default */
span.telerik-blazor.k-icon.k-svg-icon.k-svg-i-reorder {
    height: 16px;
    width: 16px;
    display: inline-flex;
}