/* Minification failed. Returning unminified contents.
(8,17): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(68,17): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(527,24): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(554,28): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(565,24): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(579,24): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(585,28): run-time error CSS1039: Token not allowed after unary operator: '-hoverColor'
(586,32): run-time error CSS1039: Token not allowed after unary operator: '-hoverColor'
(590,32): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(608,24): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(619,17): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(683,32): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(735,28): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(736,24): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(772,38): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(778,63): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(779,22): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(787,41): run-time error CSS1039: Token not allowed after unary operator: '-hoverColor'
(826,28): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(933,32): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(934,40): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(996,28): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(1153,17): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(1172,24): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(1212,32): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(1272,28): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(1278,28): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(1290,28): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(1323,32): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(1353,24): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(1354,22): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(1364,24): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(1373,28): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(1374,17): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(1472,29): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(1719,32): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(1720,32): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(1808,28): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(1809,36): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(1839,32): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(1844,17): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(1942,54): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(1951,28): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(1974,24): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(1977,28): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(1991,28): run-time error CSS1039: Token not allowed after unary operator: '-hoverColor'
(1993,32): run-time error CSS1039: Token not allowed after unary operator: '-hoverColor'
(2004,28): run-time error CSS1039: Token not allowed after unary operator: '-hoverColor'
(2006,32): run-time error CSS1039: Token not allowed after unary operator: '-hoverColor'
(2007,42): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2047,32): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2052,28): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2057,24): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2058,32): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2062,24): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2076,17): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2081,24): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2086,24): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2108,24): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2113,28): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2115,24): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2120,24): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2121,28): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2138,28): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2143,24): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2144,32): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2148,32): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2149,24): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2166,28): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2171,24): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2172,32): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2446,17): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2450,17): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2459,17): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2483,24): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2484,32): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2493,24): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2494,28): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2498,28): run-time error CSS1039: Token not allowed after unary operator: '-hoverColor'
(2499,32): run-time error CSS1039: Token not allowed after unary operator: '-hoverColor'
(2504,45): run-time error CSS1039: Token not allowed after unary operator: '-hoverColor'
(2527,28): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2533,28): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2534,24): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2576,32): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2577,24): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2624,32): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2643,24): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2644,28): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2649,28): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2676,38): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2696,40): run-time error CSS1039: Token not allowed after unary operator: '-hoverColor'
(2735,17): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2795,32): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(2861,24): run-time error CSS1039: Token not allowed after unary operator: '-hoverColor'
(2863,28): run-time error CSS1039: Token not allowed after unary operator: '-hoverColor'
(2864,38): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(3456,28): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(3857,17): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(3862,21): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(4144,28): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(4280,28): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(4281,24): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(4285,17): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(4286,38): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(4290,24): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(4292,28): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(4297,38): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(4305,17): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
(4320,17): run-time error CSS1039: Token not allowed after unary operator: '-customColor'
 */
/* Kendo skin */
.k-theme-test-class,
.ktb-theme-id-bootstrap {
    opacity: 0;
}

.ktb-var-accent {
    color: var(--customColor);
}

.ktb-var-base {
    color: #f3f3f4;
}

.ktb-var-background {
    color: #ffffff;
}

.ktb-var-border-radius {
    border-radius: 0px;
}

.ktb-var-normal-background {
    color: #ffffff;
}

.ktb-var-normal-gradient {
    background-image: none;
}

.ktb-var-normal-text-color {
    color: #676a6c;
}

.ktb-var-hover-background {
    color: #ffffff;
}

.ktb-var-hover-gradient {
    background-image: none;
}

.ktb-var-hover-text-color {
    color: #676a6c;
}

.ktb-var-selected-background {
    color: #ffffff;
}

.ktb-var-selected-gradient {
    background-image: none;
}

.ktb-var-selected-text-color {
    color: #676a6c;
}

.ktb-var-error {
    color: #ed5565;
}

.ktb-var-warning {
    color: #f8ac59;
}

.ktb-var-success {
    color: var(--customColor);
}

.ktb-var-info {
    color: #e5f5fa;
}

.ktb-var-series-a {
    color: #428bca;
}

.ktb-var-series-b {
    color: #5bc0de;
}

.ktb-var-series-c {
    color: #5cb85c;
}

.ktb-var-series-d {
    color: #f2b661;
}

.ktb-var-series-e {
    color: #e67d4a;
}

.ktb-var-series-f {
    color: #c00000;
}

.k-grid-norecords-template {
    background-color: #ffffff;
    border: 1px solid #e5e6e7;
}

.k-in,
.k-item,
.k-window-action {
    border-color: transparent;
}
/* main colors */
.k-block,
.k-widget {
    background-color: #ffffff;
}

.k-block,
.k-widget,
.k-input,
.k-textbox,
.k-group,
.k-content,
.k-header,
.k-filter-row > th,
.k-editable-area,
.k-separator,
.k-colorpicker .k-i-arrow-s,
.k-textbox > input,
.k-autocomplete,
.k-dropdown-wrap,
.k-toolbar,
.k-group-footer td,
.k-grid-footer,
.k-footer-template td,
.k-state-default,
.k-state-default .k-select,
.k-state-disabled,
.k-grid-header,
.k-grid-header-wrap,
.k-grid-header-locked,
.k-grid-footer-locked,
.k-grid-content-locked,
.k-grid td,
.k-grid td.k-state-selected,
.k-grid-footer-wrap,
.k-pager-wrap,
.k-pager-wrap .k-link,
.k-pager-refresh,
.k-grouping-header,
.k-grouping-header .k-group-indicator,
.k-panelbar > .k-item > .k-link,
.k-panel > .k-item > .k-link,
.k-panelbar .k-panel,
.k-panelbar .k-content,
.k-treemap-tile,
.k-calendar th,
.k-slider-track,
.k-splitbar,
.k-dropzone-active,
.k-tiles,
.k-toolbar,
.k-tooltip,
.k-button-group .k-tool,
.k-popup.k-align .k-list .k-item:last-child,
.k-upload-files {
    border-color: #e5e6e7;
}

    .k-group,
    .k-toolbar,
    .k-grouping-header,
    .k-pager-wrap,
    .k-group-footer td,
    .k-grid-footer,
    .k-footer-template td,
    .k-widget .k-status,
    .k-calendar th,
    .k-dropzone-hovered,
    .k-widget.k-popup {
        background-color: #fefefe;
    }

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

.k-list-container {
    border-color: rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
}

.k-content,
.k-editable-area,
.k-panelbar > li.k-item,
.k-panel > li.k-item,
.k-tiles {
    background-color: #ffffff;
}

.k-alt,
.k-separator,
.k-resource.k-alt,
.k-pivot-layout > tbody > tr:first-child > td:first-child {
    background-color: #fefefe;
}

.k-pivot-rowheaders .k-alt .k-alt,
.k-header.k-alt {
    background-color: #e8e8ea;
}

.k-textbox,
.k-autocomplete.k-header,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-numeric-wrap.k-state-active {
    border-color: #e5e6e7;
    /*background-color: #f3f3f4;*/
    background-color: #f3f3f400 !important;
}

    .k-textbox > input,
    .k-autocomplete .k-input,
    .k-dropdown-wrap .k-input,
    .k-autocomplete.k-state-focused .k-input,
    .k-dropdown-wrap.k-state-focused .k-input,
    .k-picker-wrap.k-state-focused .k-input,
    .k-numeric-wrap.k-state-focused .k-input {
        border-color: #e5e6e7;
    }

    input.k-textbox,
    textarea.k-textbox,
    input.k-textbox:hover,
    textarea.k-textbox:hover,
    .k-textbox > input {
        background: none;
    }

        .k-input,
        input.k-textbox,
        textarea.k-textbox,
        input.k-textbox:hover,
        textarea.k-textbox:hover,
        .k-textbox > input,
        .k-multiselect-wrap {
            background-color: #ffffff;
            color: #000000;
        }

            .k-input[readonly] {
                background-color: #ffffff;
                color: #676a6c;
            }

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

.k-inverse {
    color: #ffffff;
}

.k-block {
    color: #676a6c;
}

.k-link:link,
.k-link:visited,
.k-nav-current.k-state-hover .k-link {
    color: black;
}

.k-tabstrip-items .k-link,
.k-panelbar > li > .k-link {
    color: #676a6c;
}

.k-header,
.k-treemap-title,
.k-grid-header .k-header > .k-link {
    color: #676a6c;
}

.k-header,
.k-grid-header,
.k-toolbar,
.k-dropdown-wrap,
.k-picker-wrap,
.k-numeric-wrap,
.k-grouping-header,
.k-pager-wrap,
.k-textbox,
.k-button,
.k-progressbar,
.k-draghandle,
.k-autocomplete,
.k-state-highlight,
.k-tabstrip-items .k-item,
.k-panelbar .k-tabstrip-items .k-item,
.km-pane-wrapper > .km-pane > .km-view > .km-content {
    background-image: none;
    background-position: 50% 50%;
    background-color: #fefefe;
}

.k-widget.k-tooltip {
    background-image: none;
}

.k-block,
.k-header,
.k-grid-header,
.k-toolbar,
.k-grouping-header,
.k-pager-wrap,
.k-button,
.k-draghandle,
.k-treemap-tile,
html .km-pane-wrapper .k-header {
    background-color: #fefefe;
}

    .k-grid-header,
    .k-grid-header tr:first-child {
        background: transparent;
    }

.k-mediaplayer-toolbar {
    background-color: rgba(254, 254, 254, 0.85);
}
/* icons */
.k-icon:hover,
.k-state-hover .k-icon,
.k-state-selected .k-icon,
.k-state-focused .k-icon,
.k-column-menu .k-state-hover .k-sprite,
.k-column-menu .k-state-active .k-sprite,
.k-pager-numbers .k-current-page .k-link:hover:after,
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view.k-state-hover > .k-link:after {
    opacity: 1;
}

.k-icon,
.k-state-disabled .k-icon,
.k-column-menu .k-sprite,
.k-pager-numbers .k-current-page .k-link:after,
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after {
    opacity: 1;
}

.k-mobile-list .k-check:checked,
.k-mobile-list .k-edit-field [type=checkbox]:checked,
.k-mobile-list .k-edit-field [type=radio]:checked {
    opacity: 1;
}

.k-tool {
    border-color: transparent;
}

.k-icon,
.k-tool-icon,
.k-grouping-dropclue,
.k-drop-hint,
.k-column-menu .k-sprite,
.k-grid-mobile .k-resize-handle-inner:before,
.k-grid-mobile .k-resize-handle-inner:after,
.k-pager-numbers .k-current-page .k-link:after,
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after,
.k-gantt-views > .k-current-view > .k-link:after {
    /*background-image: url('2021.2.511/Bootstrap/sprite.png');*/
    /*border-color: transparent;*/
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 1em;
    height: 1em;
    text-align: center;
    vertical-align: middle;
    background-image: none;
    font: 16px/1 WebComponentsIcons;
    speak: none;
    font-variant: normal;
    text-transform: none;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: inherit;
}
/* IE will ignore the above selectors if these are added too */
.k-mobile-list .k-check:checked,
.k-mobile-list .k-edit-field [type=checkbox]:checked,
.k-mobile-list .k-edit-field [type=radio]:checked {
    /* background-image: url('2021.2.511/Bootstrap/sprite.png');*/
    /*border-color: transparent;*/
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 1em;
    height: 1em;
    text-align: center;
    vertical-align: middle;
    background-image: none;
    font: 16px/1 WebComponentsIcons;
    speak: none;
    font-variant: normal;
    text-transform: none;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: inherit;
}

.k-loading,
.k-state-hover .k-loading,
.k-i-loading,
.k-state-hover .k-i-loading {
    background-image: url('2021.2.511/Bootstrap/loading.gif');
    background-position: 50% 50%;
}

.k-loading-image {
    background-image: url('2021.2.511/Bootstrap/loading-image.gif');
}

.k-loading-color {
    background-color: #ffffff;
}

.k-button {
    color: #676a6c;
    border-color: #e5e6e7;
    background-color: #ffffff;
}

.k-draghandle {
    border-color: #ffffff;
    background-color: #ffffff;
    box-shadow: 0 0 0 1px #c4c4c4;
}

    .k-draghandle:hover {
        border-color: #e5e6e7;
        background-color: #f3f3f4;
        box-shadow: none;
    }
/* Scheduler */
.k-scheduler {
    color: #ffffff;
    background-color: #ffffff;
}

.k-scheduler-layout {
    color: #676a6c;
}

.k-scheduler-datecolumn,
.k-scheduler-groupcolumn {
    background-color: #ffffff;
    color: #676a6c;
}

.k-scheduler-times tr,
.k-scheduler-times th,
.k-scheduler-table td,
.k-scheduler-header th,
.k-scheduler-header-wrap,
.k-scheduler-times {
    border-color: #f0f0f2;
}

.k-nonwork-hour {
    background-color: #fefefe;
}

.k-gantt .k-nonwork-hour {
    background-color: rgba(0, 0, 0, 0.02);
}

.k-gantt .k-header.k-nonwork-hour {
    background-color: rgba(0, 0, 0, 0.2);
}

.k-scheduler-table .k-today,
.k-today > .k-scheduler-datecolumn,
.k-today > .k-scheduler-groupcolumn {
    background-color: #f0f0f2;
}

.k-scheduler-now-arrow {
    border-left-color: #dbdbdb;
}

.k-scheduler-now-line {
    background-color: #dbdbdb;
}

.k-event,
.k-task-complete {
    border-color: #148b73;
    background: #148b73 0 -257px none repeat-x;
    color: #ffffff;
}

.k-event-inverse {
    color: #676a6c;
}

.k-event.k-state-selected {
    background-position: 0 0;
    box-shadow: 0 0 0 2px #676a6c;
}

.k-event .k-resize-handle:after,
.k-task-single .k-resize-handle:after {
    background-color: #ffffff;
}

.k-scheduler-marquee:before,
.k-scheduler-marquee:after {
    border-color: var(--customColor) !important;
}

.k-panelbar .k-content,
.k-panelbar .k-panel,
.k-panelbar .k-item {
    background-color: #ffffff;
    color: #676a6c;
    border-color: #e5e6e7;
}

.k-panelbar > li > .k-link {
    color: #676a6c;
}

.k-panelbar > .k-item > .k-link {
    border-color: #e5e6e7;
}

.k-panel > li.k-item {
    background-color: #ffffff;
}
/* states */
.k-state-active,
.k-state-active:hover,
.k-active-filter,
.k-tabstrip .k-state-active {
    background-color: var(--customColor);
    border-color: #e5e6e7;
    color: #676a6c;
}

.k-fieldselector .k-list-container {
    background-color: #ffffff;
}

.k-button:focus,
.k-button.k-state-focused {
    border-color: var(--customColor) !important;
}

.k-button:hover,
.k-button.k-state-hover {
    color: #676a6c;
    border-color: #e5e6e7;
    background-color: #f3f3f4;
}

.k-button:active,
.k-button.k-state-active {
    color: #676a6c;
    background-color: #f3f3f4;
    border-color: var(--customColor) !important;
}

    .k-button:active:hover,
    .k-button.k-state-active:hover {
        color: #ffffff;
        border-color: var(--hoverColor);
        background-color: var(--hoverColor);
    }

.k-button:focus:not(.k-state-disabled):not([disabled]) {
    box-shadow: 0 0 0px 0 var(--customColor);
}

.k-button:focus:active:not(.k-state-disabled):not([disabled]) {
    box-shadow: inset 0 0 5px 3px #dbdbde;
}

.k-menu .k-state-hover > .k-state-active {
    background-color: transparent;
}

.k-state-highlight {
    background: #ffffff;
    color: #676a6c;
}

.k-state-focused,
.k-grouping-row .k-state-focused {
    border-color: var(--customColor) !important;
}

.k-button-bare.k-state-focused .k-font-icon,
.k-button-bare:focus .k-font-icon {
    text-shadow: 0 0 3px currentColor;
}

html .k-mediaplayer-toolbar .k-button-bare:active,
html .k-mediaplayer-toolbar .k-button-bare.k-state-active,
html .k-mediaplayer-toolbar .k-button-bare.k-state-active:hover {
    color: var(--customColor);
}

.k-calendar .k-link {
    color: #676a6c;
}

.k-calendar .k-footer {
    padding: 0;
}

    .k-calendar .k-footer .k-nav-today {
        color: #676a6c;
        text-decoration: none;
        background-color: #fefefe;
    }

        .k-calendar .k-footer .k-nav-today:hover,
        .k-calendar .k-footer .k-nav-today.k-state-hover {
            background-color: #ffffff;
            text-decoration: underline;
        }

        .k-calendar .k-footer .k-nav-today:active {
            background-color: #ffffff;
        }

.k-calendar .k-link.k-nav-fast {
    color: #676a6c;
}

.k-calendar .k-nav-fast.k-state-hover {
    text-decoration: none;
    background-color: #f3f3f4;
    color: #676a6c;
}

.k-calendar .k-link.k-state-hover {
    border-radius: 0px;
}

.k-calendar .k-state-focused.k-state-hover {
    background-color: #99f0df;
}

.k-calendar .k-state-selected.k-state-hover {
    background-color: #ebebeb;
}

    .k-calendar .k-state-selected.k-state-hover .k-link {
        color: #676a6c;
    }

.k-calendar td.k-state-focused.k-state-selected.k-state-hover {
    box-shadow: inset 0 0 0px 0 #bfbfbf;
}

.k-calendar .k-today {
    border-radius: 3px;
    background-color: #f3f3f4;
}

    .k-calendar .k-today.k-state-selected {
        border-radius: 3px;
        background-color: var(--customColor);
    }

    .k-calendar .k-today.k-state-hover {
        border-radius: 3px;
        background-color: #e0e0e3;
    }

    .k-calendar .k-today.k-state-focused.k-state-hover {
        border-radius: 3px;
        background-color: #99f0df;
    }

    .k-calendar .k-today.k-state-selected.k-state-hover {
        border-radius: 3px;
        background-color: #ebebeb;
    }

.k-calendar .k-footer .k-link {
    border-radius: 0;
}

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

.k-window-titlebar .k-link {
    border-radius: 0px;
}

.k-calendar-container.k-group {
    border-color: rgba(0, 0, 0, 0.2);
}

.k-alt {
    background-color: #F9F9F9;
}

.k-state-selected,
.k-state-selected:link,
.k-state-selected:visited,
.k-list > .k-state-selected,
.k-list > .k-state-highlight,
.k-panel > .k-state-selected,
.k-ghost-splitbar-vertical,
.k-ghost-splitbar-horizontal,
.k-draghandle.k-state-selected:hover,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-marquee-color {
    /*color: #676a6c;*/
    color: #fefefe;
    background-color: var(--customColor);
    border-color: var(--customColor) !important;
}

.k-virtual-item.k-first,
.k-group-header + .k-list > .k-item.k-first,
.k-static-header + .k-list > .k-item.k-first {
    border-top-color: #e5e6e7;
}

.k-group-header + div > .k-list > .k-item.k-first:before {
    border-top-color: #e5e6e7;
}

.k-popup > .k-group-header,
.k-popup > .k-virtual-wrap > .k-group-header {
    background: #e5e6e7;
    color: #676a6c;
}

.k-popup .k-list .k-item > .k-group {
    background: #e5e6e7;
    color: #676a6c;
    border-bottom-left-radius: -1px;
}

.k-marquee-text {
    color: #676a6c;
}

.k-state-focused,
.k-list > .k-state-focused,
.k-listview > .k-state-focused,
.k-grid-header th.k-state-focused,
td.k-state-focused,
.k-button.k-state-focused {
    border-radius: 3px;
    box-shadow: inset 0 0 0px 0 var(--customColor);
}

.k-popup .k-list .k-state-focused {
    /*border-radius: 0px;
    box-shadow: inset 0 0 2px 0 #126634, inset 0 0 7px 0 var(--customColor);*/
    box-shadow: inset 0 0 0px 0 #126634, inset 0 0 0px 0 var(--customColor);
    background: var(--customColor);
    border-radius: 3px;
}

.k-state-focused.k-state-selected,
.k-list > .k-state-focused.k-state-selected,
.k-listview > .k-state-focused.k-state-selected,
td.k-state-focused.k-state-selected {
    box-shadow: inset 0 0 10px 3px var(--hoverColor);
}

.k-ie8 .k-panelbar span.k-state-focused,
.k-ie8 .k-menu li.k-state-focused,
.k-ie8 .k-listview > .k-state-focused,
.k-ie8 .k-grid-header th.k-state-focused,
.k-ie8 td.k-state-focused,
.k-ie8 .k-tool.k-state-hover,
.k-ie8 .k-button:focus,
.k-ie8 .k-button.k-state-focused {
    background-color: #f3f3f4;
}

.k-list > .k-state-selected.k-state-focused,
.k-list-optionlabel.k-state-selected.k-state-focused {
    box-shadow: none;
}

.k-state-selected > .k-link,
.k-panelbar > li > .k-state-selected,
.k-panelbar > li.k-state-default > .k-link.k-state-selected {
    color: #676a6c;
}

.k-state-hover,
.k-state-hover:hover,
.k-splitbar-horizontal-hover:hover,
.k-splitbar-vertical-hover:hover,
.k-list > .k-state-hover,
.k-scheduler .k-scheduler-toolbar ul li.k-state-hover,
.k-pager-wrap .k-link:hover,
.k-dropdown .k-state-focused,
.k-filebrowser-dropzone,
.k-mobile-list .k-item > .k-link:active,
.k-mobile-list .k-item > .k-label:active,
.k-mobile-list .k-edit-label.k-check:active,
.k-mobile-list .k-recur-view .k-check:active {
    color: #000000;
    background-color: var(--customColor);
    border-color: #676A6C;
}
/* this selector should be used separately, otherwise old IEs ignore the whole rule */
.k-mobile-list .k-scheduler-timezones .k-edit-field:nth-child(2):active {
    color: #676a6c;
    background-color: #f3f3f4;
    border-color: #e5e6e7;
}

.k-ie8 .k-window-titlebar .k-state-hover {
    border-color: #e5e6e7;
}

.k-state-hover > .k-select,
.k-state-focused > .k-select {
    border-color: #e5e6e7;
}

.k-button:hover,
.k-button.k-state-hover,
.k-button:focus,
.k-button.k-state-focused,
.k-textbox:hover,
.k-state-hover,
.k-state-hover:hover,
.k-pager-wrap .k-link:hover,
.k-other-month.k-state-hover .k-link,
div.k-filebrowser-dropzone em,
.k-draghandle:hover {
    background-image: none;
}

.k-pager-wrap {
    background-color: #fefefe;
    color: #676a6c;
}

.k-autocomplete.k-state-active,
.k-picker-wrap.k-state-active,
.k-numeric-wrap.k-state-active,
.k-dropdown-wrap.k-state-active,
.k-state-active,
.k-state-active:hover,
.k-state-active > .k-link,
.k-button:active,
.k-panelbar > .k-item > .k-state-focused {
    background-image: none;
}

.k-state-selected,
.k-button:active,
.k-button.k-state-active,
.k-draghandle.k-state-selected:hover {
    background-image: none;
}

.k-button:active,
.k-button.k-state-active,
.k-draghandle.k-state-selected:hover {
    background-position: 50% 50%;
}

.k-tool-icon {
    background-image: url('https://kendo.cdn.telerik.com/2016.3.1028/styles/2021.2.511/Bootstrap/sprite.png');
}

.k-state-hover > .k-link,
.k-other-month.k-state-hover .k-link,
div.k-filebrowser-dropzone em {
    color: #676a6c;
}

.k-autocomplete.k-state-hover,
.k-autocomplete.k-state-focused,
.k-picker-wrap.k-state-hover,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-hover,
.k-numeric-wrap.k-state-focused,
.k-dropdown-wrap.k-state-hover,
.k-dropdown-wrap.k-state-focused {
    background-color: #f3f3f4;
    background-image: none;
    background-position: 50% 50%;
    border-color: #e5e6e7;
}

.km-pane-wrapper .k-mobile-list input:not([type="checkbox"]):not([type="radio"]),
.km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]),
.km-pane-wrapper .k-mobile-list textarea,
.k-dropdown .k-state-focused .k-input {
    color: #676a6c;
}

.km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right {
    background-image: none;
    background-position: 50% 50%;
    background: #f3f3f4;
    border-color: #f3f3f4;
}

    .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input {
        background: #ffffff;
        border-color: #e5e6e7;
    }

        .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input:focus {
            border-color: var(--customColor) !important;
            box-shadow: 0 0 0px 0 var(--customColor);
        }

.k-dropdown .k-state-hover .k-input {
    color: #676a6c;
}

.k-state-error {
    border-color: #dbdbdb;
    background-color: #ebebed;
    color: #9fa2a4;
}

.k-state-disabled {
    opacity: 1.0;
    background-color: #eee !important;
}

.k-ie11 .k-select,
.k-edge .k-select,
.k-ie11 .k-popup-edit-form,
.k-edge .k-popup-edit-form {
    opacity: .9;
}

.k-ie8 .k-state-disabled {
    filter: alpha(opacity=70);
}

.k-tile-empty.k-state-selected,
.k-loading-mask.k-state-selected {
    border-width: 0;
    background-image: none;
    background-color: transparent;
}

.k-state-disabled,
.k-state-disabled .k-link,
.k-state-disabled .k-button,
.k-other-month,
.k-other-month .k-link,
.k-dropzone em,
.k-dropzone .k-upload-status,
.k-tile-empty strong,
.k-slider .k-draghandle {
    color: #333;
}
/* Progressbar */
.k-progressbar-indeterminate {
    background: url('https://kendo.cdn.telerik.com/2016.3.1028/styles/2021.2.511/Bootstrap/indeterminate.gif');
}

    .k-progressbar-indeterminate .k-progress-status-wrap,
    .k-progressbar-indeterminate .k-state-selected {
        display: none;
    }
/* Slider */
.k-slider-track {
    background-color: #e5e6e7;
}

.k-slider-selection {
    background-color: var(--customColor);
}

.k-slider-horizontal .k-tick {
    background-image: url('https://kendo.cdn.telerik.com/2016.3.1028/styles/2021.2.511/Bootstrap/slider-h.gif');
}

.k-slider-vertical .k-tick {
    background-image: url('https://kendo.cdn.telerik.com/2016.3.1028/styles/2021.2.511/Bootstrap/slider-v.gif');
}
/* Tooltip */
.k-widget.k-tooltip {
    border-color: #000000;
    background-color: #000000;
    color: #ffffff;
}

.k-widget.k-tooltip-validation {
    border-color: #f8ac59;
    background-color: #f8ac59;
    color: #1e1001;
}
/* Bootstrap theme fix */
.input-prepend .k-tooltip-validation,
.input-append .k-tooltip-validation {
    font-size: 12px;
    position: relative;
    top: 3px;
}

.k-callout-n {
    border-bottom-color: #000000;
}

.k-callout-w {
    border-right-color: #000000;
}

.k-callout-s {
    border-top-color: #000000;
}

.k-callout-e {
    border-left-color: #000000;
}

.k-tooltip-validation .k-callout-n {
    border-bottom-color: #f8ac59;
}

.k-tooltip-validation .k-callout-w {
    border-right-color: #f8ac59;
}

.k-tooltip-validation .k-callout-s {
    border-top-color: #f8ac59;
}

.k-tooltip-validation .k-callout-e {
    border-left-color: #f8ac59;
}
/* Splitter */
.k-splitbar {
    background-color: #fefefe;
}

.k-restricted-size-vertical,
.k-restricted-size-horizontal {
    background-color: #9fa2a4;
}
/* Upload */
.k-file {
    background-color: #ffffff;
    border-color: #f0f0f2;
}

.k-file-progress {
    color: #2498bc;
}

    .k-file-progress .k-progress {
        background-color: #2498bc;
    }

.k-file-success {
    color: #000000;
}

    .k-file-success .k-progress {
        background-color: #000000;
    }

.k-file-error {
    color: #3d060c;
}

    .k-file-error .k-file-extension-wrapper,
    .k-file-error .k-multiple-files-extension-wrapper {
        color: #3d060c;
        border-color: #3d060c;
    }

        .k-file-error .k-file-extension-wrapper:before,
        .k-file-error .k-multiple-files-extension-wrapper:before {
            background-color: #ffffff;
            border-color: transparent transparent #3d060c #3d060c;
        }

    .k-file-error .k-progress {
        background-color: #3d060c;
    }

.k-file-extension-wrapper,
.k-multiple-files-extension-wrapper {
    color: #a6a6ad;
    border-color: #a6a6ad;
}

.k-file-invalid .k-file-name-invalid {
    color: #3d060c;
}

.k-file-invalid-extension-wrapper,
.k-multiple-files-invalid-extension-wrapper {
    color: #3d060c;
    border-color: #3d060c;
}

.k-file-extension-wrapper:before,
.k-multiple-files-extension-wrapper:before {
    background-color: #ffffff;
    border-color: transparent transparent #a6a6ad #a6a6ad;
}

.k-file-invalid-extension-wrapper:before,
.k-multiple-files-invalid-extension-wrapper:before {
    background-color: #ffffff;
    border-color: transparent transparent #3d060c #3d060c;
}

.k-multiple-files-extension-wrapper:after {
    border-top-color: #a6a6ad;
    border-left-color: #a6a6ad;
}

.k-multiple-files-invalid-extension-wrapper:after {
    border-top-color: #3d060c;
    border-left-color: #3d060c;
}

.k-file-size,
.k-file-information,
.k-file-validation-message {
    color: #a6a6ad;
}

.k-upload .k-upload-selected {
    color: var(--customColor);
    border-color: #e5e6e7;
}

    .k-upload .k-upload-selected:hover {
        color: #676a6c;
        background-color: #ffffff;
    }
/* ImageBrowser */
.k-tile {
    border-color: #ffffff;
}

.k-textbox:hover,
.k-tiles li.k-state-hover {
    border-color: #e5e6e7;
}

.k-tiles li.k-state-selected {
    border-color: var(--customColor) !important;
}

.k-filebrowser .k-tile .k-folder,
.k-filebrowser .k-tile .k-file,
.k-filebrowser .k-tile .k-i-folder,
.k-filebrowser .k-tile .k-i-file {
    background-image: url('https://kendo.cdn.telerik.com/2016.3.1028/styles/2021.2.511/Bootstrap/imagebrowser.png');
    background-size: auto auto;
}
/* TreeMap */
.k-leaf,
.k-leaf.k-state-hover:hover {
    color: #fff;
}

    .k-leaf.k-inverse,
    .k-leaf.k-inverse.k-state-hover:hover {
        color: #000;
    }
/* Shadows */
.k-widget,
.k-button {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.k-slider,
.k-treeview,
.k-upload {
    box-shadow: none;
}

.k-state-hover {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}

.k-autocomplete.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused {
    box-shadow: 0 0 0px 0 var(--customColor);
}

.k-state-selected {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.k-state-active {
    box-shadow: none;
}

.k-grid td.k-state-selected.k-state-focused {
    background-color: #1cc09f;
}

.k-popup,
.k-menu .k-menu-group,
.k-grid .k-filter-options,
.k-time-popup,
.k-datepicker-calendar,
.k-autocomplete.k-state-border-down,
.k-autocomplete.k-state-border-up,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-multiselect.k-state-focused,
.k-filebrowser .k-image,
.k-tooltip {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}

.k-treemap-tile.k-state-hover {
    box-shadow: inset 0 0 0 3px #e5e6e7;
}
/* Window */
.k-window {
    border-color: rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.2);
    background-color: #ffffff;
}

    .k-window.k-state-focused {
        border-color: rgba(0, 0, 0, 0.2);
        box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.2);
    }

    .k-window.k-window-maximized,
    .k-window-maximized .k-window-titlebar,
    .k-window-maximized .k-window-content {
        border-radius: 0;
    }

.k-shadow {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.k-inset {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
}
/* Selection */
.k-editor-inline ::selection {
    background-color: var(--customColor);
    text-shadow: none;
    color: #fff;
}

.k-editor-inline ::-moz-selection {
    background-color: var(--customColor);
    text-shadow: none;
    color: #fff;
}
/* Notification */
.k-widget.k-notification.k-notification-info {
    background-color: #e5f5fa;
    color: #2498bc;
    border-color: #bae5f2;
}

.k-widget.k-notification.k-notification-success {
    background-color: var(--customColor);
    color: #000000;
    border-color: #14866f;
}

.k-widget.k-notification.k-notification-warning {
    background-color: #f8ac59;
    color: #4f2b03;
    border-color: #f69428;
}

.k-widget.k-notification.k-notification-error {
    background-color: #ed5565;
    color: #3d060c;
    border-color: #e8273b;
}
/* Gantt */
.k-gantt .k-treelist {
    background: #fefefe;
}

    .k-gantt .k-treelist .k-alt {
        background-color: #e3e3e5;
    }

    .k-gantt .k-treelist tr:hover {
        background-color: #ffffff;
    }

    .k-gantt .k-treelist .k-state-selected,
    .k-gantt .k-treelist .k-state-selected td,
    .k-gantt .k-treelist .k-alt.k-state-selected,
    .k-gantt .k-treelist .k-alt.k-state-selected > td {
        background-color: var(--customColor);
    }

.k-task-dot:after {
    background-color: #676a6c;
    border-color: #676a6c;
}

.k-task-dot:hover:after {
    background-color: #ffffff;
}

.k-task-summary {
    border-color: #a7aaab;
    background: #a7aaab;
}

.k-task-milestone,
.k-task-summary-complete {
    border-color: #676a6c;
    background: #676a6c;
}

.k-state-selected.k-task-summary {
    border-color: #64e8ce;
    background: #64e8ce;
}

.k-state-selected.k-task-milestone,
.k-state-selected .k-task-summary-complete {
    border-color: var(--customColor) !important;
    background: var(--customColor);
}

.k-task-single {
    background-color: #19aa8d;
    border-color: #148b73;
    color: #ffffff;
}

.k-state-selected.k-task-single {
    border-color: var(--customColor) !important;
}

.k-line {
    background-color: #676a6c;
    color: #676a6c;
}

.k-state-selected.k-line {
    background-color: var(--customColor);
    color: var(--customColor);
}

.k-resource {
    background-color: #ffffff;
}
/* PivotGrid */
.k-i-kpi-decrease,
.k-i-kpi-denied,
.k-i-kpi-equal,
.k-i-kpi-hold,
.k-i-kpi-increase,
.k-i-kpi-open {
    background-image: url('https://kendo.cdn.telerik.com/2016.3.1028/styles/2021.2.511/Bootstrap/sprite_kpi.png');
}
/* Border radius */
.k-block,
.k-button,
.k-textbox,
.k-drag-clue,
.k-touch-scrollbar,
.k-window,
.k-window-titleless .k-window-content,
.k-window-action,
.k-inline-block,
.k-grid .k-filter-options,
.k-grouping-header .k-group-indicator,
.k-autocomplete,
.k-multiselect,
.k-combobox,
.k-dropdown,
.k-dropdown-wrap,
.k-datepicker,
.k-timepicker,
.k-colorpicker,
.k-datetimepicker,
.k-notification,
.k-numerictextbox,
.k-picker-wrap,
.k-numeric-wrap,
.k-colorpicker,
.k-list-container,
.k-calendar-container,
.k-calendar td,
.k-calendar .k-link,
.k-treeview .k-in,
.k-editor-inline,
.k-tooltip,
.k-tile,
.k-slider-track,
.k-slider-selection,
.k-upload,
.k-split-button {
    border-radius: 0px;
}

.k-tool {
    text-align: center;
    vertical-align: middle;
}

    .k-tool.k-group-start,
    .k-toolbar .k-split-button .k-button,
    .k-toolbar .k-button-group .k-group-start {
        border-radius: 0px 0 0 0px;
    }

.k-rtl .k-tool.k-group-start,
.k-rtl .k-toolbar .k-split-button .k-button,
.k-rtl .k-toolbar .k-button-group .k-group-start {
    border-radius: 0 0px 0px 0;
}

.k-toolbar .k-button-group > .k-group-end {
    border-radius: 0px;
}

.k-tool.k-group-end,
.k-toolbar .k-button-group .k-button + .k-group-end,
.k-toolbar .k-split-button .k-split-button-arrow {
    border-radius: 0 0px 0px 0;
}

.k-rtl .k-tool.k-group-end,
.k-rtl .k-toolbar .k-button-group .k-group-end,
.k-rtl .k-toolbar .k-split-button .k-split-button-arrow {
    border-radius: 0px 0 0 0px;
}

.k-toolbar:not(.k-spreadsheet-toolbar) .k-button-group .k-button {
    border-left-color: transparent;
}

.k-toolbar:not(.k-spreadsheet-toolbar) .k-button-group .k-group-start {
    border-left-color: #e5e6e7;
}

.k-toolbar:not(.k-spreadsheet-toolbar) .k-button-group .k-button:focus {
    border-left-color: var(--customColor);
}

.k-group-start.k-group-end.k-tool {
    border-radius: 0px;
}

.k-calendar-container.k-state-border-up,
.k-list-container.k-state-border-up,
.k-autocomplete.k-state-border-up,
.k-multiselect.k-state-border-up,
.k-dropdown-wrap.k-state-border-up,
.k-picker-wrap.k-state-border-up,
.k-numeric-wrap.k-state-border-up,
.k-window-content,
.k-filter-menu {
    border-radius: 0 0 0px 0px;
}

    .k-autocomplete.k-state-border-up .k-input,
    .k-dropdown-wrap.k-state-border-up .k-input,
    .k-picker-wrap.k-state-border-up .k-input,
    .k-picker-wrap.k-state-border-up .k-selected-color,
    .k-numeric-wrap.k-state-border-up .k-input {
        border-radius: 0 0 0 0px;
    }

    .k-multiselect.k-state-border-up .k-multiselect-wrap {
        border-radius: 0 0 0px 0px;
    }

.k-window-titlebar,
.k-block > .k-header,
.k-tabstrip-items .k-item,
.k-panelbar .k-tabstrip-items .k-item,
.k-tabstrip-items .k-link,
.k-calendar-container.k-state-border-down,
.k-list-container.k-state-border-down,
.k-autocomplete.k-state-border-down,
.k-multiselect.k-state-border-down,
.k-dropdown-wrap.k-state-border-down,
.k-picker-wrap.k-state-border-down,
.k-numeric-wrap.k-state-border-down {
    border-radius: 0px 0px 0 0;
}

.k-split-button.k-state-border-down > .k-button {
    border-radius: 0px 0 0 0;
}

.k-split-button.k-state-border-up > .k-button {
    border-radius: 0 0 0 0px;
}

.k-split-button.k-state-border-down > .k-split-button-arrow {
    border-radius: 0 0px 0 0;
}

.k-split-button.k-state-border-up > .k-split-button-arrow {
    border-radius: 0 0 0px 0;
}

.k-dropdown-wrap .k-input,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input {
    border-radius: 0px;
}

.k-rtl .k-dropdown-wrap .k-input,
.k-rtl .k-picker-wrap .k-input,
.k-rtl .k-numeric-wrap .k-input {
    border-radius: 0px;
}

.k-numeric-wrap .k-link {
    border-radius: 0px;
}

    .k-numeric-wrap .k-link + .k-link {
        border-radius: 0px;
    }

.k-colorpicker .k-selected-color {
    border-radius: 0px;
}

.k-rtl .k-colorpicker .k-selected-color {
    border-radius: 0px;
}

.k-autocomplete.k-state-border-down .k-input {
    border-radius: 0px 0px 0 0;
}

.k-dropdown-wrap.k-state-border-down .k-input,
.k-picker-wrap.k-state-border-down .k-input,
.k-picker-wrap.k-state-border-down .k-selected-color,
.k-numeric-wrap.k-state-border-down .k-input {
    border-radius: 0px;
}

.k-numeric-wrap .k-link.k-state-selected {
    background-color: #f3f3f4;
}

.k-multiselect.k-state-border-down .k-multiselect-wrap {
    border-radius: 0px;
}

.k-dropdown-wrap .k-select,
.k-picker-wrap .k-select,
.k-numeric-wrap .k-select,
.k-datetimepicker .k-select + .k-select,
.k-list-container.k-state-border-right {
    border-radius: 0 0px 0px 0;
}

.k-rtl .k-dropdown-wrap .k-select,
.k-rtl .k-picker-wrap .k-select,
.k-rtl .k-numeric-wrap .k-select,
.k-rtl .k-datetimepicker .k-select + .k-select,
.k-rtl .k-list-container.k-state-border-right {
    border-radius: 0px 0 0 0px;
}

.k-numeric-wrap.k-expand-padding .k-input {
    border-radius: 0px;
}

.k-textbox > input,
.k-autocomplete .k-input,
.k-multiselect-wrap {
    border-radius: 0;
}

.k-autocomplete .k-input {
    border-radius: 0;
    max-width: -webkit-fill-available;
}

.k-list .k-state-hover,
.k-list .k-state-focused,
.k-list .k-state-highlight,
.k-list .k-state-selected,
.k-fieldselector .k-list .k-item,
.k-list-optionlabel,
.k-dropzone {
    border-radius: 0;
}

.k-slider .k-button,
.k-grid .k-slider .k-button {
    border-radius: 13px;
}

.k-draghandle {
    border-radius: 13px;
}

.k-scheduler-toolbar > ul li:first-child,
.k-scheduler-toolbar > ul li:first-child .k-link,
.k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li,
.k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li .k-link {
    border-radius: 0px 0 0 0px;
}

.k-rtl .k-scheduler-toolbar > ul li:first-child,
.k-rtl .k-scheduler-toolbar > ul li:first-child .k-link,
.k-rtl .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li,
.k-rtl .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li .k-link,
.km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child,
.km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child .k-link {
    border-radius: 0 0px 0px 0;
}

.k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today,
.k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today .k-link,
.k-edit-field > .k-scheduler-navigation {
    border-radius: 0px;
}

.k-scheduler-toolbar .k-nav-next,
.k-scheduler-toolbar ul + ul li:last-child,
.k-scheduler-toolbar .k-nav-next .k-link,
.k-scheduler-toolbar ul + ul li:last-child .k-link {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.k-rtl .k-scheduler-toolbar .k-nav-next,
.k-rtl .k-scheduler-toolbar ul + ul li:last-child,
.k-rtl .k-scheduler-toolbar .k-nav-next .k-link,
.k-rtl .k-scheduler-toolbar ul + ul li:last-child .k-link {
    border-radius: 0px 0 0 0px;
}

.k-scheduler div.k-scheduler-footer ul li,
.k-scheduler div.k-scheduler-footer .k-link {
    border-radius: 0px;
}

.k-more-events,
.k-event,
.k-task-single,
.k-task-complete,
.k-event .k-link {
    border-radius: -1px;
}

.k-scheduler-mobile .k-event {
    border-radius: -2px;
}
/* Adaptive Grid */
.k-grid-mobile .k-column-active + th.k-header {
    border-left-color: #676a6c;
}

html .km-pane-wrapper .km-widget,
.k-ie .km-pane-wrapper .k-widget,
.k-ie .km-pane-wrapper .k-group,
.k-ie .km-pane-wrapper .k-content,
.k-ie .km-pane-wrapper .k-header,
.k-ie .km-pane-wrapper .k-popup-edit-form .k-edit-field .k-button,
.km-pane-wrapper .k-mobile-list .k-item,
.km-pane-wrapper .k-mobile-list .k-edit-label,
.km-pane-wrapper .k-mobile-list .k-edit-field {
    color: #676a6c;
}

@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) {
    div.km-pane-wrapper a {
        color: #676a6c;
    }
}

.km-pane-wrapper .k-mobile-list .k-item,
.km-pane-wrapper .k-mobile-list .k-edit-field,
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check {
    background-color: #ffffff;
    border-top: 1px solid #f0f0f2;
}

    .km-pane-wrapper .k-mobile-list .k-edit-field textarea {
        outline-width: 0;
    }

    .km-pane-wrapper .k-mobile-list .k-item.k-state-selected {
        background-color: var(--customColor);
        border-top-color: var(--customColor);
    }

    .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:first-child {
        border-top-color: transparent;
    }

    .km-pane-wrapper .k-mobile-list .k-item:last-child {
        box-shadow: inset 0 -1px 0 #f0f0f2;
    }

.km-pane-wrapper .k-mobile-list > ul > li > .k-link,
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3),
.km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child {
    color: #a1a1a8;
}

.km-pane-wrapper .k-mobile-list > ul > li > .k-link {
    border-bottom: 1px solid #f0f0f2;
}

.km-pane-wrapper .k-mobile-list .k-edit-field {
    box-shadow: 0 1px 1px #f0f0f2;
}

.km-actionsheet .k-grid-delete,
.km-actionsheet .k-scheduler-delete,
.km-pane-wrapper .k-scheduler-delete,
.km-pane-wrapper .k-filter-menu .k-button[type=reset] {
    color: #fff;
    border-color: #dbdbdb;
    background-color: red;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.15));
}

    .km-actionsheet .k-grid-delete:active,
    .km-actionsheet .k-scheduler-delete:active,
    .km-pane-wrapper .k-scheduler-delete:active,
    .km-pane-wrapper .k-filter-menu .k-button[type=reset]:active {
        background-color: #990000;
    }

.km-pane-wrapper .k-pager-numbers .k-link,
.km-pane-wrapper .k-pager-numbers .k-state-selected,
.km-pane-wrapper .k-pager-wrap > .k-link {
    border-radius: 0;
}

.km-pane-wrapper .k-pager-nav.k-pager-first {
    border-radius: 4px 0 0 4px;
}
/* /Column Menu */
.k-autocomplete.k-state-default,
.k-picker-wrap.k-state-default,
.k-numeric-wrap.k-state-default,
.k-dropdown-wrap.k-state-default {
    background-image: none;
    background-position: 50% 50%;
    background-color: #ffffff;
    border-color: #e5e6e7;
}

.k-autocomplete.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-dropdown-wrap.k-state-hover {
    background-color: #f3f3f4;
    background-image: none;
    background-position: 50% 50%;
    border-color: #e5e6e7;
}

.k-multiselect.k-header {
    border-color: #e5e6e7;
}

    .k-multiselect.k-header.k-state-hover {
        border-color: #e5e6e7;
    }

    .k-autocomplete.k-state-focused,
    .k-picker-wrap.k-state-focused,
    .k-numeric-wrap.k-state-focused,
    .k-dropdown-wrap.k-state-focused,
    .k-multiselect.k-header.k-state-focused {
        background-color: #f3f3f4;
        background-image: none;
        background-position: 50% 50%;
        border-color: var(--customColor) !important;
        box-shadow: 0 0 0px 0 var(--customColor);
    }

.k-list-container {
    color: #676a6c;
}

.k-nodata {
    color: #a6a6ad;
}

.k-dropdown .k-input,
.k-dropdown .k-state-focused .k-input,
.k-menu .k-popup {
    color: #000000;
}

.k-state-default > .k-select {
    border-color: #e5e6e7;
}

.k-state-hover > .k-select {
    border-color: #e5e6e7;
}

.k-state-focused > .k-select {
    border-color: #e5e6e7 !important;
}

.k-tabstrip:focus {
    box-shadow: 0 0 0px 0 var(--customColor);
}

.k-tabstrip-items .k-state-default .k-link,
.k-panelbar > li.k-state-default > .k-link {
    color: var(--customColor);
}

    .k-tabstrip-items .k-state-hover .k-link,
    .k-panelbar > li.k-state-hover > .k-link,
    .k-panelbar > li.k-state-default > .k-link.k-state-hover {
        color: #676a6c;
    }

.k-panelbar > .k-state-focused.k-state-hover {
    background: #f3f3f4;
    box-shadow: none;
}

.k-tabstrip-items .k-state-default {
    border-color: transparent;
}

.k-tabstrip-items .k-state-hover {
    border-color: #e5e6e7;
}

.k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-items .k-state-active {
    background-color: #ffffff;
    background-image: none;
    border-color: #e5e6e7;
}

.k-tabstrip-top .k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-top .k-tabstrip-items .k-state-active {
    border-bottom-color: #ffffff;
}

.k-tabstrip .k-content.k-state-active {
    background-color: #ffffff;
    color: #676a6c;
}

.k-menu.k-header,
.k-menu .k-item {
    border-color: #e5e6e7;
}

.k-column-menu,
.k-column-menu .k-item,
.k-overflow-container .k-overflow-group {
    border-color: #e5e6e7;
}

.k-overflow-container .k-overflow-group {
    box-shadow: inset 0 1px 0 #ffffff, 0 1px 0 #ffffff;
}

    .k-toolbar-first-visible.k-overflow-group,
    .k-overflow-container .k-overflow-group + .k-overflow-group {
        box-shadow: 0 1px 0 #ffffff;
    }

.k-toolbar-last-visible.k-overflow-group {
    box-shadow: inset 0 1px 0 #ffffff;
}

.k-column-menu .k-separator {
    border-color: #e5e6e7;
    background-color: transparent;
}

.k-menu .k-group {
    border-color: rgba(0, 0, 0, 0.2);
}

.k-grid-filter.k-state-active {
    background-color: #ffffff;
}

.k-grouping-row td,
.k-group-footer td,
.k-grid-footer td {
    color: #676a6c;
    border-color: #e5e6e7;
    font-weight: bold;
}

.k-grouping-header {
    color: #676a6c;
}

.k-grid tr:hover {
    background-color: #ffffff;
}

.k-grid .k-filter-row:hover,
.k-pivot-rowheaders .k-grid tr:hover {
    background: none;
}

.k-grid td.k-state-focused {
    box-shadow: inset 0 0 0 1px inset 0 0 7px 0 var(--customColor);
}

.k-grid tr.k-state-focused:hover td {
    background-color: #99f0df;
}

.k-grid td.k-state-selected:hover,
.k-grid tr.k-state-selected:hover td {
    background-color: var(--customColor);
}

    .k-grid tr:hover .k-state-focused.k-state-selected,
    .k-grid tr.k-state-selected:hover td.k-state-focused {
        box-shadow: inset 0 0 7px 0 #072d26;
    }

.k-header,
.k-grid-header-wrap,
.k-grid .k-grouping-header,
.k-grid-header,
.k-pager-wrap,
.k-pager-wrap .k-textbox,
.k-pager-wrap .k-link,
.k-grouping-header .k-group-indicator,
.k-gantt-toolbar .k-state-default {
    border-color: #e5e6e7;
}

.k-primary,
.k-overflow-container .k-primary {
    color: #ffffff;
    border-color: var(--customColor);
    background-image: none;
    background-position: 50% 50%;
    background-color: var(--customColor);
    box-shadow: none;
}

    .k-primary:focus,
    .k-primary.k-state-focused {
        color: #ffffff;
        border-color: #eef8fc;
        background-image: none;
        box-shadow: 0 0 8px 0 #cbebf5;
    }

    .k-primary:hover {
        color: #ffffff;
        border-color: var(--hoverColor);
        background-image: none;
        background-color: var(--hoverColor);
        box-shadow: none;
    }

    .k-primary:focus:active:not(.k-state-disabled):not([disabled]),
    .k-primary:focus:not(.k-state-disabled):not([disabled]) {
        box-shadow: 0 0 8px 0 #cbebf5;
    }

    .k-primary:active {
        color: #ffffff;
        border-color: var(--hoverColor);
        background-image: none;
        background-color: var(--hoverColor);
        box-shadow: inset 0 0 8px 0 var(--customColor);
    }

    .k-primary.k-state-disabled,
    .k-state-disabled .k-primary,
    .k-primary.k-state-disabled:hover,
    .k-state-disabled .k-primary:hover,
    .k-primary.k-state-disabled:hover,
    .k-state-disabled .k-primary:active,
    .k-primary.k-state-disabled:active {
        color: #ffffff;
        border-color: #33e1be;
        background-color: #3ce3c1;
        background-image: none;
        box-shadow: none;
    }

.k-pager-numbers .k-link,
.k-treeview .k-in {
    border-color: transparent;
}

.k-treeview .k-icon,
.k-scheduler-table .k-icon,
.k-grid .k-hierarchy-cell .k-icon {
    background-color: transparent;
    border-radius: 0px;
}

.k-scheduler-table .k-state-hover .k-icon {
    background-color: transparent;
}

.k-button:focus,
.k-split-button:focus {
    outline: none;
}

.k-split-button:focus {
    background-color: #ffffff;
    box-shadow: 0 0 8px 0 var(--customColor);
}

    .k-split-button:focus > .k-button {
        background: transparent;
        border-color: var(--customColor) !important;
    }

.k-editor .k-tool:focus {
    outline: 0;
    border-color: var(--customColor) !important;
    box-shadow: 0 0 0px 0 var(--customColor);
}

.k-checkbox-label:before {
    border-color: var(--customColor);
    background: #ffffff;
    border-radius: 3px;
}

.k-checkbox-label:hover:before,
.k-checkbox:checked + .k-checkbox-label:hover:before {
    border-color: #e5e6e7;
    box-shadow: none;
}

.k-checkbox:checked + .k-checkbox-label:before {
    background-color: #ffffff;
    border-color: #e5e6e7;
    color: var(--customColor);
}

.k-checkbox-label:active:before {
    box-shadow: none;
    border-color: var(--customColor) !important;
}

.k-checkbox:checked + .k-checkbox-label:active:before {
    box-shadow: none;
    border-color: var(--customColor) !important;
}

.k-checkbox:disabled + .k-checkbox-label {
    color: #a6a6ad;
}

    .k-checkbox:disabled + .k-checkbox-label:hover:before {
        box-shadow: none;
    }

    .k-checkbox:disabled + .k-checkbox-label:before,
    .k-checkbox:checked:disabled + .k-checkbox-label:before,
    .k-checkbox:checked:disabled + .k-checkbox-label:active:before,
    .k-checkbox:checked:disabled + .k-checkbox-label:hover:before {
        color: #a6a6ad;
        background: #ffffff;
        border-color: #e5e6e7;
        border-radius: 3px;
    }

.k-checkbox:focus + .k-checkbox-label:before {
    border-color: var(--customColor) !important;
    box-shadow: none;
}

.k-checkbox:indeterminate + .k-checkbox-label:after {
    background-color: var(--customColor);
    background-image: none;
    border-color: var(--customColor) !important;
    border-radius: 2px;
}

.k-checkbox:indeterminate:hover + .k-checkbox-label:after {
    border-color: var(--customColor) !important;
    background-color: var(--customColor);
}

.k-radio-label:before {
    border-color: #e5e6e7;
    border-radius: 50%;
    background-color: #ffffff;
    border-width: 1px;
}

.k-radio-label:hover:before,
.k-radio:checked + .k-radio-label:hover:before {
    border-color: #e5e6e7;
    box-shadow: none;
}

.k-radio:checked + .k-radio-label:after {
    background-color: var(--customColor);
    border-radius: 50%;
}

.k-radio-label:active:before {
    border-color: var(--customColor) !important;
    box-shadow: 0 0 2px 0 var(--customColor);
}

.k-radio:checked + .k-radio-label:active:before {
    box-shadow: 0 0 2px 0 var(--customColor);
    border-color: var(--customColor) !important;
}

.k-radio:disabled + .k-radio-label {
    color: #d8d8dc;
}

    .k-radio:disabled + .k-radio-label:before,
    .k-radio:disabled + .k-radio-label:active:before,
    .k-radio:disabled + .k-radio-label:hover:after,
    .k-radio:disabled + .k-radio-label:hover:before {
        background: #ffffff;
        border-color: #e5e6e7;
        box-shadow: none;
    }

.k-radio:disabled:checked + .k-radio-label:after {
    background-color: var(--customColor);
    opacity: .5;
}

.k-radio:focus + .k-radio-label:before {
    border-color: var(--customColor) !important;
    box-shadow: 0 0 2px 0 var(--customColor);
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.2), only screen and (min-device-pixel-ratio: 1.2) {
    .k-icon:not(.k-loading),
    .k-icon:not(.k-i-loading),
    .k-grouping-dropclue,
    .k-drop-hint,
    .k-callout,
    .k-tool-icon,
    .k-state-hover .k-tool-icon,
    .k-state-active .k-tool-icon,
    .k-state-active.k-state-hover .k-tool-icon,
    .k-state-selected .k-tool-icon,
    .k-state-selected.k-state-hover .k-tool-icon,
    .k-column-menu .k-sprite,
    .k-mobile-list .k-check:checked,
    .k-mobile-list .k-edit-field [type=checkbox]:checked,
    .k-mobile-list .k-edit-field [type=radio]:checked {
        background-image: url('https://kendo.cdn.telerik.com/2016.3.1028/styles/2021.2.511/Bootstrap/sprite_2x.png');
        background-size: 340px 336px;
    }

    .k-dropdown-wrap .k-input,
    .k-picker-wrap .k-input,
    .k-numeric-wrap .k-input {
        border-radius: -1px 0 0 -1px;
    }

    .k-i-kpi-decrease,
    .k-i-kpi-denied,
    .k-i-kpi-equal,
    .k-i-kpi-hold,
    .k-i-kpi-increase,
    .k-i-kpi-open {
        background-image: url('https://kendo.cdn.telerik.com/2016.3.1028/styles/2021.2.511/Bootstrap/sprite_kpi_2x.png');
        background-size: 96px 16px;
    }
}

@media screen and (-ms-high-contrast: active) {
    .k-editor-toolbar-wrap .k-dropdown-wrap.k-state-focused,
    .k-editor-toolbar-wrap .k-button-group .k-tool:focus {
        border-color: #fff;
    }
}
/* Responsive styles */
@media only screen and (max-width: 1024px) {
    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
    .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
    .k-webkit .k-pager-numbers .k-current-page .k-link,
    .k-ff .k-pager-numbers .k-current-page .k-link,
    .k-ie11 .k-pager-numbers .k-current-page .k-link,
    .k-edge .k-pager-numbers .k-current-page .k-link,
    .k-safari .k-pager-numbers .k-current-page .k-link {
        background-image: none;
        background-position: 50% 50%;
        background-color: #ffffff;
        border-color: #e5e6e7;
    }

    .k-webkit .k-pager-numbers .k-current-page .k-link,
    .k-ff .k-pager-numbers .k-current-page .k-link,
    .k-ie11 .k-pager-numbers .k-current-page .k-link,
    .k-edge .k-pager-numbers .k-current-page .k-link,
    .k-safari .k-pager-numbers .k-current-page .k-link {
        border-color: #e5e6e7;
    }

    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
    .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
        border-radius: 0px;
    }

    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
    .k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li {
        border-radius: 0;
    }

        .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
        .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
        .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
        .k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
        .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view {
            border-radius: -1px -1px 0 0;
        }

    .k-webkit .k-scheduler-toolbar > ul li:first-child,
    .k-ff .k-scheduler-toolbar > ul li:first-child,
    .k-ie11 .k-scheduler-toolbar > ul li:first-child,
    .k-edge .k-scheduler-toolbar > ul li:first-child,
    .k-safari .k-scheduler-toolbar > ul li:first-child,
    .k-webkit .k-scheduler-toolbar > ul li:first-child .k-link,
    .k-ff .k-scheduler-toolbar > ul li:first-child .k-link,
    .k-ie11 .k-scheduler-toolbar > ul li:first-child .k-link,
    .k-edge .k-scheduler-toolbar > ul li:first-child .k-link,
    .k-safari .k-scheduler-toolbar > ul li:first-child .k-link,
    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li,
    .k-edge .k-scheduler-toolbar > ul.k-scheduler-views li,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li,
    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
    .k-edge .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li .k-link {
        border-radius: 0;
    }

        .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
        .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
        .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
        .k-edge .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
        .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
        .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
        .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
        .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
        .k-edge .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
        .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link {
            border-radius: 0 0 -1px -1px;
        }

    .k-webkit .k-pager-numbers .k-current-page .k-link:hover,
    .k-ff .k-pager-numbers .k-current-page .k-link:hover,
    .k-ie11 .k-pager-numbers .k-current-page .k-link:hover,
    .k-edge .k-pager-numbers .k-current-page .k-link:hover,
    .k-safari .k-pager-numbers .k-current-page .k-link:hover,
    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
    .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover {
        border-color: #e5e6e7;
        background-image: none;
        background-color: #f3f3f4;
    }

    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
    .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
        color: #676a6c;
        min-width: 75px;
    }

    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
    .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link {
        color: #676a6c;
    }

    .k-webkit .k-pager-numbers .k-current-page .k-link:after,
    .k-ff .k-pager-numbers .k-current-page .k-link:after,
    .k-ie11 .k-pager-numbers .k-current-page .k-link:after,
    .k-edge .k-pager-numbers .k-current-page .k-link:after,
    .k-safari .k-pager-numbers .k-current-page .k-link:after,
    .k-webkit .k-scheduler-views > li.k-state-selected > .k-link:after,
    .k-ff .k-scheduler-views > li.k-state-selected > .k-link:after,
    .k-ie11 .k-scheduler-views > li.k-state-selected > .k-link:after,
    .k-edge .k-scheduler-views > li.k-state-selected > .k-link:after,
    .k-safari .k-scheduler-views > li.k-state-selected > .k-link:after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -0.5em;
        right: 0.333em;
        width: 1.333em;
        height: 1.333em;
    }

    .k-webkit .k-pager-numbers.k-state-expanded,
    .k-ff .k-pager-numbers.k-state-expanded,
    .k-ie11 .k-pager-numbers.k-state-expanded,
    .k-edge .k-pager-numbers.k-state-expanded,
    .k-safari .k-pager-numbers.k-state-expanded,
    .k-webkit .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-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
        border-width: 1px 1px 0 1px;
        border-style: solid;
        border-color: #e5e6e7;
        background-color: #fefefe;
        border-radius: 0px 0px 0 0;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    }

    .k-webkit .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-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
        border-width: 1px;
        background-image: none;
        border-radius: 0px;
    }

    .k-webkit .k-pager-numbers .k-state-selected,
    .k-ff .k-pager-numbers .k-state-selected,
    .k-ie11 .k-pager-numbers .k-state-selected,
    .k-edge .k-pager-numbers .k-state-selected,
    .k-safari .k-pager-numbers .k-state-selected,
    .k-webkit .k-pager-numbers .k-link,
    .k-ff .k-pager-numbers .k-link,
    .k-ie11 .k-pager-numbers .k-link,
    .k-edge .k-pager-numbers .k-link,
    .k-safari .k-pager-numbers .k-link {
        border-radius: 0;
    }

    .k-webkit .k-widget.k-grid .k-pager-nav + .k-pager-numbers,
    .k-ff .k-widget.k-grid .k-pager-nav + .k-pager-numbers,
    .k-ie11 .k-widget.k-grid .k-pager-nav + .k-pager-numbers,
    .k-edge .k-widget.k-grid .k-pager-nav + .k-pager-numbers,
    .k-safari .k-widget.k-grid .k-pager-nav + .k-pager-numbers {
        position: absolute;
    }
}

.k-grid,
.k-scheduler,
.k-menu,
.k-editor {
    border-radius: 0px;
}

    .k-grid > .k-grouping-header,
    .k-grid-header:first-child,
    .k-grid-toolbar:first-child,
    .k-scheduler > .k-scheduler-toolbar:first-child {
        border-radius: -1px -1px 0 0;
    }

        .k-grid-header:first-child th.k-header:first-child,
        thead.k-grid-header th.k-header:first-child,
        .k-rtl thead.k-grid-header th.k-header:last-child {
            border-radius: -1px 0 0 0;
        }

.k-rtl .k-grid-header:first-child th.k-header:first-child,
.k-rtl thead.k-grid-header th.k-header:first-child,
thead.k-grid-header th.k-header:last-child {
    border-radius: 0 -1px 0 0;
}

.k-grid-pager,
.k-scheduler-footer {
    border-radius: 0 0 -1px -1px;
}

.k-menu > .k-first {
    border-radius: -1px 0 0 -1px;
}

.k-rtl .k-menu > .k-first {
    border-radius: 0 -1px -1px 0;
}

.k-widget.k-treeview {
    color: var(--customColor);
}

.k-treeview .k-in.k-state-hover {
    color: var(--customColor);
}

.k-treeview .k-state-selected,
.k-draghandle.k-state-selected {
    box-shadow: none;
}

.k-tabstrip-items .k-state-hover .k-link {
    color: var(--customColor);
}

.k-tabstrip-items .k-state-active .k-link {
    color: #676a6c;
}

.k-tabstrip-items .k-state-active .k-link {
    color: #676a6c;
}

.k-tabstrip-items .k-item {
    background: transparent;
}

    .k-tabstrip-items .k-item.k-state-active {
        background: #ffffff;
    }

    .k-tabstrip-items .k-item.k-state-hover {
        background: #f3f3f4;
    }

.k-tabstrip-items .k-state-focused {
    border-color: var(--customColor) !important;
    box-shadow: 0 0 0px 0 var(--customColor);
}

.k-tabstrip-items .k-state-default.k-state-hover {
    border-color: #f3f3f4;
}

.k-multiselect .k-button {
    color: #ffffff;
    border-color: var(--customColor);
    background-color: var(--customColor);
}

    .k-multiselect .k-button.k-state-hover {
        border-color: var(--hoverColor);
        background-color: var(--hoverColor);
    }

    .k-multiselect .k-button:active {
        color: #ffffff;
        box-shadow: inset 0 0 10px 3px var(--hoverColor);
    }

.k-list > .k-state-hover {
    border-color: #f3f3f4;
}

.k-scheduler-toolbar > ul > li {
    background-color: #ffffff;
    border-color: #e5e6e7;
}

.k-menu .k-group {
    background: #ffffff;
}

.k-menu .k-state-default .k-state-border-down {
    background-color: #f0f0f2;
    box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}

.k-menu .k-item > .k-state-border-right,
.k-menu .k-item > .k-state-border-left {
    background-color: var(--customColor);
    color: #676a6c;
}

.k-menu .k-state-selected > .k-link {
    color: #676a6c;
    background-color: var(--customColor);
    border-color: var(--customColor) !important;
    background-image: none;
}

.k-menu .k-link.k-state-active,
.k-menu .k-state-hover > .k-link {
    color: #676a6c;
    background-color: #f3f3f4;
    border-color: #e5e6e7;
    background-image: none;
}

.k-menu .k-state-hover .k-link.k-state-active {
    background-color: #e0e0e3;
}
/* Slider */
.k-slider-track {
    background-color: #ffffff;
    border-color: #e5e6e7;
    border-radius: 0;
}

.k-slider-selection {
    background-color: #f3f3f4;
    border-radius: 0;
}

.k-slider-horizontal .k-tick {
    background-image: url('https://kendo.cdn.telerik.com/2016.3.1028/styles/2021.2.511/Bootstrap/slider-h.gif');
}

.k-draghandle.k-state-selected,
.k-draghandle.k-state-selected:link,
.k-draghandle.k-state-selected:hover {
    background-color: #e5e6e7;
    border-color: #e5e6e7;
}

.k-draghandle.k-state-focused,
.k-draghandle.k-state-focused:link,
.k-slider-buttons .k-button:focus,
.k-slider-buttons .k-button:active {
    box-shadow: 0 0 0px 0 var(--customColor);
    border-color: var(--customColor) !important;
    background-color: #ffffff;
}

.k-autocomplete.k-state-default,
.k-picker-wrap.k-state-default,
.k-numeric-wrap.k-state-default,
.k-dropdown-wrap.k-state-default,
.k-multiselect.k-header {
    border-color: #e5e6e7;
}

.k-widget.k-autocomplete,
.k-widget.k-combobox,
.k-widget.k-dropdown,
.k-widget.k-datepicker,
.k-widget.k-datetimepicker,
.k-widget.k-timepicker,
.k-widget.k-numerictextbox,
.k-widget.k-multiselect,
.k-widget.k-menu,
.k-widget.k-progressbar,
.k-progressbar > .k-state-selected {
    box-shadow: none;
}

.k-autocomplete.k-state-default .k-input,
.k-combobox .k-state-default .k-input,
.k-picker-wrap.k-state-default .k-input,
.k-numeric-wrap.k-state-default .k-input,
.k-multiselect-wrap,
.k-slider-track,
.k-slider-selection,
.k-progress-status-wrap {
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
}

.k-textbox:focus,
.k-autocomplete.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-multiselect.k-header.k-state-focused {
    background-color: #ffffff;
    background-image: none;
    background-position: 50% 50%;
    /*border-color: var(--customColor) !important;*/
    box-shadow: 0 0 0px 0 var(--customColor);
}

.k-textbox:hover,
.k-autocomplete.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-dropdown-wrap.k-state-hover {
    background-color: #f3f3f4;
    background-image: none;
    background-position: 50% 50%;
    border-color: #e5e6e7;
}

.k-autocomplete.k-state-border-down,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-numeric-wrap.k-state-active,
.k-pager-numbers.k-state-expanded .k-current-page .k-link {
    border-color: var(--customColor) !important;
    background-color: var(--customColor);
}

.k-grid-filter.k-state-active {
    border-color: #e5e6e7;
    background-color: var(--customColor);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.k-picker-wrap.k-state-active.k-state-border-down,
.k-dropdown-wrap.k-state-active.k-state-border-down,
.k-numeric-wrap .k-link.k-state-selected,
.k-pager-numbers.k-state-expanded .k-current-page .k-link {
    box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}

.k-picker-wrap.k-state-focused > .k-select,
.k-picker-wrap.k-state-active > .k-select,
.k-dropdown-wrap.k-state-focused > .k-select,
.k-dropdown-wrap.k-state-active > .k-select {
    border-color: #e5e6e7;
}

.k-panelbar > .k-item > .k-link {
    border-color: #e5e6e7;
}

.k-panelbar > li.k-state-default > .k-link {
    color: #676a6c;
}

.k-panelbar > .k-state-focused {
    box-shadow: inset 0 0 7px 0 var(--customColor);
}

.k-toolbar .k-button.k-state-active:hover,
.k-split-container .k-button.k-state-active:hover,
.k-overflow-container .k-button.k-state-active:hover,
.k-panelbar > li > .k-link.k-state-selected {
    color: #676a6c;
}

.k-toolbar .k-button.k-state-active,
.k-split-container .k-button.k-state-active,
.k-overflow-container .k-button.k-state-active,
.k-panelbar .k-link.k-state-selected.k-state-hover {
    color: #676a6c;
}

td.k-state-focused.k-state-selected,
.k-state-selected td.k-state-focused,
.k-listview > .k-state-focused.k-state-selected {
    box-shadow: inset 0 0 0px 0px var(--hoverColor);
    border-radius: 3px;
}

.k-panelbar > .k-state-focused.k-state-hover {
    background: #f3f3f4;
    box-shadow: none;
}

.k-panelbar > li .k-state-selected.k-state-hover {
    box-shadow: none;
}

.k-pager-wrap {
    color: #ababb2;
}

    .k-pager-wrap > .k-link,
    .k-pager-numbers .k-link,
    .k-pager-numbers .k-state-selected {
        border-radius: 0;
    }

.k-grid tr td {
    border-style: solid;
    border-color: #e5e6e7;
}

.k-pager-wrap .k-link {
    background: #ffffff;
    border-color: #e5e6e7;
    border-right: none;
}

.k-pager-wrap .k-pager-refresh {
    background: #fefefe;
}

.k-pager-wrap .k-link:hover {
    color: var(--customColor);
    border-color: #e5e6e7;
    background: #f3f3f4;
}

.k-grid-header .k-link:link,
.k-grid-header .k-link:visited,
.k-grid-header .k-nav-current.k-state-hover .k-link,
.k-grouping-header .k-link {
    color: #676a6c;
}

.k-pager-wrap .k-pager-nav.k-pager-last {
    border-radius: 0 4px 4px 0;
    border-right-color: #e5e6e7;
}

.k-rtl .k-pager-wrap .k-pager-nav.k-pager-last {
    border-radius: 4px 0 0 4px;
    border-right-width: 0;
}

.k-pager-nav.k-pager-first {
    border-radius: 4px 0 0 4px;
}

.k-rtl .k-pager-nav.k-pager-first {
    border-radius: 0 4px 4px 0;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #e5e6e7;
    margin-right: 6px;
}

.k-dropzone .k-upload-status {
    color: #676a6c;
}

.k-menu .k-group,
.k-grid .k-filter-options,
.k-time-popup,
.k-datepicker-calendar,
.k-autocomplete.k-state-border-down,
.k-autocomplete.k-state-border-up,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-multiselect.k-state-focused,
.k-filebrowser .k-image,
.k-tooltip {
    box-shadow: none;
}

.k-window {
    border-color: #e5e6e7;
}

.k-state-focused,
.k-button:focus:not(.k-state-disabled):not([disabled]),
.k-button.k-state-focused,
.k-button:focus:active:not(.k-state-disabled):not([disabled]) {
    box-shadow: 0 0 0px 0 var(--customColor);
}

.k-list > .k-state-focused {
    box-shadow: none;
}

.k-button {
    box-shadow: none;
}

.k-popup {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.k-tooltip {
    box-shadow: none;
}

.k-list-container {
    border-color: #e5e6e7;
}

.k-flatcolorpicker .k-hue-slider .k-draghandle {
    box-shadow: 0 0 0 1px #c4c4c4;
    background: transparent;
    border: 5px solid #ffffff;
}

    .k-flatcolorpicker .k-hue-slider .k-draghandle:hover,
    .k-flatcolorpicker .k-hue-slider .k-draghandle:focus {
        border-color: #ffffff;
        box-shadow: 0 0 8px 0 rgba(102, 175, 233, 0.75);
        border-width: 5px;
        padding: 0;
    }

.k-pager-numbers .k-link,
.k-pager-numbers .k-state-selected {
    margin-right: 0;
}

.k-grid .k-pager-numbers,
.k-pager-wrap > .k-link {
    margin: 0;
}

.k-pager-wrap .k-link {
    border-right: none;
}

    .k-pager-wrap .k-link.k-pager-last {
        border-right-width: 1px;
        border-right-style: solid;
    }

.k-state-disabled .k-button,
.k-state-disabled .k-button:hover,
.k-button.k-state-disabled:hover,
.k-state-disabled .k-button:active,
.k-button.k-state-disabled:active {
    box-shadow: none;
}

.k-primary:active {
    color: #ffffff;
    border-color: var(--hoverColor);
    background-image: none;
    background-color: var(--hoverColor);
    box-shadow: inset 0 0 8px 0 var(--customColor);
}

.k-editor-toolbar .k-tool {
    color: #676a6c;
    background-color: #ffffff;
    border-color: #e5e6e7;
}

    .k-editor-toolbar .k-tool.k-state-hover {
        color: #676a6c;
        border-color: #e5e6e7;
        background-color: #f3f3f4;
    }

.k-editor-toolbar .k-state-selected {
    box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    background-color: #f3f3f4;
    border-color: #e5e6e7;
}

.k-editor-toolbar .k-button-group .k-tool-icon {
    border-color: #e5e6e7;
}

.k-splitbar,
.k-splitbar:hover {
    border-color: transparent;
}

.k-button:active {
    color: #676a6c;
    background-color: #f3f3f4;
    border-color: #e5e6e7;
}

    .k-button:active:hover,
    .k-button.k-state-active:hover {
        color: #676a6c;
        border-color: #e5e6e7;
        background-color: #f3f3f4;
    }

.k-button[disabled],
.k-button.k-state-disabled,
.k-state-disabled .k-button,
.k-state-disabled .k-button:hover,
.k-button.k-state-disabled:hover,
.k-state-disabled .k-button:active,
.k-button.k-state-disabled:active,
.k-button.k-state-disabled:active:hover {
    color: #a6a6ad;
    border-color: #e5e6e7;
    background-color: #ffffff;
    background-image: none;
}
/* Responsive styles  */
@media only screen and (max-width: 1024px) {
    .k-webkit .k-pager-wrap,
    .k-ff .k-pager-wrap,
    .k-ie11 .k-pager-wrap,
    .k-edge .k-pager-wrap,
    .k-safari .k-pager-wrap {
        min-height: 2.4em;
    }

        .k-webkit .k-pager-wrap .k-pager-nav,
        .k-ff .k-pager-wrap .k-pager-nav,
        .k-ie11 .k-pager-wrap .k-pager-nav,
        .k-edge .k-pager-wrap .k-pager-nav,
        .k-safari .k-pager-wrap .k-pager-nav,
        .k-webkit .k-pager-input,
        .k-ff .k-pager-input,
        .k-ie11 .k-pager-input,
        .k-edge .k-pager-input,
        .k-safari .k-pager-input {
            display: inline-block;
            vertical-align: top;
        }

    .k-webkit .k-pager-numbers,
    .k-ff .k-pager-numbers,
    .k-ie11 .k-pager-numbers,
    .k-edge .k-pager-numbers,
    .k-safari .k-pager-numbers,
    .k-webkit .k-grid .k-pager-numbers,
    .k-ff .k-grid .k-pager-numbers,
    .k-ie11 .k-grid .k-pager-numbers,
    .k-edge .k-grid .k-pager-numbers,
    .k-safari .k-grid .k-pager-numbers {
        position: absolute;
        display: inline-flex;
        flex-direction: column-reverse;
        left: 5.6em;
        overflow: visible;
        height: auto;
        transform: translatey(-100%);
        -webkit-transform: translatey(-100%);
    }

        .k-webkit .k-pager-numbers:first-child,
        .k-ff .k-pager-numbers:first-child,
        .k-ie11 .k-pager-numbers:first-child,
        .k-edge .k-pager-numbers:first-child,
        .k-safari .k-pager-numbers:first-child,
        .k-webkit .k-grid .k-pager-numbers:first-child,
        .k-ff .k-grid .k-pager-numbers:first-child,
        .k-ie11 .k-grid .k-pager-numbers:first-child,
        .k-edge .k-grid .k-pager-numbers:first-child,
        .k-safari .k-grid .k-pager-numbers:first-child {
            left: .3em;
        }

    .k-webkit .km-pane-wrapper .k-pager-numbers .k-link,
    .k-ff .km-pane-wrapper .k-pager-numbers .k-link,
    .k-ie11 .km-pane-wrapper .k-pager-numbers .k-link,
    .k-edge .km-pane-wrapper .k-pager-numbers .k-link,
    .k-safari .km-pane-wrapper .k-pager-numbers .k-link,
    .k-webkit .km-pane-wrapper .k-pager-numbers .k-state-selected,
    .k-ff .km-pane-wrapper .k-pager-numbers .k-state-selected,
    .k-ie11 .km-pane-wrapper .k-pager-numbers .k-state-selected,
    .k-edge .km-pane-wrapper .k-pager-numbers .k-state-selected,
    .k-safari .km-pane-wrapper .k-pager-numbers .k-state-selected,
    .k-webkit .km-pane-wrapper .k-pager-wrap > .k-link,
    .k-ff .km-pane-wrapper .k-pager-wrap > .k-link,
    .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-link,
    .k-edge .km-pane-wrapper .k-pager-wrap > .k-link,
    .k-safari .km-pane-wrapper .k-pager-wrap > .k-link,
    .k-webkit .km-pane-wrapper .k-pager-wrap > .k-pager-info,
    .k-ff .km-pane-wrapper .k-pager-wrap > .k-pager-info,
    .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-pager-info,
    .k-edge .km-pane-wrapper .k-pager-wrap > .k-pager-info,
    .k-safari .km-pane-wrapper .k-pager-wrap > .k-pager-info {
        padding-top: 0;
        padding-bottom: 0;
    }

    .k-webkit .km-pane-wrapper .k-pager-wrap .k-pager-numbers + .k-pager-nav,
    .k-ff .km-pane-wrapper .k-pager-wrap .k-pager-numbers + .k-pager-nav,
    .k-ie11 .km-pane-wrapper .k-pager-wrap .k-pager-numbers + .k-pager-nav,
    .k-edge .km-pane-wrapper .k-pager-wrap .k-pager-numbers + .k-pager-nav,
    .k-safari .km-pane-wrapper .k-pager-wrap .k-pager-numbers + .k-pager-nav,
    .k-webkit .km-pane-wrapper .k-pager-nav:first-child + .k-pager-nav + .k-pager-nav,
    .k-ff .km-pane-wrapper .k-pager-nav:first-child + .k-pager-nav + .k-pager-nav,
    .k-ie11 .km-pane-wrapper .k-pager-nav:first-child + .k-pager-nav + .k-pager-nav,
    .k-edge .km-pane-wrapper .k-pager-nav:first-child + .k-pager-nav + .k-pager-nav,
    .k-safari .km-pane-wrapper .k-pager-nav:first-child + .k-pager-nav + .k-pager-nav {
        right: 2.7em;
    }

    .k-webkit .k-rtl .k-pager-numbers,
    .k-ff .k-rtl .k-pager-numbers,
    .k-ie11 .k-rtl .k-pager-numbers,
    .k-edge .k-rtl .k-pager-numbers,
    .k-safari .k-rtl .k-pager-numbers,
    .k-webkit .k-rtl .k-grid .k-pager-numbers,
    .k-ff .k-rtl .k-grid .k-pager-numbers,
    .k-ie11 .k-rtl .k-grid .k-pager-numbers,
    .k-edge .k-rtl .k-grid .k-pager-numbers,
    .k-safari .k-rtl .k-grid .k-pager-numbers {
        right: 5.68em;
        width: 4.45em;
    }

        .k-webkit .k-rtl .k-pager-numbers:first-child,
        .k-ff .k-rtl .k-pager-numbers:first-child,
        .k-ie11 .k-rtl .k-pager-numbers:first-child,
        .k-edge .k-rtl .k-pager-numbers:first-child,
        .k-safari .k-rtl .k-pager-numbers:first-child,
        .k-webkit .k-rtl .k-grid .k-pager-numbers:first-child,
        .k-ff .k-rtl .k-grid .k-pager-numbers:first-child,
        .k-ie11 .k-rtl .k-grid .k-pager-numbers:first-child,
        .k-edge .k-rtl .k-grid .k-pager-numbers:first-child,
        .k-safari .k-rtl .k-grid .k-pager-numbers:first-child {
            right: .3em;
        }

    .k-webkit .k-pager-numbers .k-current-page,
    .k-ff .k-pager-numbers .k-current-page,
    .k-ie11 .k-pager-numbers .k-current-page,
    .k-edge .k-pager-numbers .k-current-page,
    .k-safari .k-pager-numbers .k-current-page,
    .k-webkit .k-grid .k-pager-numbers .k-current-page,
    .k-ff .k-grid .k-pager-numbers .k-current-page,
    .k-ie11 .k-grid .k-pager-numbers .k-current-page,
    .k-edge .k-grid .k-pager-numbers .k-current-page,
    .k-safari .k-grid .k-pager-numbers .k-current-page {
        display: block;
        border-left: 0;
        transform: translatey(100%);
        -webkit-transform: translatey(100%);
    }

    .k-webkit .k-pager-numbers li:not(.k-current-page),
    .k-ff .k-pager-numbers li:not(.k-current-page),
    .k-ie11 .k-pager-numbers li:not(.k-current-page),
    .k-edge .k-pager-numbers li:not(.k-current-page),
    .k-safari .k-pager-numbers li:not(.k-current-page) {
        display: none;
    }

    .k-webkit .k-pager-numbers .k-current-page .k-link,
    .k-ff .k-pager-numbers .k-current-page .k-link,
    .k-ie11 .k-pager-numbers .k-current-page .k-link,
    .k-edge .k-pager-numbers .k-current-page .k-link,
    .k-safari .k-pager-numbers .k-current-page .k-link {
        width: 3.2em;
        padding: 0 .429em 0 .714em;
        border-radius: 0px;
        border-right: 1px solid #e5e6e7;
        color: #676a6c;
        background-color: #ffffff;
    }

    .k-webkit .k-pager-numbers .k-link,
    .k-ff .k-pager-numbers .k-link,
    .k-ie11 .k-pager-numbers .k-link,
    .k-edge .k-pager-numbers .k-link,
    .k-safari .k-pager-numbers .k-link {
        color: #676a6c;
    }

    .k-webkit .k-pager-nav.k-pager-first + .k-link,
    .k-ff .k-pager-nav.k-pager-first + .k-link,
    .k-ie11 .k-pager-nav.k-pager-first + .k-link,
    .k-edge .k-pager-nav.k-pager-first + .k-link,
    .k-safari .k-pager-nav.k-pager-first + .k-link {
        border-right: 1px solid #e5e6e7;
        border-radius: 0 0px 0px 0;
    }

    .k-webkit .k-pager-nav.k-pager-first,
    .k-ff .k-pager-nav.k-pager-first,
    .k-ie11 .k-pager-nav.k-pager-first,
    .k-edge .k-pager-nav.k-pager-first,
    .k-safari .k-pager-nav.k-pager-first,
    .k-webkit .k-rtl .k-pager-nav.k-pager-first + .k-link,
    .k-ff .k-rtl .k-pager-nav.k-pager-first + .k-link,
    .k-ie11 .k-rtl .k-pager-nav.k-pager-first + .k-link,
    .k-edge .k-rtl .k-pager-nav.k-pager-first + .k-link,
    .k-safari .k-rtl .k-pager-nav.k-pager-first + .k-link {
        border-right: 0;
        border-radius: 0px 0 0 0px;
    }

    .k-webkit .k-pager-numbers + .k-link,
    .k-ff .k-pager-numbers + .k-link,
    .k-ie11 .k-pager-numbers + .k-link,
    .k-edge .k-pager-numbers + .k-link,
    .k-safari .k-pager-numbers + .k-link {
        margin-left: 5.6em;
        border-radius: 0px 0 0 0px;
    }

    .k-webkit .k-rtl .k-pager-numbers + .k-link,
    .k-ff .k-rtl .k-pager-numbers + .k-link,
    .k-ie11 .k-rtl .k-pager-numbers + .k-link,
    .k-edge .k-rtl .k-pager-numbers + .k-link,
    .k-safari .k-rtl .k-pager-numbers + .k-link {
        margin-right: 5.6em;
        margin-left: 0;
        border-radius: 0 0px 0px 0;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #e5e6e7;
    }

    .k-webkit .k-pager-numbers .k-state-selected,
    .k-ff .k-pager-numbers .k-state-selected,
    .k-ie11 .k-pager-numbers .k-state-selected,
    .k-edge .k-pager-numbers .k-state-selected,
    .k-safari .k-pager-numbers .k-state-selected,
    .k-webkit .k-pager-numbers .k-link,
    .k-ff .k-pager-numbers .k-link,
    .k-ie11 .k-pager-numbers .k-link,
    .k-edge .k-pager-numbers .k-link,
    .k-safari .k-pager-numbers .k-link {
        display: block;
        margin-right: 0;
        padding: 1px 5px 1px 5px;
        text-align: left;
    }

    .k-webkit .k-pager-numbers.k-state-expanded,
    .k-ff .k-pager-numbers.k-state-expanded,
    .k-ie11 .k-pager-numbers.k-state-expanded,
    .k-edge .k-pager-numbers.k-state-expanded,
    .k-safari .k-pager-numbers.k-state-expanded {
        box-sizing: border-box;
        padding: 2px 2px 0;
        background-color: #ffffff;
    }

        .k-webkit .k-pager-numbers.k-state-expanded .k-current-page,
        .k-ff .k-pager-numbers.k-state-expanded .k-current-page,
        .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page,
        .k-edge .k-pager-numbers.k-state-expanded .k-current-page,
        .k-safari .k-pager-numbers.k-state-expanded .k-current-page {
            margin: -2em -3px 0;
            padding: 0;
        }

            .k-webkit .k-pager-numbers.k-state-expanded .k-current-page .k-link,
            .k-ff .k-pager-numbers.k-state-expanded .k-current-page .k-link,
            .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page .k-link,
            .k-edge .k-pager-numbers.k-state-expanded .k-current-page .k-link,
            .k-safari .k-pager-numbers.k-state-expanded .k-current-page .k-link {
                border-radius: 0 0 0px 0px;
            }

        .k-webkit .k-pager-numbers.k-state-expanded li,
        .k-ff .k-pager-numbers.k-state-expanded li,
        .k-ie11 .k-pager-numbers.k-state-expanded li,
        .k-edge .k-pager-numbers.k-state-expanded li,
        .k-safari .k-pager-numbers.k-state-expanded li {
            display: inline-block;
        }

            .k-webkit .k-pager-numbers.k-state-expanded li:not(.k-current-page) .k-link,
            .k-ff .k-pager-numbers.k-state-expanded li:not(.k-current-page) .k-link,
            .k-ie11 .k-pager-numbers.k-state-expanded li:not(.k-current-page) .k-link,
            .k-edge .k-pager-numbers.k-state-expanded li:not(.k-current-page) .k-link,
            .k-safari .k-pager-numbers.k-state-expanded li:not(.k-current-page) .k-link {
                border: 0;
                background-color: #ffffff;
                border-radius: -1px;
            }

    .k-webkit .k-pager-numbers .k-state-selected,
    .k-ff .k-pager-numbers .k-state-selected,
    .k-ie11 .k-pager-numbers .k-state-selected,
    .k-edge .k-pager-numbers .k-state-selected,
    .k-safari .k-pager-numbers .k-state-selected {
        border-radius: -1px;
    }

    .k-webkit .k-pager-numbers.k-state-expanded li:not(.k-current-page) .k-link:hover,
    .k-ff .k-pager-numbers.k-state-expanded li:not(.k-current-page) .k-link:hover,
    .k-ie11 .k-pager-numbers.k-state-expanded li:not(.k-current-page) .k-link:hover,
    .k-edge .k-pager-numbers.k-state-expanded li:not(.k-current-page) .k-link:hover,
    .k-safari .k-pager-numbers.k-state-expanded li:not(.k-current-page) .k-link:hover {
        color: #676a6c;
        background-color: #f3f3f4;
    }
}

@media only screen and (max-width: 640px) {
    .k-webkit .k-pager-info,
    .k-ff .k-pager-info,
    .k-ie11 .k-pager-info,
    .k-edge .k-pager-info,
    .k-safari .k-pager-info {
        display: none;
    }
}

@media only screen and (max-width: 480px) {
    .k-webkit .k-pager-sizes,
    .k-ff .k-pager-sizes,
    .k-ie11 .k-pager-sizes,
    .k-edge .k-pager-sizes,
    .k-safari .k-pager-sizes {
        display: none;
    }
}

.k-chart .k-selection {
    border-color: #cccccc;
    transition: box-shadow 0.2s linear, border-color 0.2s linear;
}

    .k-chart .k-selection:hover {
        border-color: #9e9e9e;
    }

.k-chart .k-handle {
    background-color: #ffffff;
    width: 15px;
    height: 15px;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

    .k-chart .k-handle:hover {
        background-color: #ffffff;
        border-color: #cccccc;
        box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3);
    }

.k-chart .k-leftHandle {
    left: -8px;
}

.k-chart .k-rightHandle {
    right: -8px;
}

.k-chart .k-navigator-hint .k-tooltip {
    border: 3px solid #ffffff;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);
    background: #ffffff;
    color: #676767;
}

.k-chart .k-navigator-hint .k-scroll {
    background: rgba(0, 124, 204, 0.7);
    height: 4px;
}

.k-chart .k-tooltip,
.k-sparkline .k-tooltip {
    background-image: none;
}
/* Map */
.k-map .k-marker {
    background-image: url("https://kendo.cdn.telerik.com/2016.3.1028/styles/2021.2.511/Bootstrap/markers.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.2), only screen and (min-device-pixel-ratio: 1.2) {
    .k-map .k-marker {
        background-image: url("https://kendo.cdn.telerik.com/2016.3.1028/styles/2021.2.511/Bootstrap/markers_2x.png");
    }
}

.k-spreadsheet-row-header,
.k-spreadsheet-column-header {
    background-color: #ffffff;
}

.k-spreadsheet-top-corner,
.k-spreadsheet-row-header,
.k-spreadsheet-column-header {
    background-color: #f3f3f4;
    background-image: none;
    color: #000000;
    border-color: #bebec3;
}

.k-spreadsheet-top-corner {
    border-color: #bebec3;
}

    .k-spreadsheet-top-corner:after {
        border-color: transparent #bebec3 #bebec3 transparent;
    }

.k-spreadsheet-pane {
    border-color: #bebec3;
}

    .k-spreadsheet-pane .k-spreadsheet-vaxis,
    .k-spreadsheet-pane .k-spreadsheet-haxis {
        border-color: #d8d8dc;
    }

    .k-spreadsheet-pane .k-spreadsheet-column-header,
    .k-spreadsheet-pane .k-spreadsheet-row-header {
        border-color: #bebec3;
    }

    .k-spreadsheet-pane .k-spreadsheet-merged-cell {
        background-color: #ffffff;
    }

    .k-spreadsheet-pane .k-selection-partial,
    .k-spreadsheet-pane .k-selection-full {
        border-color: rgba(255, 255, 255, 0.2);
        background-color: rgba(255, 255, 255, 0.2);
    }

    .k-spreadsheet-pane .k-filter-range {
        border-color: #ffffff;
    }

    .k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-partial,
    .k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-full {
        border-bottom-color: #ffffff;
    }

    .k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-partial,
    .k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-full {
        border-right-color: #ffffff;
    }

.k-auto-fill,
.k-spreadsheet-selection {
    border-color: #ffffff;
    box-shadow: inset 0 0 0 1px #ffffff, 0 0 0 1px #ffffff;
}

.k-spreadsheet-selection {
    background-color: rgba(255, 255, 255, 0.2);
}

.k-spreadsheet-active-cell {
    border-color: #ffffff !important;
    background-color: #ffffff;
}

    .k-spreadsheet-active-cell.k-single {
        color: #676a6c;
        background-color: #ffffff;
    }

.k-spreadsheet .k-spreadsheet-action-bar {
    background-color: #ffffff;
    border-color: #e5e6e7;
}

    .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor {
        border-color: #bebec3;
    }

    .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar::before {
        border-color: #bebec3;
    }

.k-spreadsheet .k-spreadsheet-formula-input {
    background-color: #ffffff;
    color: #676a6c;
}

.k-spreadsheet .k-resize-handle,
.k-spreadsheet .k-resize-hint-handle,
.k-spreadsheet .k-resize-hint-marker {
    background-color: #ffffff;
}

.k-spreadsheet .k-resize-hint-vertical .k-resize-hint-handle,
.k-spreadsheet .k-resize-hint-vertical .k-resize-hint-marker {
    background-color: #ffffff;
}

.k-spreadsheet .k-single-selection::after {
    background-color: #ffffff;
    border-color: #ffffff;
}

.k-spreadsheet .k-auto-fill-punch {
    background-color: rgba(255, 255, 255, 0.5);
}

.k-spreadsheet .k-single-selection.k-dim-auto-fill-handle::after {
    background-color: rgba(255, 255, 255, 0.5);
}

.k-spreadsheet-format-cells .k-spreadsheet-preview {
    border-color: #e5e6e7;
}

.k-spreadsheet-filter {
    border-radius: 0px;
    background-color: #ffffff;
    box-shadow: inset 0 0 0 1px #d8d8dc;
}

    .k-spreadsheet-filter.k-state-active {
        color: #676a6c;
        background-color: #ffffff;
    }

    .k-spreadsheet-filter:hover {
        color: #676a6c;
        background: #ffffff;
        border-color: #ebebeb;
    }

.k-action-window .k-action-buttons {
    border-color: #e5e6e7;
}

.k-spreadsheet-sample {
    color: #b4b6b8;
}

.k-state-selected .k-spreadsheet-sample {
    color: inherit;
}

.k-spreadsheet-window .k-list-wrapper,
.k-spreadsheet-window .k-list {
    border-color: #e5e6e7;
    border-radius: 0px;
}

.k-spreadsheet-window .export-config,
.k-spreadsheet-window .k-edit-field > .k-orientation-label {
    border-color: #e5e6e7;
}

.k-spreadsheet-window .k-edit-field > input[type="radio"]:checked + .k-orientation-label {
    background-image: none;
    background-color: var(--customColor);
    color: #85898b;
}

.k-spreadsheet-window .k-page-orientation {
    border-color: #ceced2;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
}

    .k-spreadsheet-window .k-page-orientation:before {
        background: #ffffff;
        border-color: transparent;
        border-bottom-color: #ceced2;
        border-left-color: #ceced2;
    }

.k-spreadsheet-window .k-margins-horizontal,
.k-spreadsheet-window .k-margins-vertical {
    background: transparent;
    border-color: #e5e6e7;
}

.k-spreadsheet-window .hint-wrapper:before {
    background: #e5e6e7;
}

.k-spreadsheet-toolbar.k-toolbar .k-button-group .k-button {
    border-radius: 0px;
}

.k-spreadsheet-toolbar > .k-widget,
.k-spreadsheet-toolbar > .k-button,
.k-spreadsheet-toolbar > .k-button-group {
    border-radius: 0px;
}

.k-spreadsheet-toolbar > .k-separator {
    border-color: #e5e6e7;
}

.k-spreadsheet-toolbar .k-overflow-anchor {
    border-radius: 0;
}

.k-spreadsheet-popup {
    border-radius: 0px;
}

    .k-spreadsheet-popup .k-separator {
        background-color: #e5e6e7;
    }

    .k-spreadsheet-popup .k-button {
        background-color: transparent;
    }

        .k-spreadsheet-popup .k-button:hover {
            background-color: #ffffff;
        }

    .k-spreadsheet-popup .k-state-active {
        background-color: #ffffff;
        color: #ffffff;
    }

        .k-spreadsheet-popup .k-state-active:hover {
            background-color: #e6e6e6;
        }

.k-spreadsheet-filter-menu .k-details {
    border-color: #e5e6e7;
}

.k-spreadsheet-filter-menu .k-details-content .k-space-right {
    background-color: #ffffff;
}

.k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper {
    background-color: #ffffff;
    border-color: #e5e6e7;
    border-radius: 0px 0 0 0px;
}

.k-syntax-ref {
    color: #ff8822;
}

.k-syntax-num {
    color: #0099ff;
}

.k-syntax-func {
    font-weight: bold;
}

.k-syntax-str {
    color: #38b714;
}

.k-syntax-error {
    color: red;
}

.k-syntax-bool {
    color: #a9169c;
}

.k-syntax-startexp {
    font-weight: bold;
}

.k-syntax-paren-match {
    background-color: #caf200;
}

.k-series-a {
    border-color: #428bca;
    background-color: rgba(66, 139, 202, 0.15);
}

.k-series-b {
    border-color: #5bc0de;
    background-color: rgba(91, 192, 222, 0.15);
}

.k-series-c {
    border-color: #5cb85c;
    background-color: rgba(92, 184, 92, 0.15);
}

.k-series-d {
    border-color: #f2b661;
    background-color: rgba(242, 182, 97, 0.15);
}

.k-series-e {
    border-color: #e67d4a;
    background-color: rgba(230, 125, 74, 0.15);
}

.k-series-f {
    border-color: #c00000;
    background-color: rgba(192, 0, 0, 0.15);
}

.k-spreadsheet-sheets-remove:hover .k-icon {
    color: #cc2222;
}

.k-spreadsheet-formula-list .k-state-focused {
    background-color: #ffffff;
    color: #676a6c;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .k-icon.k-font-icon {
        background-image: none;
    }
}

.k-spreadsheet .k-widget[data-property='fontSize'] {
    width: 70px;
}

.k-spreadsheet .k-widget[data-property='format'] {
    width: 100px;
}

.k-spreadsheet .k-widget[data-property='fontFamily'] {
    width: 130px;
}
/* Dialog */
.k-dialog .k-window-titlebar {
    padding: 1.1em 1em;
    border-color: #f3f3f4;
    background: #ffffff;
}

    .k-dialog .k-window-titlebar .k-dialog-title {
        font-size: 1.1em;
    }

.k-dialog a.k-dialog-action.k-dialog-close {
    position: absolute;
    padding: 1.1em;
    right: 0;
    top: 0;
    line-height: 1em;
    cursor: pointer;
    z-index: 10000;
}

.k-dialog.k-dialog-titleless a.k-dialog-action.k-dialog-close {
    right: 0.5em;
    top: 0.5em;
}

.k-dialog .k-content {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.k-dialog.k-dialog-titleless .k-content {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched {
    width: 100%;
}

    .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button {
        display: inline-block;
        padding: 0.9em 0 0.9em 0;
        border-radius: 0;
        border-bottom: 0;
        border-width: 1px 0 0 1px;
        border-color: #f3f3f4;
    }

        .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button:first-child {
            border-bottom-left-radius: 0px;
            border-left: 0;
        }

        .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button:last-child {
            border-bottom-right-radius: 0px;
            border-right: 0;
        }

.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal {
    width: auto;
    padding: 1em;
    text-align: right;
    border-top: 1px solid #f3f3f4;
}

    .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button {
        margin-left: 0.5em;
    }

        .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button:first-child {
            margin-left: 0;
        }

.k-rtl .k-dialog a.k-dialog-action.k-dialog-close {
    left: 0.5em;
}

.k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button:first-child {
    border-bottom-right-radius: 0px;
}

.k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button:last-child {
    border-bottom-left-radius: 0px;
}

.k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal {
    text-align: left;
}

    .k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button {
        margin-left: 0;
        margin-right: 0.5em;
    }

        .k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button:first-child {
            margin-right: 0;
        }

.k-editor-dialog .k-tabstrip-items {
    border-color: #e5e6e7;
}

.k-list li.k-state-hover,
.k-calendar td.k-state-hover {
    border-radius: 0px;
}

.k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input, .k-textbox > input {
    text-indent: 1em;
}

.k-popup .k-list .k-item {
    text-indent: 1em;
}

.tablehelyettesitoAlkotas .m-t-sm {
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.tablehelyettesitoAlkotas .col-sm-4,
.tablehelyettesitoAlkotas .col-lg-1,
.tablehelyettesitoAlkotas .col-lg-10,
.tablehelyettesitoAlkotas .col-lg-11,
.tablehelyettesitoAlkotas .col-lg-12,
.tablehelyettesitoAlkotas .col-lg-2,
.tablehelyettesitoAlkotas .col-lg-3,
.tablehelyettesitoAlkotas .col-lg-4,
.tablehelyettesitoAlkotas .col-lg-5,
.tablehelyettesitoAlkotas .col-lg-6,
.tablehelyettesitoAlkotas .col-lg-7,
.tablehelyettesitoAlkotas .col-lg-8,
.tablehelyettesitoAlkotas .col-lg-9,
.tablehelyettesitoAlkotas .col-md-1,
.tablehelyettesitoAlkotas .col-md-10,
.tablehelyettesitoAlkotas .col-md-11,
.tablehelyettesitoAlkotas .col-md-12,
.tablehelyettesitoAlkotas .col-md-2,
.tablehelyettesitoAlkotas .col-md-3,
.tablehelyettesitoAlkotas .col-md-4,
.tablehelyettesitoAlkotas .col-md-5,
.tablehelyettesitoAlkotas .col-md-6,
.tablehelyettesitoAlkotas .col-md-7,
.tablehelyettesitoAlkotas .col-md-8,
.tablehelyettesitoAlkotas .col-md-9,
.tablehelyettesitoAlkotas .col-sm-1,
.tablehelyettesitoAlkotas .col-sm-10,
.tablehelyettesitoAlkotas .col-sm-11,
.tablehelyettesitoAlkotas .col-sm-12,
.tablehelyettesitoAlkotas .col-sm-2,
.tablehelyettesitoAlkotas .col-sm-3,
.tablehelyettesitoAlkotas .col-sm-5,
.tablehelyettesitoAlkotas .col-sm-6,
.tablehelyettesitoAlkotas .col-sm-7,
.tablehelyettesitoAlkotas .col-sm-8,
.tablehelyettesitoAlkotas .col-sm-9,
.tablehelyettesitoAlkotas .col-xs-1,
.tablehelyettesitoAlkotas .col-xs-10,
.tablehelyettesitoAlkotas .col-xs-11,
.tablehelyettesitoAlkotas .col-xs-12,
.tablehelyettesitoAlkotas .col-xs-2,
.tablehelyettesitoAlkotas .col-xs-3,
.tablehelyettesitoAlkotas .col-xs-4,
.tablehelyettesitoAlkotas .col-xs-5,
.tablehelyettesitoAlkotas .col-xs-6,
.tablehelyettesitoAlkotas .col-xs-7,
.tablehelyettesitoAlkotas .col-xs-8,
.tablehelyettesitoAlkotas .col-xs-9 {
    margin-top: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.tablehelyettesitoAlkotas,
.tablehelyettesitoAlkotas .row,
.tablehelyettesitoAlkotas .row:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .tablehelyettesitoAlkotas .paros {
        background-color: #F9F9F9;
    }

    .tablehelyettesitoAlkotas .paratlan {
        background-color: #F9F9F9;
    }

.k-autocomplete > .k-invalid {
    border: 1px solid #fbc2c400 !important;
    background: rgb(251, 227, 228) !important;
}


.k-invalid {
    border: 1px solid #fbc2c4 !important;
    background: rgb(251, 227, 228) !important;
}

.loader {
    display: none;
    width: 100px;
    height: 100px;
    position: fixed;
    top: 50%;
    left: 50%;
    /*background:url(spinner.gif) no-repeat center #fff;*/
    text-align: center;
    padding: 10px;
    font: normal 16px Tahoma, Geneva, sans-serif;
    border: 1px solid #666;
    margin-left: -50px;
    margin-top: -50px;
    z-index: 2;
    overflow: auto;
}

.k-state-selected a {
    color: white;
}

    .k-state-selected a:hover {
        color: #fefefe;
    }

a {
    color: var(--customColor);
    cursor: pointer;
}

    a:focus, a:hover {
        color: var(--customColor);
    }

.wizard a {
    white-space: nowrap;
    /*text-overflow: ellipsis;*/
    overflow: hidden;
}

.wizard li {
    min-width: 109px;
}

.wizard > .content > .body input {
    display: inline;
}

.wizard > .content > .body .k-widget {
    background-color: #EEEEEE;
}

.wizard > .content > .body .k-input {
    border-width: 0px;
}

.k-input {
    border-radius: 0px;
}

.wizard > .content > .body .k-picker-wrap {
    border-color: #CCCCCC;
}

.k-dropdown .k-input:hover {
    background-color: white;
}

.k-dropdown .k-input {
    background-color: white;
}

.k-invalid ~ .k-dropdown .k-input {
    border-color: #FBC2C4;
    border-width: 1px;
    border-style: solid;
    background-color: #FBE3E4;
}

.k-grid-header th.k-header,
th.k-header {
    background-color: #F5F5F6;
    font-weight: 600;
}

.dataTables_wrapper {
    padding-bottom: 0px;
}

.dtr-title {
    font-weight: 600;
}

body.no-navbar #page-wrapper {
    margin: 0px;
}

.sajatFelugro .modal-dialog {
    width: 95%;
    margin: 30px auto;
}

.sajatFelugroSzamlazashoz .modal-dialog {
    width: 75%;
    margin: 30px auto;
}

.k-checkbox-label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-width: 1px;
    border-style: solid;
    width: 27px;
    height: 27px;
    font-size: 27px;
    line-height: 27px;
    text-align: center;
    border-radius: 0px;
}

.for-link::before {
    display: block;
    content: "";
    padding-top: 7px;
}

.forCheckBox .k-checkbox-label::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-width: 1px;
    border-style: solid;
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 0px;
}

.forCheckBox .k-checkbox-label {
    padding-top: 2px;
    padding-left: 28px;
}

.forCheckBox {
    margin-bottom: 13px;
}

.k-loading-mask {
    display: none;
}

.form-group .k-picker-wrap::before {
    content: none;
}

#foglalhatoSzakrendelesekDiv .k-calendar .k-state-disabled .k-link {
    background-color: #F5F5F6;
}

#foglalhatoSzakrendelesekDiv .k-calendar .k-header {
    background-color: #F5F5F6;
}

#foglalhatoSzakrendelesekDiv .k-calendar td[role='gridcell'] a {
    background-color: #a3e1d4;
}


#foglalhatoSzakrendelesekDiv .k-calendar .k-state-hover,
#foglalhatoSzakrendelesekDiv .k-calendar .k-state-hover:hover {
    color: #555;
    background-color: #a3e1d4;
    border-color: #676A6C;
}


@media only screen and (min-width: 768px) {
    .torlesGomb {
        width: 70px;
    }
}

@media only screen and (min-width: 992px) {
    .torlesGomb {
        width: 100px;
    }
}

@media only screen and (min-width: 1200px) {
    .torlesGomb {
        width: 150px;
    }
}

@media only screen and (min-width: 726px) {
    .naptarOldalsoFelirat {
        /*white-space: nowrap;
        position: absolute;
        top: 150px;
        left: 10px;
        transform: rotate(270deg);*/
 position: absolute;
    /* width: 100%;*/  /* width before rotation! */
    top: 50%;
    height: 2px;  /* actual text will overlap! */
    margin-top: -1px;  /* subtract half the height */
    line-height: 0px;  /* centre the text on the base line */
    text-align: center;
    font-weight: bold;
    left: 50%;
    -ms-transform: translateX(-50%) rotate(270deg) ;
    -webkit-transform: translateX(-50%) rotate(270deg);
    transform: translateX(-50%) rotate(270deg);
    white-space: nowrap;
    }
}

@media only screen and (max-width: 768px) {
    .naptarOldalsoFelirat {
        /*white-space: nowrap;
        position: absolute;
        top: 150px;
        left: -30px;
        transform: rotate(270deg);*/
 position: absolute;
    /* width: 100%;*/  /* width before rotation! */
    top: 50%;
    height: 2px;  /* actual text will overlap! */
    margin-top: -1px;  /* subtract half the height */
    line-height: 0px;  /* centre the text on the base line */
    text-align: center;
    font-weight: bold;
    left: 50%;
    -ms-transform: translateX(-50%) rotate(270deg) ;
    -webkit-transform: translateX(-50%) rotate(270deg);
    transform: translateX(-50%) rotate(270deg);
    white-space: nowrap;
    }
}


.uppercase {
    text-transform: uppercase;
}


.sorkizart {
    text-align: justify;
    text-justify: inter-word;
}

@media only screen and (max-width: 1065px) {
    .IndexoldalonNBanner {
        display: none;
    }
}

@media only screen and (min-width: 1200px) {
    .IndexoldalonNBanner {
        display: block;
    }
}

@media only screen and (min-width: 1065px) {
    .IndexoldalonNBanner {
        display: block;
    }
}

.customFrame {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 70px;
    height: 275px;
    padding: 4px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
}
.customTab {
    position: relative;
    margin-top: 2px;
    margin-bottom: 2px;
    -webkit-flex-grow: 10;
    -moz-flex-grow: 10;
    -ms-flex-grow: 10;
    flex-grow: 10;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
}

.help-tip {
    position: relative;
    top: 0px;
    right: 0px;
    text-align: center;
    background-color: var(--customColor);
    border-radius: 50%;
    width: 15px;
    height: 15px;
    font-size: 14px;
    line-height: 15px;
    cursor: pointer;
}

    .help-tip:before {
        content: '?';
        font-weight: bold;
        color: #fff;
    }

    .help-tip:hover p {
        display: block;
        transform-origin: 100% 0%;
        -webkit-animation: fadeIn 0.3s ease-in-out;
        animation: fadeIn 0.3s ease-in-out;
    }

    .help-tip p { /* The tooltip */
        display: none;
        text-align: left;
        background-color: #ffffff;
        padding: 20px;
        width: 300px;
        position: absolute;
        border-radius: 3px;
        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
        /* right: -4px;*/
        left: -4px;
        color: #1E2021;
        font-size: 13px;
        line-height: 1.4;
        left: 60px;
        top: -70px;
    }


        .help-tip p:before { /* The pointer of the tooltip */
            position: absolute;
            content: '';
            width: 0;
            height: 0;
            border: 6px solid transparent;
            border-bottom-color: #f3f3f4;
            right: 280px;
            top: -120px;
        }

        .help-tip p:after { /* Prevents the tooltip from being hidden */
            width: 100%;
            height: 40px;
            content: '';
            position: absolute;
            top: -40px;
            left: 0;
        }

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
        transform: scale(0.6);
    }

    100% {
        opacity: 100%;
        transform: scale(1);
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 100%;
    }
}

.center {
    width: 300px;
    height: 300px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -150px;
}


@media only screen and (min-width: 1065px) {
    .PaciensLetrehozasPanelNagy {
        display: block;
    }
}

@media only screen and (max-width: 1065px) {
    .PaciensLetrehozasPanelNagy {
        display: none;
    }
}

@media only screen and (min-width: 1065px) {
    .PaciensLetrehozasPanelKicsi {
        display: none;
    }
}

@media only screen and (max-width: 1065px) {
    .PaciensLetrehozasPanelKicsi {
        display: block;
    }
}

.k-auto-fill, .k-spreadsheet-selection {
    border-color: rgb(23, 132, 67) !important;
}

.k-filter-menu .k-datepicker, .k-filter-menu .k-datetimepicker, .k-filter-menu .k-dropdown, .k-filter-menu .k-numerictextbox, .k-filter-menu .k-textbox, .k-filter-menu .k-timepicker {
    width: 250px;
}

.k-filter-menu span.k-filter-and {
    width: 250px;
}

.torolt_sor_color {
    background-color: #fbe3e4 !important
}

.k-pager-wrap .k-link.k-state-selected, .k-pager-wrap .k-link.k-state-selected:hover {
    color: #fff;
    background-color: var(--customColor);
    border-color: var(--customColor);
}

.k-calendar .k-today .k-link {
    color: var(--customColor);
    box-shadow: inset 0 0 0 1px var(--customColor);
}

.k-calendar td.k-state-selected .k-link {
    border-color: var(--customColor);
    color: #fff;
    background-color: var(--customColor);
    background-image: none;
}

.k-calendar td.k-state-focused .k-link {
    box-shadow: inset 0 0 7px 0 var(--customColor);
}

.k-autocomplete.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-numeric-wrap.k-state-focused, .k-picker-wrap.k-state-focused, .k-textbox.k-state-focused, .k-textbox:focus {
    box-shadow: 0 0 7px 0 #12663400;
}

.k-grid-header .k-i-sort-asc-sm, .k-grid-header .k-i-sort-desc-sm, .k-grid-header .k-sort-order {
    color: var(--customColor);
}


/*ez t�nteti el a dipla keretet ami a kendo friss�t�s r�baszott*/
span .k-invalid {
    border-color: #fbc2c400 !important;
}

.k-invalid.k-state-focused{
    border-color: red !important;
}

.k-checkbox:checked {
    border-color: #c5c5c5;
    color: var(--customColor);
    background-color: #fff;
}

.k-checkbox {
    width: 28px;
    height: 28px;
    border-radius: 0px;
    margin-top: 0px;
   
}

.k-input.k-state-disabled {
    background-color: #f3f3f4 !important;
}

.k-dropdown-wrap.k-invalid > span {
    background-color: #ffffff00 !important;
}

.k-dropzone {
    background-color: transparent;
}

.k-list-container {
    color: #000;
}

.k-edit-buttons {
    background: #eae8e800;
}

.k-state-selected .k-command-cell a, .k-state-selected .k-command-cell a:hover {
    color: #676a6c;
}

/*.k-state-selected .k-command-cell a:hover {
    color: #676a6c;
}*/

.k-edit-form-container {
    position: relative;
    width: auto;
    padding-right: 15px;
    padding-left: 15px;
}

/* re-enable pointer events for the inputs so selection can work. Note - can cause some side effects with appearance of hover and focus states */
.k-input.k-state-disabled,
input.k-textbox[disabled] {
    pointer-events: initial;
}


/* visual highlight for the plain textbox user selection */
input.k-textbox[disabled]::selection {
    color: #ffffff;
    background-color: #ff6358;
}