button.k-button.k-button-icontext {
    gap: 0;
}

.k-text-center span.k-cell-inner {
    justify-content: center;
}

.k-hierarchy-cell.k-table-td > a.k-icon.k-font-icon.k-i-caret-alt-right,
.k-hierarchy-cell.k-table-td > a.k-icon.k-font-icon.k-i-caret-alt-down {
    text-decoration: none;
}

.k-ghost-splitbar-horizontal, .k-splitbar-horizontal {
    width: 0.5rem;
}

.k-ghost-splitbar-vertical, .k-splitbar-vertical {
    height: 0.5rem;
}

.k-button {
    color: #2e2e2e;
}

.k-button-solid-base.k-selected {
    background-image: none;
}

.btnDatePicker input.k-input-inner {
    width: 0;
    padding-block: 0;
    padding-inline: 0;
    border: none;
}

.btnDatePicker button.k-input-button.k-button.k-icon-button {
    background: transparent;
    width: 1rem;
    height: 1rem;
}

.btnDatePicker > .k-datepicker.k-input.k-input-solid {
    background: transparent;
}

.k-pane {
    color: #656565;
    background-color: #ffffff;
    border-color: rgba(0, 0, 0, 0.08);
}

.k-calendar .k-calendar-th, .k-calendar .k-calendar-caption, .k-calendar .k-meta-header, .k-calendar .k-month-header {
    color: #656565;
}

/******************Override modal foundation conflict with Kendo popup******************/
.reveal-overlay {
    z-index: 20005; /*default is 1005 vs kendo 1006*/
}

.close-button {
    top: 0.8rem;
}
/*********************************************************/
/******************Dropdown******************/
.k-list {
    color: initial;
}

.k-list-item:hover {
    color: #ffffff;
}
/*********************************************************/

/******************Grid section******************/
.k-table, .k-data-table, .k-table-tfoot, .k-table-footer {
    color: #656565;
}

.k-grid .k-grid-filter, .k-grid .k-header-column-menu, .k-grid .k-grid-header-menu, .k-grid .k-hierarchy-cell .k-icon {
    color: #656565;
}

.k-group-footer td, .k-grouping-row td, .k-group-footer .k-table-td, .k-grouping-row .k-table-td, .k-table-tbody .k-group-cell {
    color: #656565;
}

/*TODO remove when implemented on Grid.css of API*/
.k-grid-header th.k-header {
    padding: 0.5rem !important;
}

.k-tooltip.k-tooltip-error {
    flex-direction: row;
}

    .k-tooltip.k-tooltip-error .k-callout {
        color: #4d9d2a;
        top: -0.7rem; /*-12px;*/
        left: 0.5rem; /*8px;*/
    }

.k-grid-edit-row > td > .text-box {
    margin-left: initial;
    margin-bottom: initial;
}

.k-menu-vertical .k-item > .k-link {
    padding-right: 8px;
}

.k-menu-vertical > .k-menu-item > .k-menu-link > .k-menu-expand-arrow {
    margin-inline-end: 0;
}

.k-picker-solid {
    color: #656565;
    background-color: #f6f6f6;
    border-color: rgba(0, 0, 0, 0.08);
    background-image: linear-gradient(#f6f6f6, #f1f1f1);
}

.k-numerictextbox .k-numeric-wrap {
    color: #656565;
    background-color: #ffffff;
    border-color: rgba(0, 0, 0, 0.08);
}

.k-input-solid {
    background-color: #ffffff;
}

.k-grid td.k-state-selected:hover, .k-grid tbody > tr:hover .k-input-inner {
    color: initial;
}

.k-grid .k-command-cell > .k-button {
    margin: 0.2rem auto;
}

.k-table-th, .k-grid td, .k-grid .k-table-td {
    border-color: rgba(0, 0, 0, 0.08) !important;
}

.k-column-menu-popup.k-popup, .k-grid-columnmenu-popup.k-popup {
    max-width: 17rem;
    width: auto;
}
/*********************************************************/
/******************Pager grid section******************/
.k-pager-input .k-input.k-input-md {
    width: 5rem;
}

.k-pager.k-grid-pager.k-pager-md {
    padding: 0 8px;
    color: #656565;
    background: #f6f6f6;
}
/*********************************************************/

/******************Toolbar grid section******************/
.k-grid-toolbar {
    padding: 3px 2px; /*4px*/
}

.k-grid-toolbar-section, .k-grid-toolbar-section > div {
    display: flex;
    flex: 1;
}

.k-grid-title {
    align-items: center;
    justify-content: center;
}

.k-grid-toolbar-section-right {
    flex-direction: row-reverse;
}
/*********************************************************/

/******************Window******************/
.k-window {
    border-radius: 0;
}

.k-window-content:not([data-role="dialog"]) {
    /*padding: initial;*/
    padding-block: 0;
    padding-inline: 0;
}

.k-window-titlebar:not(.k-dialog-titlebar) {
    background-color: #102c52;
    color: #ffffff;
    border-radius: 0;
}

.k-window-title:not(.k-dialog-title) {
    font-size: 1.2rem;
    color: #ffffff;
}

.k-window-titlebar-actions button.k-window-titlebar-action.k-button {
    color: inherit;
}

.k-dialog-titlebar {
    border-color: var(--kendo-color-border, #d1d1d1);
    color: #000000;
    background-color: #f6f6f6;
}
/*********************************************************/
/******************Kendo override v1 css******************/
span.k-link.k-menu-link input[type="checkbox"] {
    margin: 0 0.5rem 0 0;
}

span.k-icon.k-i-pdf, span.k-font-icon.k-i-pdf {
    color: red;
    font-size: 20px;
}

.k-button.k-button-icontext span.k-font-icon.k-i-pdf {
    margin: 0 4px 0 -4px;
}

span.k-icon.k-i-exception, span.k-font-icon.k-i-exception {
    color: #d51923;
}

span.k-icon.k-i-warning, span.k-font-icon.k-i-warning {
    color: #e6ac00;
}

.k-left {
    float: left;
}

.k-right {
    float: right;
}

span.k-widget.k-tooltip-validation {
    margin-top: initial;
    margin-bottom: 5px;
    line-height: 1.7em;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    background: #ff0000;
    color: #ffffff;
    border-color: #ff0000;
}

.details span.k-widget.k-tooltip-validation {
    margin-top: initial;
    margin-bottom: 5px;
    line-height: unset;
    width: unset;
    box-sizing: unset;
    text-align: left;
    color: unset;
    border-color: transparent;
    color: #d51923;
    background-color: transparent;
}

.details span.k-tooltip-validation span.k-icon.k-i-warning, .details span.k-tooltip-validation span.k-font-icon.k-i-warning {
    color: #d51923 !important;
}

.k-textbox {
    padding: 4px 10px;
}

.k-grid-norecords-template {
    height: 2em;
    line-height: 2em;
    border: none;
    background: initial;
}

.k-splitbar {
    color: #ffffff;
    background-color: #656565;
}

/*Keep only button of DatePicker */
.btnDatePicker span.k-widget.k-datepicker {
    width: 0;
}

.btnDatePicker .k-datepicker .k-select {
    background: transparent;
}

.btnDatePicker span.k-icon.k-i-calendar, .btnDatePicker span.k-font-icon.k-i-calendar {
    color: #2199e8;
}

    .btnDatePicker span.k-icon.k-i-calendar:focus, .btnDatePicker span.k-icon.k-i-calendar:hover,
    .btnDatePicker span.k-font-icon.k-i-calendar:focus, .btnDatePicker span.k-font-icon.k-i-calendar:hover {
        color: #4d9d45;
    }

.btnDatePicker input.k-input {
    margin-left: -20px;
    width: 0;
}

.btnDatepicker input:focus {
    -webkit-box-shadow: initial;
    box-shadow: initial;
}
/*******************************************************/
.k-widget.k-window .k-window-titlebar.k-header, div.k-widget.k-window div.k-window-titlebar {
    background-color: #102c52;
    color: #ffffff;
}

span.k-numeric-wrap.k-state-default span.k-icon.k-i-arrow-60-up,
span.k-numeric-wrap.k-state-default span.k-icon.k-i-arrow-60-down,
span.k-numeric-wrap.k-state-default span.k-font-icon.k-i-arrow-60-up,
span.k-numeric-wrap.k-state-default span.k-font-icon.k-i-arrow-60-down {
    color: #000000;
}

.k-grid .k-tooltip.k-tooltip-validation {
    display: initial;
    position: initial;
    width: auto;
    padding: 0;
}

/*Fix bug to show Friday and Saturday columns*/
.k-calendar {
    width: 19em !important;
}

div[role="dialog"].k-window-content {
    padding: 0;
}

/* Arrow for tooltip */

/*.k-callout-n {
    top: -1px;
}

.k-callout-e {
    right: -1px;
}

.k-callout-s {
    bottom: -1px;
}

.k-callout-w {
    left: -1px;
}*/
/***/

.k-window-titlebar .k-window-actions {
    margin: -5em 0;
}

.k-toolbar.k-grid-toolbar.k-grid-top, .k-toolbar.k-grid-toolbar.k-grid-top > * {
    display: block;
}