/*!
 * ========================================================================================================================
 * This file contains styling preferences that alter Kendo to look more compatible with Metronic theme..
 */

/*!
 * ------------------------------------------------------------------------------------------------------------------------
 * Kendo Grids
 */
.k-grid-header .k-header {
    height: 20px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.k-grid tbody tr {
    line-height: 14px;
}

.k-grid tbody td {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    white-space: nowrap;
}

.k-loading-mask .k-loading-color {
    background-color: #808080;
    opacity: 0.25;
}

.k-loading-mask .k-loading-image::after, .k-loading-mask .k-loading-image::before {
    border-left-color: white !important;
    border-right-color: white !important;
}

.k-loading-color {
    background-color: #000;
    opacity: 0.25;
}

.k-loading-image::after, .k-loading-image::before {
    border-left-color: white;
    border-right-color: white;
}

.k-icon-button.k-icon, .k-button-icon.k-icon {
    font-size: 16px;
}

.k-master-row .k-grid-content-sticky {
    border-color: #dee2e6;
}

.k-grid-header .k-grid-header-sticky,
.k-grid-header .k-grid-header-sticky.k-sorted {
    border-color: rgb(222, 226, 230);
    font-weight: 500;
}

    .k-grid-header .k-grid-header-sticky .k-cell-inner .k-link .k-column-title::before,
    .k-grid-header .k-grid-header-sticky.k-sorted .k-cell-inner .k-link .k-column-title::before {
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        content: "\f076";
        margin-right: 5px;
        opacity: 0.2;
        font-size: smaller;
    }

.empty-grid {
    background: #ffffffd6;
    margin: 1rem;
    padding: 0.5rem;
    font-weight: 500;
    border: solid 1px #ff00003b;
    box-shadow: #0000001f 0 0 10px;
}

td[role="gridcell"] > i {
    color: #dcdce1;
}

.k-icon.k-i-arrow-s.k-button-icon.k-i-loading.k-input-loading-icon {
    font-size: xx-small;
    max-height: 1rem;
}