.k-grid-filter .k-icon, .k-header .k-icon {
    overflow: visible !important;
}

.hidefiltericon .k-grid-filter {
    display: none !important;
}

/*.k-grid-content {
    overflow: auto !important;
    overflow-x: auto !important;
    overflow-y: auto !important;
}*/

.StaffQAGrid.k-grid {
    margin-top: 11px !important;
}

.k-master-row, .k-header {
    background-image: none !important;
    background-color: #fff !important;
}

.k-grid-header th.k-header {
    vertical-align: middle !important;
    height: 31px !important;
    padding: 5px 5px 0px 5px !important;
}

    .k-grid-header th.k-header:before {
        /* off by Eakram
            left: 0;
        top: 0;
        content: '';
        width: 100%;
        height: 5px;
        position: absolute;
        border-bottom: 1px solid #ddd;*/
        left: 0;
        top: 12px;
        content: '';
        width: 100%;
        height: 5px;
        position: fixed;
        border-bottom: 1px solid #ddd;
        margin: 0;
    }
    .AgrLeftPanFixHeight .Card_Content .k-grid-header th.k-header:before,
    .AgrRightPanFixHeight .RightAreaCommonDivArea .k-grid-header th.k-header:before {
        left: 0;
        top: 0px;
        content: '';
        width: 100%;
        height: 5px;
        position: absolute;
        border-bottom: 1px solid #ddd;
        margin: 0;
    }

.k-grid td {
    border-width: 0 0 1px 1px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
    padding-top: 3px !important;
    padding-bottom: 4px !important;
    height: 22px !important;
    border-color: #e5e5e5 #e5e5e5 !important;
}

span.k-icon.k-i-filter {
    font-size: 20px !important;
    margin-top: 3px;
    color: #cccccc;
    display: none;
}

    span.k-icon.k-i-filter:hover,
    a.k-grid-filter:hover span.k-icon.k-i-filter,
    .k-grid-header th.k-header:hover span.k-icon.k-i-filter,
    .k-grid-filter.k-state-active .k-icon.k-i-filter {
        display: inline-block !important;
    }

.k-grid-filter.k-state-active span.k-icon.k-i-filter {
    font-size: 14px !important;
    color: #0070C0 !important;
}

.k-grid-filter .k-icon.k-i-filter {
    font-weight: 400 !important;
}

    .k-grid-filter .k-icon.k-i-filter:before {
        content: "\f107" !important;
    }

.k-grid-filter.k-state-active .k-icon.k-i-filter:before {
    font-weight: 900 !important;
    content: "\f0b0" !important;
}

.k-i-sort-asc-sm, .k-i-sort-desc-sm {
    font-weight: 400 !important;
}

    .k-i-sort-asc-sm:before {
        content: "\f309" !important;
    }

    .k-i-sort-desc-sm:before {
        content: "\f30c" !important;
    }

a.k-grid-filter {
    width: 30px;
    padding: 0px 5px !important;
    height: 27px;
    text-align: center;
    vertical-align: middle;
}

    a.k-grid-filter:hover {
        background-color: #E6E6E6 !important;
    }

.k-grid-filter.k-state-active .k-icon {
    margin-top: 7px;
}

.StaffQAGridContainer .k-grid-content.k-auto-scrollable::-webkit-scrollbar {
    width: 0px !important;
}

.StaffQAGridContainer div.k-grid-header {
    padding-right: 0px !important;
}

.k-grid-header th.k-header {
    border-bottom: 0px solid #c5c5c5 !important;
}

    .k-grid-header th.k-header:hover {
        background-color: #efefef !important;
    }

.StaffQAGridContainer {
    overflow-x: auto !important;
}

.k-grid-filter.k-state-active {
    background: transparent !important;
}

.RadListBoxAvailableField li.k-item.k-state-selected, .RadListBoxSelectedField li.k-item.k-state-selected {
    border-radius: 0px;
    background: #d5d5d5;
    border: 0px solid #d5d5d5;
    color: #000;
}

.RadListBoxAvailableField .k-listbox .k-item:hover:not(.k-state-disabled), .RadListBoxSelectedField .k-listbox .k-item:hover:not(.k-state-disabled) {
    border-radius: 0px;
    background: #d5d5d5;
    border: 0px solid #d5d5d5;
    color: #000;
}

.grdtemplateDisplay .k-grid-header th.k-header, .grdtemplateSummaryDisplay .k-grid-header th.k-header {
    border-bottom: 1px solid #c5c5c5 !important;
}


.StatsGrid .k-grid-header th.k-header {
    padding: 5px 5px 5px 5px !important;
    text-align: center;
}

.StatsGrid.k-grid .k-grid-content .k-edit-cell {
    white-space: nowrap;
    border: 2px solid #107C10 !important;
    text-align: right !important;
    /*padding-left: 6px !important;
    padding-right: 6px !important;
    padding-top: 2px !important;
    padding-bottom: 4px !important;*/
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
    .StatsGrid.k-grid .k-grid-content .k-edit-cell > .k-textbox, 
    .StatsGrid.k-grid .k-grid-content .k-grid-edit-row > td > .k-textbox {
        /* padding: 0px;*/
        border-radius: 0;
        border: 0px solid transparent !important;
        text-align: right !important;
        height: 25px;
        width: 100%;
        padding-left: 6px !important;
        padding-right: 6px !important;
        padding-top: 2px !important;
        padding-bottom: 4px !important;
    }
    .StatsGrid.k-grid .k-grid-content .k-edit-cell .k-textbox:focus {
        box-shadow: none;
        text-align: right !important;
    }
.StatsGrid.k-grid .k-grid-content td.k-edit-cell:hover {
    border: 2px solid #107C10 !important;
    text-align: right !important;
}
.StatsGrid.k-grid .k-grid-content td {
    height: 30px !important;
    border-width: 1px !important;
    text-align: right !important;
}
    .StatsGrid.k-grid .k-grid-content td:hover {
        height: 30px !important;
        border-width: 2px !important;
        border-color: #9fcdb3 !important;
        text-align: right !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
    .StatsGrid.k-grid .k-grid-content td.k-edit-cell:hover {
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
/*


    .StatsGrid.k-grid .k-grid-content .k-edit-cell > span.k-widget.k-textbox.k-valid input.k-input.k-valid,
    .StatsGrid.k-grid .k-grid-content .k-grid-edit-row > span.k-widget.k-textbox.k-valid input.k-input.k-valid {
        border-radius: 0;
        border: 0px solid transparent !important;
        text-align: right !important;
        height: 25px;
        width: 100%;
        padding-left: 6px !important;
        padding-right: 6px !important;
        padding-top: 2px !important;
        padding-bottom: 4px !important;
    }*/
input.kendoCommontxtEdt {
    text-align: right !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    padding-top: 2px !important;
    padding-bottom: 4px !important;
    border-radius: 0;
    border: 0px solid transparent !important;
    height: 25px;
    width: 100%;
}
.StatsGrid.k-grid .k-grid-content .k-edit-cell > span.kendoCommontxtEdt,
.StatsGrid.k-grid .k-grid-content .k-grid-edit-row > span.kendoCommontxtEdt {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}



/*Kendo grid's filter box custom style*/
.k-filter-menu-container .k-textbox.k-space-right .k-icon.k-i-zoom {
    top: 7px;
    left: 5px;
    margin: 0px 0px;
}

.k-filter-menu-container {
    width: 270px;
    border: 1px solid #80C4F3 !important;
    background: white;
    padding: 0.5em 1em !important;
}

.k-filter-menu-container .k-textbox.k-space-right {
    margin-left: 10px;
    width: 92% !important;
}

.k-filter-menu-container .k-textbox.k-space-right input {
    padding-left: 15px !important;
}

.k-filter-menu-container .k-reset.k-multicheck-wrap .k-item span {
    padding-left: 3px;
    font-size: 12px;
    font-weight: normal;
    font-family: Segoe UI, arial,sans-serif;
}

.k-filter-menu-container .k-reset.k-multicheck-wrap {
    border: 1px solid #8e8e8e;
    padding: 0px 0px 10px 0px;
    height: 215px;
    width: 220px;
    margin-left: 10px !important;
}

.k-filter-menu-container .k-action-buttons {
    padding: 4px 4em 1em !important;
    display: flex;
    margin-top: 5px !important;
    margin-left: -1em;
    margin-right: -1em;
    margin-bottom: -1em;
}

.k-filter-menu-container .k-filter-selected-items {
    font-size: 13px;
    font-weight: normal;
    margin-left: 10px;
    font-family: Segoe UI, arial,sans-serif;
    display: none;
}

.k-filter-menu.k-popup.k-group.k-reset.k-state-border-up {
    padding: unset !important;
}

.k-grid-header-wrap.k-auto-scrollable .k-grid-filter {
    height: 33px;
    width: 32px;
}

.k-grid-header .k-grid-filter.k-state-border-down, .k-grid-header .k-grid-filter:focus {
    box-shadow: unset !important;
}

.k-filter-menu-container .k-action-buttons .k-button, 
.k-filter-menu-container .k-action-buttons .k-button.k-primary {
    background-image: unset !important;
    border-color: #e5e5e5 !important;
    color: #000 !important;
    background-color: #f9f9f9 !important;
    border-radius: 0;
}
.k-filter-menu-container .k-action-buttons .k-button:hover,
.k-filter-menu-container .k-action-buttons .k-button.k-primary:hover {
    background-image: unset !important;
    border-color: #e5e5e5 !important;
    color: #000 !important;
    background-color: #e5e5e5 !important;
    border-radius: 0;
}
.k-filter-menu-container .k-reset.k-multicheck-wrap .k-item {
    line-height: 1.8em !important;
    padding-left: 10px;
}
.k-filter-menu-container .k-reset.k-multicheck-wrap li:not(:first-child):hover  {
    background-color: #e6f3fb !important;
}
.k-filter-menu-container .k-reset.k-multicheck-wrap li:first-child {
    background-color: #eaeaea;
}




/*.KendoGridCommon .k-grid-header th.k-header {
    padding: 5px 5px 5px 5px !important;
    text-align: center;
    border-bottom: 1px solid #c5c5c5 !important;
    vertical-align: middle !important;
    height: 31px !important;
    position:relative;
}

.KendoGridCommon.k-grid .k-grid-content td {
    height: 30px !important; 
    border-width: 0 0 1px 1px !important;
    padding: 5px 5px 5px 5px !important;
}

.KendoGridCommon.k-grid .k-filter-row > th:first-child,
.KendoGridCommon.k-grid tbody td:first-child,
.KendoGridCommon.k-grid tfoot td:first-child,
.KendoGridCommon.k-grid .k-grid-header th.k-header:first-child


.KendoGridCommon.k-grid .k-filter-row > td:first-child,
.KendoGridCommon.k-grid tbody td:first-child,
.KendoGridCommon.k-grid tfoot td:first-child,
.KendoGridCommon.k-grid .k-grid-header td.k-header:first-child {
    border-left-width: 0 !important;
}
.KendoGridCommon.k-grid.kendoEditablegrid .k-grid-content td:hover {
    height: 30px !important;
    border-width: 2px !important;
    border-color: #9fcdb3 !important;
    text-align: right !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.KendoGridCommon.k-grid.kendoEditablegrid .k-grid-content td.k-edit-cell:hover {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border: 2px solid #107C10 !important;
    text-align: right !important;
}

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


.KendoGridCommon .k-grid-header th.k-header:hover span.k-icon.k-i-filter,
.KendoGridCommon .k-grid-filter.k-state-active .k-icon.k-i-filter {
    display: inline-block !important;
}

.KendoGridCommon .k-grid-header th.k-header:before {
    left: 0;
    top: 0;
    content: '';
    width: 100%;
    height: 5px;
    position: absolute;
    border-bottom: 1px solid #ddd;
}
.KendoGridCommon div.k-grid-footer, .KendoGridCommon div.k-grid-header {
    padding-right: 0px !important
}
.KendoGridCommon .k-grid-content.k-auto-scrollable::-webkit-scrollbar {
    width:0px !important;
    height: 10px;
    overflow: visible;
}

.KendoGridCommon .k-header > .k-grid-filter, .KendoGridCommon .k-header > .k-header-column-menu {
    margin: 0px -5px -5px 0px !important;
}

.KendoGridCommon span.k-icon.k-i-filter {
    margin-top: 6px !important;
}
.KendoGridCommon .k-grid-header th.k-header > .k-link {
    line-height: 28px !important;
}*/


.k-switch {
    border-radius: 6em;
    cursor: pointer;
    width: 6em;
    background: 0 0;
    border: 0;
    box-sizing: border-box;
    outline: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: hidden;
    vertical-align: middle;
    font-family: inherit;
    font-size: 10px;
    line-height: 1.4285714286;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

    .k-switch [type=checkbox] {
        display: none
    }

.k-ie .k-switch {
    display: inline-block
}

.k-switch, .k-switch-container, .k-switch-handle {
    box-sizing: border-box
}

.k-switch-container {
    border-radius: 6em;
    padding: 0 0;
    width: 6em;
    border-width: 0;
    border-style: solid;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
    outline: 0;
    transition: background-color .2s ease-out 0s
}

.k-ie .k-switch-container {
    display: block
}

.k-switch-handle {
    border-radius: 6em;
    width: 3em;
    height: 3em;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    left: 0;
    transition: left .2s ease-out 0s
}

.k-ie .k-switch-handle {
    display: block
}

.k-switch-on .k-switch-handle {
    left: calc(100% - 3em)
}

.k-edge .k-switch-on .k-switch-handle, .k-ie .k-switch-on .k-switch-handle {
    left: 100%;
    margin-left: -3em
}

.k-switch-off .k-switch-handle {
    left: 0
}

.k-switch-label-off, .k-switch-label-on {
    display: inline;
    width: calc(100% - 3em - 10px);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-transform: uppercase;
    line-height: 3em;
    overflow: hidden
}

.k-switch-label-on {
    text-align: left;
    left: 8px
}

.k-switch-label-off {
    text-align: right;
    right: 8px
}

.k-rtl .k-switch.k-switch-on .k-switch-handle, .k-switch[dir=rtl].k-switch-on .k-switch-handle {
    left: 0
}

.k-rtl .k-switch.k-switch-off .k-switch-handle, .k-switch[dir=rtl].k-switch-off .k-switch-handle {
    left: calc(100% - 3em)
}

.k-rtl .k-switch .k-switch-label-on, .k-switch[dir=rtl] .k-switch-label-on {
    text-align: right;
    left: initial;
    right: 8px
}

.k-rtl .k-switch .k-switch-label-off, .k-switch[dir=rtl] .k-switch-label-off {
    text-align: left;
    left: 8px;
    right: initial
}

.k-switch-container {
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.08)
}

.k-switch-handle {
    background-clip: padding-box
}

    .k-switch-handle .k-ie11 {
        background-clip: border-box
    }

.k-switch-label-off, .k-switch-label-on {
    text-shadow: none
}

.k-switch-on .k-switch-container {
    color: #fff;
    background-color: #ff6358
}

.k-switch-on .k-switch-handle {
    border-color: rgba(0,0,0,.08);
    color: #fff;
    background-color: #f2f2f2
}

.k-switch-on.k-state-hover .k-switch-container, .k-switch-on:hover .k-switch-container {
    color: #fff;
    background-color: #eb5b51
}

.k-switch-on.k-state-hover .k-switch-handle, .k-switch-on:hover .k-switch-handle {
    border-color: rgba(0,0,0,.15);
    color: #fff;
    background-color: #ededed
}

.k-switch-on .k-switch-label-off {
    color: transparent
}

.k-switch-off .k-switch-container {
    color: #656565;
    background-color: #fff
}

.k-switch-off .k-switch-handle {
    border-color: rgba(0,0,0,.08);
    color: #656565;
    background-color: #f2f2f2
}

.k-switch-off.k-state-hover .k-switch-container, .k-switch-off:hover .k-switch-container {
    color: #656565;
    background-color: #fff
}

.k-switch-off.k-state-hover .k-switch-handle, .k-switch-off:hover .k-switch-handle {
    border-color: rgba(0,0,0,.15);
    color: #656565;
    background-color: #ededed
}

.k-switch-off .k-switch-label-on {
    color: transparent
}

.k-switch {
    box-shadow: none
}

    .k-switch.k-state-focused .k-switch-container, .k-switch:focus .k-switch-container {
        outline: 0;
        box-shadow: inset 0 0 0 3px rgba(0,0,0,.06)
    }

    .k-switch.k-state-hover .k-switch-container, .k-switch:hover .k-switch-container {
        box-shadow: inset 0 0 0 1px rgba(0,0,0,.15)
    }

    .k-switch.k-state-disabled {
        cursor: default
    }

        .k-switch.k-state-disabled.k-state-focused, .k-switch.k-state-disabled:focus {
            box-shadow: inset 0 0 0 1px rgba(0,0,0,.08)
        }

    .k-switch[aria-readonly=true] {
        pointer-events: none
    }

.k-icon, .k-tool-icon {
    font-family: 'Font Awesome 5 Pro' !important;
}



.k-i-arrow-60-up:before {
    content: "\f106" !important;
}

.k-i-collapse:before {
    content: "\f107" !important;
}

.k-i-arrow-60-right:before {
    content: "\f105" !important;
}
.k-i-arrow-60-left:before {
    content: "\f104" !important;
}

.RadListBoxSelectedField .k-i-arrow-60-right:before {
    content: "\f104" !important;
}

.k-i-expand:before {
    content: "\f105" !important;
}

.k-i-arrow-60-down:before {
    content: "\f107" !important;
}


.k-i-arrow-double-60-left:before {
    content: "\f100" !important;
}

.k-i-arrow-double-60-right:before {
    content: "\f101" !important;
}

.k-i-clock:before {
    content: "\f017" !important;
}

.k-i-calendar:before {
    content: "\f073" !important;
}


.k-i-close:before {
    content: "\f00d" !important;
}

.k-i-filter:before {
    content: "\f0b0" !important;
}

.k-checkbox:checked + .k-checkbox-label:before {
    content: "\f00c" !important;
}

.k-i-plus::before {
    content: "\f067" !important;
}

.k-i-check::before {
    content: "\f00c" !important; /* Check icon */
}

.k-i-cancel::before {
    content: "\f00d" !important; /* Cancel icon (X mark) */
}

.k-i-cog::before {
    content: "\f013" !important; /* Cog icon (Settings) */
}

.k-i-delete::before {
    content: "\f1f8" !important; /* Delete icon (Trash) */
}

.k-i-edit::before {
    content: "\f044" !important; /* Edit (pencil) icon */
}
}
    .k-toolbar .k-button, .k-toolbar .k-button-group, .k-toolbar .k-separator, .k-toolbar .k-split-button, .k-toolbar .k-widget, .k-toolbar label, .k-toolbar span:not(.k-maskedtextbox) .k-textbox {
        margin: 0 .2em !important;
        vertical-align: middle !important;
    }
.k-grid .k-toolbar.k-grid-toolbar {
    padding: 4px 4px !important;
}
.k-button.k-state-hover, .k-button:hover {
    border-color: rgba(0, 0, 0, .15);
    color: #656565;
    background-color: #ededed;
    background-image: linear-gradient(#ededed, #e8e8e8);
}
.k-autocomplete, .k-draghandle, .k-dropdown-wrap, .k-grid-header, .k-grouping-header, .k-header, .k-numeric-wrap, .k-panelbar .k-tabstrip-items .k-item, .k-picker-wrap, .k-progressbar, .k-state-highlight, .k-tabstrip-items .k-item, .k-toolbar {
    color: #656565;
    /*background-color: #f6f6f6 !important;*/
    background-image: none !important;
}

.k-i-bold::before {
    content: "\f032" !important;
}
.k-i-italic:before {
    content: "\f033" !important;
}
.k-i-underline:before {
    content: "\f0cd" !important;
}
.k-i-paint:before {
    content: "\f1fc" !important;
}
.k-i-foreground-color:before {
    content: "\f031" !important;
}
.k-i-list-unordered:before {
    content: "\f0ca" !important;
}
.k-i-align-left:before {
    content: "\f036" !important;
}
.k-i-align-center:before {
    content: "\f037" !important;
}

.k-i-align-right:before {
    content: "\f038" !important;
}

.k-i-link-horizontal:before {
    content: "\f0c1" !important;
}
.k-i-unlink-horizontal:before {
    content: "\f127" !important;
}

.k-i-image:before {
    content: "\f03e" !important;
}

.k-i-table-insert:before {
    content: "\f0ce" !important;
}