.KendoGridCommon {
    font-size: 12px !important;
    margin-top: 11px !important;
}

    .KendoGridCommon .k-grid-header th.k-header {
        height: 37px !important;
        color: #767676 !important;
    }

   /* .KendoGridCommon.k-grid tbody td:first-child {
        border-left-width: 0 !important;
    }*/

    .KendoGridCommon.k-grid tbody td {
        padding-left: 7px !important;
        padding-right: 6px !important;
        height: 30px !important;
        padding-top: 4px !important;
        padding-bottom: 3px !important;
        line-height: 1em !important;
    }

    .KendoGridCommon.k-grid tr.k-state-selected > td {
        background-color: #cee7f8 !important;
    }

    .KendoGridCommon .k-checkbox:checked:focus {
        box-shadow: none !important;
    }

    .KendoGridCommon.k-grid td.k-state-selected,
    .KendoGridCommon.k-grid tr.k-state-selected > td {
        background-color: #cee7f8 !important;
    }

    .KendoGridCommon.k-grid .k-grid-header thead tr th .k-checkbox {
        margin-left: 3px;
    }

    .KendoGridCommon.k-grid tbody tr {
        color: black !important;
    }

    .KendoGridCommon .k-grid-content .k-group-cell {
        background: none;
    }

    .KendoGridCommon.k-grid tbody .k-grouping-row td,
    .KendoGridCommon.k-grid tbody .k-group-footer td {
        height: 24px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .KendoGridCommon.k-grid tbody .k-grouping-row:hover {
        background-color: #fff !important;
    }

    .KendoGridCommon .k-grid-header th.bgGray.k-header {
        background-color: #eae8e8 !important;
    }

    .KendoGridCommon.k-grid td.bgGray {
        background-color: #eae8e8 !important;
    }

    .KendoGridCommon .spnhyperlnk {
        color: #0072c6 !important;
        cursor: pointer !important;
    }

        .KendoGridCommon .spnhyperlnk:hover {
            color: #0072c6 !important;
            cursor: pointer !important;
            text-decoration: underline;
        }

    .KendoGridCommon.LinkDisabled .k-grid-content .k-master-row .spnhyperlnk {
        color: #2e2e2e !important;
        cursor: default !important;
    }

        .KendoGridCommon.LinkDisabled .k-grid-content .k-master-row .spnhyperlnk:hover {
            color: #2e2e2e !important;
            cursor: default !important;
            text-decoration: none !important;
        }

   /* .KendoGridCommon .k-grid-content.k-auto-scrollable {
        height: auto !important;
    }*/

    .KendoGridCommon tbody .k-grouping-row td span {
        font-size: 1.1em !important;
        padding-left: 10px;
        /*font: 12px "Segoe UI", Arial, Helvetica, sans-serif;*/
    }

    .KendoGridCommon tbody .k-grouping-row .k-icon {
        margin: -3px 4px 0 -3px;
    }
        .KendoGridCommon tbody .k-grouping-row .k-icon:before,
        .KendoGridCommon thead .k-group-cell.k-header .k-icon:before {
            font-size: 14px;
            font-weight: bold;
            color: black;
        }

    .KendoGridCommon tbody .k-group-cell {
        border-width: 0px 1px 1px 0px !important;
        border-bottom-color: #fff !important;
        background: #fff none !important;
        border-top-color: #fff !important;
        border-left-color: #fff !important;
        border-right: 1px solid #e5e5e5 !important;
    }
    .KendoGridCommon tbody tr:last-child .k-group-cell {
        border-bottom-color: #e5e5e5 !important;
    }

    .KendoGridCommon tbody .k-group-footer:hover {
        background-color: #FFFFFF !important;
    }

    /*.KendoGridCommon tbody .k-group-footer {
        transition: opacity 0.3s ease;
    }*/

.KendoGridCommon thead tr .k-header.k-with-icon.k-filterable {
    padding-top: 10px !important;
}

    .KendoGridCommon .k-group-footer.hidden-group-footer {
        display: none !important;
    }
    .KendoGridCommon .k-grid-footer {
        display: none !important;
    }

    .KendoGridCommon .k-pager-wrap.k-grid-pager.k-floatwrap {
        display: flex !important;
    }


    .KendoGridCommon .k-i-arrow-end-left:before {
        content: "\f100" !important;
    }
    .KendoGridCommon .k-i-arrow-60-left:before {
        content: "\f104" !important;
    }
    .KendoGridCommon .k-i-arrow-end-right:before {
        content: "\f101";
    }

    .KendoGridCommon .k-pager-numbers li::marker {
        content: "" !important; /* Remove the content of the marker */
        display: none !important; /* Ensure the marker is not displayed */
    }

    .KendoGridCommon .k-pager-numbers {
        padding-inline-start: 3px !important;
    }

    .KendoGridCommon .k-pager-wrap {
        background-color: #ffffff !important;
        color: #000 !important;
        border-color: #e5e5e5 !important;
    }
    .KendoGridCommon .k-pager-info.k-label {
        display: none !important;
    }
    .KendoGridCommon .k-pager-info.k-label {
        display: block !important;
        text-align: left !important;
    }

    .KendoGridCommon .k-grouping-row .Regular,
    .KendoGridCommon .k-group-footer .Regular {
        font-weight: normal !important;
        font-style: normal !important;
    }

    .KendoGridCommon .k-grouping-row .Bold,
    .KendoGridCommon .k-group-footer .Bold {
        font-weight: bold !important;
        font-style: normal !important;
    }

    .KendoGridCommon .k-grouping-row .Italic,
    .KendoGridCommon .k-group-footer .Italic {
        font-weight: normal !important;
        font-style: italic !important;
    }

    .KendoGridCommon .k-grouping-row .Bold.Italic,
    .KendoGridCommon .k-group-footer .Bold.Italic {
        font-weight: bold !important;
        font-style: italic !important;
    }
    .KendoGridCommon .k-group-footer .Regular,
    .KendoGridCommon .k-group-footer .Bold,
    .KendoGridCommon .k-group-footer .Italic,
    .KendoGridCommon .k-group-footer .Bold.Italic {
        text-align: right !important;
    }

    /*.KendoGridCommon .k-group-footer td:not(.k-group-cell) {
        border-left: none !important;
        border-right: none !important;
        padding: 0 !important;
    }*/

    .KendoGridCommon .LinkButton {
        color: #0072c6 !important;
    }

    .KendoGridCommon .LinkButton:hover {
        text-decoration: underline !important;
        cursor: pointer !important;
    }

    .KendoGridCommon tbody tr td img,
    .KendoGridCommon tbody tr td .fal.fa-user,
    .KendoGridCommon tbody tr td .far.fa-shield-alt {
        margin-top: -3px !important;
        margin-bottom: -4px !important;
        width: 30px !important;
        height: 28px !important;
        border-radius: 5px !important;
        border: 2px solid #f3f3f3 !important;
        font-size: 19px;
        line-height: 1.3;
    }

    .KendoGridCommon .k-grid-header .k-i-sort-asc-sm,
    .KendoGridCommon .k-grid-header .k-i-sort-desc-sm {
        margin-left: 2px;
    }

    .KendoGridCommon tbody tr input.k-checkbox::before,
    .KendoGridCommon thead th input.k-checkbox::before,
    .k-filter-menu-container input.k-checkbox::before {
        content: none !important;
    }

    .KendoGridCommon tbody tr input.k-checkbox:focus,
    .KendoGridCommon thead th input.k-checkbox:focus,
    .k-filter-menu-container input.k-checkbox:focus {
        box-shadow: none !important;
        border-color: unset !important;
    }



    .KendoGridCommon .k-grid-content.k-auto-scrollable::-webkit-scrollbar-thumb {
        background: #888;
    }

    .KendoGridCommon .k-grid-content.k-auto-scrollable::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .KendoGridCommon.k-grid .k-grid-content .k-edit-cell > span.kendoCommontxtEdt,
    .KendoGridCommon.k-grid .k-grid-content .k-grid-edit-row > span.kendoCommontxtEdt,
    .KendoGridCommon.k-grid .k-grid-content .k-edit-cell {
        padding: 0px !important;
    }

    .KendoGridCommon.k-grid .k-grid-content .k-edit-cell {
        white-space: nowrap;
        border: 2px solid #107C10 !important;
    }

    .KendoGridCommon.k-grid .k-grid-content .k-edit-cell > .k-textbox,
    .KendoGridCommon.k-grid .k-grid-content .k-grid-edit-row > td > .k-textbox {
        border-radius: 0;
        border: 0 solid transparent !important;
        text-align: left !important;
        height: 25px;
        width: 100%;
        padding: 2px 6px 4px 6px !important;
    }

    .KendoGridCommon.k-grid .k-grid-content .k-edit-cell .k-textbox:focus {
        box-shadow: none;
        text-align: left !important;
    }

    .KendoGridCommon .divtxtareaitem {
        margin: 0px !important;
        width: 250px;
        white-space: nowrap;
        overflow: hidden;
        float: left;
        text-overflow: ellipsis;
    }

    .KendoGridCommon .divmorebtntxtarea {
        margin: 0px !important;
        width: 38px;
        float: left;
        color: #106ebe !important;
        cursor: pointer;
    }