:root {
}

.theme-light {
    --kendo-gird-header-bg: white;
    --kendo-gird-header-color: black;
    --kendo-gird-filter-color: black;
    --kendo-gird-row-hover: #eaeaea;
}

.theme-light-blue {
    --kendo-gird-header-bg: #0375b9;
    --kendo-gird-header-color: white;
    --kendo-gird-filter-color: white;
    --kendo-gird-row-hover: #eef3f7;
}

.k-numerictextbox, .k-datepicker, .k-combobox, .k-dropdownlist, .k-timepicker {
    border-radius: 0;
}

.k-input, .k-widget.k-input, .k-picker {
    border-color: #DFDFDF;
}

.k-textbox {
    border: 1px solid #DFDFDF;
}

.k-input-inner {
    padding: 3px;
    font-size: 12px;
}

.k-list-item-text {
    font-size: 13px;
}

.k-timeline .k-event-collapse {
    border-width: 0;
}

.k-icon {
    color: var(--kendo-gird-filter-color);
}
/****************** Grid ******************************/
.k-grid-header {
    border-color: #c9c9c9 !important;
}

    .k-grid-footer, .k-grid-footer td, .k-grid-header, .k-grid-header .k-header, .k-pager-numbers .k-state-selected, .km-pane-wrapper .k-grid-header .k-header {
        color: #eaeaea;
        background-color: var(--kendo-gird-header-bg);
    }

        .k-grid-header .k-header, .k-grid-header .k-header .k-link, .k-grid-header .k-link, .k-grid-header .k-link:link, .k-scheduler-agendaview .k-scheduler-datecolumn, .k-scheduler-header {
            color: var(--kendo-gird-header-color);
        }

.k-grid-pager .k-link, .k-grid-pager .k-link:link {
    color: black;
}

.k-grid tr:hover {
    background-color: var(--kendo-gird-row-hover);
}

.k-grid-toolbar {
    background-color: #f2f2f2;
    border-color: #d4dddd;
    text-align: center;
    display: block;
}

    .k-grid-toolbar .k-grid-excel {
        float: right;
    }

    .k-grid-toolbar .k-grid-add {
        border-color: #24af54;
        background-color: #24af54;
        color: white;
        float: left;
    }

    .k-grid-toolbar .cstm-btn {
        border-radius: 0;
    }

    .k-grid-toolbar .k-i-add {
        left: 2px;
        opacity: 1;
    }

    .k-grid-toolbar .tb-text {
        color: black !important;
        background-color: transparent !important;
        border-width: 0 !important;
    }

.k-pager-wrap {
    background-color: white;
}

.k-grid {
    border-color: #f2f2f2;
}

.k-grid-filter.k-active, .k-grid-filter.k-state-active {
    background-color: brown;
}

.k-action-buttons, .k-actions, .k-columnmenu-actions {
    margin: 0;
}

.k-filter-menu-container .k-picker.k-dropdownlist {
    margin-bottom: 3px;
}

.k-grid-excel, .k-grid-excel:hover {
    background-color: #1cc09f;
}

    .k-grid-save-changes, .k-grid-save-changes:hover, .k-grid-excel, .k-grid-excel:hover {
        color: white;
        margin-right: 5px !important;
        background-color: var(--BtnNavBarBgClr) !important;
        border-color: var(--BtnNavBarBgClr) !important;
    }

.k-grid .k-column-title {
    font-weight: 500;
    font-size: 12px;
}
.k-grouping-header{
    padding: 3px !important;
}
/****************** Grid - End ******************************/
.k-datepicker .k-input-inner {
    width: 100% !important;
}

.k-daterangepicker .k-label {
    top: -3px;
    left: 0;
    transform: scale(1);
}

.k-daterangepicker .k-input-inner {
    padding: 4px;
}

.k-calendar .k-calendar-monthview th {
    background-color: #cfd7df;
}

.k-tabstrip {
    border-width: 0;
    margin-bottom: 20px;
}

.k-tabstrip-items-wrapper {
    background-color: #e6f0f9 !important;
    border-radius: 10px !important;
    padding: 10px !important;
    border: none;
    height: 30px;
}

.k-tabstrip-items .k-item.k-hover span {
    color: white !important;
}
.k-window-content {
    background-color: white;
}
.k-treeview{
    font-size: 12px !important;
}
.k-grouping-row td {
    text-align: right;
}
.k-grouping-row td.aln-left {
    text-align: left;
}