: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;
}
.grid-menu-col {
    padding: 0;
    text-align: center;
}
    .grid-menu-col .grp-btn {
        width: 100%;
    }
.k-expander-header {
    padding: 5px 10px;
}
.k-expander-title {
    font-size: 12px;
}
.k-input-solid.k-focus, .k-input-solid:focus {
    box-shadow: none;
}
/*********************** FROM SITE.CSS ************************************/

.k-pager-numbers .k-state-selected {
    border-radius: 0 !important;
    border-width: 0 !important;
}

.k-upload-selected, .k-clear-selected {
    display: none !important;
}

.k-upload.k-header {
    background-color: transparent;
}

.k-upload-files {
    border-width: 0;
}

.k-button.k-upload-action {
    color: red;
    opacity: 1;
}

.k-numerictextbox input {
    text-align: right;
}

.k-i-loading {
    background-image: url(/Images/loading.gif);
}

.k-toolbar.k-editor-toolbar {
    background-color: white;
}

.k-tool.k-button {
    color: black;
    border-color: white !important;
    background-color: white;
}

.k-textarea.k-editor-textarea {
    width: auto;
}


/****************** Window ******************************/
.k-window-title {
    font-size: 12px;
    color: white;
    text-transform: uppercase;
}

.k-alert-window .k-window-actions {
    padding-top: 0;
}

.i-alert {
    font-size: 14px;
    margin-right: 7px;
}

.w-content {
    min-width: 200px;
    font-size: 13px;
    line-height: 18px;
}

.k-alert .w-content {
    max-width: 90vw;
    max-height: 80vh;
    overflow: scroll;
}

.w-btn {
    clear: both;
    padding-top: 10px;
    text-align: center;
}

    .w-btn input {
        background-color: #3b3b3b;
        color: white;
        padding: 5px 15px;
        border: 0;
    }

        .w-btn input:focus {
            text-decoration: underline;
        }

    .w-btn [name=wndbtnOk] {
        background-color: #7a36dc !important;
    }

    .w-btn [name=wndbtnCancel] {
        background-color: #ea4335 !important;
    }

.wnd-error {
    background-color: #cb1616 !important;
}

.wnd-info {
    background-color: #1CC09F;
}

.k-window-titlebar .k-icon {
    color: white;
    background: red;
}

.k-prompt .prompt-txt {
    width: 100%;
    border: 1px solid #ccc !important;
}

.k-widget textarea {
    box-sizing: border-box;
}

.wnd-has-header.k-window-content {
    padding: 0;
}

.k-window-titlebar {
    /*background-color: #2a3f54;*/
    background-color: #1b264f;
    border-width: 0px;
    padding: 5px 10px;
    border-radius: 3px;
}

.k-confirm-wnd .k-window-titlebar {
    background-color: darkorange;
}

.k-window-titlebar .k-window-action {
    opacity: 1;
}
/****************** Window - End ******************************/


.k-grid-header .k-header-column-menu {
    color: black;
}

.k-filter-row th, .k-grid-header th.k-header {
    /*border-width: 0;*/
    border-color: #ddd3d3;
}

.k-grid-header .k-grid-filter-menu {
    color: black;
}

.k-grid-content table tr:first-child td, .k-grid-content-locked table tr:first-child td {
    border-top: 0;
}

.k-grid-content tr td {
    border-left-width: 1px;
    font-size: 12px;
}

.k-grid tr td, .k-pivot-layout .k-grid tr td {
    border-bottom-width: 1px;
    border-style: solid;
    border-color: #ececec;
    white-space: nowrap;
}

.k-state-selected td {
    border-color: #2e919b !important;
}

.k-grid-header th.k-with-icon .k-link {
    margin-right: 0;
    padding-right: 0;
}

.k-grid-content-locked {
    border-color: #ececec;
}

.k-edit-cell input {
    border: 1px dotted gray;
}

.k-grid .k-grid-header {
    border-left-width: 1px;
    font-size: 10px;
    border-top-style: solid;
    border-top-width: 1px;
}


.k-calendar-container .k-header .k-link {
    color: white;
}


/* kendo styles changes list*/
.k-primary {
    color: #fff;
    border-color: #2a3f54;
    background-color: #2a3f54;
}

.k-chat .k-alt .k-bubble {
    border-color: #2a3f54;
    color: #fff;
    background-color: #2a3f54;
}

.k-chat .k-quick-reply {
    border-color: #2a3f54;
    color: #2a3f54;
    background-color: transparent;
}

    .k-chat .k-quick-reply:hover {
        border-color: #2a3f54;
        color: #fff;
        background-color: #2a3f54;
    }

.k-calendar th, .k-dropzone-hovered, .k-footer-template td, .k-grid-footer, .k-group-footer td, .k-grouping-header, .k-widget .k-status {
    background-color: #2a3f54;
}

.k-grouping-row td, .k-resize-handle-inner, td.k-group-cell {
    background-color: white;
}

.k-input, .k-multiselect-wrap, .k-textbox > input, input.k-textbox, input.k-textbox:hover, textarea.k-textbox, textarea.k-textbox:hover {
    background-color: #fff;
    color: #444;
    font-size: 12px !important;
    border: 1px solid #ddd;
}

    .k-textbox > input, input.k-textbox, input.k-textbox:hover, textarea.k-textbox, textarea.k-textbox:hover {
        padding: 3px;
    }

.k-widget.k-input {
    padding: 0;
}

.k-block, .k-content, .k-dropdown .k-input, .k-popup, .k-widget {
    color: #040404;
}

.k-editor .k-editable-area .k-content {
    border-width: 1px 0 0 0;
    border-color: #ccc;
}

.k-editor.k-editor-widget {
    background-color: white;
    color: black;
}

table.k-editor {
    border-color: gray;
}

.k-editor-dropdown .k-editor-widget, .k-colorpicker.k-editor-widget {
    color: #040404;
}

.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-textbox, .km-pane-wrapper > .km-pane > .km-view > .km-content {
    background-position: 50% 50%;
    background-color: #2a3f54;
}

.k-input.k-header {
    background-color: transparent !important;
    padding: 0 !important;
}

.k-block, .k-draghandle, .k-grid-header, .k-grouping-header, .k-header, .k-treemap-tile, html .km-pane-wrapper .k-header {
    border: 0px;
}

.k-draghandle {
    border-color: #2a3f54;
    background-color: #2a3f54;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .k-draghandle:hover {
        border-color: #2a3f54;
        background-color: #2a3f54;
        -webkit-box-shadow: 0 0 0 8px rgba(63,81,181,.3);
        box-shadow: 0 0 0 8px rgba(63,81,181,.3);
    }

.k-badge {
    background-color: #2a3f54;
    color: #fff;
    border-radius: 1px;
}

.k-calendar th {
    background-color: #2a3f54;
}

.k-upload .k-upload-selected:hover {
    color: #fff;
    background-color: #2a3f54;
}

.k-editor-inline ::-moz-selection {
    background-color: #2a3f54;
    text-shadow: none;
    color: #fff;
}

.k-editor-inline ::selection {
    background-color: #2a3f54;
    text-shadow: none;
    color: #fff;
}

.k-editor-inline ::-moz-selection {
    background-color: #2a3f54;
    text-shadow: none;
    color: #fff;
}

.k-panelbar > li.k-state-default > .k-link, .k-tabstrip-items .k-item .k-link {
    color: #544848;
}


.k-column-title {
    color: black;
    border-color: gray;
}

.k-overflow-container .k-primary, .k-primary {
    color: #fff;
    border-color: #2a3f54;
    background-position: 50% 50%;
    background-color: #2a3f54;
}

.k-calendar .k-today {
    background-color: #2a3f54;
}

    .k-calendar .k-today .k-link {
        color: white;
    }

.k-panelbar .k-tabstrip-items .k-state-active, .k-tabstrip-items .k-state-active {
    background-color: #2a3f54;
    background-image: none;
    border-bottom-color: #00b0ff;
}

.k-tabstrip-items .k-item.k-state-hover {
    background: #2a3f54;
    border-color: #2a3f54;
}

.k-gantt-toolbar .k-button, .k-gantt > .k-header .k-link, .k-gantt > .k-header li, .k-grid .k-header .k-button, .k-scheduler .k-header .k-button, .k-scheduler .k-header .k-link, .k-scheduler .k-header li, .km-pane-wrapper .k-header .k-button {
    color: #fff;
    background-color: #1cc09f;
    border-color: #1cc09f;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .k-gantt .k-gantt-toolbar .k-button:hover, .k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover, .k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover .k-link, .k-grid .k-header .k-button:hover, .k-scheduler .k-header .k-button:hover, .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover, .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover .k-link, .km-pane-wrapper .k-header .k-button:hover {
        background-color: #1cc09f;
        border-color: #1cc09f;
    }

.k-gantt-toolbar .k-button, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-scheduler-toolbar ul li.k-state-hover {
    background-color: #2a3f54;
    border-color: #2a3f54;
}

.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: #444 !important;
    background-color: #fff;
}

    .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: #FFF;
    }

.k-grid-pager .k-link, .k-grid-pager .k-link:link {
    color: #21252B;
}

.k-pager-refresh {
    border-width: 0;
}

.k-pager-numbers .k-state-selected {
    border-color: #FFF transparent transparent;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #FFF;
}

.k-panelbar .k-grid-toolbar {
    background-color: #2a3f54;
}

.k-splitbar.k-state-focused {
    background-color: #2a3f54;
    border-color: #2a3f54;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-state-selected .k-task-summary-complete, .k-state-selected.k-task-milestone, .k-task-milestone, .k-task-summary-complete {
    background-color: #2a3f54;
    border-color: #2a3f54;
}

.k-progressbar .k-state-selected {
    background-color: #2a3f54;
    border-color: #2a3f54;
}

.k-slider-selection {
    background-color: #2a3f54;
    border-color: #2a3f54;
}

.k-flatcolorpicker .k-hue-slider .k-draghandle, .k-flatcolorpicker .k-transparency-slider .k-draghandle {
    border-color: #2a3f54;
    background-color: #2a3f54;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .k-flatcolorpicker .k-hue-slider .k-draghandle:hover, .k-flatcolorpicker .k-transparency-slider .k-draghandle:hover {
        border-color: #2a3f54;
        background-color: #2a3f54;
        -webkit-box-shadow: 0 0 0 8px rgba(63,81,181,.3);
        box-shadow: 0 0 0 8px rgba(63,81,181,.3);
    }

    .k-draghandle.k-state-focused, .k-draghandle.k-state-focused:link, .k-flatcolorpicker .k-hue-slider .k-draghandle.k-state-focused, .k-flatcolorpicker .k-transparency-slider .k-draghandle.k-state-focused {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-color: #2a3f54;
        background-color: #2a3f54;
    }

.k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    background-image: none;
    background-color: #2a3f54;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.2);
}

.k-combobox .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
    border-style: solid;
    /*border-width: 0 0 0 1px;*/
    border-width: 0;
}

.k-dropdown-wrap, .k-picker-wrap {
    border-color: #dddddd !important;
    background-color: white !important;
}

.k-grid-header .k-link:link {
    color: #FFF !important;
}

.k-alt {
    background-color: #ffffff;
    border-color: #ccc;
}

.k-grid .k-state-selected {
    background-color: #3c9fa9 !important;
    color: white;
}


.k-widget input:not(.k-textbox):not(.text-box):not(.k-checkbox):not(.k-radio) {
    border: 0 !important;
}

.k-multiselect .k-button {
    color: black;
    border-color: #cecece;
    background-color: #f0f0f0;
}

.k-multiselect .k-select {
    color: black;
}


/****************** Grid ******************************/
.k-grid-toolbar {
    background-color: #ecf3f3;
    border-color: #d4dddd;
    text-align: center !important;
}

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

    .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-grid-toolbar .k-icon {
        margin: 0 !important;
    }

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

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

.k-grid-norecords-template {
    border-width: 0 !important;
}
/****************** Grid - End ******************************/

/****************** Rating **********************************/
.k-rating.k-widget {
    background-color: transparent;
}

.k-rating-item.k-state-selected {
    color: orange; /*#ff4350*/
    background-color: transparent !important;
    box-shadow: none;
}

.k-rating-item.k-state-hover, .k-rating-item:hover {
    color: orange; /*#ff4350*/
    cursor: pointer;
    background: 0 0;
    box-shadow: none;
}

.k-rating.k-state-focused .k-rating-item.k-state-selected > .k-icon, .k-rating:focus .k-rating-item.k-state-selected > .k-icon {
    text-shadow: 0 2px 3.6px rgba(255,67,80,.5);
}
/****************** Rating - End ***************************/

.k-tool-text {
    background-color: transparent !important;
    border: 0 !important;
    color: black !important;
    font-size: 14px !important;
    pointer-events: none !important;
}

.k-grid button {
    border-width: 0;
}

.k-block .k-header, .k-dialog .k-window-content, .k-list-container, .k-widget, .k-widget *, .k-widget ::before {
    box-sizing: inherit;
}

.k-filter-menu-container, .k-dropdown * {
    box-sizing: border-box;
}

.k-state-selected > .k-link {
    background-color: #29A195;
}

.inl-grid .k-grid-header, .inl-grid .k-grid-header .k-header {
    background-color: white !important;
    color: black;
    font-weight: 500;
}

    .inl-grid .k-grid-header .k-link {
        color: black !important;
        font-weight: 500;
    }

    .inl-grid .k-grid-header th.k-header, .inl-grid .k-grid-header {
        border-color: #cacaca;
    }

.k-widget * {
    box-sizing: border-box;
}

.k-splitter .k-ghost-splitbar-horizontal, .k-splitter .k-splitbar-horizontal {
    border-width: 0;
    background-color: whitesmoke;
}

.k-splitbar-horizontal:hover {
    background-color: #ecf3f3;
}

.k-splitbar.k-state-focused {
    background-color: #ecf3f3;
    border-color: #ddd;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-splitbar .k-resize-handle {
    background-color: #333;
}

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

.k-pager-refresh {
    border-width: 0;
}

.k-grouping-row p {
    padding: 0;
}

.k-header > .k-grid-filter {
    z-index: 0;
}

.k-state-disabled {
    border-color: #ddd;
}

.k-scheduler .k-scheduler-toolbar {
    background-color: #2a3f54 !important;
}

    .k-scheduler .k-scheduler-toolbar .k-scheduler-views .k-button-group .k-button {
        background-color: transparent !important;
        border-color: #2a3f54;
    }

.k-scheduler .k-header .k-link, .k-scheduler .k-header li, .km-pane-wrapper {
    background-color: transparent !important;
    border-color: #2a3f54;
}

.k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected {
    background-color: #1cc09f !important;
    border-color: #1cc09f;
}

.k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover {
    background-color: transparent !important;
    border-color: #2a3f54;
}

.k-scheduler-views .k-button {
    background-color: transparent !important;
    border-color: #2a3f54;
}
/***/
.k-scheduler-toolbar, .k-scheduler-toolbar .k-button:not(.k-pdf) {
    background-color: #2a3f54 !important;
    border-color: #2a3f54 !important;
    color: white !important;
}

.k-scheduler-header, .k-scheduler-agendaview .k-scheduler-datecolumn {
    color: black;
}

.k-event-template {
    font-size: 11px;
}

.k-scheduler-tools {
    float: right !important;
    margin-bottom: 0 !important;
}

.k-pdf {
    background-color: #4175a7 !important;
    border-color: #4075a7 !important;
}

.k-i-file-pdf::before {
    content: "\e90e";
    color: white;
}

.k-toolbar .k-scheduler-navigation .k-button {
    background-color: transparent !important;
    border-color: #2a3f54;
    color: white;
}

.k-i-calendar .k-sm-date-format .k-lg-date-format {
    color: white;
}

.k-lg-date-format {
    color: white;
}

.k-scheduler-toolbar .k-i-calendar:before {
    color: white;
}

.k-view-month th {
    color: #FFF;
}

.k-toolbar {
    display: block;
}

.k-editor .k-toolbar {
    background-color: white;
}

    .k-editor .k-toolbar .k-button {
        background-color: white;
        border-color: white;
        color: black;
    }

.k-treelist .k-grid-delete {
    background-color: #e91b14;
    border-color: #e91b14;
}

.k-treelist .k-grid-add {
    background-color: #1cc09f;
    border-color: #1cc09f;
}

.btn-grid.fa {
    background: none;
}

.k-pane {
    user-select: text !important; /* For Reports couldn't select text in live */
}