:root {
    --kendo-color-primary-on-surface: #182433;

    /*--kendo-color-border: rgb(0 0 0 / 0%);*/
    --kendo-color-surface: #fafafa00;
}

.page-wrapper {
    background-image: linear-gradient(rgb(24 36 51 / 0%), rgb(24 36 51 / 0%)), url(./img/logos/6.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-attachment: fixed;
    background-position: center;
    object-fit: cover;
}

.k-grid {
    border-color: rgb(0 0 0 / 0%);
    color: var(--kendo-color-on-app-surface, #3d3d3d);
    background-color: #fff;
}

.k-grid-header, .k-grouping-header, .k-grid-add-row, .k-grid-footer {
    color: var(--kendo-color-on-app-surface, #3d3d3d);
    background-color: #fafafa00;
}

.k-grid-header-wrap {
    border-color: #ffffff00;
}

col.k-sorted, .k-table-th.k-sorted {
    background-color: color-mix(in srgb, #3d3d3d00 3%, transparent);
}

.k-table-thead, .k-table-header, .k-table-group-sticky-header {
    border-color: rgb(0 0 0 / 0%) !important;
    color: #667382;
    background-color: #FCFDFE;
    letter-spacing: .04em;
    line-height: 1rem;
    color: var(--tblr-muted);
    padding-top: .5rem;
    padding-bottom: .5rem;
    white-space: nowrap;
}

.k-grid .k-grid-header .k-table-th {
    position: relative;
    vertical-align: bottom;
    cursor: default;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    border-left: none !important;
}

.k-grid .k-table-row.k-table-alt-row {
    background-color: transparent;
}

.k-grid td, .k-grid .k-table-td {
    border-block-end-width: 0px;
    white-space: unset;
    vertical-align: middle;
    padding: .75rem .75rem !important;
    background-color: transparent;
    border-bottom-width: 1px !important;
    box-shadow: inset 0 0 0 9999px var(--tblr-table-accent-bg);
    border-left: none;
}

.k-grid .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: #71a6e508;
}

.k-grid td.k-selected, .k-grid .k-table-row.k-selected > td, .k-grid .k-table-td.k-selected, .k-grid .k-table-row.k-selected > .k-table-td {
    background-color: color-mix(in srgb, #a7cbf7 25%, transparent);
}

.k-checkbox:checked:focus, .k-checkbox.k-checked.k-focus {
    box-shadow: 0 0 0 2px color-mix(in srgb, #025ac9 30%, transparent);
}

.k-checkbox:checked, .k-checkbox.k-checked {
    border-color: #182433;
    color: var(--kendo-color-on-primary, #ffffff);
    background-color: #182433;
}