td.cw, th.cw,
#NetCoreViewer_JsViewerMainPanel .js_viewer_loader.js_viewer_loader_default {
    visibility: hidden;
}

/*.stiJsViewerToolTipTextCell, td.stiJsViewerToolTipTextCell {
    color: var(--accent);
}*/

/*.stiJsViewerPage {
    background: var(--secondary);
    color: black;
}

.stiJsViewerToolBar.stiJsViewerToolBarSeparated {
    display: block;
    background: var(--primary);
    border-color: var(--primary);*/
/* width: 600px; */
/*}*/


/*.form-group {
    margin-bottom: 15px;
    min-height:30px;
}*/

.alert {
    border-radius:0px;
}

div#details-container {
    word-break: break-word;
    /*height: 72%;
    width: 95%;*/
    overflow-y: auto;
    /*  position: fixed;*/
}

[role="tooltip"] {
    visibility: hidden;
}

.refreshBtnContainer {
    display: block;
}

.form-group.text-right {
    margin-right: 15px;
}

.input-group {
    width: 100%;
}

.form-group {
    margin-bottom: 10px;
}

.ibox-title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: var(--secondary);
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 2px 0 0;
    color: inherit;
    margin-bottom: 5px;
    padding: 0;
    min-height: auto;
    padding-left: 40px;
    padding-bottom: 10px;
}

ol.breadcrumb > li.active {
    /* COLOR: RED; */
    FONT-SIZE: 16PX;
    FONT-WEIGHT: bolder;
}

.breadcrumb {
    background-color: transparent;
}

.md-skin .wrapper-content {
    padding: 10px 20px 10px;
}

span.k-input-spinner.k-spin-button {
    border: 0;
    padding: 0;
    margin: 0;
    margin-right: 2px;
    width: 32px;
}

.UpCase textarea, .UpCase {
    text-transform: uppercase;
}

.ellipse-two-lines {
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.ellipse-three-lines {
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.k-state-default h3 {
    font-size: 14px;
}


.k-state-default {
    font-size: 12px;
}

    .k-state-default p {
        font-style: italic;
        text-overflow: ellipsis;
    }


button.btn-default-treelist {
    font-size: 12px;
    height: 30px;
}

.k-treelist.k-grid td {
    padding-top: 4px;
    padding-bottom: 4px;
}

.k-grid button.btn-default.k-button-solid-base.k-button.k-button-md.k-rounded-md.k-button-solid {
    font-size: 12px;
    height: 30px;
}

.k-grid-edit-row .k-upload, .k-grid-edit-row li.k-file {
    background: transparent;
    border: none;
    width: 90px;
    border-width: 0px;
}

    .k-grid-edit-row ul.k-upload-files.k-reset,
    .k-grid-edit-row .k-upload .k-upload-files .k-file {
        visibility: hidden;
    }


.md-skin .navbar-static-side .nav > li > a:hover > i,
.md-skin .navbar-static-side .nav > li > a:focus > i {
    background-color: transparent;
    color: white;
}


.k-list-container.k-popup.k-dropdownlist-popup {
    height: 300px;
}

.k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-base.k-upload-button.k-state-focused,
.md-skin .navbar-static-side .nav > li > a:focus,
.md-skin .navbar-static-side .nav > li > a:hover,
.md-skin .navbar-static-side .nav > li > a:active,
button.btn.btn-sm.btn-default.clockpicker-button.pm-button,
button.btn.btn-sm.btn-default.clockpicker-button.am-button,
.clockpicker-button {
    background: var(--primary);
    color: white;
}

    button.btn.btn-sm.btn-default.clockpicker-button.am-button:hover,
    button.btn.btn-sm.btn-default.clockpicker-button.am-button:focus,
    button.btn.btn-sm.btn-default.clockpicker-button.pm-button:hover,
    button.btn.btn-sm.btn-default.clockpicker-button.pm-button:focus,
    button.btn.btn-xs.btn-white.active:hover, button.btn.btn-xs.btn-white.active:focus {
        background: var(--secondary);
        color: var(--accent);
    }

button.btn.btn-xs.btn-white.active, button.btn.btn-xs.btn-white:hover, button.btn.btn-xs.btn-white:focus {
    background: var(--primary);
    color: var(--accent);
}

button.btn.btn-xs.btn-white {
    background: var(--header);
    color: white;
}

svg > g > path {
    fill: transparent;
}

.k-gauge g > g > g > path[stroke='#2e2e2e'] {
    stroke: var(--accent);
}

g > text {
    fill: var(--accent);
    stroke: none;
}

.imgpadng {
    text-align: center;
    padding: 20px;
    background: #eee;
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    /*-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: initial;
    left: 50%;
    top: 50%;*/
}

.k-input-values.k-selection-multiple.k-chip-list.k-chip-list-md {
    /*   padding: 0;*/
    /* margin: 0; */
}

a.k-grid-column-menu.k-grid-header-menu {
    color: var(--primary);
}

.k-animation-container .k-context-menu.k-menu-horizontal {
    display: flex !important;
    flex-wrap: nowrap;
}

.k-animation-container {
    position: absolute;
    overflow: hidden;
    z-index: 100;
}

.k-animation-container-shown {
    overflow: visible;
    margin: 0;
    padding: 0;
    width: 100px;
}

.k-svg-icon {
    width: 16px;
    height: 16px;
    outline: 0;
    line-height: 1;
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    position: relative;
    color: inherit;
}

.k-menu-link-text {
    display: flex;
    flex-flow: row nowrap;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
}

.k-menu-group-md .k-menu-link {
    padding-block: 4px;
    padding-inline: 8px;
    padding-inline-end: 32px;
}

.k-menu-link {
    padding-block: 6px;
    padding-inline: 12px;
    outline: 0;
    color: inherit;
    display: flex;
    flex-flow: row nowrap;
    flex: 1 1 auto;
    gap: 4px;
    align-items: center;
    position: relative;
    white-space: nowrap;
    cursor: pointer;
}

.k-cell-inner {
    width: auto;
    display: initial;
}

.k-grid-md .k-grid-header .k-grid-filter, .k-grid-md .k-grid-header .k-header-column-menu, .k-grid-md .k-grid-header .k-grid-header-menu {
    padding: 4px;
    width: calc(1.4285714286em + 10px);
    height: calc(1.4285714286em + 10px);
    bottom: 4px;
}

.k-grid .k-cell-inner .k-grid-filter, .k-grid .k-cell-inner .k-header-column-menu, .k-grid .k-cell-inner .k-grid-header-menu {
    position: static;
    margin-inline-end: 4px;
}

.k-grid .k-grid-header .k-grid-filter, .k-grid .k-grid-header .k-header-column-menu, .k-grid .k-grid-header .k-grid-header-menu {
    box-sizing: border-box;
    outline: 0;
    display: flex;
    align-content: end;
    justify-content: end;
    position: initial;
    inset-inline-end: 4px;
    z-index: 1;
    vertical-align: middle;
    float: right;
}

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

.k-grid .k-grid-filter, .k-grid .k-header-column-menu, .k-grid .k-grid-header-menu, .k-grid .k-hierarchy-cell .k-icon {
    border-width: 0;
}

.k-grid .k-cell-inner > .k-link {
    width: auto;
    display: inline;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: inherit;
    flex: 1;
    overflow: hidden;
}

.k-link, .k-link:hover {
    color: inherit;
    text-decoration: none;
    outline: 0;
    cursor: pointer;
}

.k-column-title {
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-shrink: 1;
    overflow: hidden;
}

li.k-item.k-menu-item:hover > .k-link.k-menu-link,
.k-link.k-menu-link:hover {
    color: white;
}

span.k-link.k-menu-link.k-active, span.k-link.k-menu-link:hover {
    background: var(--primary);
}

table.k-calendar-table.k-content.k-month {
    background: transparent;
}


.input-group.date .input-group-addon {
    cursor: pointer;
    border: 0;
}

.form-control, .single-line {
    color: #555;
}

/*.darkMode .btn-default,*/
.darkMode .nav-tabs > li > a:hover {
    border: 0;
}

.darkMode .form-control[readonly],
.darkMode .control-label[readonly] {
    background: transparent;
    color: white;
    border: 1px solid darkgrey;
}

.datepicker table tr td.old, .datepicker table tr td.new {
    color: var(--primary);
}

.stiJsViewerMenu,
.stiJsViewerToolTipTextCell,
.stiJsViewerToolTip,
.stiJsViewerParentMenu,
.stiJsViewerToolBarTable,
.lightMode .stiJsViewerMenu,
.lightMode .stiJsViewerToolTipTextCell,
/*.lightMode .stiJsViewerNavigatePanel,*/
.lightMode .stiJsViewerToolTip,
.lightMode .stiJsViewerParentMenu,
.lightMode .stiJsViewerToolBarTable {
    background-color: var(--background);
    color: var(--accent);
}







.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover,
.today.active.day:focus,
.today.active.day:hover,
.k-calendar-td.k-today.k-focus.k-hover,
.k-calendar-td.k-weekend.k-hover,
.darkMode .stiJsViewerMenu,
.darkMode .stiJsViewerToolTipTextCell,
.darkMode .stiJsViewerNavigatePanel,
.darkMode .stiJsViewerToolTip,
.darkMode .stiJsViewerParentMenu,
.darkMode .stiJsViewerToolBarTable,
.darkMode td.k-calendar-td.k-weekend.k-hover,
.darkMode .btn-default:focus,
.darkMode td.k-calendar-td.k-weekend.k-state-hover,
.darkMode .k-calendar-td .k-weekend .k-state-hover,
.darkMode .k-calendar .k-weekend .k-state-hover,
.darkMode .k-calendar:not(.k-infinite) .k-weekend .k-state-hover,
.darkMode .k-calendar-td.k-today.k-state-focused {
    background-color: var(--header);
    color: white;
}

.k-calendar-td.k-hover,
.darkMode .k-calendar:not(.k-infinite) .k-hover,
.darkMode .k-calendar:not(.k-infinite) .k-state-hover,
.darkMode .k-calendar:not(.k-infinite) .k-weekend {
    background-color: var(--primary);
    color: white;
}

.darkMode .k-dialog-buttongroup .k-button {
    border-color: dimgrey;
    /* border: 15px; */
    /* border-right-width: 5px; */
    /* border-left: none; */
    /* border-right: none; */
}

.k-popover.k-popup {
    background-color: var(--background);
}

.darkMode .datepicker-dropdown.datepicker-orient-top:after {
    border-top: none;
    border-top-color: none;
    border-bottom: 7px solid darkgray;
    border-bottom-color: darkgrey;
}

.darkMode .datepicker-dropdown.datepicker-orient-bottom:before {
    border-bottom: none;
    border-bottom-color: none;
    border-top: 7px solid darkgrey;
}

.darkMode .datepicker-dropdown:before {
    border-bottom: 7px solid darkgray;
    border-bottom-color: darkgrey;
}

.darkMode.datepicker.datepicker-dropdown.datepicker-orient-top,
.darkMode .datepicker-dropdown.datepicker-orient-bottom:after {
    border-top: none;
    border-top-color: none;
}


.darkMode .datepicker-dropdown:after {
    border-top: 7px solid darkgray;
    border-top-color: darkgrey;
}

.darkMode .clockpicker-align-left.popover > .arrow {
    /*background: darkgrey;*/
    color: black;
}

.darkMode div#avatarPop span.k-avatar-image,
.darkMode .k-popover.k-popup,
.darkMode .k-popover-callout.k-callout-n,
.darkMode span.k-picker.k-dropdownlist.form-control,
.darkMode div.stiJsViewerPage, .darkMode div.StiPageContainer,
.darkMode .k-list-container.k-popup,
.darkMode .k-chip-list,
.darkMode .k-popover.k-popup,
.darkMode .k-menu-group, .darkMode .k-menu.k-context-menu,
.darkMode .k-column-menu.k-popup,
.darkMode .clockpicker-plate,
.darkMode .popover.clockpicker-popover,
.darkMode .clockpicker-popover .popover-title,
.darkMode .clockpicker-popover .popover-content,
.darkMode .k-chip.k-chip-md.k-rounded-md.k-chip-solid.k-chip-solid-base,
.darkMode span.k-chip.k-chip-md.k-rounded-md.k-chip-solid.k-chip-solid-base,
.darkMode span.k-multiselect.k-input.k-multiselect-clearable.k-input-solid.k-input-md.k-rounded-md,
.darkMode .k-calendar-table,
.darkMode .k-calendar-centuryview,
.darkMode .k-calendar-table.k-content.k-meta-view.k-decade,
.darkMode .k-calendar-table.k-content.k-meta-view.k-year,
.darkMode .datepicker.datepicker-dropdown,
.darkMode .form-control,
.darkMode option,
.darkMode .single-line,
.darkMode input.k-input-inner,
.darkMode .imgpadng,
.darkMode .k-list-scroller,
.darkMode .k-list,
.darkMode .k-calendar-yearview, .darkMode .k-calendar-view,
.darkMode .k-calendar-monthview, .darkMode .k-calendar-view,
.darkMode .k-calendar .k-footer {
    background: darkgrey;
    color: black;
    /*border: 1px solid darkgrey;*/
}

.darkMode span.k-column-title, .darkMode .k-label,
.darkMode .k-menu-vertical .k-item > .k-link {
    color: white;
}

button.k-pager-refresh.k-button.k-button-md.k-button-flat.k-button-flat-base.k-icon-button {
    /* flex: 1; */
    text-align: right;
    order: 15;
    /* justify-content: flex-end; */
}

.k-pager {
    border-color: rgba(0, 0, 0, 0.08);
    color: #424242;
    background-color: #fafafa;
}

.k-pager-md {
    padding-inline: 8px;
    padding-block: 8px;
    gap: 14px;
}

.k-pager {
    color: white;
    padding: 0;
    /*   border-width: 1px;
    border-style: solid;*/
    box-sizing: border-box;
    outline: 0;
    font-family: inherit;
    font-size: 12px;
    line-height: 1.4285714286;
    white-space: nowrap;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    cursor: default;
    flex: 0 0 auto;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.k-pager-numbers-wrap {
    display: flex;
    flex-direction: row;
    position: relative;
}

div.k-pager span.k-picker.k-dropdownlist.k-picker-solid.k-picker-md.k-rounded-md {
    width: 100px;
    margin-right: 5px;
}

div.k-pager input.k-input-inner, div.k-pager span.k-textbox.k-input.k-input-md.k-rounded-md.k-input-solid {
    width: 70px;
    text-align: center;
    margin-right: 5px;
}

button.k-pager-nav.k-button.k-button-flat.k-button-flat-base.k-icon-button.k-button-sm,
div.k-pager button.k-button.k-button-md.k-button-flat.k-button-flat-base.k-icon-button {
    background: transparent;
    padding: 0;
    margin: 0;
}

button.k-button.k-button-md.k-button-flat.k-button-flat-base.k-icon-button {
    background: transparent;
}

.row.container-border {
    background-color: var(--secondary);
}

.form-group.text-right > .btn, .form-group.text-right > div {
    margin-top: 0px;
}

.md-skin .nav > li.active > a:nth-child(1) {
    background-color: var(--primary);
    border: 1pt solid var(--primary);
    margin: 0;
    color: var(--secondary);
    font-weight: 700;
}

.md-skin .nav > li.active > a {
    color: var(--secondary);
    font-weight: 700;
}


.ibox-title, .ibox-content {
    border-style: none;
}

    .ibox-title h5 {
        font-size: 18px;
        font-weight: bolder;
        display: inline-block;
        margin: 0 0 0px;
        padding: 0;
        text-overflow: ellipsis;
        float: left;
        padding-bottom: 10px;
    }

html, body {
    height: auto;
    /*    background: var(--background);*/
}

.wrapper-content {
    padding-bottom: 0px;
}


.ibox {
    margin-bottom: 0px;
}

.k-grid-edit-row .k-picker .k-input-inner, .list-box {
    height: 32px;
}

.k-grid-edit-row > td > .k-disabled {
    opacity: 1;
    border: none;
    background: inherit;
}

.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.k-diagram {
    height: 600px;
}

.k-diagram, .k-map {
    height: 600px;
}

.k-widget .km-scroll-wrapper {
    position: relative;
    padding-bottom: 0;
}

.k-diagram .km-scroll-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}


.k-diagram .km-scroll-container, .k-diagram .km-scroll-wrapper, .k-map .km-scroll-container, .k-map .km-scroll-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
}

.k-diagram .km-scroll-wrapper, .k-map .km-scroll-wrapper {
    padding-bottom: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.km-widget, .km-widget * {
    -moz-background-clip: border-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
}

.km-scroll-header {
    position: absolute;
    z-index: 1001;
    width: 100%;
    top: 0;
    left: 0;
}


.km-scroll-container {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-margin-collapse: separate;
    -webkit-transform: translateZ(0);
}


.k-diagram .km-touch-scrollbar, .k-map .km-touch-scrollbar {
    display: none;
}



.km-horizontal-scrollbar {
    width: 100%;
    left: 2px;
    bottom: 2px;
}

.km-touch-scrollbar {
    position: absolute;
    visibility: hidden;
    z-index: 200000;
    height: 0.3em;
    width: 0.3em;
    background-color: rgba(0,0,0,.7);
    opacity: 0;
    transition: opacity .3s linear;
}

.k-diagram .k-layer, .k-map .k-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

/*.stiJsViewerToolBarSeparated {
    display: block;
    border-color: var(--primary);
}


.NetCoreViewerReportPanel, .stiJsViewerMainPanel {
    background: var(--secondary);
}

tr.stiJsViewerClearAllStyles {
    background: var(--background);
    color: var(--accent);
}*/

.k-pos-top-end, .k-top-end {
    top: 0;
    right: 0;
}


.k-badge-edge {
    position: absolute;
    z-index: 9999
}

    .k-badge-edge.k-top-start {
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .k-badge-edge.k-top-end {
        -webkit-transform: translate(50%,-50%);
        -ms-transform: translate(50%,-50%);
        transform: translate(50%,-50%)
    }

    .k-badge-edge.k-bottom-start {
        -webkit-transform: translate(-50%,50%);
        -ms-transform: translate(-50%,50%);
        transform: translate(-50%,50%)
    }

    .k-badge-edge.k-bottom-end {
        -webkit-transform: translate(50%,50%);
        -ms-transform: translate(50%,50%);
        transform: translate(50%,50%)
    }


    .k-badge-edge.k-top-end {
        -webkit-transform: translate(50%,-50%);
        -ms-transform: translate(50%,-50%);
        transform: translate(50%,-50%);
    }

.k-badge-circle {
    padding: 0 !important;
    border-radius: 100%
}

    .k-badge-circle.k-badge-sm {
        width: calc(1em + 6px);
        height: calc(1em + 6px);
        border-radius: 100%;
    }

    .k-badge-circle.k-badge-md {
        width: calc(1em + 10px);
        height: calc(1em + 10px);
        border-radius: 100%;
    }

    .k-badge-circle.k-badge-lg {
        width: calc(1em + 14px);
        height: calc(1em + 14px);
        border-radius: 100%;
    }

.k-badge-inside {
    position: absolute;
    z-index: 9999;
}

.k-badge-container {
    position: relative;
    overflow: visible;
}

.k-badge-dot {
    padding: 0 !important;
    border-radius: 100%;
    font-size: 0;
}

.k-badge-edge {
    position: absolute;
    z-index: 9999;
    background-color: transparent;
}

.k-badge-pill {
    border-radius: 5rem;
}

.k-badge-md {
    padding: 4px 4px;
    border-width: 1px;
    font-size: 10px;
    line-height: 1;
}

.k-badge {
    padding: 0;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    box-sizing: border-box;
    color: inherit;
    background-color: transparent;
    font: inherit;
    text-align: center;
    white-space: nowrap;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
}

.k-pos-top-end, .k-top-end {
    top: 15px;
    right: 0;
}

.k-badge-solid.k-badge-error {
    border-color: var(--error);
    color: #fff;
    background-color: var(--error);
}

.k-badge-solid.k-badge-success {
    border-color: var(--success);
    color: #fff;
    background-color: var(--success);
}


.k-badge-dot.k-badge-md {
    width: 10px;
    height: 10px;
}

.k-badge-md:empty {
    padding: 4px;
}

.k-badge-edge.k-top-end {
    -webkit-transform: translate(50%,-50%);
    -ms-transform: translate(50%,-50%);
    transform: translate(50%,-50%);
}

.form-group.text-right > .btn, .form-group.text-right > div {
    margin-top: 30px;
}

select.input-sm {
    height: auto;
    line-height: 30px;
}


div.avatar-data-container span.text-xs:hover {
    font-weight: bolder;
}

div#avatarPop span.k-avatar-image {
    background-color: var(--background);
}

div#avatarOperator span.k-avatar-image {
    background-color: var(--header);
}

span.k-avatar-image img {
    object-fit: fill;
}



.k-avatar-md {
    width: 40px;
    height: 40px;
    /* -ms-flex-preferred-size: 40px;*/
    flex-basis: 40px;
}


.text-xs {
    color: var(--accent);
    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
}

div.avatar-data-container .fixed-nav .minimalize-styl-2 {
    margin: 0;
}

div.avatar-data-container .minimalize-styl-2 {
    padding: 0;
    margin: 0;
    font-size: inherit;
    float: unset;
}


div.avatar-data-container .k-input-inner {
    height: auto;
}

div.avatar-data-container .k-input-value-text {
    color: white;
}

.k-input-value-text {
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    margin: 0px;
    overflow-wrap: break-word;
    color: inherit;
    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
}

div.avatar-data-container span.k-picker.k-dropdown {
    background-image: none;
    background-color: transparent;
    color: var(--accent);
    text-align: center;
    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    box-shadow: none;
}

.k-popover.k-widget.k-popup.k-group.k-reset.k-state-border-up {
    background-color: var(--background);
}

.avatar-margin-left-10 {
    margin-left: 10px;
}

.avatar-data-title {
    font-size: 13px;
    font-weight: normal;
    margin: 0px;
    overflow-wrap: break-word;
    color: var(--accent);
    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.avatar-data-subtitle {
    margin: 0px;
    overflow-wrap: break-word;
    color: var(--accent);
    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
}

.k-popover-header {
    padding: 10px;
    text-align: center;
    font-size: 15px;
}

.k-avatar-text {
    font-size: 25px;
}

.k-popover-body {
    padding: 10px;
}

.avatar-data-container {
    padding: 8px 14px;
    margin-bottom: 4px;
    box-shadow: 0 1px 0px #ccc;
}


.k-popover-callout.k-callout-n {
    top: 0;
    left: 75%;
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    -ms-transform: translate(-50%,-50%) rotate(-45deg);
    transform: translate(-50%,-50%) rotate(-45deg);
    background-color: var(--background);
}

.k-popover-callout {
    border-color: rgba(0,0,0,.08);
    background-color: #fff;
}

.k-popover-callout {
    margin: 0;
    width: 20px;
    height: 20px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    position: absolute;
}

.k-popover *, .k-popover ::after, .k-popover ::before {
    box-sizing: border-box;
}

.k-callout-n {
    margin-left: -6px;
    border-bottom-color: currentColor;
    top: -12px;
    left: 50%;
    pointer-events: none;
}

.k-popover {
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 3%), 0 4px 5px 0 rgb(0 0 0 / 4%);
    border-color: rgba(0,0,0,.08);
    color: #424242;
    background-color: #fff;
}

.k-popover {
    border-radius: 6px;
    padding: 0;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    outline: 0;
    font-size: 14px;
    font-family: inherit;
    line-height: 1.42857143;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    z-index: 12000;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}


.btn-avatar {
    height: auto;
    background-color: transparent;
    background-image: none;
    border: 0;
}

.k-avatar-solid-primary {
    border-color: var(--primary);
    color: #fff;
    background-color: var(--primary);
}

.k-avatar-lg {
    width: 64px;
    height: 64px;
    /* -ms-flex-preferred-size: 64px;*/
    flex-basis: 64px;
}

.k-avatar {
    border-width: 0;
    border-style: solid;
    box-sizing: border-box;
    vertical-align: middle;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
}

.k-rounded-full {
    border-radius: 9999px;
}

span.k-picker .k-input-inner, .list-box {
    border: 0;
}

button.k-button.k-button-md.k-rounded-md.k-button-solid.btn-default.k-button-solid-base {
    background-image: none;
    background: var(--background);
    color: var(--acent);
}

table.k-colorpalette-table.k-palette {
    margin: 15px;
}

.k-colorpalette-table tr:first-child td {
    border-top: 10px solid transparent !important;
    box-sizing: border-box;
    position: relative;
}

.k-colorpalette-table tr:nth-child(2) td {
    border-bottom: 10px solid transparent !important;
    box-sizing: border-box;
    position: relative;
}

.footer {
    border: 0;
}

.legend {
    display: block;
    width: 100%;
    padding-left: 20px;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 0;
}

.breadcrumb > li + li:before {
    padding: 0 5px;
    color: inherit;
    content: "/\00a0";
}

.datepicker, .single-line, .btn-default:hover, .form-control, .k-calendar td,
.k-calendar th, .k-calendar-td.k-state-hover {
    color: #555;
    padding-right: 10px;
}

.tabs-container .panel-body {
    background: var(--secondary);
    padding-bottom: 20px;
}


.form-control[readonly],
fieldset[disabled] .form-control,
.input-group input.form-control[disabled]:not(.input-group) {
    background-color: #eee;
    opacity: 1;
    color: #555;
    border: 1px solid #e5e6e7;
}

.k-picker:focus, .k-picker:focus-within {
    box-shadow: none;
}

.k-input-md.k-icon-picker .k-input-inner, .k-picker-md.k-icon-picker .k-input-inner {
    width: auto;
    height: auto;
    padding: 4px;
    box-sizing: content-box;
}

.k-picker-md.k-icon-picker .k-input-inner {
    height: auto;
}

.k-grid span.k-colorpicker.k-picker.k-icon-picker.k-picker-solid.k-picker-md.k-rounded-md {
    width: 100%;
}

span.k-colorpicker.k-picker.k-icon-picker.k-picker-solid.k-picker-md.k-rounded-md {
    border-radius: 0;
    box-shadow: none;
    width: 80px;
}

.k-picker-md.k-icon-picker .k-input-inner, .k-input-md.k-icon-picker .k-input-inner, .k-picker-md.k-icon-picker .k-input-inner {
    width: 80px;
    height: 22px;
}

.k-coloreditor-header button.k-button.k-button-md.k-button-rectangle.k-rounded-md.k-button-flat.k-button-flat-base.k-icon-button:hover,
.k-coloreditor-header button.k-button.k-button-md.k-button-rectangle.k-rounded-md.k-button-flat.k-button-flat-base.k-icon-button.k-selected {
    color: inherit;
}


.k-colorpicker span.k-input-inner {
    height: 32px;
    border-radius: 0;
}


.k-colorpicker button.k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-base.k-icon-button {
    height: 32px;
    background-color: var(--primary);
    border-radius: 0;
    color: white;
}


.k-colorpicker {
    vertical-align: top;
    margin: 20px 0;
}

.k-color-picker, .k-colorpicker {
    /*width: -webkit-min-content;*/
    width: min-content;
}


.k-input-md, .k-picker-md {
    font-size: 14px;
    line-height: 1.42857143;
}

.k-picker {
    border-color: rgba(0,0,0,.08);
    color: #424242;
    background-color: #f5f5f5;
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.02));
    cursor: pointer;
    margin: 0;
    padding: 0;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    outline: 0;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.42857143;
    font-weight: 400;
    text-align: start;
    box-shadow: none;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-appearance: none;
}

.k-color-preview {
    border-color: rgba(0,0,0,.08);
    width: 100%;
    height: 100%;
    border-width: 1px; 
    box-sizing: border-box;
    border-style: solid;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
    overflow: hidden;
}


.k-color-preview-mask {
    width: 100%;
    height: 100%;
    position: relative;
}

.k-color-preview *, .k-color-preview ::after, .k-color-preview ::before {
    box-sizing: border-box;
}

.k-popup > .k-coloreditor, .k-popup > .k-widget {
    border-width: 0;
}

.k-coloreditor {
    border-color: rgba(0,0,0,.08);
    color: #424242;
    background-color: var(--background);
    min-width: 272px;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    outline: 0;
    font-size: 14px;
    font-family: inherit;
    line-height: 1.42857143;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.k-colorpalette-tile.k-selected, .k-colorpalette-tile.k-selected:hover {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .3), inset 0 0 0 1px #fff;
}

    .k-colorpalette-tile:focus, .k-colorpalette-tile.k-focus, .k-colorpalette-tile.k-selected, .k-colorpalette-tile.k-selected:hover {
        position: relative;
        z-index: 100;
    }

.k-colorpalette-tile:focus, .k-colorpalette-tile.k-focus {
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, .3), inset 0 0 0 1px hsla(0, 0%, 100%, .5);
}

.k-colorpalette-tile:hover, .k-colorpalette-tile.k-hover {
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, .3), inset 0 0 0 1px hsla(0, 0%, 100%, .8);
}

.k-coloreditor-header.k-hstack {
    display: none;
}

.k-colorpalette-tile {
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
}

.k-colorpalette {
    border-width: 0;
    box-sizing: border-box;
    outline: 0;
    line-height: 0;
    display: inline-flex;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.k-coloreditor-views .k-colorpalette {
    align-self: center;
    margin-bottom: 10px;
}

.k-vstack, .k-vbox {
    display: flex;
    flex-flow: column nowrap;
}

.k-coloreditor-header {
    padding: 12px 12px 0;
}

.k-coloreditor *, .k-coloreditor ::after, .k-coloreditor ::before {
    box-sizing: border-box;
}

.k-hbox, .k-hstack {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

.k-coloreditor-header-actions {
    gap: 8px;
}

.k-coloreditor-preview {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 4px;
    position: relative;
    z-index: 1;
}

    .k-coloreditor-preview .k-color-preview {
        width: 32px;
        height: 12px;
    }


.k-coloreditor-current-color {
    cursor: pointer;
}



.k-coloreditor *, .k-coloreditor ::after, .k-coloreditor ::before {
    box-sizing: border-box;
}




.kd-example-runner .tabstrip-pane, body .k-popup, body .k-window, body .k-animation-container, body .k-child-animation-container {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    box-sizing: initial;
    height: fit-content;
    width: max-content;
}

.k-popup {
    border-color: rgba(0,0,0,.08);
    color: #424242;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 3%), 0 4px 5px 0 rgb(0 0 0 / 4%);
    margin: 0;
    padding: 0;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.42857143;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 34px;
}

.k-spacer {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}


.ibox.float-e-margins {
    background: var(--secondary);
    overflow: hidden;
    padding-top: 15px;
    box-shadow: none;
    padding-bottom: 15px;
    /* border: 1px solid var(--primary);*/
}


.tab-pane .panel-body {
    border: 0;
    border-top: none;
    /*border: 1px solid var(--primary);*/
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.nav.nav-tabs {
    padding-top: 20px;
    border-bottom: 1px solid var(--primary);
}




.btn, .btn-md, .btn-primary, .k-upload-button {
    border-radius: 0;
}

.tabs-container .nav-tabs > li a:hover {
    background-color: #e6e6e6;
    color: var(--accent);
    border-color: #eee #eee #ddd;
}

.nav-tabs > li > a {
    margin-right: 0px;
    border-radius: 0;
    color: var(--accent);
    font-weight: 600;
    padding: 10px 20px 10px 25px;
    background: var(--background);
    /*   border:none;*/
}

span.k-timepicker.k-input.form-control.k-input-solid.k-input-md.k-rounded-md {
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 0;
    margin: 0;
}

.k-list-ul {
    margin: 0;
    padding: 0;
    border-width: 0;
    border-color: inherit;
    height: auto;
    list-style: none;
}

.k-list-content {
    border-color: inherit;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
}

.k-popup > .k-list {
    height: 100%;
    border-width: 0;
    /* width: auto;*/
}

.k-list {
    border-color: rgba(0,0,0,.08);
    color: #424242;
    background-color: #fff;
}

.k-list {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    outline: 0;
    position: relative;
    overflow: hidden;
}

button.k-input-button.k-multiselect-toggle-button.k-button.k-button-md.k-button-rectangle.k-rounded-md.k-button-solid.k-button-solid-base.k-icon-button {
    width: 36px;
    height: 36px;
    border-width: 0px;
    border-radius: 0;
    margin-left: 5px;
}

input.k-input-inner.k-readonly {
    border-width: 0;
}

span.k-chip + input.k-input-inner {
    border-width: 0;
    /* color: transparent;*/
}

.k-clear-value {
    outline: 0;
    -ms-flex: none;
    flex: none;
    -ms-flex-item-align: center;
    align-self: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    opacity: 80%;
}

.k-input-lg .k-input-values, .k-picker-lg .k-input-values {
    width: 100%;
    padding: 3px;
    gap: 3px;
    cursor: text;
}

.k-chip-list-md {
    gap: 4px;
}

span.k-chip-content {
    /* text-overflow: ellipsis; */
    /* width: auto; */
    /*    max-width: 300px;
    overflow-x: clip;
    text-overflow: ellipsis;
    white-space: nowrap;*/

    padding-block: 0.5em;
    padding-inline: 0;
    margin-block: -0.5em;
    margin-inline: 0;
    min-width: 0;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    overflow: hidden;
    flex: 1 1 auto;
}

span.k-list-item-text {
    text-overflow: ellipsis;
}

.k-chip-list {
    min-width: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    overflow: auto;
    max-height: 100px;
    background-color: #FFFFFF;
}

.k-input-values {
    width: 100%;
    padding: 2px 2px;
    cursor: text;
    min-height: 32px;
}

.k-chip-solid-base {
    border-color: #c6c6c6;
    color: #424242;
    background-color: #f0f0f0;
}

.k-chip-md {
    padding: 4px 4px;
    font-size: 14px;
    line-height: 1;
}

.k-chip {
    padding: 4px 4px;
    border-width: 1px;
    border-style: solid;
    outline: 0;
    font-family: inherit;
    font-size: 14px;
    line-height: 1;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 4px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

span.k-multiselect.k-input.k-multiselect-clearable.k-input-solid.k-input-md.k-rounded-md {
    /* border: 2px; */
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0,0,0,.08);
    color: #424242;
    border-radius: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    /* control selected items' container - use height or min-height and/or max-height */
    max-height: 100px;
}


.k-filtercell > span .k-picker.k-dropdown {
    width: auto;
    height: 32px;
}

.k-filtercell > span button.k-input-button.k-button.k-icon-button.k-button-md.k-button-solid.k-button-solid-base {
    height: 32px;
    margin-right: 2px;
}

.k-grid-edit-row .k-edit-cell .k-input-spinner {
    width: 32px;
    -ms-flex: none;
    flex: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    height: 32px;
}

.k-input-spinner {
    /* width: 32px;*/
    -ms-flex: none;
    flex: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    height: 32px;
    /*  margin-right: 2px;*/
    border-color: var(--primary);
}

    .k-input-spinner .k-spinner-decrease, .k-input-spinner .k-spinner-increase,
    button.k-spinner-increase.k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button,
    button.k-spinner-decrease.k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button {
        /*      border-width: 0;
        border-inline-start-width: 0;*/
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        box-shadow: none;
        position: relative;
        aspect-ratio: auto;
        height: 15px;
    }

.k-input-md .k-input-button, .k-input-md .k-spinner-decrease, .k-input-md .k-spinner-increase, .k-picker-md .k-input-button, .k-picker-md .k-spinner-decrease, .k-picker-md .k-spinner-increase {
    padding: 4px 4px;
}

.darkMode .form-control.error {
    color: black;
}

.form-control.error {
    color: inherit;
}


input.text-box.single-line:focus {
    outline: none !important;
    border: 1px solid var(--primary);
    box-shadow: none;
    max-height: 32px;
    height: 32px;
}

.input-sm {
    height: 34px;
}

.k-dialog-content {
    font-size: 14px;
}

.k-button.k-primary-red, .k-switch-on .k-switch-handle {
    color: #ffffff;
    background-color: var(--error);
    border-color: var(--error);
    background-image: none;
    width: auto;
    height: auto;
}

    .k-button.k-primary-red:hover, .k-button.k-primary-red.k-state-hover, .k-button.k-primary-red.k-flat:hover, .k-button.k-primary-red.k-flat.k-state-hover, .k-action-buttons .k-primary-red:hover, .k-action-buttons .k-primary-red.k-state-hvoer, .k-dialog-buttongroup .k-primary-red:hover, .k-dialog-buttongroup .k-primary-red.k-state-hvoer, .k-slider .k-draghandle:hover, .k-switch-on:hover .k-switch-handle {
        color: #ffffff;
        background-color: var(--error);
        border-color: var(--error);
        background-image: none;
        width: auto;
        height: auto;
        opacity: 0.8;
    }

    .k-button.k-primary-red:active, .k-button.k-primary-red.k-state-active, .k-button.k-primary-red.k-flat:active, .k-button.k-primary-red.k-flat.k-state-active, .k-action-buttons .k-primary-red:active, .k-action-buttons .k-primary-red.k-state-active, .k-dialog-buttongroup .k-primary-red:active, .k-dialog-buttongroup .k-primary-red.k-state-active, .k-slider .k-draghandle:active, .k-slider .k-draghandle.k-pressed {
        color: #ffffff;
        background-color: var(--error);
        border-color: var(--error);
        background-image: none;
        width: auto;
        height: auto;
        opacity: 0.8;
    }

.k-primary-red, td.k-primary-red, td:has(> .k-primary-red) :not([style*="display: none"]), td.k-dirty-cell.k-primary-red {
    background: var(--error);
    background-color: var(--error);
    border-color: var(--error);
    color: #FFFFFF;
    transition: .3s;
}

    .k-primary-red:hover,
    .k-primary-red:focus,
    .k-primary-red:active,
    .k-primary-red.active,
    .open .dropdown-toggle.k-primary-red,
    .k-primary-red:active:focus,
    .k-primary-red:active:hover,
    .k-primary-red.active:hover,
    .k-primary-red.active:focus {
        background-color: var(--error);
        border-color: var(--error);
        color: #FFFFFF;
        opacity: 0.8;
    }

.input-group-btn > .btn {
    position: relative;
    margin-top: 0;
}

.k-filtercell .k-input {
    width: auto;
    padding: 0;
}

span.k-datepicker button.k-input-button button.k-input-button.k-button.k-icon-button.k-button-md.k-button-solid.k-button-solid-base {
    height: 33px;
    width: 33px;
}

span.k-input.k-textbox.k-input-solid.k-input-md.k-rounded-md {
    margin: 0;
    padding: 4px 8px;
    border: none;
    height: 34px;
    background: transparent;
}

td.k-command-cell.k-command-cell.k-command-cell.k-command-cell.k-command-cell.k-command-cell.k-command-cell {
    text-overflow: initial;
}

.k-grid .k-validator-tooltip {
    max-width: 300px;
    background-color: var(--error);
    /*  height: 25px;*/
    color: white;
    fill: white;
}

.k-grouping-header {
    height: 45px;
}

.k-validator-tooltip {
    margin-top: 6px;
    width: auto;
    white-space: normal;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    z-index: 9999;
}

.k-tooltip-content {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
}

.k-tooltip *, .k-tooltip ::after, .k-tooltip ::before {
    box-sizing: border-box;
}


.modal-footer {
    margin-top: 0;
    border-radius: 0;
    bottom: 0px;
    position: absolute;
    width: 100%;
    background-color: var(--primary);
    z-index: 9999;
    border: 0;
}

.k-link.k-menu-link .k-checkbox {
    margin-top: 0px;
}

.k-grid td > .k-checkbox, .k-grid td > .k-checkbox-wrap, .k-grid td > .k-radio, .k-grid td > .k-radio-wrap, .k-grid th > .k-checkbox, .k-grid th > .k-checkbox-wrap, .k-grid th > .k-radio, .k-grid th > .k-radio-wrap {
    vertical-align: top;
    margin-top: 0px;
}

button.k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-base.k-icon-button {
    height: 32px;
    width: 32px;
    margin: 0;
    padding: 0;
}

/*input[type='checkbox'] {
    accent-color: var(--primary);
}*/

.k-checkbox {
    margin: 0;
    padding: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #e5e6e7;
    -ms-flex: none;
    vertical-align: middle;
    border-color: rgba(0,0,0,.08);
    background-color: #fff;
    border-radius: 0;
}


.k-list-item, .k-list-optionlabel, .k-no-data {
    /*display: flex;*/
    flex-direction: row;
    /* border-radius: 0 2px 2px 0;*/
    padding: 4px 8px;
    border-width: 0 0 0 0px;
    box-sizing: border-box;
    border-style: solid;
    align-items: start;
    justify-content: left;
    text-align: left;
    cursor: pointer;
    height: auto;
}



span.k-dropdown-operator .k-input-inner {
    display: none;
}

ul.k-list-ul {
    list-style-type: none;
    list-style-position: unset;
    padding: 0;
    margin: 0;
}

.k-link.k-menu-link:hover,
.k-item.k-menu-item:hover {
    background: var(--primary);
    color: white;
    display: block;
}

li.k-list-item:hover, li.k-list-item:focus {
    background: var(--primary);
    color: white;
    display: block;
    height: auto;
}

input.k-input-inner, .k-input-inner > input {
    background: white;
    cursor: auto;
    border-width: 1px;
    border-style: solid;
    color: #555;
    border: 1px solid #e5e6e7;
    border-radius: 0;
    height: 32px;
}

.k-picker .k-input-inner {
    padding: 4px 8px;
    height: calc( 8px + 1.42857em);
    box-sizing: border-box;
    border: 1px solid #e5e6e7;
    outline: 0;
    color: inherit;
    background: none;
    font: inherit;
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    height: auto;
}

.k-picker.k-dropdown {
    color: #fff;
    background-color: var(--primary);
    border-color: rgba(0, 0, 0, 0.08);
    /*  background-image: linear-gradient(var(--primary), var(--primary));*/
    transition: .3s;
    height: 30px;
    /* padding-top: 2px;
    margin-top: 2px;*/
    width: 30px;
    margin-right: 2px;
}

.main-content {
    margin-bottom: 20px;
    margin-top: 20px;
}

label.k-radio-label {
    font-weight: normal;
}

.k-grid a:not(.k-icon, .k-link, .k-header-column-menu, .k-grid-Edit, .k-grid-Edit, .k-grid-delete, .k-grid-cancel, .k-grid-cancel-changes, .k-grid-update, .k-grid-edit, .k-grid-add) {
    text-decoration: none;
}


.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
    color: #FFFFFF;
    background-color: var(--primary);
    border-color: var(--primary);
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
}


    .datepicker table tr td.active.disabled:hover,
    .datepicker table tr td.active.disabled:hover:hover,
    .datepicker table tr td.active:focus,
    .datepicker table tr td.active.disabled:focus,
    .datepicker table tr td.active.disabled:hover:focus,
    .datepicker table tr td.active:active,
    .datepicker table tr td.active.disabled:active,
    .datepicker table tr td.active.disabled:hover:active,
    .datepicker table tr td.active.active,
    .datepicker table tr td.active.disabled.active,
    .datepicker table tr td.active.disabled:hover.active,
    .open .dropdown-toggle.datepicker table tr td.active,
    .open .dropdown-toggle.datepicker table tr td.active:hover,
    .open .dropdown-toggle.datepicker table tr td.active.disabled,
    .open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
        color: #FFFFFF;
        background-color: var(--primary);
        border-color: var(--primary);
        opacity: 0.8;
    }

td.active.day {
    color: #FFFFFF;
    background-color: var(--primary);
    border-color: var(--primary);
}

label.error {
    color: var(--error);
    display: inline-block;
    margin-left: 5px;
    font-weight: normal;
    font-size: 13px;
}

.k-grid .k-hierarchy-col {
    width: 60px;
}


.k-grid-edit-row td {
    position: relative;
    /*  overflow: visible;*/
    text-overflow: ellipsis;
}

ul.k-list-ul:focus-visible {
    outline: none;
}

.center {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*input.k-input-inner:focus,
input.k-input-inner.k-focus*/
input.input-sm.k-textbox:focus, input.k-input.k-textbox:focus,
input.k-formatted-value.k-input:focus,
input.k-input:focus {
    outline: none !important;
    border: 1px solid var(--primary);
    box-shadow: none;
    max-height: 32px;
    height: 32px;
    padding: 4px 8px;
}

input.k-input-inner:focus,
input.k-input-inner.k-focus {
    outline: none !important;
    border: 1px solid var(--primary);
    box-shadow: none;
    max-height: 30px;
    height: 30px;
    padding: 4px 8px;
}


.k-textbox:focus, .k-listbox:focus {
    outline: none !important;
    border: 1px solid var(--primary);
    box-shadow: none;
}


.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: top;
}

.k-grid-add:active:focus,
.k-grid-add:active:hover,
.k-grid-add:hover,
.k-grid-add:focus {
    background-color: var(--primary);
    border-color: var(--primary);
    color: #FFFFFF;
    /*    background-image: linear-gradient(var(--primary), var(--primary));*/
    /*  opacity: 0.8;*/
    filter: brightness(95%);
}

span.input-group-addon {
    background-color: var(--primary);
    color: white;
    border-color: var(--primary);
}

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: top;
}

.k-primary-green {
    background: var(--success);
    background-color: var(--success);
    border-color: var(--success);
    color: #FFFFFF;
    transition: .3s;
}

    .k-primary-green:hover,
    .k-primary-green:focus,
    .k-primary-green:active,
    .k-primary-green.active,
    .open .dropdown-toggle.k-primary-green,
    .k-primary-green:active:focus,
    .k-primary-green:active:hover,
    .k-primary-green.active:hover,
    .k-primary-green.active:focus {
        background-color: var(--success);
        border-color: var(--success);
        color: #FFFFFF;
        opacity: 0.8;
    }

/*input[type="radio"],*/
input[type="checkbox"] {
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 10px;
    width: 15px;
    height: 15px;
    border-width: 1px;
    border-style: solid;
}

.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    outline: none;
    border: 0px;
    min-height: 600px;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.currency-form-control:before {
    content: '$';
}

.currency-form-control {
    text-align: right;
}

.numeric-form-control {
    text-align: right;
}

.k-dirty-clear {
    border-width: 0;
}

.k-invalid, .input-validation-error, .k-textbox.k-invalid, .k-textbox.k-state-invalid, .k-textbox.ng-invalid.ng-dirty, .k-textbox.ng-invalid.ng-touched {
    border-color: var(--primary);
}

.k-card .k-cursor-ns-resize {
    cursor: ns-resize;
}

.k-card .k-cursor-nwse-resize {
    cursor: nwse-resize;
}


.k-card .k-cursor-ew-resize {
    cursor: ew-resize;
}



.k-card-body {
    padding: 16px 16px;
    outline: 0;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.no-margins {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.k-card-header {
    border-color: rgba(0,0,0,.08);
    color: var(--accent);
    padding: 12px 16px;
    border-width: 0 0 1px;
    outline: 0;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding-right: 0;
    text-align: center;
    /*cursor:grab;*/
}

h1.k-card-header {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.k-card {
    border-color: rgba(0,0,0,.08);
    color: var(--accent);
    background-color: var(--background);
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    outline: 0;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.4285714286;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    cursor: grab;
}

.k-widget.k-tilelayout, .k-tilelayout {
    background-clip: padding-box;
    border-width: 0;
    border-style: solid;
    box-sizing: border-box;
    outline: 0;
    display: grid;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    height: 1200px;
    grid-gap: 5px;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    background-color: var(--secondary);
}

ul.poll-results {
    list-style-type: none;
    margin-top: 20px;
    margin-left: 0;
    padding-left: 0;
}


/*input[type=time]::-webkit-datetime-edit-ampm-field {
    display: none;
}

input[type=time]::-webkit-clear-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    margin: -10px;
}*/

/*.k-progressbar {
    width: 8px;
    height: 100px;
}*/

#loadingProgressBar {
    margin-left: 10px;
}

.loading {
    float: right;
}

.loadingInfo {
    float: right;
    width: 180px;
    margin: 20px 0 0 30px;
}


.md-skin .ibox {
    margin-bottom: 20px;
}

.errorupdate {
    color: red;
    display: block;
    z-index: 999;
    margin-top: 31px;
    position: absolute;
    width: 100%;
    float: left;
    left: 1px;
}

.padding-left-2 {
    padding-left: 10px;
}

.legendwdth {
    width: 15%;
    border-bottom: 1px solid #ffffff;
    font-size: 16px;
    margin-left: 10px;
    padding: 0px 0px 0px 6px;
}

.chkpdng {
    padding-top: 5px;
}

.float-e-margins .btn {
    margin-bottom: 0px !important;
    height: 34px;
}

.newpd-rgt {
    padding-right: 0px !important;
}

.refreshBtnContainer .childrefreshBtnContainer {
    display: inline-block;
    float: left;
    cursor: pointer;
}


.md-skin .ibox {
    margin-bottom: 0px;
}

.k-select {
    width: 30.16px !important;
}


.k-input:not(.k-multiselect, .k-autocomplete, .k-numerictextbox, .k-datetimepicker, .k-datepicker ) {
    padding: 4px 4px !important;
}

.toolbar {
    float: right;
    padding-top: 2px;
    padding-right: 10px;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.85 !important;
    border-radius: 0;
}

.error {
    color: red;
    display: block;
    z-index: 999;
    margin-top: inherit;
    position: absolute;
    width: 100%;
    float: left;
    left: 1px;
}

.k-button[disabled], .k-button.k-state-disabled:hover, .k-button.k-state-disabled:focus,
[disabled] .k-button {
    outline: none;
    cursor: default;
    opacity: 0.6;
    filter: grayscale(0.1);
    pointer-events: none;
    box-shadow: none;
}


.k-widget, .k-block {
    color: var(--accent);
    background-color: #ffffff;
    border-color: rgba(0, 0, 0, 0.08);
}

.k-content, .k-window, .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper, .k-editor, .k-scheduler-agendaview tr.k-state-hover .k-scheduler-datecolumn, .k-notification {
    color: var(--accent);
    background-color: #ffffff;
    border-color: rgba(0, 0, 0, 0.08);
}

.k-popup, .k-menu.k-context-menu {
    color: var(--accent);
    background-color: var(--background);
    border-color: rgba(0, 0, 0, 0.08);
}

.k-block > .k-header, .k-spreadsheet-top-corner, .k-spreadsheet-row-header,
.k-spreadsheet-column-header, .k-calendar .k-header, .k-calendar .k-content thead, .k-calendar .k-calendar-view thead, .k-time-list-wrapper .k-title, .editorToolbarWindow.k-header.k-window-content, .k-treemap .k-treemap-title, .k-gantt-toolbar, .k-scheduler-toolbar,
.k-scheduler-footer {
    color: #ffffff;
    background-color: var(--primary);
    border-color: rgba(0, 0, 0, 0.08);
}

    .k-picker k-dropdown,
    .k-list-container .k-nodata .k-button, .k-dropdown .k-dropdown-wrap, .k-input-button, .k-button, .k-toolbar .k-split-button .k-button, .k-spreadsheet-filter, .k-pivot-toolbar .k-button,
    .k-fieldselector .k-list li.k-item, .k-colorpicker .k-picker-wrap, .k-combobox .k-select, .k-datepicker .k-select,
    .k-timepicker .k-select,
    .k-datetimepicker .k-select, .k-dateinput .k-select, .k-editor .k-editor-toolbar-wrap a.k-tool,
    .k-ct-popup .k-editor-toolbar a.k-tool,
    .editorToolbarWindow.k-header.k-window-content a.k-tool, .k-numerictextbox .k-select, .k-switch-handle, .k-handle, .k-gantt-views li, .k-scheduler-navigation .k-nav-today,
    .k-scheduler-navigation .k-nav-prev,
    .k-scheduler-navigation .k-nav-next, .k-scheduler-views li, .k-scheduler-footer li {
        color: #fff;
        background-color: var(--primary);
        border-color: rgba(0, 0, 0, 0.08);
        /*    background-image: linear-gradient(var(--primary), var(--primary));*/
        transition: .3s;
    }

select,.darkMode select.form-control, select.form-control {
    /* appearance: auto;
    outline: 10px red;
    border: 0;
    box-shadow: none;
    flex: 1;
    padding: 0 1em;
    color: #fff;
    background-color: var(--primary);
    background-image: none;
    cursor: pointer;
    border-color: rgba(0, 0, 0, 0.08);
    transition: .3s;*/
    /**/
    width: 100%;
    height: 34px;
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    background-size: 8px 7px, 8px 7px;
    background-repeat: no-repeat;
    background-position: calc(100% - 17px), calc(100% - 10px);
    padding: .2rem .6rem;
    background-image: linear-gradient(45deg, transparent 50%, var(--primary) 50%), linear-gradient(135deg, var(--primary) 50%, transparent 50%);
    border: 1px solid #e5e6e7;
    text-overflow: ellipsis;
    padding-right: 30px;
    color:var(--accent);
}



option {
    background: white;
    color: #555;
    border-radius: 0;
}


/* Remove IE arrow */
select::-ms-expand {
    display: none;
}


/* Custom Select wrapper */
.list-box {
    position: relative;
    display: flex;
    width: 20em;
    /* height: 3em;
    border-radius: .25em;*/
    overflow: hidden;
}

    /* Arrow */
    .list-box::after {
        content: '\25BC';
        position: absolute;
        top: 0;
        right: 0;
        padding: 1em;
        background-color: var(--primary);
        transition: .25s all ease;
        pointer-events: none;
    }

    /* Transition */
    .list-box:hover::after {
        background-color: var(--primary);
        border-color: var(--primary);
        color: #FFFFFF;
        /*    background-image: linear-gradient(var(--primary), var(--primary));*/
        /* opacity: 0.8;*/
        filter: brightness(95%);
        border-radius: 0;
        /*width:inherit;*/
    }


button.k-spinner-decrease.k-button:hover,
button.k-spinner-increase.k-button:hover,
span.k-input-spinner.k-spin-button:hover,
.k-dropdown-operator:hover, k-dropdown-operator .k-hover,
button.k-spinner-increase:hover,
button.k-spinner-decrease:hover,
.k-input-button .k-hover,
div.k-dialog-actions.k-actions button.k-button.k-button-md.k-rounded-md.k-button-solid:hover,
.k-dropdown > :hover,
.k-picker .k-state-hover,
.k-picker .k-hover,
.k-dropdown .k-state-hover, .k-input-button:hover, .k-input-button.k-state-hover, .k-button:hover, .k-button.k-state-hover, .k-button.k-flat:hover, .k-button.k-flat.k-state-hover, .k-action-buttons .k-button:hover, .k-action-buttons .k-button.k-state-hover, .k-dialog-buttongroup .k-button:hover, .k-dialog-buttongroup .k-button.k-state-hover, .k-toolbar .k-split-button .k-button:hover,
.k-toolbar .k-split-button .k-button.k-state-hover, .k-spreadsheet-filter:hover, .k-pivot-toolbar .k-button:hover, .k-pivot-toolbar .k-button.k-state-hover,
.k-fieldselector .k-list li.k-item:hover,
.k-fieldselector .k-list li.k-item.k-state-hover, .k-colorpicker .k-state-hover, .k-combobox > :hover .k-select,
.k-combobox .k-state-hover .k-select, .k-calendar .k-nav-prev:hover, .k-calendar .k-nav-prev.k-state-hover,
.k-calendar .k-nav-next:hover,
.k-calendar .k-nav-next.k-state-hover,
.k-calendar .k-nav-fast:hover,
.k-calendar .k-nav-fast.k-state-hover, .k-datepicker:hover .k-select,
.k-datepicker .k-state-hover .k-select,
.k-timepicker:hover .k-select,
.k-timepicker .k-state-hover .k-select,
.k-datetimepicker:hover .k-select,
.k-datetimepicker .k-state-hover .k-select, .k-dateinput .k-select:hover, .k-dateinput .k-select > .k-state-selected,
.k-dateinput .k-select > .k-state-active, .k-dateinput .k-state-hover .k-select, .k-editor .k-editor-toolbar-wrap a.k-tool:hover, .k-editor .k-editor-toolbar-wrap a.k-tool.k-state-hover,
.k-ct-popup .k-editor-toolbar a.k-tool:hover,
.k-ct-popup .k-editor-toolbar a.k-tool.k-state-hover,
.editorToolbarWindow.k-header.k-window-content a.k-tool:hover,
.editorToolbarWindow.k-header.k-window-content a.k-tool.k-state-hover, .k-numerictextbox .k-select:hover, .k-numerictextbox .k-select > .k-state-selected,
.k-numerictextbox .k-select > .k-state-active, .k-numerictextbox .k-state-hover .k-select, .k-switch-off:hover .k-switch-handle, .k-handle:hover, .k-gantt-views li.k-state-hover, .k-scheduler-navigation .k-nav-today.k-state-hover,
.k-scheduler-navigation .k-nav-prev.k-state-hover,
.k-scheduler-navigation .k-nav-next.k-state-hover, .k-scheduler-views li.k-state-hover, .k-scheduler-footer li.k-state-hover {
    background-color: var(--primary);
    border-color: var(--primary);
    color: #FFFFFF;
    /*    background-image: linear-gradient(var(--primary), var(--primary));*/
    /* opacity: 0.8;*/
    filter: brightness(95%);
    border-radius: 0;
    /*width:inherit;*/
}

div.k-dialog-actions.k-actions button.k-button.k-button-md.k-rounded-md.k-button-solid:active,
.k-input-button:active, .k-input-button.k-state-active,
.k-button:active, .k-button.k-state-active, .k-split-button.k-button-group .k-button:active, .k-split-button.k-button-group .k-button.k-state-active, .k-button.k-flat:active, .k-button.k-flat.k-state-active, .k-action-buttons .k-button:active, .k-action-buttons .k-button.k-state-active, .k-dialog-buttongroup .k-button:active, .k-dialog-buttongroup .k-button.k-state-active, .k-toolbar .k-split-button .k-button:active,
.k-toolbar .k-split-button .k-button.k-state-active, .k-spreadsheet-filter.k-state-active, .k-colorpicker .k-state-active, .k-calendar .k-nav-prev:active,
.k-calendar .k-nav-next:active,
.k-calendar .k-nav-fast:active, .k-editor .k-editor-toolbar-wrap a.k-tool:active, .k-editor .k-editor-toolbar-wrap a.k-tool.k-state-active,
.k-ct-popup .k-editor-toolbar a.k-tool:active,
.k-ct-popup .k-editor-toolbar a.k-tool.k-state-active,
.editorToolbarWindow.k-header.k-window-content a.k-tool:active,
.editorToolbarWindow.k-header.k-window-content a.k-tool.k-state-active, .k-multiselect li.k-button:active, .k-multiselect li.k-button.k-state-active {
    color: #ffffff;
    background-color: var(--primary);
    border-color: rgba(0, 0, 0, 0.08);
    background-image: none;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06);
    opacity: 0.8;
}

.k-button.k-primary, .k-switch-on .k-switch-handle {
    color: #ffffff;
    background-color: var(--primary);
    border-color: var(--primary);
    background-image: linear-gradient(rgba(0, 204, 201, 0), rgba(0, 204, 201, 0.2));
}

    .k-button.k-primary:hover, .k-button.k-primary.k-state-hover, .k-button.k-primary.k-flat:hover, .k-button.k-primary.k-flat.k-state-hover, .k-action-buttons .k-primary:hover, .k-action-buttons .k-primary.k-state-hvoer, .k-dialog-buttongroup .k-primary:hover, .k-dialog-buttongroup .k-primary.k-state-hover, .k-slider .k-draghandle:hover, .k-switch-on:hover .k-switch-handle {
        color: #ffffff;
        background-color: var(--primary);
        border-color: var(--primary);
        opacity: 0.8;
        background-image: linear-gradient(rgba(0, 197, 204, 0), rgba(0, 197, 204, 0.2));
    }

    .k-button.k-primary:active, .k-button.k-primary.k-state-active, .k-button.k-primary.k-flat:active, .k-button.k-primary.k-flat.k-state-active, .k-action-buttons .k-primary:active, .k-action-buttons .k-primary.k-state-active, .k-dialog-buttongroup .k-primary:active, .k-dialog-buttongroup .k-primary.k-state-active, .k-slider .k-draghandle:active, .k-slider .k-draghandle.k-pressed {
        color: #ffffff;
        background-color: var(--primary);
        border-color: var(--primary);
        background-image: linear-gradient(rgba(0, 204, 201, 0.2), rgba(0, 204, 201, 0));
        opacity: 0.8;
    }

.k-button.k-primary-green, .k-switch-on .k-switch-handle {
    color: #ffffff;
    background-color: var(--success);
    border-color: var(--success);
    background-image: linear-gradient(rgba(0, 204, 201, 0), rgba(0, 204, 201, 0.2));
    width: auto;
    height: auto;
}

    .k-button.k-primary-green:hover, .k-button.k-primary-green.k-state-hover, .k-button.k-primary-green.k-flat:hover, .k-button.k-primary-green.k-flat.k-state-hover, .k-action-buttons .k-primary-green:hover, .k-action-buttons .k-primary-green.k-state-hvoer, .k-dialog-buttongroup .k-primary-green:hover, .k-dialog-buttongroup .k-primary-green.k-state-hvoer, .k-slider .k-draghandle:hover, .k-switch-on:hover .k-switch-handle {
        color: #ffffff;
        background-color: var(--success);
        border-color: var(--success);
        background-image: linear-gradient(rgba(0, 197, 204, 0), rgba(0, 197, 204, 0.2));
        width: auto;
        height: auto;
        opacity: 0.8;
    }

    .k-button.k-primary-green:active, .k-button.k-primary-green.k-state-active, .k-button.k-primary-green.k-flat:active, .k-button.k-primary-green.k-flat.k-state-active, .k-action-buttons .k-primary-green:active, .k-action-buttons .k-primary-green.k-state-active, .k-dialog-buttongroup .k-primary-green:active, .k-dialog-buttongroup .k-primary-green.k-state-active, .k-slider .k-draghandle:active, .k-slider .k-draghandle.k-pressed {
        color: #ffffff;
        background-color: var(--success);
        border-color: var(--success);
        background-image: linear-gradient(rgba(0, 204, 201, 0.2), rgba(0, 204, 201, 0));
        width: auto;
        height: auto;
        opacity: 0.8;
    }




.k-toolbar, .k-editor-toolbar {
    color: #ffffff;
    background-color: var(--primary);
    border-color: rgba(0, 0, 0, 0.08);
}

.k-input-inner,
.k-picker .k-dropdown,
.k-autocomplete, .k-combobox .k-dropdown-wrap, .k-datepicker .k-picker-wrap,
.k-timepicker .k-picker-wrap,
.k-datetimepicker .k-picker-wrap, .k-dateinput .k-dateinput-wrap, .k-textbox,
.k-input.k-textbox,
.k-textarea, .k-multiselect, .k-multiselect-wrap, .k-numerictextbox .k-numeric-wrap {
    color: var(--accent);
    background-color: #ffffff;
    border-color: rgba(0, 0, 0, 0.08);
}

    .k-item .k-menu-item .k-hover,
    .k-autocomplete.k-state-hover, .k-combobox > :hover,
    .k-combobox .k-state-hover, .k-datepicker:hover,
    .k-picker .k-dropdown .k-hover,
    .k-datepicker .k-state-hover,
    .k-timepicker:hover,
    .k-timepicker .k-state-hover,
    .k-datetimepicker:hover,
    .k-datetimepicker .k-state-hover, .k-dateinput .k-state-hover, .k-multiselect-wrap:hover, .k-numerictextbox .k-state-hover {
        color: var(--accent);
        background-color: inherit;
        border-color: rgba(0, 0, 0, 0.15);
        opacity: 0.8;
        border-radius: 0;
    }


    .k-picker .k-dropdown .k-focus,
    .k-dropdown, .k-picker, .k-state-focused, .k-autocomplete.k-state-focused, .k-combobox > .k-state-focused,
    .k-combobox .k-state-active, .k-datepicker .k-state-focused,
    .k-datepicker .k-state-active,
    .k-timepicker .k-state-focused,
    .k-timepicker .k-state-active,
    .k-datetimepicker .k-state-focused,
    .k-datetimepicker .k-state-active, .k-dateinput .k-state-focused, .k-multiselect.k-state-focused .k-multiselect-wrap, .k-numerictextbox .k-state-focused {
        color: var(--accent);
        background-color: #ffffff;
        border-color: rgba(0, 0, 0, 0.15);
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
    }

.k-panelbar > .k-item.k-state-expanded > .k-link,
.k-panelbar > .k-item.k-state-active > .k-link {
    color: #ffffff;
    background-color: var(--primary);
    border-color: var(--primary);
}

    .k-treeview .k-in.k-state-hover, .k-calendar .k-state-hover, .k-scheduler-agendaview tr.k-state-hover, .k-panelbar > .k-item.k-state-expanded > .k-link:hover, .k-panelbar > .k-item.k-state-expanded > .k-link.k-state-hover,
    .k-panelbar > .k-item.k-state-active > .k-link:hover,
    .k-panelbar > .k-item.k-state-active > .k-link.k-state-hover, .k-panelbar .k-group > .k-item > .k-link:hover,
    .k-panelbar .k-group > .k-item > .k-link.k-state-hover {
        color: var(--accent);
        background-color: #ededed;
        border-color: #ededed;
    }

.k-treeview .k-in.k-state-selected, .k-calendar .k-state-selected,
.k-calendar .k-weekend.k-state-selected, .k-calendar:not(.k-infinite) .k-content .k-state-selected,
.k-calendar:not(.k-infinite) .k-content .k-weekend .k-state-selected, .k-event, .k-panelbar > .k-item > .k-link.k-state-selected:not(.k-state-expanded),
.k-panelbar > .k-item > .k-link.k-state-selected:not(.k-state-active), .k-panelbar .k-group > .k-item > .k-link.k-state-selected {
    color: var(--accent);
    background-color: var(--primary);
    border-color: var(--primary);
}

.k-list .k-item:focus,
.k-list .k-item.k-state-focused {
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
}

.k-item.k-menu-item.k-selected:hover,
.k-list-item.k-selected:hover,
.k-list .k-item:hover,
.k-list .k-item.k-state-hover,
.k-list-optionlabel:hover, .k-list-container .k-button:hover,
.k-list-container .k-button.k-state-hover, .k-spreadsheet-filter-menu > .k-menu .k-item.k-state-hover, .k-spreadsheet-popup .k-button:hover,
.k-spreadsheet-popup .k-button.k-state-hover, .k-menu-group .k-item.k-state-hover,
.k-menu.k-context-menu .k-item.k-state-hover {
    background: var(--primary);
    color: white;
}

.k-item.k-menu-item.k-selected,
.k-list-item.k-selected,
.k-list .k-item.k-state-selected,
.k-list-optionlabel.k-state-selected, .k-list-container .k-button:active,
.k-list-container .k-button.k-state-active, .k-spreadsheet-popup .k-button:active,
.k-spreadsheet-popup .k-button.k-state-active,
.k-spreadsheet-popup .k-button.k-state-selected, .k-menu-group .k-item.k-state-active, .k-menu-group .k-item.k-state-selected,
.k-menu.k-context-menu .k-item.k-state-active,
.k-menu.k-context-menu .k-item.k-state-selected {
    background: var(--primary);
    color: white;
}

.k-reset {
    margin: 0;
    padding: 0;
    border-width: 0;
    outline: 0;
    text-decoration: none;
    font: inherit;
    list-style: none;
}

.k-widget, .k-block {
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    outline: 0;
    font-size: 12px;
    line-height: 1.42857;
    display: block;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}

    .k-widget:disabled, .k-block:disabled, .k-widget[disabled], [disabled].k-block {
        outline: none;
        cursor: default;
        opacity: 0.6;
        filter: grayscale(0.1);
        pointer-events: none;
        box-shadow: none;
    }

table.k-widget, table.k-block {
    display: table;
}

kendo-sortable,
.k-display-block {
    display: block;
}

.k-overlay {
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: .5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10001;
}

.k-rtl {
    direction: rtl;
}

.k-floatwrap::after,
.k-grid-toolbar::after,
.k-slider-items::after {
    content: "";
    display: block;
    clear: both;
}

.k-link,
.k-link:hover {
    color: inherit;
    text-decoration: none;
}

.k-content {
    outline: 0;
}

.k-block {
    box-sizing: border-box;
}

.k-centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.k-pdf-export-shadow {
    position: absolute;
    overflow: hidden;
    left: -15000px;
    width: 14400px;
}

.kendo-pdf-hide-pseudo-elements::before,
.kendo-pdf-hide-pseudo-elements::after {
    display: none !important;
}

.k-flip-h {
    transform: scaleX(-1);
}

.k-flip-v {
    transform: scaleY(-1);
}

.k-flip-h.k-flip-v {
    transform: scale(-1, -1);
}

.k-grid-delete, .k-grid-cancel, .k-grid-cancel-changes, k-grid-cancel-command, button.k-grid-cancel-command, button.k-grid-remove-command, .k-grid-cancel-command, .k-grid-remove-command {
    background-color: var(--error);
    border-color: var(--error);
    color: #FFFFFF;
    background-image: linear-gradient(var(--error), var(--error));
}

.k-grid-edit:active:focus,
.k-grid-edit:active:hover,
.k-grid-edit.active:hover,
.k-grid-edit.active:focus,
.k-grid-edit-command:active:focus,
.k-grid-edit-command:active:hover,
.k-grid-edit-command.active:hover,
.k-grid-edit-command.active:focus {
    background-color: var(--primary);
    border-color: var(--primary);
    color: #FFFFFF;
    /*    background-image: linear-gradient(var(--primary), var(--primary));*/
    /*opacity: 0.8;*/
    filter: brightness(95%);
}


.k-grid-delete:hover,
.k-grid-delete:focus,
.k-grid-delete:active,
.k-grid-delete.active,
.open .dropdown-toggle.k-grid-delete,
.k-grid-delete:active,
.k-grid-delete:active:focus,
.k-grid-delete:active:hover,
.k-grid-delete.active:hover,
.k-grid-delete.active:focus,
.k-grid-cancel:hover,
.k-grid-cancel:focus,
.k-grid-cancel:active,
.k-grid-cancel.active,
.open .dropdown-toggle.k-grid-cancel,
.k-grid-cancel:active,
.k-grid-cancel:hover,
.k-grid-cancel:active:focus,
.k-grid-cancel:active:hover,
.k-grid-cancel.active:hover,
.k-grid-cancel.active:focus,
.k-grid-cancel-changes:hover,
.k-grid-cancel-changes:focus,
.k-grid-cancel-changes:active,
.k-grid-cancel-changes.active,
.open .dropdown-toggle.k-grid-cancel-changes,
.k-grid-cancel-changes:active:focus,
.k-grid-cancel-changes:active:hover,
.k-grid-cancel-changes.active:hover,
.k-grid-cancel-changes.active:focus,
.k-grid-cancel-command:active,
.k-grid-cancel-command:hover,
.k-grid-cancel-command:active:focus,
.k-grid-cancel-command:active:hover,
.k-grid-cancel-command.active:hover,
.k-grid-cancel-command.active:focus,
button.k-grid-cancel-command:active,
button.k-grid-cancel-command:hover,
button.k-grid-cancel-command:active:focus,
button.k-grid-cancel-command:active:hover,
button.k-grid-cancel-command.active:hover,
button.k-grid-cancel-command.active:focus,
.k-grid-remove-command:active,
.k-grid-remove-command:hover,
.k-grid-remove-command:active:focus,
.k-grid-remove-command:active:hover,
.k-grid-remove-command.active:hover,
.k-grid-remove-command.active:focus,
button.k-grid-remove-command:active,
button.k-grid-remove-command:hover,
button.k-grid-remove-command:active:focus,
button.k-grid-remove-command:active:hover,
button.k-grid-remove-command.active:hover,
button.k-grid-remove-command.active:focus {
    background-color: var(--error);
    border-color: var(--error);
    color: #FFFFFF;
    background-image: linear-gradient(var(--error), var(--error));
    opacity: 0.8;
}

#transgrid {
    width: 97%;
    height: 90%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 999;
    position: absolute;
    top: 0px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.k-badge {
    line-height: 1.5;
    font-size: 10px;
    margin-left: 4px;
    padding: 0 4px;
    border-radius: 2px;
    background-color: var(--primary);
    color: #ffffff;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    z-index: 5;
}

.k-rtl .k-badge {
    right: auto;
    left: -0.75em;
}

.k-dirty {
    margin: 0;
    padding: 0;
    width: 0;
    height: 0;
    border-width: 3px;
    border-style: solid;
    position: absolute;
    top: 0;
    right: 0;
}

.k-hidden {
    display: none !important;
}

.k-hr {
    margin: 0.5em auto;
    padding: 0;
    height: 0;
    border-width: 1px 0 0;
    border-style: solid;
    display: block;
    float: none;
    clear: both;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-widget ::selection, .k-block ::selection {
    background-color: var(--primary);
    color: #ffffff;
}

.k-block {
    border-radius: 2px;
    padding: 4px 8px;
}

    .k-block > .k-header {
        margin: -4px -8px 4px;
        padding: 8px 0;
    }

    .k-block ::selection {
        background-color: var(--primary);
        color: #ffffff;
    }

.k-info-colored {
    color: #50607f;
    border-color: #d0d9df;
    background-color: #f0f9ff;
}

.k-success-colored {
    color: #507f50;
    border-color: #d0dfd0;
    background-color: #f0fff0;
}

.k-error-colored {
    color: #7f5050;
    border-color: #dfd0d0;
    background-color: #fff0f0;
}

.k-shadow {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
}

.k-inset {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.03), inset 0 4px 5px 0 rgba(0, 0, 0, 0.04);
}

.k-state-selected {
    color: var(--header);
    background-color: #eee;
    border-color: rgba(0, 0, 0, 0.1);
}

input[type='text'][disabled] {
    border: none;
    background: transparent;
    width: 100%;
    cursor: auto;
}

.k-disabled,
.k-state-disabled {
    outline: none;
    cursor: default;
    opacity: 0.6;
    filter: grayscale(0.1);
    pointer-events: none;
    box-shadow: none;
}

    .k-disabled .k-link,
    .k-disabled .k-button,
    .k-state-disabled .k-link,
    .k-state-disabled .k-button {
        cursor: default;
        outline: 0;
    }

    .k-disabled [disabled],
    .k-disabled .k-disabled,
    .k-disabled .k-state-disabled,
    .k-state-disabled [disabled],
    .k-state-disabled .k-disabled,
    .k-state-disabled .k-state-disabled {
        opacity: 1;
        filter: grayscale(0);
    }

.k-dirty {
    border-color: var(--error) var(--error) transparent transparent;
}

.k-hr {
    border-color: rgba(0, 0, 0, 0.08);
}

.k-resize-handle,
.k-resize-hint {
    position: absolute;
    border-color: inherit;
}

.k-resize-handle {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .k-resize-handle::before {
        content: "";
        border: 0 solid;
        border-color: inherit;
    }

.k-resize-n {
    width: 100%;
    height: 6px;
    flex-direction: row;
    left: 0;
    top: -3px;
    cursor: n-resize;
}

.k-resize-s {
    width: 100%;
    height: 6px;
    flex-direction: row;
    left: 0;
    bottom: -3px;
    cursor: s-resize;
}

.k-resize-w {
    width: 6px;
    height: 100%;
    flex-direction: column;
    top: 0;
    left: -3px;
    cursor: w-resize;
}

.k-resize-e {
    width: 6px;
    height: 100%;
    flex-direction: column;
    top: 0;
    right: -3px;
    cursor: w-resize;
}

.k-resize-sw,
.k-resize-se,
.k-resize-nw,
.k-resize-ne {
    width: 5px;
    height: 5px;
}

.k-resize-sw {
    cursor: sw-resize;
    bottom: 0;
    left: 0;
}

.k-resize-se {
    cursor: se-resize;
    bottom: 0;
    right: 0;
}

.k-resize-nw {
    cursor: nw-resize;
    top: 0;
    left: 0;
}

.k-resize-ne {
    cursor: ne-resize;
    top: 0;
    right: 0;
}

.k-line {
    background-color: currentColor;
    border-color: currentColor;
}

.k-line-h,
.k-line-v {
    position: absolute;
}

.k-line-h {
    height: 2px;
}

.k-line-v {
    width: 2px;
}

.k-arrow-e,
.k-arrow-w {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    position: absolute;
    top: -4px;
}

.k-arrow-e {
    border-left-color: currentColor;
    right: -6px;
}

.k-arrow-w {
    border-right-color: currentColor;
    left: -6px;
}

.k-marquee {
    position: absolute;
    z-index: 100000;
}

.k-marquee-color,
.k-marquee-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.k-marquee-color {
    color: #ffffff;
    background-color: #eee;
    border-color: rgba(0, 0, 0, 0.1);
    opacity: .6;
}

.k-marquee-text {
    color: #ffffff;
}

.k-loading {
    width: 64px;
    height: 64px;
    display: block;
}

    .k-loading .animate {
        animation: loading 2s infinite linear;
    }

@keyframes loading {
    0% {
        stroke-dasharray: 0 251;
        stroke-dashoffset: 502;
    }

    50% {
        stroke-dasharray: 250 1;
    }

    100% {
        stroke-dasharray: 0 251;
        stroke-dashoffset: 0;
    }
}


.k-grid > .k-loading-mask, .k-grid .k-loading-mask {
    z-index: 4;
    background-color: var(--secondary);
    overflow:hidden;
}

.k-loading-mask,
.k-loading-image,
.k-loading-color {
    width: 100%;
    height: 90%;
    position: absolute;
    top: 0;
    left: 0;
}


.k-loading-mask {
    z-index: 100;
    background-color: var(--secondary);
}

    .k-loading-mask.k-opaque .k-loading-color {
        opacity: 1;
    }


.darkMode .k-loading-text {
    color: white;
}

.k-loading-text {
    text-indent: -10px;
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    align-content: space-between;
    justify-content: space-around;
    padding-top: 100px;
    z-index: 50000;
}

.k-grid .k-loading-image {
    z-index: 2;
    background-color: transparent;
}


.k-grid .k-loading-color {
    z-index: 2;
    background-color: transparent;
}

.k-loading-image, .stiJsViewerMainPanel {
    z-index: 2;
    background-color: var(--secondary);
}

.k-loading-color {
    background-color: var(--secondary);
    opacity: .3;
}

.k-i-loading {
    position: relative;
    background-color: transparent;
    box-sizing: border-box;
    color: currentColor;
}

    .k-i-loading::before, .k-loading-image::before,
    .k-i-loading::after,
    .k-loading-image::after {
        position: absolute;
        top: 50%;
        left: 50%;
        display: inline-block;
        content: "";
        box-sizing: inherit;
        border-radius: 50%;
        border-width: .05em;
        border-style: solid;
        border-color: currentColor;
        border-top-color: transparent;
        border-bottom-color: transparent;
    }

.k-icon.k-i-loading::before, .k-icon.k-loading-image::before,
.k-icon.k-i-loading::after,
.k-icon.k-loading-image::after {
    content: "";
}

.k-i-loading::before, .k-loading-image::before {
    margin-top: -.5em;
    margin-left: -.5em;
    width: 1em;
    height: 1em;
    animation: k-loading-animation .7s linear infinite;
}

.k-i-loading::after, .k-loading-image::after {
    margin-top: -.25em;
    margin-left: -.25em;
    width: .5em;
    height: .5em;
    animation: k-loading-animation reverse 1.4s linear infinite;
}

.k-loading-image::before,
.k-loading-image::after {
    border-width: .015em;
    font-size: 4em;
}

@keyframes k-loading-animation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.k-drag-clue {
    border-radius: 0.25rem;
    padding-block: 0.25rem;
    padding-inline: 0.5rem;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    font-size: inherit;
    font-family: inherit;
    line-height: normal;
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: center;
    align-content: center;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    z-index: 20000;
    cursor: move
}

.k-drag-clue {
    border-color: rgba(0, 0, 0, 0.08);
    color: grey;
    background-color: #fafafa;
}

    .k-drag-clue .k-icon svg {
        fill: grey !important;
    }

.darkMode .k-drag-clue {
    border-color: rgba(0, 0, 0, 0.08);
    color: white;
    background-color: var(--alternategrid);
}

    .darkMode .k-drag-clue .k-icon svg {
        fill: white !important;
    }

.k-drag-status, .k-drag-clue .k-drag-status {
    margin: 0;
    margin-right: .4ex
}

.k-drop-hint {
    display: flex;
    gap: 4px;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    z-index: 1000;
    transform: translate(-50%, -50%)
}

.k-drop-hint-start, .k-drop-hint-end {
    flex-shrink: 0;
    border-width: 4px;
    border-style: solid;
    border-color: rgba(0,0,0,0)
}

.k-drop-hint-line {
    flex-grow: 1;
    background-color: var(--primary)
}

.k-drop-hint-h .k-drop-hint-start {
    border-left-width: 6.9282032304px;
    border-left-color: var(--primary);
    border-right-width: 0
}

.k-drop-hint-h .k-drop-hint-line {
    width: 20px;
    height: 1px
}

.k-drop-hint-h .k-drop-hint-end {
    border-right-width: 6.9282032304px;
    border-right-color: var(--primary);
    border-left-width: 0
}

.k-drop-hint-v {
    flex-direction: column
}

    .k-drop-hint-v .k-drop-hint-start {
        border-top-width: 6.9282032304px;
        border-top-color: var(--primary);
        border-bottom-width: 0
    }

    .k-drop-hint-v .k-drop-hint-line {
        width: 1px;
        height: 20px
    }

    .k-drop-hint-v .k-drop-hint-end {
        border-bottom-width: 6.9282032304px;
        border-bottom-color: var(--primary);
        border-top-width: 0
    }


.k-reorder-cue {
    position: absolute;
}

    .k-reorder-cue::before, .k-reorder-cue::after {
        content: "";
        width: 0;
        height: 0;
        border: 3px solid transparent;
        position: absolute;
        transform: translateX(-50%);
    }

    .k-reorder-cue::before {
        border-bottom-width: 0;
        border-top-color: currentColor;
        top: -4px;
    }

    .k-reorder-cue::after {
        border-top-width: 0;
        border-bottom-color: currentColor;
        bottom: -4px;
    }



.k-rtl .k-i-indent-increase,
.k-rtl .k-i-indent-decrease,
.k-rtl .k-i-expand,
.k-rtl .k-i-collapse {
    transform: scaleX(-1);
}

.k-sprite {
    display: inline-block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 0;
    text-align: center;
    -ms-high-contrast-adjust: none;
}

.k-image {
    display: inline-block;
}

.k-animation-container {
    position: absolute;
    overflow: hidden;
    z-index: 100;
}

.k-animation-container-fixed {
    position: fixed;
}

.k-push-right-enter, .k-push-right-appear {
    transform: translate(-100%, 0);
}

.k-push-right-enter-active, .k-push-right-appear-active {
    transform: translate(0, 0);
    transition: transform 300ms ease-in-out;
}

.k-push-right-exit {
    transform: translate(0, 0);
}

.k-push-right-exit-active {
    transform: translate(100%, 0);
    transition: transform 300ms ease-in-out;
}

.k-push-left-enter, .k-push-left-appear {
    transform: translate(100%, 0);
}

.k-push-left-enter-active, .k-push-left-appear-active {
    transform: translate(0, 0);
    transition: transform 300ms ease-in-out;
}

.k-push-left-exit {
    transform: translate(0, 0);
}

.k-push-left-exit-active {
    transform: translate(-100%, 0);
    transition: transform 300ms ease-in-out;
}

.k-push-down-enter, .k-push-down-appear {
    transform: translate(0, -100%);
}

.k-push-down-enter-active, .k-push-down-appear-active {
    transform: translate(0, 0);
    transition: transform 300ms ease-in-out;
}

.k-push-down-exit {
    transform: translate(0, 0);
}

.k-push-down-exit-active {
    transform: translate(0, 100%);
    transition: transform 300ms ease-in-out;
}

.k-push-up-enter, .k-push-up-appear {
    transform: translate(0, 100%);
}

.k-push-up-enter-active, .k-push-up-appear-active {
    transform: translate(0, 0);
    transition: transform 300ms ease-in-out;
}

.k-push-up-exit {
    transform: translate(0, 0);
}

.k-push-up-exit-active {
    transform: translate(0, -100%);
    transition: transform 300ms ease-in-out;
}

.k-expand-vertical-enter, .k-expand-vertical-appear {
    transform: scaleY(0);
}

.k-expand-vertical-enter-active, .k-expand-vertical-appear-active {
    transform: scaleY(1);
    transition: transform 300ms ease-in-out;
}

.k-expand-vertical-exit {
    transform: scaleY(1);
}

.k-expand-vertical-exit-active {
    transform: scaleY(0);
    transition: transform 300ms ease-in-out;
}

.k-expand-horizontal-enter, .k-expand-horizontal-appear {
    transform: scaleX(0);
}

.k-expand-horizontal-enter-active, .k-expand-horizontal-appear-active {
    transform: scaleX(1);
    transition: transform 300ms ease-in-out;
}

.k-expand-horizontal-exit {
    transform: scaleX(1);
}

.k-expand-horizontal-exit-active {
    transform: scaleX(0);
    transition: transform 300ms ease-in-out;
}

.k-fade-enter, .k-fade-appear {
    opacity: 0;
}

.k-fade-enter-active, .k-fade-appear-active {
    opacity: 1;
    transition: opacity 500ms ease-in-out;
}

.k-fade-exit {
    opacity: 1;
}

.k-fade-exit-active {
    opacity: 0;
    transition: opacity 500ms ease-in-out;
}

    .k-fade-exit-active + .k-fade-exit-active,
    .k-fade-enter-active + .k-fade-enter-active {
        display: none;
    }

.k-zoom-in-enter, .k-zoom-in-appear {
    opacity: 0;
    transform: scale(0);
}

.k-zoom-in-enter-active, .k-zoom-in-appear-active {
    opacity: 1;
    transform: scale(1);
    transition: transform, opacity 300ms ease-in-out;
}

.k-zoom-in-exit {
    opacity: 1;
    transform: scale(1);
}

.k-zoom-in-exit-active {
    opacity: 0;
    transform: scale(2);
    transition: transform, opacity 300ms ease-in-out;
}

.k-zoom-out-enter, .k-zoom-out-appear {
    opacity: 0;
    transform: scale(2);
}

.k-zoom-out-enter-active, .k-zoom-out-appear-active {
    opacity: 1;
    transform: scale(1);
    transition: transform, opacity 300ms ease-in-out;
}

.k-zoom-out-exit {
    opacity: 1;
    transform: scale(1);
}

.k-zoom-out-exit-active {
    opacity: 0;
    transform: scale(0);
    transition: transform, opacity 300ms ease-in-out;
}

.k-slide-in-appear {
    opacity: .1;
    transform: translate(0, -3em);
}

    .k-slide-in-appear .k-centered {
        transform: translate(-50%, -60%);
    }

.k-slide-in-appear-active {
    opacity: 1;
    transform: translate(0, 0);
    transition: transform 0.3s cubic-bezier(0.2, 0.6, 0.4, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.2, 1);
}

    .k-slide-in-appear-active .k-centered {
        transform: translate(-50%, -50%);
    }

.k-slide-down-enter, .k-slide-down-appear {
    transform: translateY(-100%);
}

.k-slide-down-enter-active, .k-slide-down-appear-active {
    transform: translateY(0);
    transition: transform 300ms ease-in-out;
}

.k-slide-down-exit {
    transform: translateY(0);
}

.k-slide-down-exit-active {
    transform: translateY(-100%);
    transition: transform 300ms ease-in-out;
}

.k-slide-up-enter, .k-slide-up-appear {
    transform: translateY(100%);
}

.k-slide-up-enter-active, .k-slide-up-appear-active {
    transform: translateY(0);
    transition: transform 300ms ease-in-out;
}

.k-slide-up-exit {
    transform: translateY(0);
}

.k-slide-up-exit-active {
    transform: translateY(100%);
    transition: transform 300ms ease-in-out;
}

.k-slide-right-enter, .k-slide-right-appear {
    transform: translateX(-100%);
}

.k-slide-right-enter-active, .k-slide-right-appear-active {
    transform: translateX(0);
    transition: transform 300ms ease-in-out;
}

.k-slide-right-exit {
    transform: translateX(0);
}

.k-slide-right-exit-active {
    transform: translateX(-100%);
    transition: transform 300ms ease-in-out;
}

.k-slide-left-enter, .k-slide-left-appear {
    transform: translateX(100%);
}

.k-slide-left-enter-active, .k-slide-left-appear-active {
    transform: translateX(0);
    transition: transform 300ms ease-in-out;
}

.k-slide-left-exit {
    transform: translateX(0);
}

.k-slide-left-exit-active {
    transform: translateX(100%);
    transition: transform 300ms ease-in-out;
}

.k-reveal-vertical-enter, .k-reveal-vertical-appear {
    max-height: 0;
}

.k-reveal-vertical-enter-active, .k-reveal-vertical-appear-active {
    transition: max-height 300ms ease-in-out;
}

.k-reveal-vertical-exit-active {
    max-height: 0 !important;
    transition: max-height 300ms ease-in-out;
}

.k-reveal-horizontal-enter, .k-reveal-horizontal-appear {
    max-width: 0;
}

.k-reveal-horizontal-enter-active, .k-reveal-horizontal-appear-active {
    transition: max-width 300ms ease-in-out;
}

.k-reveal-horizontal-exit-active {
    max-width: 0 !important;
    transition: max-width 300ms ease-in-out;
}

.k-picker .k-dropdown,
.k-autocomplete,
.k-combobox,
.k-dateinput,
.k-datepicker,
.k-datetimepicker,
.k-dropdown,
.k-picker,
.k-multiselect,
.k-numerictextbox,
.k-maskedtextbox,
.k-timepicker {
    width: 12.4em;
    line-height: 1.42857;
    text-align: left;
    white-space: nowrap;
    display: inline-flex;
    vertical-align: middle;
    position: relative;
}

    .k-autocomplete[dir='rtl'],
    .k-rtl .k-autocomplete,
    .k-combobox[dir='rtl'],
    .k-rtl
    .k-combobox,
    .k-dateinput[dir='rtl'],
    .k-rtl
    .k-dateinput,
    .k-datepicker[dir='rtl'],
    .k-rtl
    .k-datepicker,
    .k-datetimepicker[dir='rtl'],
    .k-rtl
    .k-datetimepicker,
    .k-dropdown[dir='rtl'],
    .k-rtl
    .k-dropdown,
    .k-multiselect[dir='rtl'],
    .k-rtl
    .k-multiselect,
    .k-numerictextbox[dir='rtl'],
    .k-rtl
    .k-numerictextbox,
    .k-maskedtextbox[dir='rtl'],
    .k-rtl
    .k-maskedtextbox,
    .k-timepicker[dir='rtl'],
    .k-rtl
    .k-timepicker {
        text-align: right;
    }

        .k-autocomplete[dir='rtl'] .k-select,
        .k-rtl .k-autocomplete .k-select,
        .k-combobox[dir='rtl'] .k-select,
        .k-rtl
        .k-combobox .k-select,
        .k-dateinput[dir='rtl'] .k-select,
        .k-rtl
        .k-dateinput .k-select,
        .k-datepicker[dir='rtl'] .k-select,
        .k-rtl
        .k-datepicker .k-select,
        .k-datetimepicker[dir='rtl'] .k-select,
        .k-rtl
        .k-datetimepicker .k-select,
        .k-dropdown[dir='rtl'] .k-select,
        .k-rtl
        .k-dropdown .k-select,
        .k-multiselect[dir='rtl'] .k-select,
        .k-rtl
        .k-multiselect .k-select,
        .k-numerictextbox[dir='rtl'] .k-select,
        .k-rtl
        .k-numerictextbox .k-select,
        .k-maskedtextbox[dir='rtl'] .k-select,
        .k-rtl
        .k-maskedtextbox .k-select,
        .k-timepicker[dir='rtl'] .k-select,
        .k-rtl
        .k-timepicker .k-select {
            border-radius: 2px 0 0 2px;
        }

        .k-autocomplete[dir='rtl'] .k-clear-value,
        .k-rtl .k-autocomplete .k-clear-value,
        .k-combobox[dir='rtl'] .k-clear-value,
        .k-rtl
        .k-combobox .k-clear-value,
        .k-dateinput[dir='rtl'] .k-clear-value,
        .k-rtl
        .k-dateinput .k-clear-value,
        .k-datepicker[dir='rtl'] .k-clear-value,
        .k-rtl
        .k-datepicker .k-clear-value,
        .k-datetimepicker[dir='rtl'] .k-clear-value,
        .k-rtl
        .k-datetimepicker .k-clear-value,
        .k-dropdown[dir='rtl'] .k-clear-value,
        .k-rtl
        .k-dropdown .k-clear-value,
        .k-multiselect[dir='rtl'] .k-clear-value,
        .k-rtl
        .k-multiselect .k-clear-value,
        .k-numerictextbox[dir='rtl'] .k-clear-value,
        .k-rtl
        .k-numerictextbox .k-clear-value,
        .k-maskedtextbox[dir='rtl'] .k-clear-value,
        .k-rtl
        .k-maskedtextbox .k-clear-value,
        .k-timepicker[dir='rtl'] .k-clear-value,
        .k-rtl
        .k-timepicker .k-clear-value {
            left: 8px;
            right: auto;
        }

    .k-autocomplete ::-ms-clear,
    .k-combobox ::-ms-clear,
    .k-dateinput ::-ms-clear,
    .k-datepicker ::-ms-clear,
    .k-datetimepicker ::-ms-clear,
    .k-dropdown ::-ms-clear,
    .k-picker ::-ms-clear,
    .k-multiselect ::-ms-clear,
    .k-numerictextbox ::-ms-clear,
    .k-maskedtextbox ::-ms-clear,
    .k-timepicker ::-ms-clear {
        display: none;
    }

    .k-picker .k-dropdown,
    .k-colorpicker,
    .k-combobox,
    .k-dateinput,
    .k-datepicker,
    .k-datetimepicker,
    .k-dropdown,
    .k-picker,
    .k-multiselect,
    .k-numerictextbox,
    .k-maskedtextbox,
    .k-timepicker {
        border-width: 0;
        background-color: var(--primary);
        color: white; 
        width:100%;
    }

.k-nodata {
    min-height: 138px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-weight: lighter;
    text-align: center;
    white-space: normal;
}

.k-searchbar {
    flex: 1;
    display: flex;
    flex-direction: row;
}

.k-dateinput-wrap,
.k-dropdown-wrap,
.k-picker-wrap,
.k-multiselect-wrap,
.k-numeric-wrap {
    border-radius: 2px;
    padding: 0;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    position: relative;
    transition: all .1s ease;
    cursor: default;
    outline: 0;
}

    .k-dateinput-wrap .k-input,
    .k-dropdown-wrap .k-input,
    .k-picker-wrap .k-input,
    .k-multiselect-wrap .k-input,
    .k-numeric-wrap .k-input {
        padding: 4px 8px;
        height: calc( 8px + 1.42857em);
        box-sizing: border-box;
        border: 0;
        outline: 0;
        color: inherit;
        background: none;
        font: inherit;
        flex: 0 1 auto;
        display: flex;
        align-items: center;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.k-dateinput-wrap,
.k-dropdown-wrap,
.k-picker-wrap,
.k-numeric-wrap {
    display: flex;
    flex-direction: row;
}

    .k-dateinput-wrap .k-input,
    .k-dropdown-wrap .k-input,
    .k-picker-wrap .k-input,
    .k-numeric-wrap .k-input {
        width: 100%;
    }

    .k-dateinput-wrap .k-select,
    .k-dropdown-wrap .k-select,
    .k-picker-wrap .k-select,
    .k-numeric-wrap .k-select {
        border-radius: 0 2px 2px 0;
        padding: 4px;
        border-width: 0 0 0 1px;
        box-sizing: border-box;
        border-style: solid;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        cursor: pointer;
    }

    .k-autocomplete .k-clear-value,
    .k-autocomplete .k-i-loading,
    .k-dropdown-wrap .k-clear-value,
    .k-dropdown-wrap .k-i-loading,
    /* .k-multiselect .k-clear-value,*/
    .k-multiselect .k-i-loading {
        position: absolute;
        right: 8px;
    }

    .k-autocomplete .k-clear-value,
    .k-dropdown-wrap .k-clear-value
    /*  .k-multiselect .k-clear-value*/ {
        height: 20px;
        outline: 0;
        opacity: .5;
        cursor: pointer;
        display: none;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        top: 4px;
    }

    .k-autocomplete .k-i-loading,
    .k-dropdown-wrap .k-i-loading,
    .k-multiselect .k-i-loading {
        top: 50%;
        margin-top: -.5em;
    }

    .k-autocomplete.k-state-focused .k-clear-value, .k-autocomplete.k-state-hover .k-clear-value, .k-autocomplete:hover .k-clear-value,
    .k-dropdown-wrap.k-state-focused .k-clear-value,
    .k-dropdown-wrap.k-state-hover .k-clear-value,
    .k-dropdown-wrap:hover .k-clear-value,
    .k-multiselect.k-state-focused .k-clear-value,
    .k-multiselect.k-state-hover .k-clear-value,
    .k-multiselect:hover .k-clear-value {
        display: inline-flex;
    }

        .k-autocomplete.k-state-focused .k-clear-value:hover, .k-autocomplete.k-state-hover .k-clear-value:hover, .k-autocomplete:hover .k-clear-value:hover,
        .k-dropdown-wrap.k-state-focused .k-clear-value:hover,
        .k-dropdown-wrap.k-state-hover .k-clear-value:hover,
        .k-dropdown-wrap:hover .k-clear-value:hover,
        .k-multiselect.k-state-focused .k-clear-value:hover,
        .k-multiselect.k-state-hover .k-clear-value:hover,
        .k-multiselect:hover .k-clear-value:hover {
            opacity: 1;
        }

.k-dateinput .k-select,
.k-numerictextbox .k-select {
    padding: 0;
    flex-direction: column;
    align-items: stretch;
    width: calc( 17px + 8px);
}

.k-dateinput .k-link,
.k-numerictextbox .k-link {
    display: block;
    height: calc( 4px + 0.71429em);
    overflow: hidden;
    position: relative;
    width: 100%;
}

    .k-dateinput .k-link .k-icon,
    .k-numerictextbox .k-link .k-icon {
        position: absolute;
        right: 50%;
        transform: translateX(50%);
    }

.k-dateinput .k-link-increase .k-icon,
.k-numerictextbox .k-link-increase .k-icon {
    bottom: 0;
}

.k-dateinput .k-link-decrease .k-icon,
.k-numerictextbox .k-link-decrease .k-icon {
    top: 0;
}

.k-virtual-content {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative;
}

    .k-virtual-content > .k-virtual-list > .k-virtual-item {
        position: absolute;
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
        white-space: nowrap;
    }

.k-textbox.k-space-left {
    padding-left: 1.9em;
}

.k-textbox.k-space-right {
    padding-right: 1.9em;
}

.k-textbox .k-icon {
    top: 50%;
    margin: -8px 0 0;
    position: absolute;
}

.k-space-left .k-icon {
    left: 3px;
}

.k-space-right .k-icon {
    right: 3px;
}

.k-state-invalid.k-autocomplete,
.k-state-invalid.k-maskedtextbox > .k-textbox,
.ng-invalid.ng-touched.k-autocomplete,
.ng-invalid.ng-touched.k-maskedtextbox > .k-textbox,
.ng-invalid.ng-dirty.k-autocomplete,
.ng-invalid.ng-dirty.k-maskedtextbox > .k-textbox {
    color: var(--error);
    border-color: rgba(213, 25, 35, 0.5);
}

.k-state-invalid > .k-picker-wrap .k-dateinput-wrap,
.k-state-invalid > .k-dateinput-wrap,
.k-state-invalid > .k-dropdown-wrap,
.k-state-invalid > .k-numeric-wrap,
.k-state-invalid > .k-picker-wrap,
.ng-invalid.ng-touched > .k-picker-wrap .k-dateinput-wrap,
.ng-invalid.ng-touched > .k-dateinput-wrap,
.ng-invalid.ng-touched > .k-dropdown-wrap,
.ng-invalid.ng-touched > .k-numeric-wrap,
.ng-invalid.ng-touched > .k-picker-wrap,
.ng-invalid.ng-dirty > .k-picker-wrap .k-dateinput-wrap,
.ng-invalid.ng-dirty > .k-dateinput-wrap,
.ng-invalid.ng-dirty > .k-dropdown-wrap,
.ng-invalid.ng-dirty > .k-numeric-wrap,
.ng-invalid.ng-dirty > .k-picker-wrap {
    color: var(--error);
    border-color: rgba(213, 25, 35, 0.5);
}

    .k-state-invalid > .k-picker-wrap .k-dateinput-wrap .k-select,
    .k-state-invalid > .k-dateinput-wrap .k-select,
    .k-state-invalid > .k-dropdown-wrap .k-select,
    .k-state-invalid > .k-numeric-wrap .k-select,
    .k-state-invalid > .k-picker-wrap .k-select,
    .ng-invalid.ng-touched > .k-picker-wrap .k-dateinput-wrap .k-select,
    .ng-invalid.ng-touched > .k-dateinput-wrap .k-select,
    .ng-invalid.ng-touched > .k-dropdown-wrap .k-select,
    .ng-invalid.ng-touched > .k-numeric-wrap .k-select,
    .ng-invalid.ng-touched > .k-picker-wrap .k-select,
    .ng-invalid.ng-dirty > .k-picker-wrap .k-dateinput-wrap .k-select,
    .ng-invalid.ng-dirty > .k-dateinput-wrap .k-select,
    .ng-invalid.ng-dirty > .k-dropdown-wrap .k-select,
    .ng-invalid.ng-dirty > .k-numeric-wrap .k-select,
    .ng-invalid.ng-dirty > .k-picker-wrap .k-select {
        color: inherit;
    }

.k-widget.form-control, .form-control.k-block {
    padding: 0;
}

.k-widget.form-control, .form-control.k-block,
.k-maskedtextbox.form-control .k-textbox,
.k-textbox.form-control {
    width: 100%;
}

.k-autocomplete.form-control .k-input {
    box-sizing: border-box;
}

.input-group .k-dateinput-wrap,
.input-group .k-dropdown-wrap,
.input-group .k-multiselect-wrap,
.input-group .k-numeric-wrap,
.input-group .k-picker-wrap,
.input-group .k-maskedtextbox .k-textbox {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

    .input-group .k-dateinput-wrap .k-select,
    .input-group .k-dropdown-wrap .k-select,
    .input-group .k-multiselect-wrap .k-select,
    .input-group .k-numeric-wrap .k-select,
    .input-group .k-picker-wrap .k-select,
    .input-group .k-maskedtextbox .k-textbox .k-select {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

.input-group .k-widget.form-control:not(:first-child):not(:last-child) .k-dateinput-wrap, .input-group .form-control.k-block:not(:first-child):not(:last-child) .k-dateinput-wrap,
.input-group .k-widget.form-control:not(:first-child):not(:last-child) .k-dropdown-wrap,
.input-group .form-control.k-block:not(:first-child):not(:last-child) .k-dropdown-wrap,
.input-group .k-widget.form-control:not(:first-child):not(:last-child) .k-multiselect-wrap,
.input-group .form-control.k-block:not(:first-child):not(:last-child) .k-multiselect-wrap,
.input-group .k-widget.form-control:not(:first-child):not(:last-child) .k-numeric-wrap,
.input-group .form-control.k-block:not(:first-child):not(:last-child) .k-numeric-wrap,
.input-group .k-widget.form-control:not(:first-child):not(:last-child) .k-picker-wrap,
.input-group .form-control.k-block:not(:first-child):not(:last-child) .k-picker-wrap,
.input-group .k-widget.form-control:not(:first-child):not(:last-child) > .k-textbox,
.input-group .form-control.k-block:not(:first-child):not(:last-child) > .k-textbox {
    border-radius: 0;
}

.input-group-addon + .k-widget.form-control .k-dateinput-wrap, .input-group-addon + .form-control.k-block .k-dateinput-wrap,
.input-group-addon + .k-widget.form-control .k-dropdown-wrap,
.input-group-addon + .form-control.k-block .k-dropdown-wrap,
.input-group-addon + .k-widget.form-control .k-multiselect-wrap,
.input-group-addon + .form-control.k-block .k-multiselect-wrap,
.input-group-addon + .k-widget.form-control .k-numeric-wrap,
.input-group-addon + .form-control.k-block .k-numeric-wrap,
.input-group-addon + .k-widget.form-control .k-picker-wrap,
.input-group-addon + .form-control.k-block .k-picker-wrap,
.input-group-addon + .k-widget.form-control > .k-textbox,
.input-group-addon + .form-control.k-block > .k-textbox {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.k-widget.form-control .k-input, .form-control.k-block .k-input {
    padding: 0.5rem 0.75rem;
    /*height: 2.25rem;*/
}

.k-widget.form-control-sm .k-input, .form-control-sm.k-block .k-input {
    padding: 0.25rem 0.5rem;
    height: 1.8125rem;
}

.k-widget.form-control-sm .k-dateinput-wrap .k-select, .form-control-sm.k-block .k-dateinput-wrap .k-select,
.k-widget.form-control-sm .k-dropdown-wrap .k-select, .form-control-sm.k-block .k-dropdown-wrap .k-select,
.k-widget.form-control-sm .k-picker-wrap .k-select, .form-control-sm.k-block .k-picker-wrap .k-select {
    padding: 0.25rem;
}

.k-widget.form-control-sm .k-select, .form-control-sm.k-block .k-select {
    width: 1.8125rem;
}

.k-widget.form-control-lg .k-input, .form-control-lg.k-block .k-input {
    padding: 0.5rem 1rem;
    height: 2.875rem;
}

.k-widget.form-control-lg .k-dateinput-wrap .k-select, .form-control-lg.k-block .k-dateinput-wrap .k-select,
.k-widget.form-control-lg .k-dropdown-wrap .k-select, .form-control-lg.k-block .k-dropdown-wrap .k-select,
.k-widget.form-control-lg .k-picker-wrap .k-select, .form-control-lg.k-block .k-picker-wrap .k-select {
    padding: 0.5rem;
}

.k-widget.form-control-lg .k-select, .form-control-lg.k-block .k-select {
    width: 2.875rem;
}

.k-maskedtextbox.form-control .k-textbox {
    height: calc( 2.25rem + 2px);
    padding: 0.5rem 0.75rem;
}

.k-maskedtextbox.form-control-sm .k-textbox {
    height: calc( 1.8125rem + 2px);
    padding: 0.25rem 0.5rem;
    line-height: 1.5;
}

.k-maskedtextbox.form-control-lg .k-textbox {
    height: calc( 2.875rem + 2px);
    padding: 0.5rem 1rem;
    line-height: 1.5;
}

.k-textbox.form-control {
    height: calc( 2.25rem + 2px);
    padding: 0.5rem 0.75rem;
}

.k-textbox.form-control-sm {
    height: calc( 1.8125rem + 2px);
    padding: 0.25rem 0.5rem;
    line-height: 1.5;
}

.k-textbox.form-control-lg {
    height: calc( 2.875rem + 2px);
    padding: 0.5rem 1rem;
    line-height: 1.5;
}

.k-dateinput.form-control-sm .k-link-increase > .k-icon,
.k-numerictextbox.form-control-sm .k-link-increase > .k-icon {
    bottom: -2px;
}

.k-dateinput.form-control-sm .k-link-decrease > .k-icon,
.k-numerictextbox.form-control-sm .k-link-decrease > .k-icon {
    top: -2px;
}

.k-dateinput.form-control-sm .k-link,
.k-numerictextbox.form-control-sm .k-link {
    height: 0.90625rem;
}

.k-dateinput.form-control-lg .k-link,
.k-numerictextbox.form-control-lg .k-link {
    height: 1.4375rem;
}

.k-dateinput.form-control .k-dateinput-wrap .k-select {
    padding-top: 0;
    padding-bottom: 0;
}

.k-ripple-target {
    position: relative;
}

.k-ripple {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
}

.k-ripple-blob {
    pointer-events: none;
    position: absolute;
    border-radius: 50%;
    padding: 0;
    transform: translate(-50%, -50%) scale(0);
    transition: opacity 100ms linear, transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: .1;
    background-color: currentColor;
}

.k-primary .k-ripple-blob {
    opacity: .2;
}

.k-primary.k-flat .k-ripple-blob {
    opacity: 1;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-popup {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    margin: 0;
    padding: 0 0;
    border-width: 1px;
    border-style: solid;
    font-size: 14px;
    line-height: 1.42857;
    box-sizing: content-box;
}

    .k-popup .k-item {
        cursor: pointer;
        outline: none;
    }

[dir='rtl'] .k-popup .k-list-filter > .k-icon {
    left: 16px;
    right: auto;
}

[dir='rtl'] .k-popup .k-list-optionlabel {
    text-align: right;
}

.k-animation-container {
    border-radius: 0 0 2px 2px;
}

.k-popup .k-item.k-first {
    position: relative;
}

.k-popup > .k-group-header,
.k-popup > .k-virtual-wrap > .k-group-header {
    padding: 4px 8px;
    min-height: 1.42857em;
    white-space: normal;
    transition: background-color 0.2s ease;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.k-popup .k-list .k-item > .k-group {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 .5em;
    font-size: 9.996px;
    line-height: 1.5;
    text-transform: uppercase;
}

    .k-popup .k-list .k-item > .k-group::before {
        display: block;
        content: " ";
        border-width: 7px;
        border-style: solid;
        position: absolute;
        left: -14px;
        bottom: 0;
    }

.k-group-header + div > .k-list > .k-item.k-first::before {
    content: " ";
    display: block;
    border-top-width: 1px;
    border-top-style: solid;
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
}

.k-list-scroller {
    position: relative;
    overflow: auto;
    background-color: white;
}

.k-list {
    height: auto;
}

    .k-list > .k-item {
        display: flex;
        align-items: center;
        align-content: center;
    }

        .k-list > .k-item > .k-icon {
            align-self: center;
            margin-right: 8px;
        }

    .k-list .k-item,
    .k-list-optionlabel {
        padding: 4px 8px;
        height: auto;
        line-height: 1.42857em;
        white-space: normal;
    }

.k-list-optionlabel {
    cursor: pointer;
}

.k-searchbox span.k-input-icon.k-icon.k-i-search {
    margin: 5px;
}

.k-list-filter {
    display: block;
    position: relative;
    padding: 8px;
    height: calc( 24px + 1.42857em);
    box-sizing: border-box;
    margin-bottom: 10px;
}

    .k-list-filter > .k-textbox {
        width: 100% !important;
        box-sizing: border-box;
        padding-right: 24px;
    }

    .k-list-filter > .k-icon {
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
    }

.k-dropdown-button .k-popup .k-item {
    cursor: pointer;
}

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

.k-list-container .k-button {
    border-radius: 0;
    padding: 4px 8px;
    border-width: 0;
    color: inherit;
    background-color: transparent;
    background-image: none;
    line-height: inherit;
    display: flex;
    justify-content: flex-start;
}

    .k-list-container .k-button .k-icon {
        margin: 0 4px 0 0;
    }

.k-list-container .k-nodata .k-button {
    display: inline-flex;
    border-width: 1px;
}

.k-popup {
    background-clip: padding-box;
}

.k-ie11 .k-popup,
.k-edge12 .k-popup,
.k-edge13 .k-popup {
    background-clip: border-box;
}

.k-popup > .k-group-header,
.k-popup > .k-virtual-wrap > .k-group-header {
    border-bottom-color: rgba(0, 0, 0, 0.08);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.06);
}

.k-popup .k-list .k-item > .k-group {
    background: var(--accent);
    color: #ffffff;
}

    .k-popup .k-list .k-item > .k-group::before {
        border-color: var(--accent) var(--accent) transparent transparent;
    }

.k-group-header + div > .k-list > .k-item.k-first::before {
    border-color: rgba(0, 0, 0, 0.08);
}

.k-list .k-item {
    transition: all .2s ease;
}

    .stiJsViewerMenuStandartItem.stiJsViewerMenuStandartItemOver,
    .stiJsViewerStandartSmallButton.stiJsViewerStandartSmallButtonOver,
    .stiJsViewerStandartSmallButton.stiJsViewerStandartSmallButtonSelected,
    .k-list-item:hover.k-selected,
    .k-list .k-item:hover.k-state-selected,
    .k-list .k-item.k-state-hover.k-state-selected,
    .k-list-optionlabel:hover.k-state-selected {
        background-color: var(--primary);
        color: var(--accent);
    }

.k-animation-container {
    border-radius: 0 0 2px 2px;
}

    .k-animation-container-shown,
    .k-animation-container > .k-popup {
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
        overflow: visible;
    }

.k-animation-container-fixed > .k-popup {
    box-shadow: none;
}

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

    .k-list-container .k-button:hover,
    .k-list-container .k-button.k-state-hover {
        background-image: none;
    }

    .k-list-container .k-button:active,
    .k-list-container .k-button.k-state-active {
        background-image: none;
    }

    .k-list-container .k-button:focus,
    .k-list-container .k-button.k-state-focused {
        box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
    }

.k-list-container .k-nodata {
    color: rgba(101, 101, 101, 0.5);
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-dropdown .k-select {
    border-width: 0;
}

.k-dropdown-wrap {
    outline: 0;
}

    .k-dropdown-wrap > .k-input {
        flex: 1;
    }

.k-edge .k-dropdown-wrap > .k-input {
    min-width: 0;
}

.k-dropdown-operator {
    width: auto;
    height: 32px;
}

    .k-dropdown-operator .k-input {
        display: none;
    }

    .k-dropdown-operator .k-select {
        width: calc( 8px + 1.42857em);
        height: calc( 8px + 1.42857em);
    }

.k-dropdown .k-dropdown-wrap {
    background-clip: padding-box;
}

.k-ie11 .k-dropdown .k-dropdown-wrap,
.k-edge12 .k-dropdown .k-dropdown-wrap,
.k-edge13 .k-dropdown .k-dropdown-wrap {
    background-clip: border-box;
}

.k-dropdown .k-select {
    padding: 0;
    height: auto;
    width: calc( 8px + 1.42857em);
}

.k-pager-wrap {
    padding: 8px 8px;
    border-width: 1px;
    line-height: 1.42857;
    display: flex;
    align-items: center;
    overflow: hidden;
    cursor: default;
    flex: 0 0 auto;
}

    .k-pager-wrap .k-link,
    .k-pager-wrap .k-state-selected {
        padding: 4px;
        width: calc(1.42857em + 2px);
        height: calc(1.42857em + 2px);
        line-height: calc(1.42857em + 2px);
        box-sizing: content-box;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: relative;
        text-align: center;
        z-index: 1;
    }

        .k-pager-wrap .k-link > .k-icon,
        .k-pager-wrap .k-state-selected > .k-icon {
            vertical-align: middle;
        }

        .k-pager-wrap .k-link:hover,
        .k-pager-wrap .k-state-selected {
            z-index: 2;
        }

        .k-pager-wrap .k-link:focus,
        .k-pager-wrap .k-state-selected {
            text-decoration: none;
            outline: none;
        }

        .k-pager-wrap .k-link.k-state-disabled {
            color: inherit;
        }

    .k-pager-wrap .k-pager-numbers {
        display: inline-flex;
        flex-direction: row;
    }

        .k-pager-wrap .k-pager-numbers li {
            display: inline-block;
        }

        .k-pager-wrap .k-pager-numbers .k-current-page {
            display: none;
        }

            .k-pager-wrap .k-pager-numbers .k-current-page + li {
                margin-left: 0;
            }

    .k-pager-wrap .k-label {
        margin: 0 1em;
        display: flex;
        align-items: center;
    }

    .k-pager-wrap .k-pager-input .k-textbox {
        margin: 0 1ex;
        width: 3em;
    }

    .k-pager-wrap .k-pager-sizes .k-picker,
    .k-pager-wrap .k-pager-sizes > select {
        width: 100px;
        margin: 0 8px;
        height: calc(1.42857em + (4px * 2) + (1px * 2));
    }


a.k-pager-refresh.k-link span.k-icon.k-i-reload {
    height: 10px;
    /* width: 3px; */
}

.k-pager-wrap .k-pager-refresh {
    order: 10;
    margin-left: -4px !important;
}

.k-pager-wrap .k-pager-info, .k-pager-info {
    text-align: end;
    justify-content: flex-end;
    flex: 1 1 0%;
    order: 9;
    display: inherit;
}

[dir="rtl"] .k-pager-wrap .k-i-arrow-e,
[dir="rtl"] .k-pager-wrap .k-i-arrow-w,
[dir="rtl"] .k-pager-wrap .k-i-seek-e,
[dir="rtl"] .k-pager-wrap .k-i-seek-w,
.k-rtl .k-pager-wrap .k-i-arrow-e,
.k-rtl .k-pager-wrap .k-i-arrow-w,
.k-rtl .k-pager-wrap .k-i-seek-e,
.k-rtl .k-pager-wrap .k-i-seek-w {
    transform: scaleX(-1);
}

.k-pager-wrap {
    color: #fff;
    background-color: var(--header);
}

    .k-pager-wrap .k-link:focus,
    .k-pager-wrap .k-pager-nav:focus {
        box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
    }

    .k-pager-wrap .k-link:hover,
    .k-pager-wrap .k-pager-nav:hover {
        background-color: var(--primary);
    }

    .k-pager-wrap .k-state-selected:focus {
        box-shadow: none;
    }

    .k-pager-wrap .k-state-selected:hover {
        color: var(--header);
        background-color: #eee;
        cursor: default;
    }

.k-pager-numbers .k-link,
.k-pager-numbers .k-link:link {
    color: var(--primary);
}

    .k-pager-numbers .k-link.k-state-selected,
    .k-pager-numbers .k-link:link.k-state-selected {
        color: #555;
    }

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-button, .k-input-button, .k-spin-button {
    /*border-radius: 2px;*/
    padding: 4px 8px;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    font-size: 14px;
    line-height: 1.42857;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    user-select: none;
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
    position: relative;
}

    .k-button::-moz-focus-inner, .k-input-button::-moz-focus-inner {
        padding: 0;
        border: 0;
        outline: 0;
    }

    .k-button:hover, .k-button:focus, .k-input-button:hover, .k-input-button:focus, .k-spin-button:hover, .k-spin-button:focus {
        text-decoration: none;
        outline: 0;
    }

    span.k-filtercell .k-button .k-icon, .k-button .k-image, span.k-filtercell span.k-filtercell .k-button .k-sprite {
        color: white;
        align-self: center;
    }

    .k-button .k-icon,
    .k-button .k-image,
    .k-button .k-sprite {
        color: inherit;
        align-self: center;
    }

.k-button-icontext {
    overflow: visible;
}

    .k-button-icontext .k-icon,
    .k-button-icontext .k-image,
    .k-button-icontext .k-sprite {
        margin: 0 4px 0 -4px;
    }

    .k-rtl .k-button-icontext .k-icon,
    .k-rtl .k-button-icontext .k-image,
    .k-rtl .k-button-icontext .k-sprite, .k-button-icontext[dir='rtl'] .k-icon,
    .k-button-icontext[dir='rtl'] .k-image,
    .k-button-icontext[dir='rtl'] .k-sprite {
        margin: 0 -4px 0 4px;
    }

.k-button-icon {
    /*  width: calc( 10px + 1.42857em);
    height: calc( 10px + 1.42857em);
    padding: 4px;*/
    margin-right: 5px;
}

.k-split-button .k-button {
    border-radius: 2px 0 0 2px;
}

.k-split-button .k-split-button-arrow {
    border-radius: 0 2px 2px 0;
    margin-left: -1px;
    padding: 4px;
}

.k-split-button .k-widget, .k-split-button .k-block {
    border: 0;
}

.k-dropdown-button.k-state-focused, .k-dropdown-button:focus {
    outline: 0;
}

.k-dropdown-button.k-widget, .k-dropdown-button.k-block {
    border-radius: 2px;
    border-width: 0;
    display: inline-block;
}

.k-button-group {
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;
    display: inline-flex;
    flex-direction: row;
    vertical-align: middle;
    position: relative;
}

    .k-button-group .k-button {
        border-radius: 0;
        position: relative;
    }

        .k-button-group .k-button ~ .k-button {
            margin-left: -1px;
        }

        .k-button-group .k-button:hover,
        .k-button-group .k-button.k-state-hover,
        .k-button-group .k-button.k-state-active {
            z-index: 2;
        }

    .k-button-group.k-state-disabled .k-button,
    .k-button-group [disabled],
    .k-button-group .k-state-disabled,
    .k-button-group .k-state-disabled:hover,
    .k-button-group .k-state-disabled:focus {
        pointer-events: auto;
    }

    .k-button-group .k-group-start,
    .k-button-group .k-button:first-child {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
    }

    .k-button-group .k-group-end,
    .k-button-group .k-button:last-child {
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
    }

    .k-button-group .k-group-start.k-group-end,
    .k-button-group .k-button:first-child:last-child {
        border-radius: 2px;
    }

    /*.k-button-group > input[type="radio"],*/
    .k-button-group > input[type="checkbox"],
    /*  .k-button-group label input[type="radio"],*/
    .k-button-group label input[type="checkbox"] {
        margin: 0;
        padding: 0;
        clip: rect(0, 0, 0, 0);
        position: absolute;
        pointer-events: none;
    }

.k-button-group-stretched {
    display: flex;
}

    .k-button-group-stretched .k-button {
        display: inline-block;
        flex: 1 1 0;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .k-button-group-stretched .k-button > .k-icon {
            vertical-align: text-bottom;
        }

.k-split-button.k-button-group.k-state-focused {
    border-radius: 2px;
}

.k-split-button.k-widget, .k-split-button.k-block {
    border-radius: 2px;
    border-width: 0;
}

.k-split-button.k-button-group .k-button:first-child {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.k-split-button.k-button-group .k-button:nth-child(2) {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.k-button.k-flat {
    border-color: transparent;
    color: inherit;
    background-color: transparent;
    background-image: none;
    box-shadow: none;
}

.k-button.k-outline {
    color: inherit;
    background: none;
    box-shadow: none;
}

.k-button.k-bare {
    border-color: transparent !important;
    color: inherit;
    background: none !important;
    box-shadow: none !important;
    position: relative;
    transition: color .2s ease-in-out;
}

    .k-button.k-bare::before {
        content: "";
        background-color: currentColor;
        border-radius: 2px;
        display: block;
        opacity: 0;
        transition: opacity .2s ease-in-out;
        pointer-events: none;
        position: absolute;
        z-index: 0;
        top: -1px;
        left: -1px;
        right: -1px;
        bottom: -1px;
    }

    .k-button.k-bare::after {
        content: "";
        border: 2px solid currentColor;
        border-radius: 2px;
        display: block;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        z-index: 0;
        top: -1px;
        left: -1px;
        right: -1px;
        bottom: -1px;
    }

    .k-button.k-bare:hover, .k-button.k-bare.k-state-hover {
        color: inherit;
    }

        .k-button.k-bare:hover::before, .k-button.k-bare.k-state-hover::before {
            opacity: 0.07;
            z-index: initial;
        }

    .k-button.k-bare:active, .k-button.k-bare.k-state-active {
        color: inherit;
    }

        .k-button.k-bare:active::before, .k-button.k-bare.k-state-active::before {
            opacity: .08;
        }

        .k-button.k-bare:active::after, .k-button.k-bare.k-state-active::after {
            opacity: .13;
        }

        .k-button.k-bare:active::before, .k-button.k-bare:active::after, .k-button.k-bare.k-state-active::before, .k-button.k-bare.k-state-active::after {
            z-index: initial;
        }

    .k-button.k-bare:focus, .k-button.k-bare.k-state-focused {
        color: inherit;
    }

        .k-button.k-bare:focus::after, .k-button.k-bare.k-state-focused::after {
            opacity: .13;
        }

.k-rtl .k-button-group .k-button ~ .k-button {
    margin-right: -1px;
    margin-left: 0;
}

.k-rtl .k-button-group .k-button {
    border-radius: 0;
}

    .k-rtl .k-button-group .k-group-start,
    .k-rtl .k-button-group .k-button:first-child {
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
    }

    .k-rtl .k-button-group .k-group-end,
    .k-rtl .k-button-group .k-button:last-child {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
    }

    .k-rtl .k-button-group .k-group-start.k-group-end,
    .k-rtl .k-button-group .k-button:first-child:last-child {
        border-radius: 2px;
    }

.k-rtl .k-split-button .k-button {
    border-radius: 0 2px 2px 0;
}

.k-rtl .k-split-button .k-split-button-arrow {
    border-radius: 2px 0 0 2px;
    margin-left: 0;
    margin-right: -1px;
}

.k-button, .k-input-button, .k-spin-button {
    background-clip: inherit;
    height: 32px;
}

.k-ie11 .k-button,
.k-edge12 .k-button,
.k-edge13 .k-button {
    background-clip: border-box;
}

.k-button:active, .k-button.k-state-active {
    box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.06);
}

.k-button:focus, .k-button.k-state-focused {
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
}

.k-button.k-primary:active, .k-button.k-primary.k-state-active {
    box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.06);
}

.k-button.k-primary:focus, .k-button.k-primary.k-state-focused {
    box-shadow: 0 3px 4px 0 rgba(0, 204, 153, 0.4);
}

.k-dropdown-button:active > .k-button:not(:disabled),
.k-dropdown-button.k-state-active > .k-button:not(:disabled) {
    box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.06);
}

.k-dropdown-button:focus > .k-button,
.k-dropdown-button.k-state-focused > .k-button {
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
}

.k-dropdown-button .k-widget, .k-dropdown-button .k-block {
    border-width: 0;
    display: inline-block;
}

.k-button-group {
    background-clip: padding-box;
}

.k-ie11 .k-button-group,
.k-edge12 .k-button-group,
.k-edge13 .k-button-group {
    background-clip: border-box;
}

.k-button-group .k-button:focus,
.k-button-group .k-button.k-state-focused,
/*.k-button-group > input[type="radio"]:focus + .k-button,*/
.k-button-group > input[type="checkbox"]:focus + .k-button {
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
}

.k-button-group .k-button:active,
.k-button-group .k-button.k-state-active,
/*.k-button-group > input[type="radio"]:checked + .k-button,*/
.k-button-group > input[type="checkbox"]:checked + .k-button {
    border-color: rgba(0, 0, 0, 0.1);
    color: #ffffff;
    background-color: #eee;
    background-image: none;
}

    .k-button-group .k-button:active:hover,
    .k-button-group .k-button.k-state-active:hover,
    /* .k-button-group > input[type="radio"]:hover + .k-button,*/
    .k-button-group > input[type="checkbox"]:hover + .k-button {
        border-color: rgba(0, 0, 0, 0.1);
        color: #ffffff;
        background-color: #eee;
        background-image: none;
    }

.k-button-group.k-state-disabled .k-button:not(.k-state-active), .k-button-group.k-state-disabled .k-button:not(.k-state-active):hover,
.k-button-group .k-state-disabled:not(.k-state-active),
.k-button-group .k-state-disabled:not(.k-state-active):hover {
    border-color: rgba(0, 0, 0, 0.08);
    color: #ffffff;
    background-color: var(--primary);
    background-image: linear-gradient(var(--primary), #bbf8ec);
}

.k-split-button.k-state-focused {
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
}

.k-split-button.k-button-group .k-button:active, .k-split-button.k-button-group .k-button.k-state-active {
    box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.06);
}

.k-button.k-flat:active, .k-button.k-flat.k-state-active {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06);
}

.k-button.k-flat:focus, .k-button.k-flat.k-state-focused {
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
}

.k-button.k-primary.k-flat {
    color: var(--primary);
}

    .k-button.k-primary.k-flat:focus, .k-button.k-primary.k-flat.k-state-focused {
        box-shadow: 0 3px 4px 0 rgba(0, 204, 153, 0.4);
    }

.k-button.k-outline {
    border-color: var(--accent);
    color: var(--accent);
    background: none;
    box-shadow: none;
}

    .k-button.k-outline:hover, .k-button.k-outline.k-state-hover {
        border-color: var(--accent);
        color: #ededed;
        background: var(--accent);
    }

    .k-button.k-outline:active, .k-button.k-outline.k-state-active {
        border-color: var(--accent);
        color: var(--primary);
        background: var(--accent);
    }

    .k-button.k-outline:focus, .k-button.k-outline.k-state-focused {
        box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
    }

.k-button.k-primary.k-outline {
    border-color: currentColor;
    color: var(--primary);
    background: none;
    box-shadow: none;
}

    .k-button.k-primary.k-outline:hover, .k-button.k-primary.k-outline.k-state-hover {
        border-color: var(--primary);
        color: #ffffff;
        background: var(--primary);
        opacity: 0.8;
    }

    .k-button.k-primary.k-outline:focus, .k-button.k-primary.k-outline.k-state-focused {
        box-shadow: 0 3px 4px 0 rgba(0, 204, 153, 0.4);
    }

.k-button.k-bare::before, .k-button.k-bare::after {
    border-radius: 0;
}

.k-button.k-primary.k-bare {
    color: var(--primary);
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-action-buttons {
    border-width: 1px 0 0;
    border-style: solid;
    border-color: inherit;
    display: flex;
    flex-direction: row;
    clear: both;
}

    .k-action-buttons .k-button {
        border-radius: 0;
        padding: 12px 16px;
        border-width: 0;
        border-color: inherit;
        color: inherit;
        background: none;
        flex: 1;
    }

        .k-action-buttons .k-button + .k-button {
            border-left-width: 1px;
        }

.k-rtl .k-action-buttons .k-button + .k-button,
[dir="rtl"] .k-action-buttons .k-button + .k-button {
    border-left-width: 0;
    border-right-width: 1px;
    border-right-style: solid;
    margin-left: 0;
}

.k-action-buttons {
    border-color: rgba(0, 0, 0, 0.08);
}

    .k-action-buttons .k-button {
        color: inherit;
    }

        .k-action-buttons .k-button:hover, .k-action-buttons .k-button.k-state-hover {
            border-color: inherit;
        }

        .k-action-buttons .k-button:focus, .k-action-buttons .k-button.k-state-focused {
            box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
        }

        .k-action-buttons .k-button:active, .k-action-buttons .k-button.k-state-active {
            border-color: inherit;
        }

    .k-action-buttons .k-primary {
        color: var(--primary);
    }

        .k-action-buttons .k-primary:hover, .k-action-buttons .k-primary.k-state-hvoer {
            border-color: inherit;
        }

            .k-action-buttons .k-primary:hover:focus, .k-action-buttons .k-primary:hover.k-state-focused, .k-action-buttons .k-primary.k-state-hvoer:focus, .k-action-buttons .k-primary.k-state-hvoer.k-state-focused {
                box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
            }

        .k-action-buttons .k-primary:focus, .k-action-buttons .k-primary.k-state-focused {
            box-shadow: inset 0 0 0 2px rgba(237, 237, 237, 0.3);
        }

        .k-action-buttons .k-primary:active, .k-action-buttons .k-primary.k-state-active {
            border-color: inherit;
        }

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-edit-form-container {
    width: 400px;
    min-width: 400px;
    border-color: inherit;
    position: relative;
}

    .k-edit-form-container .k-tabstrip-wrapper {
        margin: -16px -16px;
    }

    .k-edit-form-container .k-tabstrip.k-root-tabs {
        margin-bottom: 16px;
    }

    .k-edit-form-container .k-tabstrip .k-tabstrip-items {
        padding: 16px 16px 0;
    }

    .k-edit-form-container .k-tabstrip .k-content {
        padding: 16px 16px;
        border-width: 0;
    }

.k-edit-buttons {
    padding: 8px 8px;
    border-width: 1px 0 0;
    border-style: solid;
    border-color: inherit;
    text-align: right;
    clear: both;
}

    .k-edit-buttons .k-button + .k-button {
        margin-left: 0.5em;
    }

.k-edit-form-container .k-edit-buttons {
    margin: 16px -16px -16px;
    padding: 16px 16px;
}

.k-popup-edit-form > .k-action-buttons,
.k-edit-form-container .k-action-buttons {
    margin: 1em -16px -16px;
}

.k-edit-label {
    margin: 0 0 1em 0;
    padding: 5px 0;
    width: 30%;
    line-height: 1.42857;
    text-align: right;
    float: left;
    clear: both;
}

.k-edit-field {
    margin: 0 0 1em 0;
    width: 65%;
    float: right;
    clear: right;
}

    .k-edit-field > .k-widget, .k-edit-field > .k-block,
    .k-edit-field > .k-textbox,
    .k-edit-field > .k-input.k-textbox {
        width: 100%;
        box-sizing: border-box;
    }

    .k-edit-field > .k-colorpicker {
        width: auto;
    }

    /*    .k-edit-field input[type="radio"]:not(.k-radio),*/
    .k-edit-field input[type="checkbox"]:not(.k-checkbox) {
        margin-right: .4ex;
    }

    .k-edit-field .k-radio-label,
    .k-edit-field .k-checkbox-label {
        margin-right: 1em;
    }

    .k-edit-field .k-checkbox-label {
        margin-top: 5px;
    }

    .k-edit-field .k-reset > li + li {
        margin-top: 0.5em;
    }

    .k-edit-field .k-reset .k-widget, .k-edit-field .k-reset .k-block {
        margin: 0 .4ex 0 1ex;
    }

.k-rtl .k-edit-buttons {
    text-align: left;
}

    .k-rtl .k-edit-buttons .k-button + .k-button {
        margin-left: 0;
        margin-right: .5em;
    }

.k-window {
    padding: 0;
    max-width: 98vw;
    max-height: 98vh;
    border-width: 1px;
    border-style: solid;
    display: inline-flex;
    flex-direction: column;
    position: absolute;
    z-index: 10002;
    background-color: var(--secondary);
}

    .k-window .k-overlay {
        position: absolute;
        opacity: 0;
    }

.k-window-titlebar {
    padding: 16px 16px;
    border-width: 0 0 1px;
    border-style: solid;
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    align-items: center;
}

.k-window-title {
    margin: 0;
    font-size: 19px;
    line-height: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: default;
    flex: 1;
    height: 25px;
}

.k-window-actions {
    line-height: 1;
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    align-items: center;
    vertical-align: top;
}

.k-window-content,
.k-prompt-container {
    padding: 16px 16px;
    outline: 0;
    overflow: auto;
    position: relative;
    flex: 1 1 auto;
    background: var(--secondary);
    /*  background: var(--background);*/
}

    .k-window-content + .k-prompt-container {
        margin-top: -8px;
    }

.k-window-iframecontent {
    padding: 0;
    overflow: visible;
}

    .k-window-iframecontent .k-content-frame {
        vertical-align: top;
        border: 0;
        width: 100%;
        height: 95%;
    }

.k-window {
    border-width: 0;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.06);
}

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

.k-window-titlebar {
    border-color: inherit;
    color: var(--secondary);
    background-color: var(--primary);
    background-clip: padding-box;
}

.k-ie11 .k-window-titlebar,
.k-edge12 .k-window-titlebar,
.k-edge13 .k-window-titlebar {
    background-clip: border-box;
}

.k-dialog-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10001;
}

    .k-dialog-wrapper .k-dialog {
        position: relative;
    }

.k-dialog {
    padding: 0;
    min-width: 450px;
    position: fixed;
}

    .k-dialog.k-dialog-centered {
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
    }

.k-dialog-buttongroup,
div.k-dialog-actions.k-actions button.k-button.k-button-md.k-rounded-md.k-button-solid {
    border-width: 1px 0 0;
    border-style: solid;
    border-color: inherit;
    background-color: transparent;
    display: flex;
    flex: 0 0 auto;
}

    .k-dialog-buttongroup .k-button,
    div.k-dialog-actions.k-actions button.k-button.k-button-md.k-rounded-md.k-button-solid {
        padding: 12px 16px;
        width: auto !important;
        background: var(--secondary);
        white-space: normal;
        flex: 1;
        color: var(--accent);
        border-color: rgba(0, 0, 0, 0.08);
        /*    border-right: 1px;*/
        border-width: 1px;
    }

        .k-dialog-buttongroup .k-button::before, .k-dialog-buttongroup .k-button::after {
            content: '';
            flex: 1 0 auto;
        }

        .k-dialog-buttongroup .k-button,
        .k-dialog-buttongroup .k-button:first-child,
        .k-dialog-buttongroup .k-button:last-child,
        .k-dialog-buttongroup .k-group-start,
        .k-dialog-buttongroup .k-group-end {
            border-radius: 0;
        }

            .k-dialog-buttongroup .k-button + .k-button {
                margin: 0;
                border-left-width: 1px;
            }

.k-rtl .k-dialog-buttongroup .k-button + .k-button,
[dir='rtl'] .k-dialog-buttongroup .k-button + .k-button {
    border-left-width: 0;
    border-right-width: 1px;
}

.k-dialog-button-layout-stretched {
    flex-direction: row;
    align-items: stretch;
}

.k-dialog-titlebar {
    border-color: inherit;
    color: #ffffff;
    background-color: var(--primary);
    height: 55px;
}

.k-dialog-buttongroup .k-button {
    color: inherit;
}

    .k-dialog-buttongroup .k-button:hover, .k-dialog-buttongroup .k-button.k-state-hover {
        border-color: inherit;
    }

    .k-dialog-buttongroup .k-button:focus, .k-dialog-buttongroup .k-button.k-state-focused {
        box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
    }

    .k-dialog-buttongroup .k-button:active, .k-dialog-buttongroup .k-button.k-state-active {
        border-color: inherit;
    }

.k-dialog-buttongroup .k-primary {
    color: var(--primary);
}

    .k-dialog-buttongroup .k-primary:hover, .k-dialog-buttongroup .k-primary.k-state-hvoer {
        border-color: inherit;
    }

        .k-dialog-buttongroup .k-primary:hover:focus, .k-dialog-buttongroup .k-primary:hover.k-state-focused, .k-dialog-buttongroup .k-primary.k-state-hvoer:focus, .k-dialog-buttongroup .k-primary.k-state-hvoer.k-state-focused {
            box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
        }

    .k-dialog-buttongroup .k-primary:focus, .k-dialog-buttongroup .k-primary.k-state-focused {
        box-shadow: inset 0 0 0 2px rgba(237, 237, 237, 0.3);
    }

    .k-dialog-buttongroup .k-primary:active, .k-dialog-buttongroup .k-primary.k-state-active {
        border-color: inherit;
    }

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-grid {
    display: block;
    flex-direction: column;
    position: relative;
}

    .k-grid.k-display-block {
        display: block;
    }

    .k-grid .k-grid-container {
        display: flex;
        flex: 1 1 auto;
        overflow: hidden;
    }

    .k-grid .k-grid-aria-root {
        border-color: inherit;
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        overflow: hidden;
    }

    .k-grid table {
        margin: 0;
        width: 100%;
        max-width: none;
        border-width: 0;
        border-color: inherit;
        border-collapse: separate;
        border-spacing: 0;
        empty-cells: show;
        outline: 0;
    }

    .k-grid thead,
    .k-grid tbody,
    .k-grid tfoot {
        text-align: left;
        border-color: inherit;
    }

    .k-grid tr {
        border-color: inherit;
    }

.k-grid-header-locked + .k-grid-header-wrap.k-auto-scrollable {
    margin-right: 0;
}



/*.k-grid-header-wrap.k-auto-scrollable {
    margin-right: -1px;
}*/

.k-grid th,
.k-grid td {
    padding: 8px 12px;
    border-style: solid;
    border-color: inherit;
    outline: 0;
    font-weight: inherit;
    text-align: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    border-width: 0 0 1px 1px;
    white-space: nowrap;
}

    .k-grid th:first-child,
    .k-grid td:first-child {
        border-left-width: 0;
    }

    .k-grid th:focus,
    .k-grid td:focus {
        outline: none;
    }

.k-grid th {
    border-width: 0 0 1px 1px;
    white-space: nowrap;
}

.k-grid td {
    border-width: 0 0 0 1px;
    vertical-align: middle;
    font-size: 12px !important;
    height: auto;
}

.k-grid a {
    color: inherit;
    text-decoration: none;
    /*margin-top: 5px !important;
    margin-bottom: 5px !important;*/
    /*border-radius:5px;*/
}

    .k-grid a:hover {
        text-decoration: none;
    }

.k-grid table,
.k-grid .k-grid-header-wrap {
    box-sizing: content-box;
}

.k-grid .k-group-col,
.k-grid .k-hierarchy-col {
    padding: 0;
    width: 32px;
}

.k-grid .k-grouping-row p {
    display: flex;
    align-items: center;
    align-content: center;
}

.k-grid .k-grouping-row td {
    overflow: visible;
}

.k-grid .k-grouping-row + tr td {
    border-top-width: 1px;
}

.k-grid .k-grouping-row .k-group-cell,
.k-grid .k-grouping-row + tr .k-group-cell {
    border-top-width: 0;
    text-overflow: ellipsis;
}

.k-grid .k-grouping-row .k-icon {
    margin-left: -4px;
    margin-right: 8px;
}

.k-grid .k-group-footer td {
    border-style: solid;
    border-width: 1px 0;
}

.k-grid .k-group-footer .k-group-cell + td {
    border-left-width: 1px;
}

.k-grid .k-hierarchy-cell {
    text-align: center;
    padding: 0;
    overflow: visible;
}

    .k-grid .k-hierarchy-cell > .k-icon {
        padding: 8px 0;
        width: 100%;
        height: 100%;
        line-height: 1.42857;
        display: inline-block;
        outline: 0;
    }

    .k-grid .k-hierarchy-cell + td {
        border-left-width: 0;
    }

.k-grid[dir="rtl"] thead,
.k-grid[dir="rtl"] tbody,
.k-grid[dir="rtl"] tfoot,
.k-rtl .k-grid thead,
.k-rtl .k-grid tbody,
.k-rtl .k-grid tfoot {
    text-align: right;
}

.k-grid[dir="rtl"] th,
.k-rtl .k-grid th {
    white-space: nowrap;
}

.k-grid[dir="rtl"] .k-grid-header-wrap,
.k-rtl .k-grid .k-grid-header-wrap {
    border-width: 0 0 0 1px;
}

.k-grid[dir="rtl"] .k-group-indicator .k-button.k-bare,
.k-grid[dir="rtl"] .k-drag-clue .k-button.k-bare,
.k-rtl .k-grid .k-group-indicator .k-button.k-bare,
.k-rtl .k-grid .k-drag-clue .k-button.k-bare {
    margin-left: -2px;
    margin-right: 8px;
}

.k-grid[dir="rtl"] .k-group-indicator .k-link .k-icon,
.k-grid[dir="rtl"] .k-drag-clue .k-link .k-icon,
.k-rtl .k-grid .k-group-indicator .k-link .k-icon,
.k-rtl .k-grid .k-drag-clue .k-link .k-icon {
    margin-left: 4px;
    margin-right: -2px;
}

.k-grid[dir="rtl"] .k-group-indicator,
.k-rtl .k-grid .k-group-indicator {
    margin-right: 0;
    margin-left: 4px;
}

    .k-grid[dir="rtl"] .k-group-indicator + .k-group-indicator,
    .k-rtl .k-grid .k-group-indicator + .k-group-indicator {
        margin-right: 4px;
    }

.k-grid[dir="rtl"] .k-grid-content-locked,
.k-grid[dir="rtl"] .k-grid-footer-locked,
.k-grid[dir="rtl"] .k-grid-header-locked,
.k-rtl .k-grid .k-grid-content-locked,
.k-rtl .k-grid .k-grid-footer-locked,
.k-rtl .k-grid .k-grid-header-locked {
    border-left-width: 1px;
    border-right-width: 0;
}

.k-grid[dir="rtl"] th:first-child,
.k-grid[dir="rtl"] td:first-child,
.k-rtl .k-grid th:first-child,
.k-rtl .k-grid td:first-child {
    border-left-width: 1px;
}

.k-grid[dir="rtl"] th:last-child,
.k-grid[dir="rtl"] td:last-child,
.k-rtl .k-grid th:last-child,
.k-rtl .k-grid td:last-child {
    border-left-width: 0;
}

.k-grid[dir="rtl"] td.k-hierarchy-cell,
.k-rtl .k-grid td.k-hierarchy-cell {
    border-left-width: 0;
}

.k-grid[dir="rtl"] .k-grid-header,
.k-grid[dir="rtl"] .k-grid-footer,
.k-rtl .k-grid .k-grid-header,
.k-rtl .k-grid .k-grid-footer {
    padding-left: 17px;
    padding-right: 0;
}

    .k-grid[dir="rtl"] .k-grid-header .k-header:first-child,
    .k-rtl .k-grid .k-grid-header .k-header:first-child {
        border-right-width: 0;
    }

.k-grid[dir="rtl"] .k-filtercell-operator,
.k-rtl .k-grid .k-filtercell-operator {
    margin-left: 0;
    margin-right: 4px;
}

.k-grid[dir="rtl"] .k-dirty,
.k-rtl .k-grid .k-dirty {
    left: auto;
    right: 0;
}

.k-grid[dir="rtl"] .k-edit-cell > .k-textbox,
.k-grid[dir="rtl"] .k-edit-cell > .k-widget,
.k-grid[dir="rtl"] .k-edit-cell > .k-block,
.k-grid[dir="rtl"] .k-edit-cell > .text-box,
.k-grid[dir="rtl"] .k-grid-edit-row > td > .k-textbox,
.k-grid[dir="rtl"] .k-grid-edit-row > td > .k-widget,
.k-grid[dir="rtl"] .k-grid-edit-row > td > .k-block,
.k-grid[dir="rtl"] .k-grid-edit-row > td > .text-box,
.k-rtl .k-grid .k-edit-cell > .k-textbox,
.k-rtl .k-grid .k-edit-cell > .k-widget,
.k-rtl .k-grid .k-edit-cell > .k-block,
.k-rtl .k-grid .k-edit-cell > .text-box,
.k-rtl .k-grid .k-grid-edit-row > td > .k-textbox,
.k-rtl .k-grid .k-grid-edit-row > td > .k-widget,
.k-rtl .k-grid .k-grid-edit-row > td > .k-block,
.k-rtl .k-grid .k-grid-edit-row > td > .text-box {
    margin-right: calc(-8px - 1px);
}

.k-grid[dir="rtl"] .k-grid-header-wrap.k-auto-scrollable,
.k-rtl .k-grid .k-grid-header-wrap.k-auto-scrollable {
    margin-left: -1px;
    margin-right: 0;
}

.k-grid[dir="rtl"] .k-grid-header-locked + .k-grid-header-wrap.k-auto-scrollable,
.k-rtl .k-grid .k-grid-header-locked + .k-grid-header-wrap.k-auto-scrollable {
    margin-left: 0;
}

.k-grid .k-tooltip.k-tooltip-validation {
    display: flex;
    position: absolute;
    width: auto;
    padding: 4px 8px;
}

    .k-grid .k-tooltip.k-tooltip-validation .k-callout {
        display: block;
    }

.k-grid .k-animation-container-fixed .k-tooltip.k-tooltip-validation {
    position: static;
}

.k-grid .k-dirty-cell {
    position: relative;
}

.k-grid .k-dirty {
    border-width: 5px;
    left: 0;
    right: auto;
}

.k-grid-toolbar {
    padding: 8px;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: inherit;
    text-overflow: clip;
    cursor: default;
    display: block;
    height: 60px;
}

    .k-grid-toolbar .k-button {
        vertical-align: middle;
    }

        .k-grid-toolbar .k-button + .k-button {
            margin-left: 4px;
        }


.left,
.right {
    display: block;
    position: relative;
    margin-bottom: 2em;
    clear: both;
}

.left {
    float: left;
    margin-left: 20px;
}

.right {
    float: right;
    margin-right: 20px;
}


.k-grouping-header {
    display: block;
    padding: 8px;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: inherit;
    line-height: calc( 10px + 1.42857em);
    z-index: 5;
    position: relative;
}

.k-grouping-header-flex {
    display: flex;
    flex-shrink: 0;
    padding: 0;
}

    .k-grouping-header-flex > .k-indicator-container {
        display: inline-flex;
        margin: 0;
        padding: 4px 0 4px 8px;
        line-height: 2.14286em;
    }

        .k-grouping-header-flex > .k-indicator-container:last-child {
            flex-grow: 1;
        }



.k-group-indicator {
    border-radius: 2px;
    margin: 0;
    padding: 4px 8px;
    border-width: 1px;
    border-style: solid;
    line-height: 1.42857;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    vertical-align: top;
}


    .k-group-indicator a.k-button.k-button-md.k-rounded-md.k-button-flat.k-button-flat-base.k-icon-button {
        width: 22px;
        height: 32px;
        margin: 0;
        padding: 0;
    }

    .k-group-indicator .k-link,
    .k-group-indicator .k-button.k-bare,
    .k-drag-clue .k-link,
    .k-drag-clue .k-button.k-bare {
        padding: 0;
        border-width: 0;
        display: inline-flex;
        align-items: center;
        margin-right: 5px;
        margin-left: 5px;
    }

        .k-group-indicator .k-link .k-icon,
        .k-drag-clue .k-link .k-icon {
            margin-left: -2px;
            margin-right: 4px;
        }

    .k-group-indicator .k-button.k-bare,
    .k-drag-clue .k-button.k-bare {
        margin-left: 8px;
        margin-right: -2px;
        padding: 0;
        width: auto;
        height: auto;
        opacity: .5;
    }

        .k-group-indicator .k-button.k-bare::before, .k-group-indicator .k-button.k-bare::after,
        .k-drag-clue .k-button.k-bare::before,
        .k-drag-clue .k-button.k-bare::after {
            display: none;
        }

        .k-group-indicator .k-button.k-bare:hover,
        .k-drag-clue .k-button.k-bare:hover {
            opacity: 1;
        }

.k-group-indicator {
    margin-right: 4px;
    height: 32px;
    padding: 0;
}

    .k-group-indicator + .k-group-indicator {
        margin-left: 4px;
    }

.k-grouping-dropclue {
    width: 12px;
    height: calc( 10px + 1.42857em);
    position: absolute;
    box-sizing: content-box;
}

    .k-grouping-dropclue::before, .k-grouping-dropclue::after {
        display: inline-block;
        content: '';
        position: absolute;
    }

    .k-grouping-dropclue::before {
        border-width: 6px;
        border-style: solid;
        border-left-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        top: 0;
    }

    .k-grouping-dropclue::after {
        width: 2px;
        height: calc(100% - 6px);
        top: 6px;
        left: calc(6px - (2px / 2));
    }

.k-grid-header-wrap,
.k-grid-footer-wrap {
    width: 100%;
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: inherit;
    position: relative;
    overflow: hidden;
    height: auto;
}

    .k-grid-header-wrap.k-auto-scrollable {
        margin-right: -1px;
        height: auto;
    }

.k-grid-header-locked + .k-grid-header-wrap.k-auto-scrollable {
    margin-right: 0;
}

.k-grid-header,
.k-grid-footer {
    flex: 0 0 auto;
 /*   padding-right: 17px;*/
    border-width: 0;
    border-style: solid;
    border-color: inherit;
    font-size: 12px;
    line-height: 1.42857;
}



div.k-grid-header,
div.k-grid-footer {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    color: #fff;
    background-color: var(--header);
    border-color: #4a5160;
    border-bottom-width: 1px;
    font-size: 12px;
    line-height: 1.42857;
    z-index: 5;
    position: relative;
}

div.k-grid-footer {
    height: 35px;
    z-index: 5;
}

.k-ie div.k-grid-header {
    display: block;
}

.k-grid-header {
    border-bottom-width: 1px;
}

    .k-grid-header table {
        margin-bottom: -1px;
    }

    .k-grid-header .k-header {
        position: relative;
        vertical-align: middle;
        height: 30px;
    }

        .k-grid-header .k-header:first-child {
            border-left-width: 0;
        }

        .k-grid-header .k-header.k-first {
            border-left-width: 1px;
        }

        .k-grid-header .k-header > .k-link {
            margin: -8px -12px;
            padding: 8px 12px;
            line-height: inherit;
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
        }

.k-ff .k-grid-header .k-header > .k-link {
    margin-inline-start: 0;
    padding-inline-start: 0;
}

.k-grid-header .k-header.k-filterable > .k-link {
    margin-right: calc( 10px + 1.42857em);
}

.k-grid-header .k-header > .k-link:focus {
    text-decoration: none;
}

.k-grid-header .k-header > .k-link > .k-icon {
    margin: 0 .4ex;
    position: static;
    vertical-align: middle;
}

.k-grid-header .k-grid-filter,
.k-grid-header .k-header-column-menu {
    padding: 4px;
    width: calc( 10px + 1.42857em);
    height: calc( 10px + 1.42857em);
    box-sizing: border-box;
    outline: 0;
    line-height: 1.42857;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    float: right;
    position: relative;
    z-index: 1;
}

.k-grid-header .k-grid-filter {
    margin: -4px 0;
}

.k-grid-header .k-header-column-menu {
    margin: 0;
    margin-top: calc( (1.42857em + (-1 * calc( 10px + 1.42857em))) / 2);
    margin-bottom: calc( (1.42857em + (-1 * calc( 10px + 1.42857em))) / 2);
    margin-right: -12px;
}

    .k-grid-header .k-header-column-menu + .k-link {
        margin-right: calc(1.42857em + 8px + 2px - 12px);
    }

.k-grid-header .k-header > .k-link > .k-icon.k-i-sort-desc-sm, .k-grid-header .k-header > .k-link > .k-icon.k-i-sort-asc-sm {
    vertical-align: text-top;
    margin-left: calc( 8px - 1px);
}

.k-grid-header .k-sort-order {
    display: inline-block;
    font-size: 12px;
    height: 16px;
    margin-left: -4px;
    vertical-align: top;
    margin-top: 2px;
}


.k-grid-footer-wrap {
    height: 30px;
}

.k-grid-footer {
    border-width: 1px 0 0;
    height: 30px;
}

    .k-grid-footer td {
        height: 1.42857em;
    }

.k-filter-row {
    line-height: 1.42857;
    height: 50px;
}

    .k-filter-row td,
    .k-filter-row th {
        border-width: 0 0 1px 1px;
        white-space: nowrap;
        padding: 8px;
    }

    .k-filter-row .k-multiselect {
        height: auto;
    }

    .k-filter-row .k-filtercell .k-widget.k-sized-input, .k-filter-row .k-filtercell .k-sized-input.k-block {
        flex: 0 1 auto;
    }

.k-filtercell {
    width: auto;
}

    .k-filtercell > span,
    .k-filtercell .k-filtercell-wrapper {
        display: flex;
        flex: 1;
    }

        .k-filtercell > span > label,
        .k-filtercell .k-filtercell-wrapper > label {
            vertical-align: middle;
        }

        .k-filtercell .k-filtercell-wrapper > .k-widget, .k-filtercell .k-filtercell-wrapper > .k-block {
            width: 100%;
        }

        .k-filtercell > span .k-button, .k-filtercell > span .k-input-button, .k-filtercell > span .k-spin-button {
            visibility: visible;
            pointer-events: all;
        }
/*

    .k-filtercell > span .k-button, .k-filtercell > span .k-input-button {
        margin-left: 2px;
        padding: 0;
        height: 30px;
        width: 30px;
        margin-top: 0;
        margin-bottom: 0;
    }

  
    .k-filtercell > span .k-dropdown-operator {
        margin-left: 2px;
        padding: 0;
        height: 30px;
        width: 30px;
        margin-top: 0;
        margin-bottom: 0;
    } 
  .k-filtercell > span .k-numerictextbox {
    width: auto; }
  .k-filtercell .k-filtercell-operator > .k-button.k-clear-button-visible {
    visibility: visible;
    height: calc( 10px + 1.42857em); }
  .k-filtercell .k-filtercell-operator > .k-button:not(.k-clear-button-visible) {
    visibility: hidden;
    pointer-events: none; }
  .k-filtercell .k-filtercell-operator {
    margin-left: 4px; }
  .k-filtercell .k-widget:not(.k-dropdown-operator), .k-filtercell .k-block:not(.k-dropdown-operator),
  .k-filtercell .k-filtercell-wrapper > .k-textbox {
    display: flex;
    flex: 1 1 auto; }
  .k-filtercell .k-filtercell-wrapper > .k-textbox {
    width: 100%;
    min-width: 0; }
  .k-filtercell .k-autocomplete .k-input,
  .k-filtercell .k-dropdown-wrap .k-input,
  .k-filtercell .k-numeric-wrap .k-input,
  .k-filtercell .k-picker-wrap .k-input,
  .k-filtercell .k-selectbox .k-input,
  .k-filtercell .k-textbox > input {
    padding-left: 0;
    padding-right: 0;
    text-indent: 8px; }
  .k-filtercell.k-filtercell-boolean .k-filtercell-wrapper {
    padding-right: calc(1.42857em + 8px + 2px + 4px);
    overflow: hidden; }*/

.k-grid-content,
.k-grid-content-locked {
    border-color: inherit;
}


    .k-grid-header table,
    .k-grid-footer table,
    .k-grid-content table,
    .k-grid-content-locked table
    /* table */ {
        table-layout: fixed;
    }

div#divAlertsBar {
    padding-top: 2px;
}

.k-grid-content tr:last-child td,
.k-grid-content-locked tr:last-child td {
    border-bottom-width: 0;
}

.k-grid-content {
    width: 100%;
    min-height: 0;
    overflow: auto;
    overflow-x: auto;
    overflow-y: auto;
    position: relative;
    flex: 1;
}

    .k-grid-content .k-button {
        vertical-align: middle;
        color: white;
        margin: 0 .16em;
    }

.k-virtual-scrollable-wrap {
    height: 100%;
    overflow-y: hidden;
    position: relative;
}

.k-grid-edit-row td {
    text-overflow: ellipsis;
}

.k-grid-edit-row .k-widget, .k-grid-edit-row .k-block,
.k-grid-edit-row .k-button,
.k-grid-edit-row .k-textbox,
.k-grid-edit-row .k-input.k-textbox {
    height: 34px;
}

.k-grid-edit-row .k-edit-cell {
    padding-top: 0;
    padding-bottom: 0;
}

.k-grid-edit-row .k-dirty-cell {
    text-overflow: ellipsis;
}

.k-edit-cell > .k-textbox,
.k-edit-cell > .k-widget,
.k-edit-cell > .k-block,
.k-edit-cell > .text-box,
.k-grid-edit-row > td > .k-textbox,
.k-grid-edit-row > td > .k-widget,
.k-grid-edit-row > td > .k-block,
.k-grid-edit-row > td > .text-box {
    margin-left: calc(-8px - 1px);
}

.k-grid-edit-row td > .k-textbox,
.k-grid-edit-row td > .k-widget,
.k-grid-edit-row td > .k-block,
.k-edit-cell > .k-textbox,
.k-edit-cell > .k-widget,
.k-edit-cell > .k-block {
    width: calc(95% + ((8px + 1px) * 2));
}

.k-grid-edit-row td > .k-textbox,
.k-grid-edit-row td > .k-widget,
.k-grid-edit-row td > .k-block,
.k-command-cell > .k-button,
.k-edit-cell > .k-textbox,
.k-edit-cell > .k-widget,
.k-edit-cell > .k-block {
    margin-top: calc( (1.42857em + (-1 * calc( 10px + 1.42857em))) / 2);
    margin-bottom: calc( (1.42857em + (-1 * calc( 10px + 1.42857em))) / 2);
    vertical-align: middle;
}

.k-command-cell > .k-button {
    margin-right: 5px;
}

.k-grid > .k-resize-handle,
.k-grid-header .k-resize-handle {
    height: 25px;
    cursor: col-resize;
    position: absolute;
    z-index: 2;
}

.k-grid-pager {
    padding: 8px;
    border-width: 1px 0 0;
    border-color: inherit;
    height: 50px;
    background: var(--header);
    z-index: 5;
}

.k-grid-virtual .k-grid-content .k-grid-table,
.k-grid-virtual .k-grid-content > table {
    position: absolute;
    z-index: 1;
}

.k-grid-virtual .k-grid-content > .k-height-container {
    position: relative;
}

.k-grid-add-row td {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

/* Locked columns */
.k-grid-lockedcolumns {
    white-space: nowrap;
}

.k-grid-content,
.k-grid-content-locked,
.k-pager-wrap {
    white-space: normal;
}

.k-grid-content-locked,
.k-grid-footer-locked,
.k-grid-header-locked {
    flex: 1 0 auto;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    position: relative;
    border-style: solid;
    border-width: 0 1px 0 0;
    height: auto;
}

    .k-grid-content-locked + .k-grid-content.k-auto-scrollable,
    .k-grid-footer-locked + .k-grid-content.k-auto-scrollable,
    .k-grid-header-locked + .k-grid-content.k-auto-scrollable {
        display: inline-block;
    }

.k-grid-content,
.k-grid-footer-wrap,
.k-grid-header-wrap {
    flex: 1 1 auto;
    display: inline-block;
    vertical-align: top;
}

    .k-grid-content.k-auto-scrollable,
    .k-grid-footer-wrap.k-auto-scrollable,
    .k-grid-header-wrap.k-auto-scrollable {
        display: block;
    }

    .k-grid-header-locked > table,
    .k-grid-header-wrap > table {
        margin-bottom: -1px;
    }

.k-header.k-drag-clue {
    overflow: hidden;
}

.k-grid-no-scrollbar .k-grid-header-wrap {
    border-width: 0;
}

.k-loading-pdf-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100;
}

    .k-loading-pdf-mask > .k-i-loading {
        position: absolute;
        top: 50%;
        left: 50%;
        font-size: 64px;
    }

    .k-loading-pdf-mask .k-loading-pdf-progress {
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

.k-grid-pdf-export-element {
    position: absolute;
    left: -10000px;
    top: -10000px;
}

    .k-grid-pdf-export-element .k-filter-row {
        display: none;
    }

.k-filter-menu > div:not(.k-animation-container),
.k-filter-menu .k-filter-menu-container {
    padding: 0.5em 1em;
}

.k-filter-menu > div > div > .k-button {
    margin: 0.5em 1% 0;
    width: 48%;
    box-sizing: border-box;
    display: inline-block;
}

.k-filter-menu .k-widget, .k-filter-menu .k-block,
.k-filter-menu .k-radio-list,
.k-filter-menu .k-textbox {
    margin: 0.5em 0;
    width: 100%;
    display: block;
}

    .k-filter-menu .k-widget.k-filter-and, .k-filter-menu .k-filter-and.k-block {
        width: 6em;
        margin: 1em 0;
    }

.k-filter-menu .k-action-buttons {
    margin: 1em -1em -0.5em;
}

    .k-filter-menu .k-action-buttons .k-button {
        margin: 0;
    }

.k-multicheck-wrap {
    max-height: 300px;
    overflow: auto;
    overflow-x: hidden;
    white-space: nowrap;
}

    .k-multicheck-wrap .k-item + .k-item {
        margin-top: 0.5em;
    }

    .k-multicheck-wrap .k-label {
        margin: 0;
        display: flex;
        align-items: center;
        cursor: pointer;
    }

        .k-multicheck-wrap .k-label input {
            margin: 0 0.25em;
        }

.k-filter-selected-items {
    font-weight: bold;
    line-height: normal;
    white-space: nowrap;
    margin: 1em 0 0.5em;
}

.k-autofitting {
    width: auto !important;
    table-layout: auto !important;
}

    .k-autofitting th.k-header,
    .k-autofitting td {
        white-space: nowrap !important;
    }

    .k-autofitting .k-detail-row {
        display: none !important;
    }


.darkMode .md-skin .nav > li.active > a:nth-child(1):focus,
.darkMode .md-skin .nav > li.active > a:nth-child(1):hover,
span.k-pager-sizes.k-label,
span.k-pager-info.k-label,
span.k-pager-input.k-label,
.darkMode .k-grouping-header,
.darkMode .k-window-titlebar,
.darkMode span.k-column-title {
    color: white;
}

html.k-webkit.k-webkit107 {
    /* background: var(--header);*/
    color: white;
}

.k-widget.k-window,
html.k-webkit.k-webkit107,
/*    html.k-webkit.k-webkit107:has(> .darkMode),*/
.darkMode div.km-scroll-wrapper,
.k-widget.k-window.k-state-focused.k-display-inline-flex {
    background: var(--background);
    /* color: white; */
}

div.km-scroll-wrapper {
    background: var(--secondary);
}


.darkMode .nav-tabs > li.active > a {
    color: white;
    background: var(--primary);
    border: 0;
}

.darkMode .btn-default:hover {
    color: var(--accent);
    background: var(--background);
}

.darkMode .text-box.single-line.k-disabled,
.darkMode .md-skin .nav > li.active > a:nth-child(1):hover,
.darkMode .k-grid-header,
.darkMode .k-grid-toolbar,
.darkMode .k-grouping-header,
.darkMode .k-grid-add-row,
.darkMode .k-grid-footer,
.darkMode .k-drag-clue {
    color: white;
}



.darkMode span#spn_siteName {
    color: var(--accent);
}

.darkMode tr.k-master-row,
.darkMode .k-grid {
    background: grey;
    color: white;
}

.darkMode tr.k-alt.k-master-row {
    background-color: var(--alternategrid);
    color: white;
    /*  filter: brightness(90%);*/
}

.darkMode tbody .k-group-cell {
    background-color: var(--alternategrid);
    color: white;
}

.k-grid-header,
.k-header,
.k-grid-header-wrap,
.k-grouping-header,
.k-grouping-header .k-group-indicator,
.k-grid td,
.k-grid-footer,
.k-grid-footer-wrap,
.k-grid-content-locked,
.k-grid-footer-locked,
.k-grid-header-locked,
.k-filter-row > td,
.k-filter-row > th {
    border-color: #4a5160;
    font-size: 12px;
    line-height: 1.42857;
}

.k-grid-header,
.k-grid-toolbar,
.k-grouping-header,
/*.k-grid-add-row,*/
.k-grid-footer {
    color: var(--secondary);
    background-color: var(--header);
    border-color: #4a5160;
    border-bottom-width: 1px;
    font-size: 12px;
    line-height: 1.42857;
}

.k-group-footer td,
.k-grouping-row td,
tbody .k-group-cell {
    color: var(--accent);
    background: var(--background);
    filter: brightness(90%);
}

.k-grid-footer td,
.k-group-footer td,
.k-grouping-row td {
    font-weight: bold;
}

.k-grouping-dropclue::before {
    border-color: var(--accent) transparent transparent;
}

.k-grouping-dropclue::after {
    background-color: var(--accent);
}

.k-grid {
    background-clip: padding-box;
}

.k-ie11 .k-grid,
.k-edge12 .k-grid,
.k-edge13 .k-grid {
    background-clip: border-box;
}

.k-grid tr.k-alt {
    background-color: var(--alternategrid);
}


.darkMode .md-skin .nav > li.active > a:nth-child(1):focus,
.darkMode .md-skin .nav > li.active > a:nth-child(1):hover {
    background-color: var(--info);
    border: 1pt solid var(--info);
    color: white;
}

.darkMode .md-skin .navbar-static-side .nav > li > a:hover > i,
.darkMode .md-skin .navbar-static-side .nav > li > a:focus > i,
.darkMode .md-skin .nav > li.active > a:nth-child(1) > i {
    color: white;
}

.darkMode .md-skin .nav > li.active > a:nth-child(1):focus,
.darkMode .md-skin .nav > li.active > a:nth-child(1):hover,
.darkMode .md-skin .nav > li.active > a:nth-child(1) {
    background-color: var(--primary);
    border: 1pt solid var(--primary);
    color: white;
}


    .darkMode .md-skin .navbar-static-side .nav > li > a:focus-within > i:focus,
    .darkMode .md-skin .navbar-static-side .nav > li > a:focus-within > i:hover,
    .darkMode .md-skin .navbar-static-side .nav > li > a:focus-within > i,
    .darkMode .md-skin .navbar-static-side .nav > li > a:hover,
    .darkMode .md-skin .nav > li.active > a:nth-child(1):focus,
    .darkMode .md-skin .nav > li.active > a:nth-child(1):hover,
    .darkMode .k-grid tr.k-selected,
    .darkMode .k-grid td.k-selected,
    .darkMode .k-grid tr.k-state-selected,
    .darkMode .k-grid td.k-state-selected,
    .darkMode tr.k-table-row.k-master-row.k-selected,
    .darkMode .k-grid tr.k-selected,
    .darkMode tr.k-alt.k-master-row.k-selected {
        color: white;
        background-color: var(--primary);
    }

tr.k-table-row.k-master-row {
    height: auto;
}

    .k-grid tr.k-selected,
    .k-grid td.k-selected,
    .k-grid tr.k-state-selected,
    .k-grid td.k-state-selected,
    tr.k-table-row.k-master-row.k-selected,
    .k-grid tr.k-selected,
    tr.k-alt.k-master-row.k-selected {
        color: inherit;
        background-color: rgba(51, 51, 102, 0.25);
    }

.k-grid td.k-state-focused,
.k-grid th.k-state-focused {
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
}

.lightMode span.k-column-title, .k-label {
    color: var(--secondary);
}

.k-grid .k-grid-filter,
.k-grid .k-header-column-menu,
.k-grid .k-hierarchy-cell .k-icon {
    border-width: 0;
    color: var(--primary);
}

.k-grid .k-grouping-row {
    background-color: #ededed;
}

    .k-grid .k-grouping-row .k-icon {
        color: var(--accent);
        text-decoration: none;
    }

.k-grid .k-tooltip.k-tooltip-validation {
    /*display: block;*/
    padding-top: 10px;
    color: #ffffff;
    background-color: var(--primary);
    bottom: -5px;
    position: relative;
    z-index: 10;
}

    .k-grid .k-tooltip.k-tooltip-validation .k-callout-n {
        border-bottom-color: var(--primary);
    }

    .k-grid .k-tooltip.k-tooltip-validation .k-callout-e {
        border-left-color: var(--primary);
    }

    .k-grid .k-tooltip.k-tooltip-validation .k-callout-s {
        border-top-color: var(--primary);
    }

    .k-grid .k-tooltip.k-tooltip-validation .k-callout-w {
        border-right-color: var(--primary);
    }

.k-grid .k-dirty {
    border-color: currentColor transparent transparent currentColor;
}

.k-grid[dir="rtl"] .k-dirty,
.k-rtl .k-grid .k-dirty {
    border-color: currentColor currentColor transparent transparent;
}

col.k-sorted,
th.k-sorted {
    background-color: rgba(0, 0, 0, 0.02);
}

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

.k-grid-header .k-grid-filter:hover {
    color: var(--accent);
    background-color: #ededed;
}

.k-grid-header .k-grid-filter:focus {
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
}

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

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-tabstrip {
    border-width: 0;
    background-color: transparent;
    display: flex;
    flex-direction: column;
}

    .k-tabstrip > .k-tabstrip-items {
        border: 0 solid transparent;
        border-color: inherit;
        display: flex;
        flex-direction: row;
        flex: 0 0 auto;
        position: relative;
    }

        .k-tabstrip > .k-tabstrip-items .k-item {
            margin: 0;
            padding: 0;
            border: 1px solid transparent;
            position: relative;
        }

            .k-tabstrip > .k-tabstrip-items .k-item.k-tab-on-top {
                z-index: 1;
            }

            .k-tabstrip > .k-tabstrip-items .k-item .k-link {
                padding: 6px 12px;
                color: inherit;
                cursor: pointer;
                display: inline-flex;
                vertical-align: middle;
                flex: 1 1 0;
                flex-direction: row;
                align-content: center;
                align-items: center;
            }

                .k-tabstrip > .k-tabstrip-items .k-item .k-link[data-type="remove"] {
                    padding: 6px;
                    flex: none;
                }

    .k-tabstrip > .k-content {
        padding: 4px 8px;
        border-width: 1px;
        border-style: solid;
        border-color: inherit;
        display: none;
        overflow: auto;
        flex: 1 1 auto;
    }

        .k-tabstrip > .k-content.k-state-active {
            display: block;
        }

    .k-tabstrip .k-tabstrip-items .k-loading {
        width: 20%;
        height: 0;
        border: 0;
        border-top: 1px solid transparent;
        border-color: inherit;
        background: none;
        position: absolute;
        top: 0;
        left: 0;
        transition: width .2s linear;
    }

        .k-tabstrip .k-tabstrip-items .k-loading.k-complete {
            width: 100%;
            border-top-width: 0;
        }

    .k-tabstrip.k-tabstrip-scrollable {
        position: relative;
    }

        .k-tabstrip.k-tabstrip-scrollable > .k-content {
            border-width: 1px;
        }

        .k-tabstrip.k-tabstrip-scrollable > .k-tabstrip-items {
            border-width: 0;
            white-space: nowrap;
            overflow: hidden;
        }

        .k-tabstrip.k-tabstrip-scrollable > .k-tabstrip-prev {
            position: absolute;
            left: 0;
        }

        .k-tabstrip.k-tabstrip-scrollable > .k-tabstrip-next {
            position: absolute;
            right: 0;
        }

.k-ie11 .k-tabstrip.k-tabstrip-scrollable > .k-tabstrip-prev,
.k-ie11 .k-tabstrip.k-tabstrip-scrollable > .k-tabstrip-next {
    top: 0;
}

.k-tabstrip-top > .k-tabstrip-items {
    border-bottom-width: 1px;
}

    .k-tabstrip-top > .k-tabstrip-items .k-item {
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
        margin-bottom: -1px;
    }

        .k-tabstrip-top > .k-tabstrip-items .k-item + .k-item {
            margin-left: 2px;
        }

        .k-tabstrip-top > .k-tabstrip-items .k-item.k-state-active {
            border-bottom-color: transparent;
        }

.k-tabstrip-top > .k-content {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-width: 0;
}

.k-tabstrip-bottom > .k-tabstrip-items {
    border-top-width: 1px;
}

    .k-tabstrip-bottom > .k-tabstrip-items .k-item {
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px;
        margin-top: -1px;
    }

        .k-tabstrip-bottom > .k-tabstrip-items .k-item + .k-item {
            margin-left: 2px;
        }

        .k-tabstrip-bottom > .k-tabstrip-items .k-item.k-state-active {
            border-top-color: transparent;
        }

.k-tabstrip-bottom > .k-content {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-width: 0;
}

.k-tabstrip-left {
    flex-direction: row;
}

    .k-tabstrip-left > .k-tabstrip-items {
        border-right-width: 1px;
        display: inline-flex;
        flex-direction: column;
    }

        .k-tabstrip-left > .k-tabstrip-items .k-item {
            border-top-left-radius: 2px;
            border-bottom-left-radius: 2px;
            margin-right: -1px;
        }

            .k-tabstrip-left > .k-tabstrip-items .k-item + .k-item {
                margin-top: 2px;
            }

            .k-tabstrip-left > .k-tabstrip-items .k-item.k-state-active {
                border-right-color: transparent;
            }

    .k-tabstrip-left > .k-content {
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        margin: 0 !important;
        border-left-width: 0;
    }

.k-tabstrip-right {
    flex-direction: row-reverse;
}

    .k-tabstrip-right > .k-tabstrip-items {
        border-left-width: 1px;
        display: inline-flex;
        flex-direction: column;
    }

        .k-tabstrip-right > .k-tabstrip-items .k-item {
            border-top-right-radius: 2px;
            border-bottom-right-radius: 2px;
            margin-left: -1px;
        }

            .k-tabstrip-right > .k-tabstrip-items .k-item + .k-item {
                margin-top: 2px;
            }

            .k-tabstrip-right > .k-tabstrip-items .k-item.k-state-active {
                border-left-color: transparent;
            }

    .k-tabstrip-right > .k-content {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
        margin: 0 !important;
        border-right-width: 0;
    }

.k-tabstrip {
    border-color: rgba(0, 0, 0, 0.08);
}

    .k-tabstrip .k-item {
        border-color: transparent;
        color: var(--primary);
        background-color: transparent;
        background-clip: padding-box;
    }

.k-ie11 .k-tabstrip .k-item,
.k-edge12 .k-tabstrip .k-item,
.k-edge13 .k-tabstrip .k-item {
    background-clip: border-box;
}

.k-tabstrip .k-item:hover, .k-tabstrip .k-item.k-state-hover {
    border-color: transparent;
    color: #169c7b;
    background-color: transparent;
}

.k-tabstrip .k-item.k-state-active {
    border-color: rgba(0, 0, 0, 0.08);
    color: var(--accent);
    background-color: #ffffff;
}

.k-tabstrip > .k-content {
    border-color: #ffffff;
    color: var(--accent);
    background-color: #ffffff;
    background-clip: padding-box;
}

.k-ie11 .k-tabstrip > .k-content,
.k-edge12 .k-tabstrip > .k-content,
.k-edge13 .k-tabstrip > .k-content {
    background-clip: border-box;
}

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

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

.k-tabstrip-left > .k-tabstrip-items .k-item.k-state-active {
    border-right-color: #ffffff;
}

.k-tabstrip-right > .k-tabstrip-items .k-item.k-state-active {
    border-left-color: #ffffff;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-toolbar {
    padding: 8px 4px;
    line-height: 1.42857;
    /*display: flex;*/
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    overflow: hidden;
    border-color: #4a5160;
    z-index: 5;
}

    .k-toolbar.k-toolbar-resizable {
        flex-wrap: nowrap;
    }

    .k-toolbar > * {
        /* display: inline-flex;*/
        align-items: stretch;
        align-content: center;
        vertical-align: middle;
        margin: 0 4px;
    }

    .k-toolbar .k-button,
    .k-toolbar .k-button-group,
    .k-toolbar .k-separator,
    .k-toolbar .k-split-button,
    .k-toolbar .k-textbox,
    .k-toolbar .k-widget,
    .k-toolbar .k-block,
    .k-toolbar label {
        vertical-align: middle;
    }

        .k-toolbar .k-split-button .k-button:hover {
            z-index: 2;
        }

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

    .k-toolbar .k-overflow-anchor {
        border-radius: 0;
        padding: 8px;
        width: calc( 1.42857em + 8px + 2px + 16px);
        height: calc( 1.42857em + 8px + 2px + 16px);
        margin: 0;
        border-width: 0 0 0 1px;
        border-color: inherit;
        background-clip: padding-box;
        box-sizing: border-box;
        justify-content: center;
        position: absolute;
        top: 0;
        right: 0;
    }

    .k-toolbar .k-separator {
        width: 0;
        margin-top: -8px;
        margin-bottom: -8px;
        border-width: 0 0 0 1px;
        border-style: solid;
        border-color: inherit;
        align-self: stretch;
    }

.k-overflow-container .k-overflow-tool-group {
    display: block;
}

.k-overflow-container .k-tool.k-state-disabled,
.k-overflow-container .k-overflow-hidden {
    display: none;
}

.k-rtl .k-toolbar .k-overflow-anchor {
    right: auto;
    left: 0;
    border-width: 0 1px 0 0;
}

.k-toolbar {
    background-clip: padding-box;
}

.k-ie11 .k-toolbar,
.k-edge12 .k-toolbar,
.k-edge13 .k-toolbar {
    background-clip: border-box;
}

.k-toolbar .k-button {
    border-color: transparent;
    color: inherit;
    height: 35px;
    /*background: none;*/
    background-clip: padding-box;
}

.k-ie11 .k-toolbar .k-button,
.k-edge12 .k-toolbar .k-button,
.k-edge13 .k-toolbar .k-button {
    background-clip: border-box;
}

.k-toolbar .k-button:not(.k-overflow-anchor) {
    position: relative;
}

.k-toolbar .k-button::before, .k-toolbar .k-button::after {
    display: block;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    z-index: -1;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
}

.k-toolbar .k-button::before {
    content: "";
    background-color: currentColor;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

.k-toolbar .k-button::after {
    content: "";
    border: 2px solid currentColor;
}

.k-toolbar .k-split-button .k-button::before, .k-toolbar .k-split-button .k-button::after {
    display: none;
}

.k-toolbar .k-button:hover::before,
.k-toolbar .k-button.k-state-hover::before {
    opacity: .07;
    z-index: 1;
}

.k-toolbar .k-button:focus,
.k-toolbar .k-button.k-state-focused {
    box-shadow: none;
}

    .k-toolbar .k-button:focus::after,
    .k-toolbar .k-button.k-state-focused::after {
        opacity: .08;
        z-index: 1;
    }

.k-toolbar .k-split-button .k-button:focus,
.k-toolbar .k-split-button .k-button.k-state-focused {
    border-color: rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
}

.k-toolbar .k-split-button:focus {
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
}

.k-toolbar .k-button:active::before, .k-toolbar .k-button:active::after,
.k-toolbar .k-button.k-state-active::before,
.k-toolbar .k-button.k-state-active::after {
    z-index: 1;
}

.k-toolbar .k-button:active::before,
.k-toolbar .k-button.k-state-active::before {
    opacity: .07;
}

.k-toolbar .k-button:active::after,
.k-toolbar .k-button.k-state-active::after {
    opacity: .13;
}

.k-toolbar .k-split-button .k-button:active,
.k-toolbar .k-split-button .k-button.k-state-active {
    box-shadow: none;
}

.k-toolbar .k-state-border-down .k-split-button-arrow {
    box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.06);
}

.k-toolbar .k-button.k-state-disabled::after {
    opacity: 0;
}

.k-toolbar .k-button-group .k-group-start,
.k-toolbar .k-button-group .k-button:first-child,
.k-toolbar .k-button-group .k-group-end,
.k-toolbar .k-button-group .k-button:last-child {
    border-radius: 0;
}

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

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-spreadsheet {
    width: 800px;
    height: 600px;
    display: flex;
    flex-direction: column;
    cursor: default;
    position: relative;
}

    .k-spreadsheet .k-vertical-align-center {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

    .k-spreadsheet .k-vertical-align-bottom {
        position: relative;
        top: 100%;
        transform: translateY(-100%);
    }

    .k-spreadsheet .k-tabstrip-wrapper {
        border-width: 0 0 1px;
        border-style: solid;
        border-color: inherit;
        position: relative;
    }

.k-spreadsheet-quick-access-toolbar {
    padding: 8px;
    display: inline-flex;
    flex-direction: row;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}

    .k-spreadsheet-quick-access-toolbar .k-button:not(:hover) {
        border-color: transparent;
        color: inherit;
        background-color: transparent;
        background-image: none;
    }

.k-spreadsheet-tabstrip {
    padding-top: 8px;
}

    .k-spreadsheet-tabstrip .k-loading {
        display: none;
    }

    .k-spreadsheet-tabstrip .k-content {
        border-radius: 0;
        padding: 0;
        border-width: 0;
        overflow: hidden;
    }

.k-spreadsheet-toolbar {
    border-width: 0;
}

    .k-spreadsheet-toolbar [data-tool="backgroundColor"],
    .k-spreadsheet-toolbar [data-tool="textColor"],
    .k-spreadsheet-toolbar [data-tool="borders"],
    .k-spreadsheet-toolbar [data-tool="alignment"],
    .k-spreadsheet-toolbar [data-tool="merge"],
    .k-spreadsheet-toolbar [data-tool="freeze"] {
        width: auto;
        min-width: 1.42857em;
    }

    .k-spreadsheet-toolbar [data-tool="fontSize"] {
        width: 5em;
    }

    .k-spreadsheet-toolbar [data-tool="fontFamily"] {
        width: 6em;
    }

    .k-spreadsheet-toolbar [data-tool="format"] {
        width: 4em;
    }

.k-spreadsheet-action-bar {
    border-width: 0 0 1px;
    border-style: solid;
    border-color: inherit;
    font-size: 12px;
    font-family: Arial, Verdana, sans-serif;
    position: relative;
    display: flex;
    flex-direction: row;
}

.k-spreadsheet-name-editor {
    width: 10em;
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: inherit;
}

    .k-spreadsheet-name-editor .k-combobox {
        width: 100%;
        font-size: inherit;
    }

        .k-spreadsheet-name-editor .k-combobox .k-dropdown-wrap {
            border-radius: 0;
            border-width: 0;
        }

        .k-spreadsheet-name-editor .k-combobox .k-select {
            border-radius: 0;
        }

.k-spreadsheet-formula-bar {
    border-color: inherit;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex: 1;
}

    .k-spreadsheet-formula-bar::before {
        font-size: 16px;
        font-family: 'WebComponentsIcons';
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        padding: 0 4px;
        border-width: 0 1px 0 0;
        border-style: solid;
        border-color: inherit;
    }

    .k-spreadsheet-formula-bar .k-tooltip,
    .k-spreadsheet-formula-bar .k-group-header,
    .k-spreadsheet-formula-bar .k-list-scroller {
        display: none;
    }

    .k-spreadsheet-formula-bar .k-spreadsheet-formula-input {
        padding: 4px 8px;
        line-height: 1.42857;
    }

.k-spreadsheet-formula-input {
    outline: 0;
    white-space: pre;
    flex: 1;
    box-sizing: border-box;
}

    .k-spreadsheet-formula-input > .k-syntax-func.k-syntax-at-point,
    .k-spreadsheet-formula-input > .k-syntax-bool.k-syntax-at-point,
    .k-spreadsheet-formula-input > .k-syntax-ref.k-syntax-at-point,
    .k-spreadsheet-formula-input > .k-syntax-str.k-syntax-at-point,
    .k-spreadsheet-formula-input > .k-syntax-num.k-syntax-at-point {
        text-decoration: underline;
    }

    .k-spreadsheet-formula-input > .k-series-a,
    .k-spreadsheet-formula-input > .k-series-b,
    .k-spreadsheet-formula-input > .k-series-c,
    .k-spreadsheet-formula-input > .k-series-d {
        background-color: transparent;
    }

.k-spreadsheet-formula-list {
    min-width: 100px;
}

    .k-spreadsheet-formula-list .k-item {
        padding: 4px 8px;
    }

.k-spreadsheet-cell-editor {
    padding: 0 3px;
    line-height: 20px;
    display: none;
    overflow: hidden;
    position: absolute;
    z-index: 2000;
}

.k-spreadsheet-sheets-bar {
    padding: 0 4px 4px;
    border-width: 1px 0 0;
    border-style: solid;
    border-color: inherit;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
}

.k-spreadsheet-sheets-bar-add {
    margin-right: 4px;
}

    .k-spreadsheet-sheets-bar-add:not(:hover) {
        border-color: transparent;
        color: inherit;
        background: none;
    }

.k-spreadsheet-sheets-items {
    margin-top: -1px;
    flex: 1;
    overflow: hidden;
}

    .k-spreadsheet-sheets-items .k-tabstrip-items {
        margin: 0 calc( 10px + 1.42857em) !important;
        border-width: 0;
    }

    .k-spreadsheet-sheets-items .k-tabstrip-prev {
        left: 0 !important;
    }

    .k-spreadsheet-sheets-items .k-tabstrip-next {
        right: 0 !important;
    }

    .k-spreadsheet-sheets-items .k-item .k-link {
        display: inline-block;
    }

    .k-spreadsheet-sheets-items .k-item .k-spreadsheet-sheets-remove {
        margin-right: 0.5em;
        margin-left: -0.5em;
        padding: 0;
        line-height: 1;
        vertical-align: middle;
    }

.k-spreadsheet-view {
    height: auto !important;
    border-color: inherit;
    font-size: 12px;
    font-family: Arial, Verdana, Sans-serif;
    flex: 1;
    position: relative;
}

.k-spreadsheet-fixed-container {
    width: 100%;
    height: 100%;
    border-color: inherit;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    z-index: 2;
}

.k-spreadsheet-overflow {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    border-color: inherit;
}

.k-spreadsheet-pane {
    padding: 0 1px 0 0;
    border-width: 2px 0 0 2px;
    border-style: solid;
    border-color: inherit;
    box-sizing: border-box;
    position: absolute;
    overflow: hidden;
}

    .k-spreadsheet-pane.k-top {
        border-top-width: 0;
    }

    .k-spreadsheet-pane.k-left {
        border-left-width: 0;
    }

.k-spreadsheet-top-corner {
    border-width: 0 1px 1px 0;
    border-style: solid;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
}

    .k-spreadsheet-top-corner::after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        overflow: hidden;
        position: absolute;
        bottom: 0;
        right: 0;
        border: 6px solid transparent;
        border-right-color: inherit;
        border-bottom-color: inherit;
    }

.k-spreadsheet-scroller {
    width: 100%;
    height: 100%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    z-index: 1;
}

.k-spreadsheet-haxis,
.k-spreadsheet-vaxis {
    border: 0 solid;
    border-color: inherit;
    position: absolute;
}

.k-spreadsheet-haxis {
    border-width: 1px 0 0;
    left: 0;
}

.k-spreadsheet-vaxis {
    border-width: 0 0 0 1px;
    top: 0;
}

.k-spreadsheet-row-header,
.k-spreadsheet-column-header {
    text-align: center;
}

.k-spreadsheet-row-header {
    position: relative;
}

.k-spreadsheet-column-header {
    position: absolute;
}

.k-spreadsheet-data {
    border-color: inherit;
    cursor: cell;
    position: relative;
}

.k-spreadsheet-cell {
    padding: 1px;
    box-sizing: border-box;
    background-clip: padding-box;
    white-space: pre;
    position: absolute;
    overflow: hidden;
}

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

.k-spreadsheet-merged-cells-wrapers {
    position: relative;
}

.k-spreadsheet .k-selection-wrapper {
    position: relative;
    cursor: cell;
}

.k-spreadsheet .k-spreadsheet-selection {
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    position: absolute;
}

.k-spreadsheet .k-spreadsheet-selection-highlight {
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    position: absolute;
}

.k-spreadsheet .k-selection-wrapper .k-spreadsheet-editor-button {
    position: absolute;
    padding: 0;
}

.k-spreadsheet-active-cell {
    outline-color: transparent !important;
}

.k-spreadsheet .k-auto-fill-wrapper {
    position: relative;
}

.k-spreadsheet .k-auto-fill,
.k-spreadsheet .k-auto-fill-punch,
.k-spreadsheet .k-auto-fill-br-hint {
    box-sizing: border-box;
    position: absolute;
}

.k-spreadsheet .k-auto-fill {
    border-width: 1px;
    border-style: solid;
    cursor: crosshair;
}

.k-spreadsheet .k-single-selection::after {
    content: "";
    margin-bottom: -4px;
    margin-right: -4px;
    width: 6px;
    height: 6px;
    border-width: 1px;
    border-style: solid;
    border-radius: 50%;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 100;
    cursor: crosshair;
}

.k-spreadsheet .k-autofill-wrapper {
    position: relative;
    cursor: cell;
}

.k-spreadsheet-vborder {
    position: absolute;
    border-left-style: solid;
    border-left-width: 1px;
}

.k-spreadsheet-hborder {
    position: absolute;
    border-top-style: solid;
    border-top-width: 1px;
}

.k-spreadsheet .k-filter-wrapper {
    position: relative;
}

.k-spreadsheet .k-filter-range {
    border-width: 1px;
    border-style: solid;
    position: absolute;
    box-sizing: border-box;
}

.k-spreadsheet-filter {
    border-radius: 2px;
    line-height: 1;
    position: absolute;
    cursor: pointer;
}

    .k-spreadsheet-filter .k-icon {
        vertical-align: middle;
    }

.k-spreadsheet-filter-menu {
    width: 280px;
}

    .k-spreadsheet-filter-menu .k-animation-container {
        position: relative;
    }

    .k-spreadsheet-filter-menu > .k-menu {
        border-width: 0;
    }

        .k-spreadsheet-filter-menu > .k-menu .k-item {
            color: inherit;
        }

        .k-spreadsheet-filter-menu > .k-menu .k-link {
            padding-left: calc( 16px + 8px);
        }

        .k-spreadsheet-filter-menu > .k-menu .k-icon {
            margin-left: calc(-1 * ( 16px + 4px ));
            margin-right: 4px;
        }

    .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper {
        height: 200px;
        border-width: 1px;
        border-style: solid;
        overflow-y: scroll;
        overflow-x: auto;
    }

        .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper .k-treeview {
            padding: 4px;
            overflow: visible;
        }

    .k-spreadsheet-filter-menu .k-details {
        padding: 0;
        border-width: 1px 0 0;
        border-style: solid;
        border-color: inherit;
    }

    .k-spreadsheet-filter-menu .k-details-summary {
        padding: 4px;
        cursor: pointer;
    }

        .k-spreadsheet-filter-menu .k-details-summary > .k-icon {
            margin-right: 4px;
        }

    .k-spreadsheet-filter-menu .k-details-content {
        padding: 4px 8px 4px calc( 16px + 8px);
    }

        .k-spreadsheet-filter-menu .k-details-content > .k-textbox,
        .k-spreadsheet-filter-menu .k-details-content > .k-widget,
        .k-spreadsheet-filter-menu .k-details-content > .k-block {
            width: 100%;
            margin-bottom: 3px;
        }

        .k-spreadsheet-filter-menu .k-details-content .k-space-right {
            background-image: none;
        }

        .k-spreadsheet-filter-menu .k-details-content .k-filter-and {
            width: 75px;
            margin: 8px 0;
        }

    .k-spreadsheet-filter-menu .k-action-buttons {
        margin: 1em 0 0;
    }

.k-spreadsheet-popup {
    padding: 0;
}

    .k-spreadsheet-popup .k-separator {
        display: block;
    }

    .k-spreadsheet-popup .k-button {
        border-radius: 0;
        border-width: 0;
        color: inherit;
        background: none;
    }

    .k-spreadsheet-popup .k-button-icontext {
        display: flex;
        justify-content: flex-start;
    }

    .k-spreadsheet-popup .k-reset-color,
    .k-spreadsheet-popup .k-custom-color {
        border-radius: 0;
        width: 100%;
        border-width: 0;
        box-sizing: border-box;
        display: flex;
    }

    .k-spreadsheet-popup .k-reset-color {
        border-bottom-width: 1px;
    }

    .k-spreadsheet-popup .k-custom-color {
        border-top-width: 1px;
    }

    .k-spreadsheet-popup .k-spreadsheet-color-palette {
        padding: 0;
    }

    .k-spreadsheet-popup .k-spreadsheet-border-type-palette {
        width: 12.5rem;
        height: 5rem;
        display: flex;
        flex-flow: row wrap;
        align-content: space-around;
        justify-content: space-around;
    }

.k-spreadsheet-format-popup .k-item {
    justify-content: space-between;
}

.k-spreadsheet-format-popup .k-spreadsheet-sample {
    order: 1;
}

.k-spreadsheet-sample {
    opacity: .7;
}

.k-spreadsheet-clipboard,
.k-spreadsheet-clipboard-paste {
    margin: 0;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.k-spreadsheet-window .k-edit-form-container {
    width: auto;
    min-width: 0;
}

.k-spreadsheet-format-cells .k-spreadsheet-preview {
    margin-top: 0.5em;
    text-align: center;
}

.k-spreadsheet-format-cells .k-list-scroller {
    margin-top: 0.5em;
    height: 210px;
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
}

.k-export-config {
    clear: both;
    position: relative;
}

    .k-export-config::after {
        content: "";
        clear: both;
        display: block;
    }

    .k-export-config .k-edit-field {
        margin-left: 5%;
        width: 45%;
        float: left;
    }

    .k-export-config .k-page-orientation {
        position: absolute;
        right: 0;
        top: 0.5em;
    }

        .k-export-config .k-page-orientation .k-icon {
            font-size: 6em;
        }

.k-spreadsheet {
    background-clip: padding-box;
}

.k-ie11 .k-spreadsheet,
.k-edge12 .k-spreadsheet,
.k-edge13 .k-spreadsheet {
    background-clip: border-box;
}

.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-spreadsheet-cell-editor {
    color: var(--accent);
    background-color: #ffffff;
}

.k-spreadsheet .k-selection-full,
.k-spreadsheet .k-selection-partial {
    border-color: rgba(0, 0, 0, 0.25);
    background-color: rgba(51, 51, 102, 0.25);
}

.k-spreadsheet-selection {
    border-color: #eee;
    background-color: rgba(51, 51, 102, 0.25);
    box-shadow: inset 0 0 0 1px #eee;
}

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

.k-spreadsheet-active-cell {
    box-shadow: inset 0 0 0 1px #eee;
    background-color: #ffffff;
}

    .k-spreadsheet-active-cell.k-right {
        box-shadow: inset 0 0 0 1px #eee, inset -1px 0 0 1px #eee;
    }

    .k-spreadsheet-active-cell.k-bottom {
        box-shadow: inset 0 0 0 1px #eee, inset 0 -1px 0 1px #eee;
    }

        .k-spreadsheet-active-cell.k-bottom.k-right {
            box-shadow: inset 0 0 0 1px #eee, inset -1px -1px 0 1px #eee;
        }

.k-spreadsheet .k-auto-fill {
    border-color: #eee;
    background-color: rgba(51, 51, 102, 0.25);
    box-shadow: inset 0 0 0 1px #eee;
}

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

.k-spreadsheet .k-filter-range {
    border-color: var(--primary);
}

.k-spreadsheet-filter {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-treeview {
    border-width: 0;
    background: none;
    line-height: 1.42857;
    cursor: default;
    overflow: auto;
    white-space: nowrap;
}

    .k-treeview .k-content,
    .k-treeview > .k-group,
    .k-treeview .k-item > .k-group {
        margin: 0;
        padding: 0;
        background: none;
        list-style: none;
        position: relative;
        overflow: hidden;
    }

    .k-treeview .k-top,
    .k-treeview .k-mid,
    .k-treeview .k-bot {
        display: flex;
        flex-direction: row;
        align-items: center;
        align-content: center;
    }

    .k-treeview .k-item {
        outline-style: none;
        margin: 0;
        padding: 0 0 0 16px;
        border-width: 0;
        display: block;
    }

    .k-treeview .k-in {
        border-radius: 2px;
        margin: 0;
        padding: 4px 8px;
        border: 1px solid transparent;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        align-content: center;
        vertical-align: middle;
        position: relative;
    }

    .k-treeview .k-i-expand,
    .k-treeview .k-i-collapse {
        margin-left: -16px;
        cursor: pointer;
    }

    .k-treeview .k-checkbox-wrapper {
        margin-right: 4px;
    }

    .k-treeview .k-in .k-icon,
    .k-treeview .k-in .k-image,
    .k-treeview .k-in .k-sprite {
        margin-right: 4px;
    }

    .k-treeview .k-checkbox-label {
        padding-left: 16px;
    }

.k-rtl .k-treeview .k-item {
    padding-left: 0;
    padding-right: 16px;
}

.k-rtl .k-treeview .k-i-expand,
.k-rtl .k-treeview .k-i-collapse {
    margin-left: 0;
    margin-right: -16px;
}

.k-rtl .k-treeview .k-checkbox-wrapper {
    margin-left: 4px;
    margin-right: 0;
}

.k-rtl .k-treeview .k-in .k-icon,
.k-rtl .k-treeview .k-in .k-image,
.k-rtl .k-treeview .k-in .k-sprite {
    margin-left: 4px;
    margin-right: 0;
}

.k-treeview .k-in {
    border-radius: 0;
    border-width: 0;
}

    .k-treeview .k-in.k-state-focused {
        box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
    }

.k-pivot {
    position: relative;
}

    .k-pivot .k-grid td {
        white-space: nowrap;
    }

    .k-pivot .k-grid-content {
        flex: 1 1 auto;
    }

.k-pivot-toolbar {
    padding: 8px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

    .k-pivot-toolbar .k-button,
    .k-fieldselector .k-list li.k-item {
        border-radius: 2px;
        padding: 4px 8px;
        padding-right: 48px;
        font-size: 14px;
        line-height: 1.42857;
        text-align: left;
        position: relative;
        cursor: move;
        white-space: normal;
    }

.k-settings-measures .k-button {
    margin-bottom: 2px;
}

.k-settings-columns .k-button + .k-button {
    margin-left: 8px;
}

.k-field-actions {
    position: absolute;
    right: 4px;
    top: 4px;
    line-height: 1;
    cursor: pointer;
}

.k-pivot-layout {
    border-spacing: 0;
    table-layout: auto;
}

    .k-pivot-layout > tbody,
    .k-pivot td {
        vertical-align: top;
    }

        .k-pivot-layout > tbody > tr > td {
            padding: 0;
        }

.k-pivot-rowheaders > .k-grid,
.k-pivot-table > .k-grid {
    border-width: 0;
}

    .k-pivot-rowheaders > .k-grid td:first-child,
    .k-pivot-table .k-grid-header .k-header.k-first {
        border-left-width: 1px;
    }

    .k-pivot-rowheaders > .k-grid td.k-first {
        border-left-width: 0;
    }

.k-pivot-rowheaders > .k-grid {
    overflow: hidden;
}

.k-pivot-table {
    border-left-width: 1px;
    border-left-style: solid;
}

    .k-pivot-table .k-grid-header-wrap > table {
        height: 100%;
    }

.k-pivot .k-grid-header .k-header {
    vertical-align: top;
}

.k-pivot-layout .k-grid td {
    border-bottom-width: 1px;
}

.k-pivot-layout .k-grid-footer > td {
    border-top-width: 0;
}

.k-pivot-filter-window .k-treeview {
    max-height: 600px;
}

.k-i-kpi-trend-increase,
.k-i-kpi-trend-decrease,
.k-i-kpi-trend-equal {
    color: inherit;
}

.k-i-kpi-status-hold {
    color: #fdce3e;
}

.k-i-kpi-status-deny {
    color: var(--error);
}

.k-i-kpi-status-open {
    color: #5ec232;
}

.k-fieldselector .k-columns {
    display: flex;
    align-items: stretch;
}

    .k-fieldselector .k-columns > div {
        padding: 8px;
        width: 50%;
        box-sizing: border-box;
        border-width: 0;
        border-style: solid;
        float: left;
        overflow: auto;
    }

        .k-fieldselector .k-columns > div + div {
            border-left-width: 1px;
        }

.k-fieldselector p {
    margin: 0 0 2px;
    text-transform: uppercase;
}

    .k-fieldselector p .k-icon {
        margin: 0 4px 0 0;
    }

.k-fieldselector .k-treeview {
    border-width: 0;
    overflow: visible;
}

.k-fieldselector .k-edit-label {
    width: 16%;
}

.k-fieldselector .k-edit-field {
    width: 77%;
}

.k-fieldselector .k-edit-buttons > input,
.k-fieldselector .k-edit-buttons > label {
    float: left;
    margin-top: .4em;
}

.k-fieldselector .k-list-container {
    margin-bottom: 1em;
    padding: 2px;
    border-width: 1px;
    border-style: solid;
}

.k-fieldselector .k-list {
    padding-bottom: 1em;
}

    .k-fieldselector .k-list .k-item {
        border-width: 1px;
        border-style: solid;
    }

        .k-fieldselector .k-list .k-item + .k-item {
            margin-top: 0.5em;
        }

.k-alt,
.k-pivot-toolbar,
.k-pivot-layout > tbody > tr:first-child > td:first-child {
    background-color: var(--primary);
}

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

.k-pivot-toolbar,
.k-pivot-table,
.k-fieldselector .k-list-container,
.k-fieldselector .k-columns > div,
.k-pivot-rowheaders > .k-grid td:first-child,
.k-pivot-table .k-grid-header .k-header.k-first {
    border-color: rgba(0, 0, 0, 0.08);
}

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

.k-pivot-toolbar .k-button,
.k-fieldselector .k-list li.k-item {
    background-clip: padding-box;
}

.k-ie11 .k-pivot-toolbar .k-button,
.k-edge12 .k-pivot-toolbar .k-button,
.k-edge13 .k-pivot-toolbar .k-button, .k-ie11
.k-fieldselector .k-list li.k-item,
.k-edge12
.k-fieldselector .k-list li.k-item,
.k-edge13
.k-fieldselector .k-list li.k-item {
    background-clip: border-box;
}

.k-pivot-toolbar .k-button:active, .k-pivot-toolbar .k-button.k-state-active,
.k-fieldselector .k-list li.k-item:active,
.k-fieldselector .k-list li.k-item.k-state-active {
    border-color: rgba(0, 0, 0, 0.08);
    color: #ffffff;
    background-color: var(--primary);
    background-image: linear-gradient(to top, var(--primary), #bbf8ec);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06);
}

.k-pivot-toolbar .k-button:focus, .k-pivot-toolbar .k-button.k-state-focused,
.k-fieldselector .k-list li.k-item:focus,
.k-fieldselector .k-list li.k-item.k-state-focused {
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
}

/* Loading indicator */
.k-fieldselector .k-i-loading {
    border-color: var(--primary);
}

    .k-fieldselector .k-i-loading::before, .k-fieldselector .k-loading-image::before,
    .k-fieldselector .k-i-loading::after,
    .k-fieldselector .k-loading-image::after {
        background-color: var(--primary);
    }

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-loading-pdf-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100;
}

    .k-loading-pdf-mask > .k-i-loading {
        position: absolute;
        top: 50%;
        left: 50%;
        font-size: 64px;
    }

    .k-loading-pdf-mask .k-loading-pdf-progress {
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

.k-grid-pdf-export-element {
    position: absolute;
    left: -10000px;
    top: -10000px;
}

    .k-grid-pdf-export-element .k-filter-row {
        display: none;
    }

.k-treelist.k-display-block.k-grid-lockedcolumns {
    display: block;
}

.k-treelist .k-status {
    padding: .4em .6em;
    line-height: 1.6em;
}

    .k-treelist .k-status .k-loading {
        vertical-align: baseline;
        margin-right: 5px;
    }

.k-treelist tr.k-hidden {
    display: none;
}

.k-treelist .k-treelist-dragging,
.k-treelist .k-treelist-dragging .k-state-hover {
    cursor: default;
}

.k-treelist .k-drop-hint {
    position: absolute;
    z-index: 10000;
    visibility: hidden;
    width: 80px;
    height: 5px;
    margin-top: -3px;
    background-color: transparent;
    background-repeat: no-repeat;
}

.k-drag-separator {
    display: inline-block;
    border-right: 1px solid;
    height: 1em;
    vertical-align: top;
    margin: 0 .5em;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollview-wrap {
    position: relative;
    overflow: hidden;
    outline: 0;
    display: block;
}

.k-scrollview {
    list-style-type: none;
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    cursor: default;
}

    .k-scrollview img,
    .k-scrollview li {
        user-select: none;
    }

    .k-scrollview > li {
        display: inline-block;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
    }

    .k-scrollview li > * {
        user-select: none;
        pointer-events: none;
    }

.k-pages,
.k-scrollview-pageable {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
    list-style: none;
    position: absolute;
    left: 0;
    bottom: 10px;
    pointer-events: none;
}

    .k-pages > li,
    .k-scrollview-pageable > li.k-button {
        margin: 10px;
        padding: 0;
        width: 8px;
        height: 8px;
        box-sizing: content-box;
        vertical-align: middle;
        display: inline-block;
        flex: 0 0 8px;
        border-radius: 50%;
        cursor: pointer;
        pointer-events: all;
    }

.k-scrollview-next,
.k-scrollview-prev {
    display: table;
    position: absolute;
    padding: 0;
    height: 60%;
    top: 20%;
    text-decoration: none;
    user-select: none;
    cursor: pointer;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
}

.k-scrollview-prev {
    left: 0;
}

.k-scrollview-next {
    right: 0;
}

    .k-scrollview-next span,
    .k-scrollview-prev span {
        display: table-cell;
        margin: 0;
        padding: 0;
        vertical-align: middle;
        font-size: 4.5em;
        font-weight: normal;
    }

.k-scrollview-elements {
    width: 100%;
}

@supports (-webkit-user-select: none) {
    div.k-scrollview-wrap ul.k-scrollview li > * {
        pointer-events: auto;
    }
}

@supports not (-webkit-user-select: none) {
    div.k-scrollview-wrap ul.k-scrollview li > * {
        pointer-events: none;
    }
}

.km-scrollview {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    width: 100%;
}

    .km-scrollview > div > * {
        -webkit-transform: translate(0);
    }

    .km-scrollview > div > [data-role="page"] {
        vertical-align: top;
        display: inline-block;
        min-height: 1px;
    }

    .km-scrollview .km-virtual-page {
        min-height: 1px;
        position: absolute;
        top: 0;
        left: 0;
        display: inline-block;
    }

.k-ff18 .km-scrollview > div,
.k-ff19 .km-scrollview > div,
.k-ff20 .km-scrollview > div,
.k-ff21 .km-scrollview > div {
    width: 0;
}

.km-pages {
    padding: 4px 0 0 0;
    position: static;
}

.k-pages > li,
.k-scrollview-pageable > li.k-button {
    background-image: none;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.08);
}

.k-pages > li {
    border-color: rgba(0, 0, 0, 0.08);
    color: #ffffff;
    background-color: var(--primary);
}

    .k-pages > li.k-current-page {
        border-color: rgba(0, 0, 0, 0.1);
        color: #ffffff;
        background-color: #eee;
    }

.k-scrollview-elements {
    color: #ffffff;
}

.k-scrollview-next,
.k-scrollview-prev {
    color: inherit;
    background: transparent;
    text-shadow: rgba(0, 0, 0, 0.3) 0 0 15px;
    opacity: 0.7;
    outline-width: 0;
}

    .k-scrollview-next:hover,
    .k-scrollview-prev:hover {
        color: #ffffff;
        opacity: 1;
    }

.k-scrollview-animation {
    transition-duration: .3s;
    transition-timing-function: ease-out;
}

.k-listview > .k-state-focused {
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-autocomplete {
    /*border-radius: 2px; */
}

    .k-autocomplete .k-input {
        padding: 4px 8px;
        height: 1.42857em;
        box-sizing: content-box;
        border: 0;
        outline: 0;
        color: inherit;
        background: none;
        font: inherit;
        line-height: 1.42857;
        display: inline-block;
        flex: 1;
    }

    .k-autocomplete .k-i-close, .k-autocomplete .k-i-group-delete::before {
        display: none;
        align-self: center;
    }

    .k-autocomplete.k-state-hover .k-i-close, .k-autocomplete.k-state-hover .k-i-group-delete::before, .k-autocomplete.k-state-focused .k-i-close, .k-autocomplete.k-state-focused .k-i-group-delete::before {
        display: flex;
        outline: 0;
    }

.k-autocomplete {
    background-clip: padding-box;
}

.k-ie11 .k-autocomplete,
.k-edge12 .k-autocomplete,
.k-edge13 .k-autocomplete {
    background-clip: border-box;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-tooltip {
    border-radius: 2px;
    padding: 4px 8px;
    border-width: 0;
    background-repeat: repeat-x;
    position: inherit;
    z-index: 12;
    display: flex;
    min-height: 25px;
    height: auto;
}

.k-tooltip-closable {
    padding: 12px 16px;
}

    .k-tooltip-closable .k-tooltip-content {
        padding-right: 20px;
    }

.k-tooltip-button {
    height: 0;
    text-align: right;
    margin-right: -2px;
}

    .k-tooltip-button .k-icon {
        color: inherit;
        vertical-align: top;
    }

.k-callout {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    border-color: transparent;
    pointer-events: none;
}

.k-callout-n {
    top: -12px;
    left: 50%;
    pointer-events: none;
}

.k-callout-w {
    top: 50%;
    left: -12px;
    pointer-events: none;
}

.k-callout-s {
    left: 50%;
    bottom: -12px;
    pointer-events: none;
}

.k-callout-e {
    top: 50%;
    right: -12px;
    pointer-events: none;
}

.k-slider {
    background-color: transparent;
    border-width: 0;
    position: relative;
}

    .k-slider .k-button {
        height: 28px;
        line-height: 28px;
        margin: 0;
        min-width: 0;
        outline: 0;
        padding: 0;
        position: absolute;
        width: 28px;
        box-sizing: content-box;
    }

        .k-slider .k-button .k-icon {
            vertical-align: baseline;
            line-height: 28px;
            margin-right: 0;
            height: 100%;
        }

    .k-slider .k-button-increase {
        right: 0;
        top: 0;
    }

    .k-slider .k-button-decrease {
        left: 0;
        top: 0;
    }

    .k-slider .k-label {
        font-size: .92em;
        position: absolute;
        white-space: nowrap;
    }

    .k-slider .k-tick,
    .k-slider .k-slider-track {
        cursor: pointer;
    }

    .k-slider .k-tick {
        background-color: transparent;
        background-position: center center;
        background-repeat: no-repeat;
        margin: 0;
        padding: 0;
        position: relative;
    }

    .k-slider.k-state-disabled .k-tick,
    .k-slider.k-state-disabled .k-slider-track,
    .k-slider.k-state-disabled .k-draghandle {
        cursor: default;
    }

    .k-slider[dir='rtl'] .k-slider-selection {
        left: auto;
        right: 0;
    }

    .k-slider[dir='rtl'] .k-button-increase {
        left: 0;
        right: auto;
    }

    .k-slider[dir='rtl'] .k-button-decrease {
        right: 0;
        left: auto;
    }

.k-slider-vertical {
    height: 200px;
    width: 30px;
    outline: 0;
}

    .k-slider-vertical .k-button-decrease {
        bottom: 0;
        top: auto;
    }

    .k-slider-vertical .k-tick {
        text-align: right;
        margin-left: 2px;
    }

    .k-slider-vertical .k-slider-topleft .k-tick {
        text-align: left;
    }

    .k-slider-vertical .k-tick {
        background-position: -92px center;
    }

    .k-slider-vertical .k-slider-topleft .k-tick {
        background-position: -122px center;
    }

    .k-slider-vertical .k-slider-bottomright .k-tick {
        background-position: -152px center;
    }

    .k-slider-vertical .k-tick-large {
        background-position: -2px center;
    }

    .k-slider-vertical .k-slider-topleft .k-tick-large {
        background-position: -32px center;
    }

    .k-slider-vertical .k-slider-bottomright .k-tick-large {
        background-position: -62px center;
    }

    .k-slider-vertical .k-first {
        background-position: -92px 100%;
    }

    .k-slider-vertical .k-tick-large.k-first {
        background-position: -2px 100%;
    }

    .k-slider-vertical .k-slider-topleft .k-first {
        background-position: -122px 100%;
    }

    .k-slider-vertical .k-slider-topleft .k-tick-large.k-first {
        background-position: -32px 100%;
    }

    .k-slider-vertical .k-slider-bottomright .k-first {
        background-position: -152px 100%;
    }

    .k-slider-vertical .k-slider-bottomright .k-tick-large.k-first {
        background-position: -62px 100%;
    }

    .k-slider-vertical .k-last {
        background-position: -92px 0;
    }

    .k-slider-vertical .k-tick-large.k-last {
        background-position: -2px 0;
    }

    .k-slider-vertical .k-slider-topleft .k-last {
        background-position: -122px 0;
    }

    .k-slider-vertical .k-slider-topleft .k-tick-large.k-last {
        background-position: -32px 0;
    }

    .k-slider-vertical .k-slider-bottomright .k-last {
        background-position: -152px 0;
    }

    .k-slider-vertical .k-slider-bottomright .k-tick-large.k-last {
        background-position: -62px 0;
    }

    .k-slider-vertical .k-label {
        display: block;
        left: 120%;
        text-align: left;
    }

    .k-slider-vertical .k-last .k-label {
        top: -.5em;
    }

    .k-slider-vertical .k-first .k-label {
        bottom: -.5em;
    }

    .k-slider-vertical .k-slider-topleft .k-label {
        left: auto;
        right: 120%;
    }

.k-slider-horizontal {
    display: inline-block;
    height: 30px;
    width: 200px;
    outline: 0;
}

    .k-slider-horizontal .k-tick {
        float: left;
        height: 100%;
        text-align: center;
        margin-top: 2px;
    }

    .k-slider-horizontal .k-tick {
        background-position: center -92px;
    }

    .k-slider-horizontal .k-slider-topleft .k-tick {
        background-position: center -122px;
    }

    .k-slider-horizontal .k-slider-bottomright .k-tick {
        background-position: center -152px;
    }

    .k-slider-horizontal .k-tick-large {
        background-position: center -2px;
    }

    .k-slider-horizontal .k-slider-topleft .k-tick-large {
        background-position: center -32px;
    }

    .k-slider-horizontal .k-slider-bottomright .k-tick-large {
        background-position: center -62px;
    }

    .k-slider-horizontal .k-first {
        background-position: 0 -92px;
    }

    .k-slider-horizontal .k-tick-large.k-first {
        background-position: 0 -2px;
    }

    .k-slider-horizontal .k-slider-topleft .k-first {
        background-position: 0 -122px;
    }

    .k-slider-horizontal .k-slider-topleft .k-tick-large.k-first {
        background-position: 0 -32px;
    }

    .k-slider-horizontal .k-slider-bottomright .k-first {
        background-position: 0 -152px;
    }

    .k-slider-horizontal .k-slider-bottomright .k-tick-large.k-first {
        background-position: 0 -62px;
    }

    .k-slider-horizontal .k-last {
        background-position: 100% -92px;
    }

    .k-slider-horizontal .k-tick-large.k-last {
        background-position: 100% -2px;
    }

    .k-slider-horizontal .k-slider-topleft .k-last {
        background-position: 100% -122px;
    }

    .k-slider-horizontal .k-slider-topleft .k-tick-large.k-last {
        background-position: 100% -32px;
    }

    .k-slider-horizontal .k-slider-bottomright .k-last {
        background-position: 100% -152px;
    }

    .k-slider-horizontal .k-slider-bottomright .k-tick-large.k-last {
        background-position: 100% -62px;
    }

    .k-slider-horizontal .k-label {
        left: 0;
        bottom: -1.2em;
        line-height: 1;
        width: 100%;
    }

    .k-slider-horizontal .k-first .k-label {
        left: -50%;
    }

    .k-slider-horizontal .k-last .k-label {
        left: auto;
        right: -50%;
    }

    .k-slider-horizontal .k-slider-topleft .k-label {
        top: -1.2em;
    }

    .k-slider-horizontal[dir='rtl'] .k-button-increase .k-icon,
    .k-slider-horizontal[dir='rtl'] .k-button-decrease .k-icon {
        transform: rotate(180deg);
    }

.k-slider-wrap {
    height: 100%;
    width: 100%;
}

.k-slider-track,
.k-slider-selection {
    margin: 0;
    padding: 0;
    position: absolute;
}

.k-slider-horizontal .k-slider-track, .k-slider-horizontal
.k-slider-selection {
    height: 4px;
    left: 0;
    margin-top: -2px;
    top: 50%;
}

.k-slider-vertical .k-slider-track, .k-slider-vertical
.k-slider-selection {
    bottom: 0;
    left: 50%;
    margin-left: -2px;
    width: 4px;
}

.k-slider-horizontal .k-slider-buttons .k-slider-track {
    left: 38px;
}

.k-slider-vertical .k-slider-buttons .k-slider-track {
    bottom: 38px;
}

.k-draghandle {
    background-color: transparent;
    background-repeat: no-repeat;
    border-style: solid;
    border-width: 1px;
    outline: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-indent: -3333px;
    box-sizing: content-box;
    width: 14px;
    height: 14px;
}

.k-slider-horizontal .k-draghandle {
    top: 50%;
    transform: translateY(-50%);
}

    .k-slider-horizontal .k-draghandle:active, .k-slider-horizontal .k-draghandle.k-pressed {
        transform: translateY(-50%) scale(1);
    }

.k-slider-vertical .k-draghandle {
    left: 50%;
    transform: translateX(-50%);
}

    .k-slider-vertical .k-draghandle:active, .k-slider-vertical .k-draghandle.k-pressed {
        transform: translateX(-50%) scale(1);
    }

.k-slider-transitions.k-slider-horizontal .k-draghandle {
    transition: left 0.3s ease-out, background-color 0.3s ease-out, transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.k-slider-transitions.k-slider-vertical .k-draghandle {
    transition: bottom 0.3s ease-out, background-color 0.3s ease-out, transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.k-draghandle.k-pressed {
    transition: none;
}

.k-slider-transitions.k-slider-horizontal .k-slider-selection {
    transition: width 0.3s ease-out;
}

.k-slider-transitions.k-slider-vertical .k-slider-selection {
    transition: height 0.3s ease-out;
}

.k-slider-selection.k-pressed {
    transition: none;
}

.k-slider-items {
    user-select: none;
}

.k-slider-buttons .k-slider-items {
    margin-left: 38px;
}

.k-slider-horizontal .k-slider-items {
    height: 100%;
}

.k-slider-vertical .k-slider-items {
    padding-top: 1px;
}

.k-slider-horizontal .k-slider-buttons .k-slider-items {
    padding-top: 0;
}

.k-slider-vertical .k-slider-buttons .k-slider-items {
    margin: 0;
    padding-top: 38px;
}

.k-slider-tooltip .k-callout-n,
.k-slider-tooltip .k-callout-s {
    margin-left: -6px;
}

.k-slider-tooltip .k-callout-w,
.k-slider-tooltip .k-callout-e {
    margin-top: -6px;
}

.k-slider .k-slider-track,
.k-slider .k-slider-selection {
    border-radius: 2px;
}

.k-slider .k-slider-track {
    background-color: #e6e6e6;
}

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

.k-slider .k-button {
    border-radius: 50%;
}

.k-slider .k-draghandle {
    border-radius: 50%;
}

    .k-slider .k-draghandle:active, .k-slider .k-draghandle.k-pressed {
        box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.06);
    }

    .k-slider .k-draghandle:focus {
        box-shadow: 0 3px 4px 0 rgba(0, 204, 153, 0.4);
    }

.k-slider.k-state-focused .k-draghandle {
    box-shadow: 0 3px 4px 0 rgba(0, 204, 153, 0.4);
}

.k-slider .k-slider-wrap:focus {
    outline: none;
}

.k-slider-horizontal .k-tick {
    background-image: url("data:image/gif;base64,R0lGODlhAQC0AIABALi4uAAAACH5BAEAAAEALAAAAAABALQAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7");
}

.k-slider-vertical .k-tick {
    background-image: url("data:image/gif;base64,R0lGODlhtAABAIABALi4uAAAACH5BAEAAAEALAAAAAC0AAEAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7");
}


.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-combobox .k-dropdown-wrap > .k-i-close, .k-combobox .k-dropdown-wrap > .k-i-group-delete::before {
    right: calc(16px + 18px);
}

.k-combobox[dir='rtl'] > .k-dropdown-wrap > .k-i-close, .k-combobox[dir='rtl'] > .k-dropdown-wrap > .k-i-group-delete::before,
.k-rtl .k-combobox > .k-dropdown-wrap > .k-i-close,
.k-rtl .k-combobox > .k-dropdown-wrap > .k-i-group-delete::before {
    left: calc(16px + 18px);
    right: auto;
}

.k-combobox-clearable .k-input {
    padding-right: 24px;
}

.k-combobox-clearable[dir='rtl'] .k-input,
.k-rtl .k-combobox-clearable .k-input {
    padding-left: 24px;
    padding-right: 8px;
}

.k-combobox .k-dropdown-wrap {
    background-clip: padding-box;
}

.k-ie11 .k-combobox .k-dropdown-wrap,
.k-edge12 .k-combobox .k-dropdown-wrap,
.k-edge13 .k-combobox .k-dropdown-wrap {
    background-clip: border-box;
}

.k-combobox .k-select {
    padding: 0;
    width: calc( 8px + 1.42857em);
    border-width: 0;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-calendar {
    /* width: 16.917em;*/
    position: relative;
    overflow: hidden;
    display: inline-block;
}

    .k-calendar .k-link {
        padding: 0.25rem 0.25rem;
        color: inherit;
        line-height: 1.25;
        text-decoration: none;
        display: block;
        outline: 0;
    }

    .k-calendar table {
        margin: 0;
        width: 100%;
        border-width: 0;
        border-color: inherit;
        border-spacing: 0;
        border-collapse: separate;
        table-layout: fixed;
        outline: 0;
    }

    .k-calendar td,
    .k-calendar th {
        border-width: 0;
        padding: 0;
        text-align: center;
        border-style: solid;
        border-color: inherit;
        font-weight: normal;
    }

    .k-calendar th {
        padding: 8px 0;
        font-size: 10px;
        font-weight: bold;
        cursor: default;
        opacity: 0.6;
    }

    .k-calendar td {
        cursor: pointer;
    }

    .k-calendar .k-alt {
        cursor: default;
    }

    .k-calendar .k-header,
    .k-calendar .k-footer {
        padding: 0.25rem;
        text-align: center;
        display: flex;
        flex-direction: row;
        position: relative;
        align-items: center;
        justify-content: center;
    }

        .k-calendar .k-header .k-link,
        .k-calendar .k-footer .k-link {
            border-radius: 2px;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
        }

    .k-calendar .k-header {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        z-index: 1;
    }

    .k-calendar .k-footer {
        clear: both;
        z-index: 20;
    }

    .k-calendar .k-nav-prev,
    .k-calendar .k-nav-next {
        padding: 0.25rem;
        width: 1.25em;
        height: 1.25em;
        box-sizing: content-box;
    }

    .k-calendar .k-nav-prev {
        left: 0.25rem;
    }

    .k-calendar .k-nav-next {
        right: 0.25rem;
    }

    .k-calendar .k-nav-fast {
        margin: 0 0.25rem;
        flex: 1;
    }

    .k-calendar .k-nav-today {
        flex: 1;
    }

    .k-calendar .k-content {
        margin: 0;
        width: 100%;
        height: 14.167em;
        text-align: right;
        float: left;
    }

        .k-calendar .k-content td {
            border-color: transparent;
        }

        .k-calendar .k-content .k-link {
            border-radius: 2px;
            line-height: 1.5;
        }

        .k-calendar .k-content.k-meta-view.k-century .k-link {
            line-height: 1.5;
            text-align: left;
        }

    .k-calendar .k-animation-container .k-content {
        height: 100%;
    }

    .k-calendar .k-content .k-link {
        overflow: hidden;
    }

    .k-calendar .k-alt,
    .k-calendar .k-other-month .k-link {
        opacity: 0.6;
    }

    .k-calendar .k-alt {
        text-align: center;
    }

    .k-calendar .k-state-hover,
    .k-calendar .k-state-selected {
        opacity: 1;
    }

    .k-calendar .k-meta-view .k-link {
        text-align: center;
        line-height: 4;
    }

.k-rtl .k-calendar .k-nav-prev .k-icon,
.k-rtl .k-calendar .k-nav-next .k-icon {
    transform: scaleX(-1);
}

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

    .k-calendar-container .k-calendar {
        border-width: 0;
    }

.k-calendar.k-calendar-infinite {
    box-sizing: content-box;
    width: auto;
    display: inline-flex;
    vertical-align: bottom;
}

    .k-calendar.k-calendar-infinite .k-content {
        text-align: center;
    }

.k-calendar .k-content.k-scrollable {
    box-sizing: content-box;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 100px;
    padding-left: 100px;
    margin-left: -100px;
    margin-right: -100px;
    margin-right: -117px;
}

.k-calendar[dir='rtl'] .k-content.k-scrollable,
.k-rtl .k-calendar .k-content.k-scrollable {
    padding-right: 100px;
    padding-left: 100px;
    margin-left: -100px;
    margin-right: -100px;
    margin-left: -117px;
}

.k-calendar[dir='rtl'] .k-calendar-view .k-content th,
.k-rtl .k-calendar .k-calendar-view .k-content th {
    text-align: right;
}

.k-calendar .k-scrollable-placeholder {
    position: absolute;
    z-index: -1;
    width: 1px;
    top: 0;
    right: 0;
}

.k-calendar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 8px;
    line-height: 2em;
}

    .k-calendar-header .k-title {
        font-weight: bold;
    }

    .k-calendar-header .k-today {
        cursor: pointer;
        color: var(--primary);
    }

        .k-calendar-header .k-today:hover, .k-calendar-header .k-today:focus {
            color: #169c7b;
        }

.k-calendar-monthview,
.k-calendar-view {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    overflow: hidden;
    box-sizing: content-box;
    padding: 0 1em;
    width: 17em;
    height: auto;
}

.k-calendar-nav-fast, .k-calendar-nav-today {
    width: 100%;
}

.k-calendar-footer, .k-calendar .k-footer {
    padding-block: var(--kendo-spacing-2, 0.5rem);
    padding-inline: var(--kendo-spacing-4, 1rem);
    text-align: center;
    clear: both;
    z-index: 1;
    position: relative;
}

.k-calendar-monthview .k-calendar-header,
.k-calendar-view .k-calendar-header {
    flex: 0 0 auto;
    margin-left: -8px;
    padding-left: 8px;
}

    .k-calendar-monthview .k-calendar-header .k-title,
    .k-calendar-view .k-calendar-header .k-title {
        margin-left: -8px;
    }

.k-calendar-monthview .k-content,
.k-calendar-view .k-content {
    position: relative;
    flex: 1 0 auto;
}

    .k-calendar-monthview .k-content > table,
    .k-calendar-view .k-content > table {
        position: relative;
        z-index: 1;
        width: auto;
    }

    .k-calendar-monthview .k-content th,
    .k-calendar-view .k-content th {
        border: 0;
        text-align: left;
        font-weight: bold;
        font-size: 14px;
        opacity: 0.6;
    }

    .k-calendar-monthview .k-content td,
    .k-calendar-view .k-content td {
        cursor: default;
        text-align: center;
        height: 2.42857em;
        width: 2.42857em;
        border-width: 0;
    }

    .k-calendar-monthview .k-content td,
    .k-calendar-monthview .k-content .k-link,
    .k-calendar-view .k-content td,
    .k-calendar-view .k-content .k-link {
        border-radius: 1.21429em;
    }

    .k-calendar-monthview .k-content .k-link,
    .k-calendar-view .k-content .k-link {
        cursor: pointer;
        width: 2.42857em;
        height: 2.42857em;
        line-height: 2.42857em;
        padding: 0;
    }

.k-calendar-monthview::after,
.k-calendar-view::after {
    display: block;
    position: absolute;
    bottom: 0;
    content: " ";
    height: 0;
    line-height: 0;
    z-index: 1;
    width: 150%;
    left: -25%;
    box-shadow: 0 0 2.42857em 1.21429em #ffffff;
}

.k-calendar-monthview .k-content {
    height: 19em;
}

.k-calendar-monthview .k-calendar-weekdays thead {
    outline: none;
    cursor: default;
    opacity: 0.6;
    filter: grayscale(0.1);
    pointer-events: none;
    box-shadow: none;
    font-weight: bold;
}

.k-calendar-monthview .k-calendar-weekdays th {
    text-align: center;
    border-width: 0;
    padding: 0;
    line-height: 2.07143em;
}

.k-calendar-yearview .k-content table,
.k-calendar-decadeview .k-content table,
.k-calendar-centuryview .k-content table {
    table-layout: auto;
}

.k-calendar-yearview .k-content th,
.k-calendar-decadeview .k-content th,
.k-calendar-centuryview .k-content th {
    font-size: inherit;
    height: 2em;
    padding-left: 0;
    padding-right: 0;
}

.k-calendar-yearview .k-content td,
.k-calendar-decadeview .k-content td,
.k-calendar-centuryview .k-content td {
    border-radius: 1.7em;
}

.k-calendar-yearview .k-content .k-link,
.k-calendar-decadeview .k-content .k-link,
.k-calendar-centuryview .k-content .k-link {
    width: 3.4em;
    height: 3.4em;
    line-height: 3.4em;
}

.k-calendar-navigation {
    position: relative;
    display: block;
    overflow: hidden;
    width: 5em;
    z-index: 2;
}

    .k-calendar-navigation::before, .k-calendar-navigation::after {
        display: block;
        position: absolute;
        content: " ";
        height: 0;
        line-height: 0;
        z-index: 1;
        width: 200%;
        left: -50%;
        box-shadow: 0 0 6em 3em var(--primary);
    }

    .k-calendar-navigation::before {
        top: 0;
    }

    .k-calendar-navigation::after {
        bottom: 0;
    }

    .k-calendar-navigation .k-content {
        background: transparent;
        height: auto;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

        .k-calendar-navigation .k-content ul {
            width: 5em;
        }

        .k-calendar-navigation .k-content li {
            height: 2em;
            line-height: 2em;
            cursor: pointer;
            padding: 0 16px;
        }

    .k-calendar-navigation .k-calendar-navigation-marker {
        font-weight: bold;
    }

    .k-calendar-navigation .k-calendar-navigation-highlight {
        position: absolute;
        top: 50%;
        margin-top: -1em;
        right: 0;
        width: 100%;
        height: 2em;
        box-sizing: border-box;
        border-width: 1px 0;
        border-style: solid;
    }

.k-calendar {
    background-clip: padding-box;
}

.k-ie11 .k-calendar,
.k-edge12 .k-calendar,
.k-edge13 .k-calendar {
    background-clip: border-box;
}

.k-calendar .k-footer .k-nav-today {
    color: var(--primary);
}

.k-calendar .k-content thead {
    background-color: transparent;
}

.k-calendar .k-header {
    border-bottom-color: rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1);
}

.k-calendar .k-content .k-today {
    color: var(--primary);
    font-weight: bolder;
    border: white;
    background-color: #ffcd70;
    border-color: #f59e00;
}

    .k-calendar .k-content .k-today.k-state-selected {
        color: #ffffff;
    }

.k-calendar .k-alt {
    background: #f2f2f2;
}

.k-calendar .k-content .k-alt {
    border-right-color: rgba(0, 0, 0, 0.08);
}

.k-calendar .k-state-selected.k-state-hover,
.k-calendar .k-weekend.k-state-selected.k-state-hover {
    background-color: var(--accent);
}

.k-calendar .k-state-focused,
.k-calendar .k-state-selected.k-state-focused {
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
}

.k-calendar .k-calendar-navigation {
    box-shadow: inset -1px 0 rgba(0, 0, 0, 0.08);
    background-color: var(--primary);
}

    .k-calendar .k-calendar-navigation .k-content > ul > li:hover {
        color: #169c7b;
    }

.k-calendar .k-calendar-navigation-highlight {
    border-color: rgba(0, 0, 0, 0.08);
    background-color: #ffffff;
}

.k-calendar .k-calendar-weekdays thead {
    background-color: #ffffff;
}

.k-calendar[dir='rtl'] .k-calendar-navigation,
.k-rtl .k-calendar .k-calendar-navigation {
    box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08);
}

.k-calendar-td:not(.k-infinite) .k-weekend:not(.k-hover,.k-state-hover),
.k-calendar:not(.k-infinite) .k-weekend:not(.k-hover,.k-state-hover) {
    background-color: var(--background);
}

.k-calendar-td.k-state-hover:not(.k-weekend),
.k-calendar:not(.k-infinite,.k-weekend) .k-state-hover {
    background-color: var(--primary);
    color: white;
}

.k-calendar-td.k-weekend.k-state-hover,
.k-calendar:not(.k-infinite) .k-weekend .k-state-hover {
    background-color: var(--header);
    color: white;
}

.k-calendar:not(.k-infinite) .k-content .k-state-selected.k-state-hover,
.k-calendar:not(.k-infinite) .k-content .k-weekend .k-state-selected.k-state-hover {
    background-color: var(--accent);
    color: white;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-datepicker .k-i-warning,
.k-datetimepicker .k-i-warning,
.k-timepicker .k-i-warning {
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    overflow: visible;
}

.k-datepicker .k-state-invalid .k-i-warning,
.k-datetimepicker .k-state-invalid .k-i-warning,
.k-timepicker .k-state-invalid .k-i-warning {
    display: inline-block;
}

.k-datepicker .k-dateinput,
.k-datetimepicker .k-dateinput,
.k-timepicker .k-dateinput {
    width: 100%;
    flex: 1 1 0%;
    margin: 0;
}

.k-datepicker .k-dateinput-wrap,
.k-datetimepicker .k-dateinput-wrap,
.k-timepicker .k-dateinput-wrap {
    border: 0;
    border-radius: 2px 0 0 2px;
}

.k-rtl .k-datepicker .k-i-warning, .k-datepicker[dir='rtl'] .k-i-warning, .k-rtl
.k-datetimepicker .k-i-warning,
.k-datetimepicker[dir='rtl'] .k-i-warning, .k-rtl
.k-timepicker .k-i-warning,
.k-timepicker[dir='rtl'] .k-i-warning {
    right: auto;
}

.k-datepicker .k-i-warning,
.k-timepicker .k-i-warning {
    right: calc( calc( 8px + 1.42857em) + 4px);
}

.k-rtl .k-datepicker .k-i-warning, .k-datepicker[dir='rtl'] .k-i-warning, .k-rtl
.k-timepicker .k-i-warning,
.k-timepicker[dir='rtl'] .k-i-warning {
    left: calc( calc( 8px + 1.42857em) + 4px);
}

.k-datetimepicker .k-i-warning {
    right: calc( calc( 16px + 2.85714em) + 4px);
}

.k-rtl .k-datetimepicker .k-i-warning, .k-datetimepicker[dir='rtl'] .k-i-warning {
    left: calc( calc( 16px + 2.85714em) + 4px);
}

.k-datetimepicker .k-select {
    padding: 0;
    border-left-width: 0;
    align-items: stretch;
}

.k-datetimepicker .k-link {
    padding: 4px;
    border-width: 0 0 0 1px;
    border-style: solid;
    border-color: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.k-dateinput {
    position: relative;
    border-width: 0;
}

    .k-dateinput .k-i-warning {
        display: none;
        position: absolute;
        right: 8px;
        top: 50%;
        transform: translateY(-50%);
        overflow: visible;
    }

    .k-dateinput.k-state-invalid .k-i-warning {
        display: inline-block;
    }

    .k-rtl .k-dateinput .k-i-warning, .k-dateinput[dir='rtl'] .k-i-warning {
        left: 8px;
        right: auto;
    }

.k-time-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    line-height: 2em;
}

    .k-time-header .k-time-now {
        border-width: 0;
        background: transparent;
        line-height: inherit;
    }

.k-time-list-wrapper {
    display: inline-block;
    overflow: hidden;
    box-sizing: content-box;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    padding: 20px 0;
    text-align: center;
    width: 5em;
    height: 200px;
}

    .k-time-list-wrapper .k-title {
        display: block;
        text-align: center;
        font-size: 10px;
        position: absolute;
        text-transform: capitalize;
        font-weight: bold;
        min-width: 100%;
        height: 1.5em;
        line-height: 1.5em;
        margin-top: -20px;
        background: transparent;
    }

    .k-time-list-wrapper.k-state-focused::before, .k-time-list-wrapper.k-state-focused::after {
        display: block;
        content: " ";
        position: absolute;
        width: 100%;
        left: 0;
        pointer-events: none;
        height: calc(50% - 1em);
        box-sizing: border-box;
        border-style: solid;
    }

    .k-time-list-wrapper.k-state-focused::before {
        top: 0;
        border-width: 2px 2px 0;
    }

    .k-time-list-wrapper.k-state-focused::after {
        bottom: 0;
        border-width: 0 2px 2px;
    }

.k-time-container {
    position: absolute;
    display: block;
    overflow-x: hidden;
    overflow-y: scroll;
    line-height: 1.42857;
    left: 0;
    right: 0;
    top: 20px;
    bottom: 20px;
    padding-right: 100px;
    padding-left: 100px;
    margin-left: -100px;
    margin-right: -100px;
    margin-right: -117px;
}

    .k-time-container > ul {
        height: auto;
        width: 5em;
    }

.k-time-list-container {
    display: flex;
    position: relative;
}

.k-time-list {
    position: absolute;
    display: flex;
    z-index: 10;
    outline: 0;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
}

    .k-time-list::before, .k-time-list::after {
        display: block;
        position: absolute;
        content: " ";
        height: 0;
        line-height: 0;
        z-index: 1;
        width: 200%;
        left: -50%;
    }

    .k-time-list::before {
        top: 0;
    }

    .k-time-list::after {
        bottom: 0;
    }

    .k-time-list .k-item {
        padding: 4px 8px;
        min-height: calc( 1.42857em + 2px);
        line-height: calc( 1.42857em + 2px);
    }

.k-time-highlight {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    width: 100%;
    height: calc( 8px + 1.42857em);
    z-index: 1;
    border-width: 1px 0;
    border-style: solid;
    border-radius: .1px;
}

.k-time-container .k-scrollable-placeholder {
    position: absolute;
    width: 1px;
    top: 0;
    right: 0;
}

.k-time-separator {
    display: inline-flex;
    align-self: center;
    justify-content: center;
    width: 0;
    height: 100%;
    z-index: 11;
}

.k-datepicker .k-picker-wrap,
.k-timepicker .k-picker-wrap,
.k-datetimepicker .k-picker-wrap {
    background-clip: padding-box;
}

.k-ie11 .k-datepicker .k-picker-wrap,
.k-edge12 .k-datepicker .k-picker-wrap,
.k-edge13 .k-datepicker .k-picker-wrap, .k-ie11
.k-timepicker .k-picker-wrap,
.k-edge12
.k-timepicker .k-picker-wrap,
.k-edge13
.k-timepicker .k-picker-wrap, .k-ie11
.k-datetimepicker .k-picker-wrap,
.k-edge12
.k-datetimepicker .k-picker-wrap,
.k-edge13
.k-datetimepicker .k-picker-wrap {
    background-clip: border-box;
}

.k-datepicker .k-select,
.k-timepicker .k-select,
.k-datetimepicker .k-select {
    padding: 0;
    width: calc( 8px + 1.42857em);
    border-width: 0;
}

.k-datepicker:hover .k-select,
.k-datepicker .k-state-hover .k-select,
.k-timepicker:hover .k-select,
.k-timepicker .k-state-hover .k-select,
.k-datetimepicker:hover .k-select,
.k-datetimepicker .k-state-hover .k-select {
    border-color: inherit;
}

.k-datepicker .k-state-focused .k-select,
.k-datepicker .k-state-active .k-select,
.k-timepicker .k-state-focused .k-select,
.k-timepicker .k-state-active .k-select,
.k-datetimepicker .k-state-focused .k-select,
.k-datetimepicker .k-state-active .k-select {
    border-color: inherit;
}

.k-datepicker .k-picker-wrap.k-state-invalid,
.k-datetimepicker .k-picker-wrap.k-state-invalid,
.k-timepicker .k-picker-wrap.k-state-invalid {
    transition: none;
    border-color: var(--error);
}

    .k-datepicker .k-picker-wrap.k-state-invalid .k-input,
    .k-datetimepicker .k-picker-wrap.k-state-invalid .k-input,
    .k-timepicker .k-picker-wrap.k-state-invalid .k-input {
        color: var(--error);
    }

.k-datepicker .k-i-warning,
.k-datetimepicker .k-i-warning,
.k-timepicker .k-i-warning {
    color: var(--error);
}

.k-time-header .k-title {
    font-weight: bold;
}

.k-time-header .k-time-now {
    color: var(--primary);
    cursor: pointer;
}

    .k-time-header .k-time-now:hover, .k-time-header .k-time-now:focus {
        color: #169c7b;
    }

.k-time-list-wrapper {
    background-color: #c9f9f0;
}

    .k-time-list-wrapper .k-title {
        z-index: 12;
        background: #c9f9f0;
        opacity: 0.6;
    }

    .k-time-list-wrapper.k-state-focused .k-title {
        color: #000;
        opacity: 1;
    }

    .k-time-list-wrapper.k-state-focused::before, .k-time-list-wrapper.k-state-focused::after {
        background-color: rgba(0, 0, 0, 0.04);
        border-width: 0;
    }

.k-time-list::before, .k-time-list::after {
    box-shadow: 0 0 3em 1.5em #c9f9f0;
}

.k-time-list .k-item:hover {
    color: var(--primary);
}

.k-time-container {
    background: transparent;
}

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

.k-datetimepicker .k-select {
    width: auto;
}

.k-datetimepicker .k-link {
    padding: 0;
    width: calc( 8px + 1.42857em);
    border-width: 0;
}

.k-dateinput .k-dateinput-wrap {
    background-clip: padding-box;
}

.k-ie11 .k-dateinput .k-dateinput-wrap,
.k-edge12 .k-dateinput .k-dateinput-wrap,
.k-edge13 .k-dateinput .k-dateinput-wrap {
    background-clip: border-box;
}

.k-dateinput .k-select {
    padding: 0;
    width: calc( 8px + 1.42857em);
    border-width: 0;
}

    .k-dateinput .k-select > .k-state-selected,
    .k-dateinput .k-select > .k-state-active {
        color: #252525;
        box-shadow: inset 0 3px 4px 0 rgba(0, 0, 0, 0.06);
    }

.k-dateinput.k-state-invalid .k-textbox {
    color: var(--error);
    border-color: var(--error);
}

.k-dateinput.k-state-invalid .k-i-warning {
    color: var(--error);
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

html .k-upload {
    position: relative;
}

.k-upload .k-upload-button {
    min-width: 7em;
    margin: 4px;
}

.k-upload .k-dropzone {
    display: flex;
    align-items: center;
    position: relative;
    border-width: 0;
    background-color: transparent;
}

    .k-upload .k-dropzone em {
        margin-left: 1em;
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        opacity: 0;
        white-space: nowrap;
        position: relative;
        vertical-align: middle;
        visibility: hidden;
        display: none;
    }

    .k-upload .k-dropzone .k-upload-status {
        display: flex;
        align-items: center;
        position: relative;
        padding: 4px 8px;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.42857;
    }

        .k-upload .k-dropzone .k-upload-status > .k-icon {
            margin-right: 6px;
        }

    .k-upload .k-dropzone.k-dropzone-active em {
        display: block;
        visibility: visible;
        opacity: 1;
    }

    .k-upload .k-dropzone.k-dropzone-active .k-upload-status {
        display: none;
    }

.k-upload .k-upload-files {
    padding-bottom: 4px;
    border-width: 1px 0 0;
    border-style: solid;
    border-color: inherit;
    margin: 0;
}

    .k-upload .k-upload-files .k-file-multiple,
    .k-upload .k-upload-files .k-file-single {
        display: block;
        width: 100%;
    }

    .k-upload .k-upload-files .k-file {
        padding: 8px;
        border-width: 1px;
        border-style: solid;
        border-color: inherit;
        display: flex;
        align-items: center;
        position: relative;
        line-height: 1.42857;
    }

    .k-upload .k-upload-files .k-progress {
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .k-upload .k-upload-files .k-filename {
        margin-left: 1em;
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        position: relative;
    }

    .k-upload .k-upload-files .k-upload-status {
        position: absolute;
        right: 8px;
        top: 8px;
    }

        .k-upload .k-upload-files .k-upload-status .k-button {
            padding: 0;
            border-radius: 50%;
        }

        .k-upload .k-upload-files .k-upload-status .k-icon {
            vertical-align: middle;
        }

    .k-upload .k-upload-files .k-upload-pct {
        font-weight: normal;
        vertical-align: middle;
    }

    .k-upload .k-upload-files ~ .k-clear-selected,
    .k-upload .k-upload-files ~ .k-upload-selected {
        margin-top: -4px;
        border-width: 0;
    }

    .k-upload .k-upload-files ~ .k-upload-selected {
        border-left-width: 1px;
        border-left-style: solid;
        margin-left: -1px;
    }

    .k-upload .k-upload-files .k-file-name,
    .k-upload .k-upload-files .k-file-size,
    .k-upload .k-upload-files .k-file-validation-message,
    .k-upload .k-upload-files .k-file-information {
        display: block;
    }

    .k-upload .k-upload-files .k-file-name {
        position: relative;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-top: 4px;
    }

span.k-file-validation-message.k-text-error, .k-form-error {
    color: var(--error);
    font-size: 12px;
}

.k-upload .k-upload-files .k-file-size,
.k-upload .k-upload-files .k-file-information,
.k-upload .k-upload-files .k-file-validation-message {
    font-size: 12px;
}

.k-upload .k-upload-files .k-file-information {
    text-indent: 1px;
}

.k-upload .k-upload-files .k-file-extension-wrapper,
.k-upload .k-upload-files .k-multiple-files-extension-wrapper,
.k-upload .k-upload-files .k-file-invalid-extension-wrapper,
.k-upload .k-upload-files .k-multiple-files-invalid-extension-wrapper {
    position: absolute;
    top: 8px;
    width: 24px;
    height: 34px;
    border-width: 2px;
    border-style: solid;
    vertical-align: top;
    font-size: 7.98px;
    text-transform: uppercase;
    margin: 1px 0;
    box-sizing: content-box;
}

.k-upload .k-upload-files .k-file-invalid-extension-wrapper,
.k-upload .k-upload-files .k-multiple-files-invalid-extension-wrapper {
    font-size: 1.2em;
}

.k-upload .k-upload-files .k-multiple-files-extension-wrapper,
.k-upload .k-upload-files .k-multiple-files-invalid-extension-wrapper {
    margin-top: 4px;
}

.k-upload .k-upload-files .k-file-state {
    visibility: hidden;
}

.k-upload .k-upload-files .k-file-name-size-wrapper {
    display: block;
    margin-left: calc(24px + 1em);
    margin-right: calc(16px*2 + 3.5em);
    overflow: hidden;
    min-height: 38px;
}

.k-upload .k-upload-files .k-file-extension-wrapper::before,
.k-upload .k-upload-files .k-multiple-files-extension-wrapper::before,
.k-upload .k-upload-files .k-multiple-files-extension-wrapper::after,
.k-upload .k-upload-files .k-file-invalid-extension-wrapper::before,
.k-upload .k-upload-files .k-multiple-files-invalid-extension-wrapper::before,
.k-upload .k-upload-files .k-multiple-files-invalid-extension-wrapper::after {
    position: absolute;
    content: '';
    display: inline-block;
    border-style: solid;
}

.k-upload .k-upload-files .k-file-extension-wrapper::before,
.k-upload .k-upload-files .k-multiple-files-extension-wrapper::before,
.k-upload .k-upload-files .k-file-invalid-extension-wrapper::before,
.k-upload .k-upload-files .k-multiple-files-invalid-extension-wrapper::before {
    top: -1px;
    right: -1px;
    width: 0;
    height: 0;
    border-width: 6px;
    margin-top: -1px;
    margin-right: -1px;
}

.k-upload .k-upload-files .k-multiple-files-extension-wrapper::after,
.k-upload .k-upload-files .k-multiple-files-invalid-extension-wrapper::after {
    top: -6px;
    left: -6px;
    width: 15px;
    height: 35px;
    border-width: 2px 0 0 2px;
}

.k-upload .k-upload-files .k-file-extension,
.k-upload .k-upload-files .k-file-invalid-icon {
    position: absolute;
    bottom: 0;
    line-height: normal;
}

.k-upload .k-upload-files .k-file-invalid-icon {
    margin-left: 4px;
}

.k-upload .k-upload-files .k-file-extension {
    margin-left: .4em;
    margin-bottom: .3em;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    left: 0;
}

.k-upload .k-upload-files .k-upload-action {
    margin-left: 8px;
}

.k-upload .k-clear-selected,
.k-upload .k-upload-selected {
    display: inline-block;
    width: 50%;
    margin: 0;
    line-height: 1.42857;
    padding: 1em 0;
}

.k-upload .k-upload-selected {
    border-left-width: 1px;
    border-left-style: solid;
    margin-left: -1px;
}

.k-upload .k-action-buttons {
    margin: -4px 0 0;
    padding: 0;
    border-top: 0;
}

.k-upload .k-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
}

.k-upload .k-file-invalid > .k-progress {
    width: 100%;
}

.k-upload[dir="rtl"] .k-dropzone .k-upload-status > .k-icon,
.k-rtl .k-upload .k-dropzone .k-upload-status > .k-icon {
    margin-left: 6px;
    margin-right: 0;
}

.k-upload[dir="rtl"] .k-upload-files .k-upload-status,
.k-rtl .k-upload .k-upload-files .k-upload-status {
    right: auto;
    left: 8px;
}

.k-upload[dir="rtl"] .k-upload-files ~ .k-upload-selected,
.k-rtl .k-upload .k-upload-files ~ .k-upload-selected {
    border-left-width: 0;
    border-right-width: 1px;
    border-right-style: solid;
    margin-left: 0;
}

.k-upload[dir="rtl"] .k-upload-files .k-file-invalid-icon,
.k-rtl .k-upload .k-upload-files .k-file-invalid-icon {
    margin-left: 0;
    left: 4px;
}

.k-upload[dir="rtl"] .k-file-name-size-wrapper,
.k-rtl .k-upload .k-file-name-size-wrapper {
    margin-right: calc(24px + 1em);
    margin-left: calc(16px + 8px);
}

.k-upload[dir="rtl"] .k-file-extension,
.k-rtl .k-upload .k-file-extension {
    right: 0;
    left: auto;
    margin-right: .4em;
    margin-left: 0;
}

.k-upload[dir="rtl"] .k-upload-action,
.k-rtl .k-upload .k-upload-action {
    margin-left: 0;
    margin-right: 8px;
}

.k-upload-button {
    position: relative;
    overflow: hidden;
    direction: ltr;
}

    .k-upload-button input,
    .k-upload-button-wrap input {
        font: 170px monospace !important;
        margin: 0;
        padding: 0;
        filter: opacity(0);
        opacity: 0;
        cursor: pointer;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 1;
    }

.k-ie9 .k-upload-status-total {
    top: 1.5em;
}

    .k-ie9 .k-upload-status-total > .k-icon {
        margin-top: -3px;
    }

.k-ie9 .k-upload-button {
    margin: 2px 4px;
}

.k-upload {
    height: 40px;
    background-color: var(--primary);
    border-color: rgba(0, 0, 0, 0.08);
    background-clip: padding-box;
}

.k-ie11 .k-upload,
.k-edge12 .k-upload,
.k-edge13 .k-upload {
    background-clip: border-box;
}

ul.k-upload-files.k-reset {
    display: none;
    visibility: hidden;
}

.k-upload .k-upload-files,
.k-upload .k-upload-selected {
    border-color: rgba(0, 0, 0, 0.08);
    margin-top: 20px;
    margin-bottom: 20px;
}

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

    .k-upload .k-file.k-state-focused {
        box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
        outline: none;
    }

    .k-upload .k-file .k-upload-action {
        opacity: .6;
        color: inherit;
        background: none;
        border-width: 0;
        box-shadow: none;
    }

        .k-upload .k-file .k-upload-action:hover {
            opacity: 1;
        }

        .k-upload .k-file .k-upload-action.k-state-focused {
            box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
        }

    .k-upload .k-file .k-upload-pct {
        opacity: .65;
    }

.k-upload .k-file-progress {
    color: var(--accent);
}

    .k-upload .k-file-progress .k-progress {
        background-color: #3e80ed;
    }

.k-upload .k-file-success .k-file-name {
    color: #5ec232;
}

.k-upload .k-file-success .k-progress {
    background-color: #5ec232;
}

.k-upload .k-file-error .k-file-name {
    color: var(--error);
}

.k-tooltip-error .k-callout-n {
    border-bottom-color: var(--error);
}

.k-tooltip .k-tooltip-error, .k-upload .k-file-error .k-progress,
.k-tooltip-error, .k-tooltip .k-tooltip-error .k-validator-tooltip .k-invalid-msg .field-validation-error
.k-upload .k-file-invalid .k-progress {
    background-color: var(--error);
}

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

.k-upload .k-file-invalid .k-file-name-invalid {
    color: var(--error);
}

.k-upload .k-file-invalid-extension-wrapper,
.k-upload .k-multiple-files-invalid-extension-wrapper,
.k-upload .k-file-error .k-file-extension-wrapper {
    color: var(--error);
    border-color: #f29095;
}

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

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

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

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

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

.k-dropzone .k-i-loading {
    border-color: var(--primary);
}

    .k-dropzone .k-i-loading::before, .k-dropzone .k-loading-image::before,
    .k-dropzone .k-i-loading::after,
    .k-dropzone .k-loading-image::after {
        background-color: var(--primary);
    }

.k-dropzone-hovered {
    background-color: #ededed;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-editor {
    border-collapse: separate;
    border-spacing: 0;
    vertical-align: top;
    position: relative;
    table-layout: fixed;
}

    .k-editor .k-content {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        border: 0;
        background: none;
        display: block;
    }

table.k-editor {
    width: 100%;
}

.k-editor-inline {
    border-radius: 2px;
    padding: 2px 4px;
    border-width: 2px;
    word-wrap: break-word;
    overflow: auto;
    background: none;
}

.k-window.k-editor-widget {
    padding: 0;
}

.editorToolbarWindow {
    padding: 0;
    display: flex;
    align-items: stretch;
}

.k-editortoolbar-dragHandle {
    margin: 8px;
    padding: 0;
    cursor: move;
}

.k-editor-toolbar-wrap {
    border-color: inherit;
}

.k-editor-toolbar {
    margin: 0;
    padding: 8px 8px;
    border-color: inherit;
    list-style-type: none;
    line-height: 1.42857;
    cursor: default;
    word-wrap: break-word;
    /* allow tools to wrap properly in IE */
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    position: relative;
}

    .k-editor-toolbar li {
        display: inline-flex;
        align-items: center;
        vertical-align: middle;
    }

    .k-editor-toolbar .k-tool-group {
        padding: 0;
        border-width: 0;
        border-style: solid;
        border-color: inherit;
    }

        .k-editor-toolbar .k-tool-group .k-widget + .k-widget, .k-editor-toolbar .k-tool-group .k-block + .k-widget, .k-editor-toolbar .k-tool-group .k-widget + .k-block, .k-editor-toolbar .k-tool-group .k-block + .k-block {
            margin-left: 8px;
        }

        .k-editor-toolbar .k-tool-group + .k-tool-group {
            margin-left: 8px;
        }

        .k-editor-toolbar .k-tool-group .k-state-disabled {
            display: none;
        }

    .k-editor-toolbar .k-tool {
        padding: 4px;
        width: calc( 10px + 1.42857em);
        height: calc( 10px + 1.42857em);
        border-width: 1px;
        border-style: solid;
        box-sizing: border-box;
        text-decoration: none;
        display: inline-flex;
        flex-direction: row;
        align-items: center;
        align-content: center;
        justify-content: center;
    }

    .k-editor-toolbar .k-tool-text {
        display: none;
    }

    .k-editor-toolbar .k-tool + .k-tool {
        margin-left: -1px;
    }

    .k-editor-toolbar .k-overflow-tools {
        position: absolute;
        top: 0;
        right: 0;
    }

.k-editable-area {
    padding: 4px;
    width: 100%;
    height: 100%;
    border-width: 1px 0 0;
    border-style: solid;
    border-color: inherit;
    outline: 0;
}

.k-resizable .k-editable-area {
    padding: 4px 4px 16px;
}

.k-edit-form-content {
    flex: 1 1 auto;
    overflow: auto;
    margin: -16px -16px;
    padding: 16px 16px;
}

.k-ct-popup {
    box-sizing: border-box;
    width: 190px;
    padding: 5px;
}

    .k-ct-popup .k-editor-toolbar {
        text-align: center;
    }

        .k-ct-popup .k-editor-toolbar .k-tool {
            border-radius: 2px;
            width: 100%;
            height: auto;
            display: flex;
        }

        .k-ct-popup .k-editor-toolbar .k-tool-text {
            display: inline;
        }

    .k-ct-popup .k-ct-cell {
        margin: 1px;
        width: 20px;
        height: 20px;
        box-sizing: border-box;
        border: 1px solid;
        border-color: inherit;
        display: inline-block;
        vertical-align: top;
        overflow: hidden;
        opacity: .7;
    }

.k-editor .k-resize-handle {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 13px 13px;
    border-color: transparent;
    border-bottom-color: inherit;
    cursor: se-resize;
}

    .k-editor .k-resize-handle .k-i-arrow-45-down-right {
        display: none;
    }

.k-editor .k-overlay {
    position: absolute;
    background-color: #fff;
    opacity: 0;
}

.k-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10001;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
}

.k-rtl .k-editor .k-editor-widget .k-dropdown-wrap {
    padding-left: 0;
}

    .k-rtl .k-editor .k-editor-widget .k-dropdown-wrap .k-select {
        border-width: 0;
    }

.k-editor-dialog {
    box-sizing: border-box;
}

    .k-editor-dialog .k-edit-form-container {
        width: auto;
    }

    .k-editor-dialog .k-edit-label {
        width: 30%;
        padding: 5px 0;
    }

    .k-editor-dialog .k-edit-field {
        width: 66%;
    }

.k-filebrowser-dialog {
    display: flex;
}

    .k-filebrowser-dialog .k-edit-form-container {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
    }

    .k-filebrowser-dialog .k-edit-label {
        width: 18%;
    }

    .k-filebrowser-dialog .k-edit-field {
        width: 75%;
    }

.k-filebrowser {
    max-width: 100%;
}

    .k-filebrowser .k-floatwrap {
        display: flex;
    }

        .k-filebrowser .k-floatwrap::after {
            display: none;
        }

    .k-filebrowser .k-breadcrumbs {
        flex: 1;
    }

    .k-filebrowser .k-search-wrap {
        margin: 0 0 0 1em;
        width: 150px;
        display: flex;
        align-items: center;
    }

        .k-filebrowser .k-search-wrap .k-input {
            flex: 1;
            width: 100px;
        }

        .k-filebrowser .k-search-wrap .k-icon {
            margin: 0;
            position: static;
        }

    .k-filebrowser .k-filebrowser-toolbar {
        margin: 1em 0 0 0;
        padding: 8px 8px;
        display: flex;
        justify-content: space-between;
    }

    .k-filebrowser .k-toolbar-wrap {
        display: flex;
    }

        .k-filebrowser .k-toolbar-wrap > * + * {
            margin-left: 8px;
        }

        .k-filebrowser .k-toolbar-wrap .k-state-disabled {
            display: none;
        }

    .k-filebrowser .k-upload {
        padding: 0;
        border-width: 0;
        background: none;
    }

        .k-filebrowser .k-upload .k-upload-button {
            margin: 0;
        }

        .k-filebrowser .k-upload .k-upload-status {
            display: none;
        }

    .k-filebrowser .k-upload-files {
        display: none;
    }

    .k-filebrowser .k-tiles {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        height: 390px;
        max-height: 50vh;
        margin: 0 0 1em 0;
        padding: 4px 8px;
        border-top-width: 0;
        overflow: auto;
    }

    .k-filebrowser .k-tile {
        width: 33%;
        height: 90px;
        padding: 4px 8px;
        box-sizing: border-box;
        white-space: nowrap;
        overflow: hidden;
        cursor: pointer;
        border-radius: 2px;
    }

        .k-filebrowser .k-tile .k-i-file,
        .k-filebrowser .k-tile .k-i-folder {
            font-size: 4em;
        }

        .k-filebrowser .k-tile input {
            width: 100px;
        }

        .k-filebrowser .k-tile strong {
            display: block;
            font-weight: 400;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .k-filebrowser .k-tile-empty {
        display: block;
        margin: auto;
    }

        .k-filebrowser .k-tile-empty.k-state-selected {
            color: inherit;
            border-width: 0;
            background-image: none;
            background-color: transparent;
        }

        .k-filebrowser .k-tile-empty strong {
            opacity: .5;
            font-size: 3em;
            font-weight: 400;
        }

    .k-filebrowser .k-thumb {
        float: left;
        margin-right: 4px;
    }

    .k-filebrowser .k-breadcrumbs-wrap {
        position: absolute;
        left: 8px;
        top: 4px;
    }

        .k-filebrowser .k-breadcrumbs-wrap .k-icon {
            position: static;
            margin-top: 0;
        }

.k-editor-table-wizard-dialog {
    display: flex;
}

    .k-editor-table-wizard-dialog .k-edit-form-container {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
    }

    .k-editor-table-wizard-dialog .k-tabstrip-wrapper {
        display: flex;
        flex: 1 1 auto;
        overflow: auto;
    }

        .k-editor-table-wizard-dialog .k-tabstrip-wrapper .k-tabstrip.k-root-tabs {
            flex: 1 1 auto;
            margin-bottom: 0;
        }

    .k-editor-table-wizard-dialog .k-edit-field > .k-checkbox {
        position: relative;
    }

    .k-editor-table-wizard-dialog .k-numerictextbox {
        width: 10em;
    }

        .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdown {
            width: 4em;
        }

        .k-editor-table-wizard-dialog .k-numerictextbox + .k-colorpicker,
        .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdown {
            margin-left: 4px;
        }

    .k-editor-table-wizard-dialog .k-colorpicker {
        vertical-align: middle;
    }

    .k-editor-table-wizard-dialog .k-edit-field > .k-checkbox {
        position: relative;
    }

    .k-editor-table-wizard-dialog .k-dropdown.k-align {
        width: auto;
    }

.k-popup.k-align .k-list {
    display: flex;
    flex-flow: row wrap;
}

    .k-popup.k-align .k-list .k-item {
        padding: 4px;
        height: calc( 10px + 1.42857em);
        box-sizing: border-box;
        justify-content: center;
        flex: 1 0 33%;
    }

        .k-popup.k-align .k-list .k-item .k-icon {
            margin: 0;
        }

        .k-popup.k-align .k-list .k-item:last-child {
            flex: 1 0 100%;
        }

.k-editor {
    background-clip: padding-box;
}

    .k-editor .k-editable-area {
        border-color: rgba(0, 0, 0, 0.08);
    }

.k-ie11 .k-editor,
.k-edge12 .k-editor,
.k-edge13 .k-editor {
    background-clip: border-box;
}

.k-overlay {
    background-color: #000;
}

.k-editor-toolbar {
    padding: 0;
}

    .k-editor-toolbar .k-tool-group {
        padding: 8px 8px;
    }

        .k-editor-toolbar .k-tool-group .k-tool.k-group-start,
        .k-editor-toolbar .k-tool-group .k-tool.k-group-end {
            border-radius: 0;
        }

        .k-editor-toolbar .k-tool-group + .k-tool-group {
            margin: 0;
            border-left-width: 1px;
        }

    .k-editor-toolbar .k-tool + .k-tool {
        margin: 0;
    }

.k-editor .k-editor-toolbar-wrap a.k-tool,
.k-ct-popup .k-editor-toolbar a.k-tool,
.editorToolbarWindow.k-header.k-window-content a.k-tool {
    border-width: 0;
    background-image: none;
    background-color: transparent;
}

    .k-editor .k-editor-toolbar-wrap a.k-tool.k-state-selected,
    .k-ct-popup .k-editor-toolbar a.k-tool.k-state-selected,
    .editorToolbarWindow.k-header.k-window-content a.k-tool.k-state-selected {
        border-color: rgba(0, 0, 0, 0.1);
        color: #ffffff;
        background-color: #eee;
        background-image: none;
    }

.k-editor .k-editor-toolbar-wrap .k-tool-group,
.k-ct-popup .k-editor-toolbar .k-tool-group,
.editorToolbarWindow.k-header.k-window-content .k-tool-group {
    border-color: rgba(0, 0, 0, 0.08);
}

.k-editor-toolbar .k-overflow-anchor {
    padding: 8px;
    width: calc( 1.42857em + 8px + 2px + 16px);
    height: calc( 1.42857em + 8px + 2px + 16px);
}

.k-input-inner,
.k-textbox,
.k-input.k-textbox,
.k-textarea {
    border-radius: 2px;
    padding: 4px 8px;
    width: 12.4em;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    outline: 0;
    font: inherit;
    font-size: 14px;
    line-height: 1.42857em;
    display: inline-flex;
    vertical-align: middle;
    position: relative;
    -webkit-appearance: none;
}

.k-input-inner,
.k-textbox,
.k-input.k-textbox {
    height: calc(1.42857em + (4px * 2) + (1px * 2));
}

.k-textarea {
    width: 18em;
    min-height: calc((1.42857em * 4) + (4px * 2));
}

.k-maskedtextbox {
    display: inline-flex;
    border-width: 0;
}

    .k-maskedtextbox .k-textbox {
        flex: 1 0 0;
        min-width: 0;
    }

.k-input-inner,
.k-input,
.k-textbox, .text-box.single-line > input {
    /*    padding: 0;*/
    width: 100%;
    box-sizing: border-box;
    /*border: 0;*/
    outline: 0;
    color: inherit;
    background: none;
    font: inherit;
    font-size: 14px;
    flex: 1;
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-appearance: none;
}

    .k-input-inner::-ms-clear,
    .k-input::-ms-clear,
    .k-textbox > input::-ms-clear,
    .k-textbox::-ms-clear {
        display: none;
    }

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

    .read-only,
    .k-textbox:disabled, .k-textbox[disabled], .k-textbox.k-state-disabled {
        outline: none;
        cursor: default;
        opacity: 0.6;
        filter: grayscale(0.1);
        pointer-events: none;
        box-shadow: none;
    }

.k-textbox-container {
    position: relative;
    padding-top: 1.07143em;
    display: inline-flex;
    width: 12.4em;
    flex-direction: column;
    justify-content: stretch;
}

    .k-textbox-container > .k-label {
        pointer-events: none;
        position: absolute;
        line-height: 1.42857em;
        cursor: text;
        top: calc( 1.07143em + 5px);
        left: 9px;
        transition: transform 0.2s ease-out, color 0.2s ease-out;
    }

    .k-textbox-container > .k-textbox,
    .k-textbox-container > .k-widget,
    .k-textbox-container > .k-block {
        flex: 1 1 auto;
        width: auto;
    }

    .k-textbox-container.k-state-empty > .k-label {
        transform: translate(0, 0) scale(1);
    }

    .k-textbox-container > .k-label,
    .k-textbox-container.k-state-focused > .k-label {
        transform: translate(-8px, -3px) translate(-1px, -1.07143em) translate(-12.5%, -9.375%) scale(0.75);
    }

    .k-rtl .k-textbox-container > .k-label, .k-textbox-container[dir='rtl'] > .k-label {
        left: auto;
        right: 9px;
    }

    .k-rtl .k-textbox-container.k-state-empty > .k-label, .k-textbox-container[dir='rtl'].k-state-empty > .k-label {
        transform: translate(0, 0) scale(1);
    }

    .k-rtl .k-textbox-container > .k-label,
    .k-rtl .k-textbox-container.k-state-focused > .k-label, .k-textbox-container[dir='rtl'] > .k-label,
    .k-textbox-container[dir='rtl'].k-state-focused > .k-label {
        transform: translate(8px, -3px) translate(1px, -1.07143em) translate(12.5%, -9.375%) scale(0.75);
    }

/*.k-checkbox,*/
/*.k-radio {
    margin: 0;
    padding: 0;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
    position: absolute;
    opacity: 0;
    -webkit-appearance: none;
    pointer-events: none;
}*/

/*.k-checkbox:disabled + .k-checkbox-label,*/
/*  .k-radio:disabled + .k-radio-label {
        outline: none;
        cursor: default;
        opacity: 0.6;
        filter: grayscale(0.1);
        pointer-events: none;
        box-shadow: none;
    }*/

/*.k-checkbox-label,*/
/*.k-radio-label {
    margin: 0;
    padding-left: 20px;
    min-height: 16px;
    line-height: 1;
    vertical-align: text-top;
    display: inline-flex;
    align-items: flex-start;
    position: relative;
    cursor: pointer;
}*/
/*  .k-checkbox-label .k-ripple,*/
/*  .k-radio-label .k-ripple {
        top: 8px;
        left: 8px;
        right: auto;
        bottom: auto;
        width: 40px;
        height: 40px;
        transform: translate(-50%, -50%);
        border-radius: 50%;
    }*/
/*  .k-checkbox-label .k-ripple-blob,*/
/*  .k-radio-label .k-ripple-blob {
        top: 50% !important;
        left: 50% !important;
        width: 200% !important;
        height: 200% !important;
    }*/
/*  .k-checkbox-label.k-no-text,*/
.k-radio-label.k-no-text {
    padding: 0;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.k-checkbox-label::before,
.k-checkbox-label::after
/* .k-radio-label::before,
    .k-radio-label::after */ {
    font-size: 16px;
    font-family: "WebComponentsIcons", monospace;
    box-sizing: border-box;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

/*.k-checkbox-label::before,*/
/*  .k-radio-label::before {
        content: "";
        width: 16px;
        height: 16px;
        border-width: 1px;
        border-style: solid;
    }*/

.k-checkbox-label::before {
    border-radius: 2px;
}

/*.k-radio-label::before {
    border-radius: 50%;
}*/

.k-checkbox-label::after {
    content: "\e118";
    width: 16px;
    height: 16px;
    transform: scale(0);
}

.k-checkbox:checked + .k-checkbox-label::after {
    border-radius: 2px;
    transform: scale(1);
}

.k-checkbox:indeterminate + .k-checkbox-label::after {
    content: "";
    transform: scale(1);
    width: 8px;
    height: 8px;
    top: 4px;
    left: 4px;
}

.k-radio-label::after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 4px;
    transform: scale(0);
}

.k-radio:checked + .k-radio-label::after {
    transform: scale(1);
}

.k-radio-list .k-radio-label {
    line-height: 20px;
    padding-left: 10px;
}

.k-radio-list {
    margin: 0;
    padding: 0;
    display: flex;
    flex-flow: column nowrap;
    gap: 0;
    list-style: none;
}

.k-radio-item, .k-radio-list-item {
    padding-block: var(--kendo-spacing-1, 0.25rem);
    padding-inline: var(--kendo-spacing-0, 0px);
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    align-content: center;
    gap: var(--kendo-spacing-1, 0.25rem);
}

.k-radio-wrap {
    flex: none;
    display: inline-flex;
    flex-flow: row nowrap;
    gap: 0;
    align-items: center;
    align-self: start;
    vertical-align: middle;
    position: relative;
}

.k-radio-item .k-radio-label, .k-radio-list-item .k-radio-label {
    margin: 0;
}

.k-radio + .k-label, .k-radio-wrap + .k-label, .k-radio + .k-radio-label, .k-radio-wrap + .k-radio-label {
    display: inline;
    margin-inline-start: var(--kendo-spacing-1, 0.25rem);
}

.k-radio-label {
    margin: 0;
    padding: 0;
    display: inline-flex;
    align-items: flex-start;
    gap: var(--kendo-spacing-1, 0.25rem);
    vertical-align: middle;
    position: relative;
    cursor: pointer;
}

.k-radio:checked, .k-radio.k-checked {
    border-color: var(--kendo-color-primary, #1274AC);
    color: var(--kendo-color-on-primary, white);
    background-color: var(--kendo-color-primary, #1274AC);
}

.k-radio:checked, .k-radio.k-checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3e%3ccircle cx='50%25' cy='50%25' r='4' fill='var%28--kendo-color-on-primary, white%29'/%3e%3c/svg%3e")
}

.k-radio {
    border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08));
    background-color: var(--kendo-color-surface-alt, #ffffff);
}

.k-radio-md {
    width: 15px;
    height: 15px;
}

.k-radio {
    border-radius: 50%;
    margin: 0;
    padding: 0;
    line-height: initial;
    border-width: 1px;
    border-style: solid;
    outline: 0;
    box-sizing: border-box;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    flex: none;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
}

.k-fieldset {
    margin: 30px;
    border-width: 1px 0 0;
    border-style: solid;
    padding: 25px 0 0;
}

    .k-fieldset > legend {
        margin-left: 0;
        padding: 0 8px 0 0;
        text-transform: uppercase;
    }

.k-form,
.k-form-inline {
    font-size: 14px;
    line-height: 1.42857;
    padding: 16px;
}

    .k-form fieldset,
    .k-form-inline fieldset {
        border-width: 1px 0 0;
        border-style: solid;
        margin: 32px 0;
        padding: 0;
    }

        .k-form fieldset:first-child:first-of-type,
        .k-form-inline fieldset:first-child:first-of-type {
            margin-top: 0;
        }

        .k-form fieldset:last-child:last-of-type,
        .k-form-inline fieldset:last-child:last-of-type {
            margin-bottom: 0;
        }

    .k-form legend,
    .k-form-inline legend {
        font-size: 12px;
        text-align: left;
        font-weight: 600;
        line-height: 1;
        margin-bottom: 12px;
        text-transform: uppercase;
        padding: 0 8px 0 0;
        width: auto;
    }

    .k-form .k-form-field,
    .k-form-inline .k-form-field {
        display: block;
        text-align: left;
        margin-bottom: 12px;
    }

        .k-form .k-form-field > span,
        .k-form-inline .k-form-field > span {
            line-height: 1.42857;
        }

        .k-form .k-form-field:last-child,
        .k-form-inline .k-form-field:last-child {
            margin-bottom: 0;
        }

    .k-form .k-alert-error,
    .k-form-inline .k-alert-error {
        font-size: 12px;
        margin-top: 8px;
    }

    .k-form .k-field-info,
    .k-form-inline .k-field-info {
        display: inline-block;
        font-size: 10px;
        line-height: 1;
        margin: 0 8px;
    }

    .k-form .k-checkbox-label,
    .k-form .k-radio-label,
    .k-form-inline .k-checkbox-label,
    .k-form-inline .k-radio-label {
        margin-right: 16px;
        align-self: center;
    }

    .k-form input,
    .k-form label:not(.k-checkbox-label):not(.k-radio-label),
    .k-form .k-widget,
    .k-form .k-block {
        display: block;
    }

    .k-form .k-form-field > span:not(.k-widget):not(.k-block) {
        display: block;
        padding: 4px 0;
    }

    .k-form .k-form-field > input {
        width: 100%;
    }

    .k-form-inline .k-form-field {
        display: flex;
        align-items: flex-start;
    }

        .k-form-inline .k-form-field > span:not(.k-widget):not(.k-block),
        .k-form-inline .k-form-field > label:not(.k-checkbox-label):not(.k-radio-label) {
            width: 25%;
            text-align: right;
            line-height: 1.42857;
            padding: 5px 0;
            padding-right: 12px;
            align-self: center;
        }

        .k-form-inline .k-form-field > input {
            flex: 1 1 auto;
        }

        .k-form-inline .k-form-field .k-field-info {
            display: block;
            margin: 0;
        }

.k-grid .k-checkbox-label {
    cursor: default;
    outline: 0;
}

.k-textbox,
.k-input.k-textbox,
.k-textarea {
    background-clip: padding-box;
}

.k-ie11 .k-textbox,
.k-edge12 .k-textbox,
.k-edge13 .k-textbox, .k-ie11
.k-input.k-textbox,
.k-edge12
.k-input.k-textbox,
.k-edge13
.k-input.k-textbox, .k-ie11
.k-textarea,
.k-edge12
.k-textarea,
.k-edge13
.k-textarea {
    background-clip: border-box;
}

.k-textbox:hover, .k-textbox.k-state-hover,
.k-input.k-textbox:hover,
.k-input.k-textbox.k-state-hover,
.k-textarea:hover,
.k-textarea.k-state-hover {
    border-color: rgba(0, 0, 0, 0.15);
}

.k-textbox:focus, .k-textbox.k-state-focus,
.k-input.k-textbox:focus,
.k-input.k-textbox.k-state-focus,
.k-textarea:focus,
.k-textarea.k-state-focus {
    color: var(--accent);
    border-color: rgba(0, 0, 0, 0.15);
}

.k-textbox.k-state-invalid, .k-textbox.ng-invalid.ng-touched, .k-textbox.ng-invalid.ng-dirty,
.k-input.k-textbox.k-state-invalid,
.k-input.k-textbox.ng-invalid.ng-touched,
.k-input.k-textbox.ng-invalid.ng-dirty,
.k-textarea.k-state-invalid,
.k-textarea.ng-invalid.ng-touched,
.k-textarea.ng-invalid.ng-dirty {
    color: var(--error);
    border-color: rgba(213, 25, 35, 0.5);
}

.k-textbox::-moz-selection,
.k-input.k-textbox::-moz-selection,
.k-textarea::-moz-selection {
    background-color: var(--primary);
    color: #ffffff;
}

.k-input-inner::selection,
.k-textbox::selection,
.k-input::selection,
.k-textarea::selection {
    background-color: var(--primary);
    color: #ffffff;
}

.k-state-disabled .k-input-inner::selection,
.k-state-disabled .k-textbox::selection,
.k-state-disabled .k-input::selection,
.k-state-disabled .k-textarea::selection {
    color: var(--accent);
    background-color: transparent;
}

.form-control::placeholder,
.k-input-inner::placeholder,
.k-textbox::placeholder,
.k-input::placeholder,
.k-textarea::placeholder,
input::placeholder {
    color: rgba(101, 101, 101, 0.5);
}

.darkMode .form-control::placeholder,
.darkMode .k-input-inner::placeholder,
.darkMode .k-textbox::placeholder,
.darkMode .k-input::placeholder,
.darkMode .k-textarea::placeholder,
.darkMode input::placeholder {
    color: black;
}


.k-radio-label::before {
    border-color: rgba(0, 0, 0, 0.08);
    background-color: #ffffff;
}

.k-radio:focus + .k-radio-label::before {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.06);
}

.k-radio:checked + .k-radio-label::before {
    border-color: var(--primary);
    background-color: var(--primary);
}

.k-radio:checked + .k-radio-label::after {
    background-color: #ffffff;
}

.k-radio:checked:focus + .k-radio-label::before {
    box-shadow: 0 0 0 2px rgba(0, 204, 153, 0.3);
}

.k-radio:hover + .k-radio-label::before {
    border-color: rgba(0, 0, 0, 0.15);
    background-color: #ffffff;
}

.k-radio:hover + .k-radio-label::after {
    background-color: var(--primary);
}

.k-checkbox-label::before {
    background-color: #ffffff;
    border-color: rgba(0, 0, 0, 0.08);
}

.k-checkbox:indeterminate + .k-checkbox-label::after {
    background-color: var(--primary);
}

.k-checkbox:focus + .k-checkbox-label::before {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.06);
}

.k-checkbox:checked + .k-checkbox-label::before {
    border-color: var(--primary);
    background-color: var(--primary);
}

.k-checkbox:checked + .k-checkbox-label::after {
    color: #ffffff;
}

.k-checkbox:checked:focus + .k-checkbox-label::before {
    box-shadow: 0 0 0 2px rgba(0, 204, 153, 0.3);
}

.k-checkbox:hover + .k-checkbox-label::before {
    border-color: rgba(0, 0, 0, 0.15);
    background-color: #ffffff;
}

.k-checkbox:hover + .k-checkbox-label::after {
    color: var(--primary);
}

fieldset {
    border-color: rgba(0, 0, 0, 0.08);
    padding-left: 20px;
    margin: 20px;
}

    fieldset legend {
        color: var(--accent);
        padding-left: 20px;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 5px;
        border: none;
        width: 20%;
    }

.k-form,
.k-form-inline {
    color: var(--accent);
}

    .k-form fieldset legend,
    .k-form-inline fieldset legend {
        color: #444444;
    }

    .k-form .k-field-info,
    .k-form-inline .k-field-info {
        color: #b9b9b9;
    }

    .k-form .k-alert-error,
    .k-form-inline .k-alert-error {
        color: var(--error);
    }

.k-required,
.k-required.k-field-info {
    color: var(--primary);
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}



.k-multiselect .k-loading-hidden {
    visibility: hidden;
}

.k-multiselect .k-clear-value {
    top: 4px;
    margin-top: 0;
}

.k-multiselect[dir='rtl'] li.k-button,
.k-rtl .k-multiselect li.k-button {
    float: right;
}

.k-multiselect[dir='rtl'] .k-multiselect-wrap,
.k-rtl .k-multiselect .k-multiselect-wrap {
    padding-left: 24px;
    padding-right: 0;
}

    .k-multiselect[dir='rtl'] .k-multiselect-wrap .k-searchbar,
    .k-rtl .k-multiselect .k-multiselect-wrap .k-searchbar {
        float: right;
    }

    .k-multiselect[dir='rtl'] .k-multiselect-wrap .k-button,
    .k-rtl .k-multiselect .k-multiselect-wrap .k-button {
        width: auto;
        margin: 2px 2px 0 0;
    }

        .k-multiselect[dir='rtl'] .k-multiselect-wrap .k-button .k-select,
        .k-rtl .k-multiselect .k-multiselect-wrap .k-button .k-select {
            margin-left: 0;
            margin-right: 8px;
        }

    .k-multiselect[dir='rtl'] .k-multiselect-wrap .k-i-loading,
    .k-rtl .k-multiselect .k-multiselect-wrap .k-i-loading {
        left: 8px;
        right: auto;
    }

.k-multiselect-wrap {
    min-height: calc( 1.42857em + 8px);
    padding-right: 24px;
    cursor: text;
}

    .k-multiselect-wrap ul {
        vertical-align: top;
    }

    .k-multiselect-wrap li.k-button {
        float: left;
    }

    .k-multiselect-wrap .k-button {
        min-height: calc(1.42857*1em + 2px + 2px);
        padding: 1px 4px;
        margin: 2px 0 0 2px;
        cursor: default;
        display: inline-flex;
        flex-direction: row;
        align-items: center;
        line-height: inherit;
        white-space: normal;
    }

        .k-multiselect-wrap .k-button .k-select {
            display: flex;
            cursor: pointer;
            margin-left: 8px;
        }

        .k-multiselect-wrap .k-button:last-child {
            margin-bottom: 2px;
        }

    .k-multiselect-wrap .k-searchbar {
        float: left;
        width: auto;
    }

.k-multiselect {
    background-clip: padding-box;
    width: 100%;
    background-clip: padding-box;
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    min-height: 20px;
    padding: 0px;
}

    .k-multiselect:focus {
        border-color: var(--primary);
    }

.k-ie11 .k-multiselect,
.k-edge12 .k-multiselect,
.k-edge13 .k-multiselect {
    background-clip: border-box;
}

.k-multiselect li {
    background-clip: padding-box;
}

.k-ie11 .k-multiselect li,
.k-edge12 .k-multiselect li,
.k-edge13 .k-multiselect li {
    background-clip: border-box;
}

.k-multiselect li .k-icon {
    opacity: .6;
    cursor: pointer;
}

    .k-multiselect li .k-icon:hover {
        opacity: 1;
    }

.k-multiselect li:focus .k-icon, .k-multiselect li.k-state-focused .k-icon {
    opacity: 1;
}

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

.k-multiselect-wrap > .k-readonly {
    opacity: .6;
    font-size: 13px;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-rtl .k-numerictextbox .k-numeric-wrap .k-i-warning, .k-numerictextbox[dir='rtl'] .k-numeric-wrap .k-i-warning {
    align-self: center;
    margin-right: 0;
    margin-left: 0.5em;
}

.k-numeric-wrap .k-i-warning {
    align-self: center;
    margin-right: 0.5em;
}

.k-numeric-wrap > .k-input {
    flex: 1 1 0;
}

    .k-numeric-wrap > .k-input:invalid {
        box-shadow: none;
    }

.k-numerictextbox .k-numeric-wrap {
    background-clip: padding-box;
}

.k-ie11 .k-numerictextbox .k-numeric-wrap,
.k-edge12 .k-numerictextbox .k-numeric-wrap,
.k-edge13 .k-numerictextbox .k-numeric-wrap {
    background-clip: border-box;
}

.k-numerictextbox .k-select {
    padding: 0;
    width: calc( 8px + 1.42857em);
    border-width: 0;
}

    .k-numerictextbox .k-select > .k-state-selected,
    .k-numerictextbox .k-select > .k-state-active {
        color: #252525;
        box-shadow: inset 0 3px 4px 0 rgba(0, 0, 0, 0.06);
    }

.k-numerictextbox .k-link-increase > .k-icon {
    bottom: -2px;
}

.k-numerictextbox .k-link-decrease > .k-icon {
    top: -2px;
}

.k-numerictextbox .k-numeric-wrap.k-state-invalid {
    color: var(--error);
    border-color: rgba(213, 25, 35, 0.5);
}

    .k-numerictextbox .k-numeric-wrap.k-state-invalid .k-select {
        color: var(--error);
    }

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-tooltip {
    color: #ffffff;
    background-color: var(--primary);
}

.k-callout-n {
    border-bottom-color: var(--primary);
}

.k-callout-e {
    border-left-color: var(--primary);
}

.k-callout-s {
    border-top-color: var(--primary);
}

.k-callout-w {
    border-right-color: var(--primary);
}

.k-tooltip-validation {
    margin: 0.5em 0 0;
    padding: 0;
    position: static;
    border-width: 0;
    display: inline-flex;
    align-items: center;
}

    .k-tooltip-validation[hidden] {
        display: none;
    }

    .k-tooltip-validation > .k-icon {
        margin-right: 4px;
    }

    .k-tooltip-validation .k-callout {
        display: none;
    }

.k-tooltip-validation {
    border-color: transparent;
    color: var(--error);
    background-color: transparent;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-switch {
    cursor: pointer;
    border: 0;
    display: inline-block;
    font-size: 10px;
    overflow: hidden;
    position: relative;
    text-align: left;
    user-select: none;
    vertical-align: middle;
    width: 6em;
    outline: 0;
}

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

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

.k-switch-wrapper {
    display: none;
}

.k-switch .k-switch-background {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.k-switch-container {
    padding: 2px 0;
    display: block;
    width: 100%;
    background: transparent;
    transform: translateZ(0);
    outline: 0;
}

.k-switch-handle {
    position: relative;
    width: 2.4em;
    height: 2.4em;
    display: inline-block;
    margin: 0 6px 0 2px;
    border-width: 1px;
    border-style: solid;
    vertical-align: middle;
}

.k-switch-label-off {
    left: 3em;
}

.k-switch-label-on {
    left: -2.4em;
}

.k-switch-label-on,
.k-switch-label-off {
    top: -1px;
    display: block;
    text-align: center;
    position: absolute;
    text-transform: uppercase;
    text-shadow: none;
    line-height: 2.4em;
    vertical-align: middle;
}

.k-switch-container,
.k-switch-wrapper {
    border-width: 1px;
    border-style: solid;
}

.k-switch[dir='rtl'] .k-switch-label-off {
    left: -2.4em;
}

.k-switch[dir='rtl'] .k-switch-label-on {
    left: 3em;
}

.k-switch,
.k-switch-wrapper,
.k-switch-container {
    border-radius: 1.5em;
    outline: 0;
}

.k-switch-container,
.k-switch-wrapper {
    border-color: rgba(0, 0, 0, 0.08);
    background-clip: padding-box;
}

.k-ie11 .k-switch-container,
.k-edge12 .k-switch-container,
.k-edge13 .k-switch-container, .k-ie11
.k-switch-wrapper,
.k-edge12
.k-switch-wrapper,
.k-edge13
.k-switch-wrapper {
    background-clip: border-box;
}

.k-switch-container:hover,
.k-switch-wrapper:hover {
    border-color: rgba(0, 0, 0, 0.15);
}

.k-switch-wrapper {
    background-color: #ffffff;
}

.k-switch-background {
    background-position: 4.3em 0;
    background-repeat: no-repeat;
}

.k-switch-handle {
    border-radius: 50%;
    background-clip: padding-box;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}

.k-ie11 .k-switch-handle,
.k-edge12 .k-switch-handle,
.k-edge13 .k-switch-handle {
    background-clip: border-box;
}

.k-switch-off:action {
    border-color: rgba(0, 0, 0, 0.08);
    color: #ffffff;
    background-color: var(--primary);
    background-image: linear-gradient(to top, var(--primary), #bbf8ec);
}

.k-switch-label-on {
    color: var(--primary);
    background-color: transparent;
}

.k-switch-label-off {
    color: var(--accent);
}

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

.k-switch:active {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.06);
}

.k-switch.k-state-disabled {
    cursor: auto;
}

    .k-switch.k-state-disabled .k-switch-container,
    .k-switch.k-state-disabled .k-switch-wrapper {
        border-color: rgba(0, 0, 0, 0.08);
        box-shadow: none;
    }

    .k-switch.k-state-disabled:focus {
        box-shadow: none;
    }

    .k-switch.k-state-disabled.k-switch-on .k-switch-handle {
        background: var(--primary);
        border-color: var(--primary);
        opacity: .5;
    }

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-maskedtextbox .k-i-warning {
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 8px;
}

.k-rtl .k-maskedtextbox .k-i-warning, .k-maskedtextbox[dir='rtl'] .k-i-warning {
    right: auto;
    left: 8px;
}

.k-maskedtextbox.k-state-invalid .k-i-warning {
    display: inline-block;
}

.k-maskedtextbox .k-i-warning {
    color: var(--error);
}

.k-maskedtextbox.k-state-invalid .k-textbox {
    color: var(--error);
    border-color: var(--error);
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}


.darkMode .k-list-scroller.k-selectable {
    background-color: darkgray;
}

.k-listbox.k-listbox-actions-left .k-listbox-actions, .k-listbox.k-listbox-actions-right .k-listbox-actions {
    flex-direction: column;
    margin-right: 15px;
    margin-left: 15px;
}

.k-listbox .k-listbox-actions {
    display: flex;
    gap: var(--kendo-spacing-4, 1rem);
    justify-content: center;
    align-items: center;
}

.k-listbox.k-listbox-actions-right {
    flex-direction: row-reverse;
}

.k-listbox.k-listbox-actions-left, .k-listbox.k-listbox-actions-right {
    flex-direction: row-reverse;
}


.k-listbox {
    width: 12.4em;
    height: 200px;
    vertical-align: top;
    background-color: transparent;
    border-width: 0;
    display: inline-flex;
    margin: 10px;
}

    .k-listbox .k-listbox-toolbar ul {
        display: flex;
    }

    .k-listbox.k-listbox-toolbar-left .k-listbox-toolbar ul, .k-listbox.k-listbox-toolbar-right .k-listbox-toolbar ul {
        flex-direction: column;
    }

    .k-listbox.k-listbox-toolbar-left .k-listbox-toolbar li + li, .k-listbox.k-listbox-toolbar-right .k-listbox-toolbar li + li {
        margin-top: 8px;
    }

    .k-listbox.k-listbox-toolbar-left {
        flex-direction: row;
    }

        .k-listbox.k-listbox-toolbar-left .k-listbox-toolbar {
            margin-right: 8px;
        }

    .k-listbox.k-listbox-toolbar-right {
        flex-direction: row-reverse;
    }

        .k-listbox.k-listbox-toolbar-right .k-listbox-toolbar {
            margin-left: 8px;
        }

    .k-listbox.k-listbox-toolbar-top, .k-listbox.k-listbox-toolbar-bottom {
        flex-direction: column;
    }

        .k-listbox.k-listbox-toolbar-top .k-listbox-toolbar ul, .k-listbox.k-listbox-toolbar-bottom .k-listbox-toolbar ul {
            flex-direction: row;
        }

        .k-listbox.k-listbox-toolbar-top .k-listbox-toolbar li + li, .k-listbox.k-listbox-toolbar-bottom .k-listbox-toolbar li + li {
            margin-left: 8px;
        }

        .k-listbox.k-listbox-toolbar-top .k-listbox-toolbar {
            margin-bottom: 8px;
        }

        .k-listbox.k-listbox-toolbar-bottom .k-listbox-toolbar {
            margin-top: 8px;
        }

    .k-listbox .k-list-scroller {
        width: 100%;
        border-width: 1px;
        border-style: solid;
    }

    .k-listbox .k-drop-hint {
        border-top-width: 1px;
        border-top-style: solid;
    }

    .k-listbox .k-ghost {
        opacity: .5;
    }

.k-item {
    cursor: default;
}

    .k-item.k-drag-clue {
        border-radius: 0;
        padding: 4px 8px;
        border-width: 0;
        font-size: 14px;
        line-height: 1.42857em;
    }

.k-listbox .k-list-scroller {
    background-color: #ffffff;
    border-color: rgba(0, 0, 0, 0.08);
    color: var(--accent);
    background-clip: padding-box;
}

.k-ie11 .k-listbox .k-list-scroller,
.k-edge12 .k-listbox .k-list-scroller,
.k-edge13 .k-listbox .k-list-scroller {
    background-clip: border-box;
}

.k-listbox .k-drop-hint {
    border-top-color: var(--primary);
}

.k-item.k-drag-clue {
    background-color: #eee;
    color: #ffffff;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-var--chart-font {
    font-size: 14px;
}

.k-var--chart-title-font {
    font-size: 1.143em;
}

.k-var--chart-label-font {
    font-size: 0.857em;
}

.k-chart,
.k-sparkline,
.k-stockchart {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    border-width: 0;
}

.k-chart,
.k-stockchart {
    font-size: 14px;
    font-family: inherit;
    display: block;
    height: 400px;
}

.k-chart-surface {
    height: 100%;
}

.k-chart .k-popup {
    border-width: 0;
}

.k-chart-tooltip-wrapper .k-animation-container-shown,
.k-chart-tooltip-wrapper.k-animation-container-shown {
    transition: left ease-in 80ms, top ease-in 80ms;
}

.k-chart-tooltip-wrapper > .k-popup {
    padding: 0;
}

.k-chart-tooltip table {
    border-spacing: 0;
    border-collapse: collapse;
}

.k-chart-tooltip {
    font-size: 13.006px;
    line-height: 1.42857;
    padding: 4px 8px;
}

    .k-chart-tooltip th {
        width: auto;
        text-align: center;
        padding: 1px;
    }

    .k-chart-tooltip td {
        width: auto;
        text-align: left;
        padding: 2px 4px;
        line-height: 1.42857;
        vertical-align: middle;
    }

.k-chart-crosshair-tooltip,
.k-chart-shared-tooltip {
    border-width: 1px;
    border-style: solid;
}

    .k-chart-shared-tooltip .k-chart-shared-tooltip-marker {
        display: block;
        width: 15px;
        height: 3px;
        vertical-align: middle;
    }

/* Selection */
.k-selector {
    position: absolute;
    -webkit-transform: translateZ(0);
}

.k-selection {
    position: absolute;
    height: 100%;
    border-width: 1px;
    border-style: solid;
    border-bottom: 0;
}

.k-selection-bg {
    position: absolute;
    width: 100%;
    height: 100%;
}

.k-handle {
    border-radius: 50%;
    width: 22px;
    height: 22px;
    border-width: 1px;
    border-style: solid;
    z-index: 1;
    position: absolute;
    box-sizing: content-box;
}

    .k-handle div {
        width: 100%;
        height: 100%;
    }

.k-left-handle {
    left: -11px;
}

.k-right-handle {
    right: -11px;
}

.k-left-handle div {
    margin: -22px 0 0 -14.66667px;
    padding: 44px 29.33333px 0 0;
}

.k-right-handle div {
    margin: -22px 0 0 -14.66667px;
    padding: 44px 0 0 29.33333px;
}

.k-left-handle.k-handle-active div {
    margin-left: -44px;
    padding-left: 58.66667px;
}

.k-right-handle.k-handle-active div {
    margin-left: -44px;
    padding-right: 58.66667px;
}

.k-mask {
    position: absolute;
    height: 100%;
}

.k-border {
    width: 1px;
    height: 100%;
    position: absolute;
}

.k-marquee {
    position: absolute;
    z-index: 100000;
}

.k-marquee-color,
.k-marquee-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Navigator hint */
.k-navigator-hint div {
    position: absolute;
}

.k-navigator-hint .k-scroll {
    position: absolute;
    height: 4px;
}

.k-navigator-hint .k-tooltip {
    margin-top: 20px;
    min-width: 160px;
    opacity: 1;
    text-align: center;
}

/* Sparklines */
.k-sparkline,
.k-sparkline span {
    display: inline-block;
    vertical-align: top;
}

    .k-sparkline span {
        height: 100%;
        width: 100%;
    }

.k-chart-dragging {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.k-chart-donut-center {
    position: absolute;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    border-radius: 50%;
    text-align: center;
    border: 4px solid transparent;
    box-sizing: border-box;
}

.k-pdf-export .k-chart .k-animation-container,
.k-pdf-export .k-sparkline .k-animation-container,
.k-pdf-export .k-stockchart .k-animation-container {
    display: none;
}


.k-treemap {
    height: 400px;
    overflow: hidden;
}

    .k-treemap .k-treemap-tile {
        margin: -1px 0 0 -1px;
        height: 100%;
        box-sizing: border-box;
        border: 1px solid;
        border-color: inherit;
        color: inherit;
        background-color: inherit;
        overflow: hidden;
        position: absolute;
    }

    .k-treemap > .k-treemap-tile {
        position: relative;
    }

    .k-treemap .k-treemap-title {
        padding: 2px 4px;
        border-width: 0 0 1px;
        border-style: solid;
        background-position: 0 0;
        background-repeat: repeat-x;
    }

    .k-treemap .k-treemap-title-vertical {
        padding: 4px 2px;
        width: 1.42857em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        position: absolute;
        top: 0;
        bottom: 0;
    }

        .k-treemap .k-treemap-title-vertical > div {
            transform-origin: right;
            transform: rotate(-90deg);
            position: absolute;
            top: 0;
            right: 1em;
        }

    .k-treemap .k-treemap-wrap {
        border-color: inherit;
        color: inherit;
        background-color: inherit;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .k-treemap .k-treemap-title + .k-treemap-wrap {
        top: calc( 5.42857px + 1px);
    }

    .k-treemap .k-treemap-title-vertical + .k-treemap-wrap {
        left: calc( 5.42857px + 1px);
    }

    .k-treemap .k-leaf {
        padding: 4px;
    }

.k-arcgauge {
    display: inline-block;
}

.k-arcgauge-label {
    position: absolute;
    text-align: center;
    padding: 0;
    margin: 0;
}

.k-var--accent {
    background-color: var(--primary);
}

.k-var--accent-contrast {
    background-color: #ffffff;
}

.k-var--base {
    background-color: var(--primary);
}

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

.k-var--border-radius {
    margin-top: 2px;
}

.k-var--normal-background {
    background-color: var(--primary);
}

.k-var--normal-text-color {
    background-color: var(--accent);
}

.k-var--hover-background {
    background-color: #ededed;
}

.k-var--hover-text-color {
    background-color: var(--accent);
}

.k-var--selected-background {
    background-color: #eee;
}

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

.k-var--success {
    background-color: #5ec232;
}

.k-var--info {
    background-color: #3e80ed;
}

.k-var--warning {
    background-color: #fdce3e;
}

.k-var--error {
    background-color: var(--error);
}

.k-var--series-a {
    background-color: #ff6358;
}

.k-var--series-b {
    background-color: #ffd246;
}

.k-var--series-c {
    background-color: #78d237;
}

.k-var--series-d {
    background-color: #28b4c8;
}

.k-var--series-e {
    background-color: #2d73f5;
}

.k-var--series-f {
    background-color: #aa46be;
}

.k-var--gauge-pointer {
    background-color: var(--primary);
}

.k-var--gauge-track {
    background-color: #e6e6e6;
}

.k-var--chart-inactive {
    background-color: rgba(101, 101, 101, 0.5);
}

.k-var--chart-major-lines {
    background-color: rgba(0, 0, 0, 0.08);
}

.k-var--chart-minor-lines {
    background-color: rgba(0, 0, 0, 0.04);
}

.k-var--chart-area-opacity {
    opacity: 0.8;
}

.k-var--chart-notes-background {
    background-color: rgba(0, 0, 0, 0.5);
}

.k-var--chart-notes-border {
    background-color: rgba(0, 0, 0, 0.5);
}

.k-var--chart-notes-lines {
    background-color: rgba(0, 0, 0, 0.5);
}

.k-var--chart-crosshair-background {
    background-color: rgba(0, 0, 0, 0.5);
}

.k-var--chart-error-bars-background {
    background-color: rgba(0, 0, 0, 0.5);
}

.k-chart,
.k-sparkline,
.k-stockchart {
    background-color: transparent;
}

    .k-chart .k-popup,
    .k-sparkline .k-popup,
    .k-stockchart .k-popup {
        background: transparent;
    }

.k-chart-tooltip {
    border-radius: 2px;
    color: #ffffff;
}

.k-chart-tooltip-inverse {
    color: black;
}

.k-chart-crosshair-tooltip,
.k-chart-shared-tooltip {
    color: #ffffff;
    background-color: var(--primary);
    border-color: rgba(0, 0, 0, 0.08);
}

.k-selection {
    border-color: rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 1px 7px rgba(0, 0, 0, 0.15);
}

.k-selection-bg {
    background-color: transparent;
}

.k-handle {
    cursor: e-resize;
}

    .k-handle div {
        background-color: transparent;
    }

.k-mask {
    background-color: #ffffff;
    opacity: .8;
}

.k-marquee-color {
    background-color: #ff6358;
}

.k-marquee-color {
    opacity: .6;
}

.k-navigator-hint .k-scroll {
    border-radius: 2px;
}

.k-treemap .k-leaf {
    color: #ffffff;
}

    .k-treemap .k-leaf.k-inverse {
        color: var(--accent);
    }

    .k-treemap .k-leaf.k-state-hover {
        box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.08);
    }

.k-map {
    height: 600px;
}

    .k-map .km-scroll-wrapper {
        width: 100%;
        height: 100%;
        user-select: none;
        position: absolute;
    }

    .k-map .k-touch-scrollbar {
        display: none;
    }

    /* .k-map .k-layer {
        position: absolute;
        left: 0;
        top: 0;
    }*/

    .k-map .k-marker {
        margin: -32px 0 0 -16px;
        font-size: 28px;
        cursor: pointer;
        position: absolute;
    }

    .k-map .k-attribution {
        padding: 2px 4px;
        font-size: 9px;
        background-color: rgba(255, 255, 255, 0.8);
        z-index: 1000;
    }

    .k-map .km-scroll-container {
        height: 100%;
    }

.k-map-controls {
    position: absolute;
    display: flex;
    align-items: center;
}

.k-pos-top {
    top: 0;
}

.k-pos-bottom {
    bottom: 0;
}

.k-pos-left {
    left: 0;
}

.k-pos-right {
    right: 0;
}

.k-navigator {
    margin: 1em;
    width: 50px;
    height: 50px;
    box-sizing: content-box;
    border-radius: 50%;
    position: relative;
}

.k-pdf-export .k-navigator {
    display: none;
}

.k-navigator .k-button {
    margin: 0;
    padding: 0;
    border-radius: 100%;
    line-height: 1;
    position: absolute;
}

    .k-navigator .k-button:not(:hover) {
        border-color: transparent;
        background: none;
    }

.k-navigator .k-navigator-up {
    transform: translateX(-50%);
    top: 2px;
    left: 50%;
}

.k-navigator .k-navigator-right {
    transform: translateY(-50%);
    right: 2px;
    top: 50%;
}

.k-navigator .k-navigator-down {
    transform: translateX(-50%);
    bottom: 2px;
    left: 50%;
}

.k-navigator .k-navigator-left {
    transform: translateY(-50%);
    left: 2px;
    top: 50%;
}

.k-zoom-control {
    margin: 1em;
    border: 0;
    background: none;
    display: flex;
}

.k-pdf-export .k-zoom-control {
    display: none;
}

.k-zoom-control .k-button {
    padding: 4px;
}

.k-buttons-vertical {
    flex-direction: vertical;
}

.k-map .k-marker {
    color: var(--primary);
}

.k-barcode {
    display: inline-block;
}

.k-qrcode {
    display: inline-block;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-loading-pdf-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100;
}

    .k-loading-pdf-mask > .k-i-loading {
        position: absolute;
        top: 50%;
        left: 50%;
        font-size: 64px;
    }

    .k-loading-pdf-mask .k-loading-pdf-progress {
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

.k-grid-pdf-export-element {
    position: absolute;
    left: -10000px;
    top: -10000px;
}

    .k-grid-pdf-export-element .k-filter-row {
        display: none;
    }

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-splitter {
    height: 300px;
    position: relative;
}

    .k-splitter .k-pane {
        overflow: hidden;
    }

    .k-splitter .k-scrollable {
        overflow: auto;
    }

    .k-splitter .k-splitter-resizing {
        overflow: hidden;
    }

.k-pane > .k-splitter {
    border-width: 0;
    overflow: hidden;
}

.k-splitter .k-pane-loading {
    position: static;
    top: 50%;
    left: 50%;
}

.k-ghost-splitbar,
.k-splitbar {
    border-style: solid;
    outline: 0;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .k-ghost-splitbar .k-icon,
    .k-splitbar .k-icon {
        font-size: 10px;
        display: block;
    }

.k-splitbar-draggable-horizontal {
    cursor: col-resize;
}

.k-splitbar-draggable-vertical {
    cursor: row-resize;
}

.k-collapse-next,
.k-collapse-prev,
.k-expand-next,
.k-expand-prev {
    cursor: pointer;
}

.k-ghost-splitbar-horizontal,
.k-splitbar-horizontal {
    width: 8px;
    border-width: 0;
    background-repeat: repeat-y;
    flex-direction: column;
    top: 0;
}

.k-ghost-splitbar-vertical,
.k-splitbar-vertical {
    height: 8px;
    border-width: 0;
    background-repeat: repeat-x;
    flex-direction: row;
    left: 0;
}

.k-splitbar-static-horizontal {
    width: 1px;
}

.k-splitbar-static-vertical {
    height: 1px;
}

.k-splitbar-draggable-horizontal .k-resize-handle {
    position: static;
    width: 2px;
    height: 20px;
}

.k-splitter .k-resize-handle {
    display: none;
    background-color: currentColor;
}

.k-splitbar-draggable-horizontal .k-resize-handle,
.k-splitbar-draggable-vertical .k-resize-handle {
    display: block;
}

.k-splitbar-horizontal .k-i-arrow-60-left, .k-splitbar-horizontal .k-i-arrow-w::before, .k-splitbar-horizontal .k-i-sarrow-w::before, .k-splitbar-horizontal .k-i-expand-w::before {
    margin-bottom: 7px;
}

.k-splitbar-horizontal .k-i-arrow-60-right, .k-splitbar-horizontal .k-i-arrow-e::before, .k-splitbar-horizontal .k-i-sarrow-e::before, .k-splitbar-horizontal .k-i-expand::before, .k-splitbar-horizontal .k-i-expand-e::before {
    margin-top: 7px;
}

.k-splitbar-vertical .k-i-arrow-60-up, .k-splitbar-vertical .k-i-arrow-n::before, .k-splitbar-vertical .k-i-sarrow-n::before, .k-splitbar-vertical .k-i-expand-n::before {
    margin-right: 7px;
}

.k-splitbar-vertical .k-i-arrow-60-down, .k-splitbar-vertical .k-i-arrow-s::before, .k-splitbar-vertical .k-i-sarrow-s::before, .k-splitbar-vertical .k-i-collapse::before, .k-splitbar-vertical .k-i-expand-s::before {
    margin-left: 7px;
}

.k-splitbar-draggable-vertical .k-resize-handle {
    position: static;
    width: 20px;
    height: 2px;
}

.k-pane > .k-splitter-overlay {
    opacity: 0;
    position: absolute;
}

.k-splitter-flex {
    display: flex;
    width: 100%;
    height: auto;
}

    .k-splitter-flex .k-pane {
        flex: 1 1 auto;
        min-width: 0;
        max-width: 100%;
        min-height: 0;
        max-height: 100%;
    }

    .k-splitter-flex .k-pane-static {
        flex-grow: 0;
        flex-shrink: 0;
    }

    .k-splitter-flex .k-pane-flex {
        display: flex;
    }

    .k-splitter-flex .k-splitbar {
        position: static;
        flex: 0 0 auto;
    }

    .k-splitter-flex.k-splitter-horizontal {
        flex-direction: row;
    }

        .k-splitter-flex.k-splitter-horizontal[dir="rtl"] > .k-splitbar > .k-collapse-next,
        .k-splitter-flex.k-splitter-horizontal[dir="rtl"] > .k-splitbar > .k-collapse-prev {
            transform: scaleX(-1);
        }

    .k-splitter-flex.k-splitter-vertical {
        flex-direction: column;
    }

.k-splitter {
    background-clip: padding-box;
}

.k-ie11 .k-splitter,
.k-edge12 .k-splitter,
.k-edge13 .k-splitter {
    background-clip: border-box;
}

.k-splitbar {
    color: var(--accent);
    background-color: rgba(235, 235, 235, 0.8);
}

    .k-splitbar:active, .k-splitbar.k-state-focused {
        color: #ffffff;
        background: #eee;
    }

.k-splitbar-horizontal-hover,
.k-splitbar-vertical-hover {
    color: var(--accent);
    background-color: #ebebeb;
}

.k-ghost-splitbar {
    background-color: #ebebeb;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-gantt {
    position: relative;
    white-space: nowrap;
}

    .k-gantt td {
        overflow: hidden;
        white-space: nowrap;
        vertical-align: top;
    }

    .k-gantt .k-grid-header tr {
        height: calc( 1.42857em + 17px);
    }

    .k-gantt .k-grid-content tr {
        height: calc( 1.42857em + 16px);
    }

    .k-gantt .k-gantt-layout {
        white-space: normal;
        vertical-align: top;
        display: inline-block;
    }

    .k-gantt .k-splitbar {
        position: relative;
        display: inline-flex;
    }

.k-gantt-toolbar {
    padding: 8px 8px;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: inherit;
}

.k-gantt-layout + .k-gantt-toolbar {
    border-width: 1px 0 0;
}

.k-gantt-actions {
    float: left;
}

    .k-gantt-actions .k-button + .k-button {
        margin-left: 8px;
    }

.k-gantt-views {
    float: right;
    display: inline-flex;
}

.k-gantt-toggle {
    margin-right: .5em;
    display: none;
    float: left;
}

@media only screen and (max-width: 480px) {
    .k-gantt-toggle {
        display: inline-flex;
    }

    .k-gantt-pdf,
    .k-gantt-create {
        padding: 4px;
        width: calc( 10px + 1.42857em);
        height: calc( 10px + 1.42857em);
    }

        .k-gantt-pdf .k-icon,
        .k-gantt-create .k-icon {
            margin: 0;
        }

        .k-gantt-pdf span + span,
        .k-gantt-create span + span {
            display: none;
        }
}

.k-gantt-views .k-current-view {
    display: none;
}

    .k-gantt-views .k-current-view .k-link::after {
        content: "";
        margin: 0 0 0 1ex;
        border: .25em solid transparent;
        border-top: .5em solid currentColor;
        border-bottom-width: 0;
        display: inline-block;
    }

@media (max-width: 1024px) {
    ul.k-gantt-views {
        flex-direction: column;
        align-items: stretch;
        position: absolute;
        right: 8px;
        top: 8px;
        z-index: 1000;
    }

        ul.k-gantt-views li {
            display: none;
        }

        ul.k-gantt-views .k-current-view {
            display: block;
        }

        ul.k-gantt-views.k-state-expanded li {
            display: block;
        }
}

.k-gantt-treelist .k-treelist {
    height: 100%;
    border-width: 0;
}

.k-gantt-treelist .k-grid-header {
    padding: 0 !important;
}

    .k-gantt-treelist .k-grid-header tr {
        height: calc( 2.85714em + 34px);
        vertical-align: bottom;
    }

.k-gantt-treelist .k-grid-content {
    overflow: hidden;
    overflow-x: scroll;
}

    .k-gantt-treelist .k-grid-content td {
        vertical-align: middle;
    }

.k-gantt-timeline .k-timeline {
    height: 100%;
    border-width: 0;
}

.k-gantt-timeline .k-grid-content {
    overflow-x: scroll;
}

.k-gantt-tables {
    position: relative;
    border-color: inherit;
}

.k-gantt-rows,
.k-gantt-columns {
    border-color: inherit;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
}

.k-gantt-dependencies {
    opacity: .7;
    position: absolute;
    top: 0;
    left: 0;
}

.k-gantt-tasks {
    position: relative;
}

    .k-gantt-tasks td {
        padding: 0;
        position: relative;
        vertical-align: middle;
    }

        .k-gantt-tasks td::after {
            content: "\a0";
        }

.k-task-wrap {
    margin: 0 -21px;
    padding: 5px 21px;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    z-index: 2;
}

    .k-task-wrap.k-drag-hint {
        position: absolute;
    }

.k-task {
    position: relative;
    flex: 1 1 auto;
}

.k-task-dot {
    width: 16px;
    height: 16px;
    line-height: 1;
    cursor: pointer;
    display: none;
    position: absolute;
}

.k-task-wrap:hover .k-task-dot,
.k-task-wrap.k-origin .k-task-dot {
    display: block;
}

.k-task-dot::before {
    content: "";
    margin: -4px 0 0 -4px;
    width: 8px;
    height: 8px;
    border-width: 0;
    border-style: solid;
    border-radius: 100%;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
}

.k-task-dot:hover::before,
.k-task-dot.k-state-hover::before {
    border-width: 1px;
}

.k-task-start {
    left: 0;
}

.k-task-end {
    right: 0;
}

.k-task-draghandle {
    margin-left: 16px;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-width: 0;
    border-bottom-color: inherit;
    position: absolute;
    bottom: 0;
    cursor: e-resize;
    visibility: hidden;
}

.k-task-wrap:hover .k-task-draghandle {
    visibility: visible;
}

.k-milestone-wrap {
    margin: 0 -2em;
}

.k-task-milestone {
    width: 1em;
    height: 1em;
    border-width: 1px;
    border-style: solid;
    transform: rotate(45deg);
}

.k-task-summary {
    height: 10px;
    display: inline-block;
    vertical-align: top;
}

.k-task-summary,
.k-task-summary-complete {
    background-color: currentColor;
}

    .k-task-summary::before, .k-task-summary::after,
    .k-task-summary-complete::before,
    .k-task-summary-complete::after {
        content: "";
        width: 0;
        height: 0;
        border: 8px solid transparent;
        position: absolute;
        top: 0;
    }

    .k-task-summary::before,
    .k-task-summary-complete::before {
        border-left-color: currentColor;
        left: 0;
    }

    .k-task-summary::after,
    .k-task-summary-complete::after {
        border-right-color: currentColor;
        right: 0;
    }

.k-task-summary-complete {
    height: 10px;
    position: relative;
    z-index: 2;
}

.k-task-summary-progress {
    height: 15px;
    overflow: hidden;
}

.k-task-single {
    border-radius: 2px;
    border-width: 1px;
    border-style: solid;
    cursor: default;
}

    .k-task-single .k-resize-handle {
        opacity: .5;
        z-index: 2;
        visibility: hidden;
    }

        .k-task-single .k-resize-handle::before {
            position: absolute;
            top: 2px;
            bottom: 2px;
        }

    .k-task-single .k-resize-w {
        left: 0;
    }

        .k-task-single .k-resize-w::before {
            left: 2px;
            border-left-width: 1px;
        }

    .k-task-single .k-resize-e {
        right: 0;
    }

        .k-task-single .k-resize-e::before {
            right: 2px;
            border-left-width: 1px;
        }

    .k-task-single:hover .k-resize-handle,
    .k-task-single:hover .k-task-actions {
        visibility: visible;
    }

.k-task-complete {
    border-radius: 2px;
    width: 20%;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
}

.k-task-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.k-task-template {
    padding: 2px 4px;
    line-height: normal;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.k-task-actions {
    padding: 2px;
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    align-items: center;
    visibility: hidden;
}

    .k-task-actions > .k-link {
        display: inline-flex;
    }

.k-resources-wrap {
    position: absolute;
    display: inline-block;
    z-index: 2;
    margin-left: 20px;
    margin-top: -2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .k-resources-wrap .k-resource {
        margin: 0 5px;
    }

.k-task-details {
    padding: 4px 8px;
}

    .k-task-details strong {
        font-size: 19px;
        font-weight: normal;
        display: block;
    }

    .k-task-details .k-task-pct {
        font-size: 32px;
    }

    .k-task-details ul {
        line-height: normal;
    }

.k-gantt-edit-form .k-gantt-delete {
    float: left;
}

.k-rtl .k-gantt-views {
    float: left;
}

.k-rtl .k-gantt-actions {
    float: right;
}

    .k-rtl .k-gantt-actions .k-button + .k-button {
        margin-left: 0;
        margin-right: 8px;
    }

.k-rtl .k-gantt-rows,
.k-rtl .k-gantt-columns {
    left: auto;
    right: 0;
}

.k-rtl .k-task-wrap:not(.k-milestone-wrap) {
    margin: 0 -26px;
}

.k-rtl .k-timeline .k-gantt-tasks tbody {
    text-align: left;
}

.k-rtl .k-task-content {
    text-align: right;
}

.k-rtl .k-task-complete {
    left: auto;
    right: 0;
}

.k-rtl .k-task-draghandle {
    margin-left: 0;
    margin-right: 16px;
}

.k-rtl .k-gantt-dependencies {
    left: auto;
    right: 0;
}

.k-rtl .k-grid-header .k-header {
    position: static;
}

.k-gantt {
    background-clip: padding-box;
}

.k-ie11 .k-gantt,
.k-edge12 .k-gantt,
.k-edge13 .k-gantt {
    background-clip: border-box;
}

.k-gantt-views li.k-state-selected {
    border-color: rgba(0, 0, 0, 0.1);
    color: #ffffff;
    background-color: #eee;
    background-image: none;
}

.k-gantt-views li:first-child {
    border-radius: 2px;
}

    .k-gantt-views li:first-child + li {
        border-radius: 2px 0 0 2px;
    }

.k-gantt-views li:last-child {
    border-radius: 0 2px 2px 0;
}

.k-gantt-views.k-state-expanded li {
    border-radius: 0;
    margin: 0;
}

    .k-gantt-views.k-state-expanded li + li {
        margin-top: -1px;
    }

    .k-gantt-views.k-state-expanded li:first-child {
        border-radius: 2px 2px 0 0;
    }

        .k-gantt-views.k-state-expanded li:first-child + li {
            border-radius: 0;
        }

    .k-gantt-views.k-state-expanded li:last-child {
        border-radius: 0 0 2px 2px;
    }

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

    .k-gantt-treelist .k-treelist {
        background-color: transparent;
    }

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

    .k-gantt-treelist tr.k-selected,
    .k-gantt-treelist td.k-selected,
    .k-gantt-treelist tr.k-state-selected,
    .k-gantt-treelist td.k-state-selected {
        color: inherit;
        background-color: rgba(51, 51, 102, 0.25);
    }

.k-gantt-columns .k-nonwork-hour {
    background-color: rgba(101, 101, 101, 0.025);
}

.k-line {
    color: black;
}

    .k-line.k-state-selected {
        color: #eee;
    }

.k-task-dot::before {
    background-color: var(--accent);
}

.k-task-dot:hover::before,
.k-task-dot.k-state-hover::before {
    border-color: var(--accent);
    background-color: #ffffff;
}

.k-task-milestone {
    border-color: rgba(0, 0, 0, 0.08);
    background-color: var(--accent);
}

    .k-task-milestone.k-state-selected {
        border-color: rgba(0, 0, 0, 0.1);
        background-color: #eee;
    }

.k-task-summary {
    color: #6d6d6d;
}

.k-task-summary-complete {
    color: black;
}

.k-task-summary.k-state-selected {
    color: #5c5c85;
}

    .k-task-summary.k-state-selected .k-task-summary-complete {
        color: var(--header);
    }

.k-task-summary::before,
.k-task-summary::after,
.k-task-summary-complete::before,
.k-task-summary-complete::after {
    display: none;
}

.k-task-single {
    border-width: 0;
    border-color: rgba(0, 0, 0, 0.08);
    color: #ffffff;
    background: #848484;
}

    .k-task-single .k-task-complete {
        background: var(--accent);
    }

    .k-task-single .k-task-template {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .k-task-single.k-state-selected {
        border-color: rgba(0, 0, 0, 0.1);
        color: #ffffff;
        background: #707094;
    }

        .k-task-single.k-state-selected .k-task-complete {
            background: #eee;
        }

.k-gantt-views li:first-child + li {
    border-radius: 0 2px 2px 0;
}

.k-gantt-views li:last-child {
    border-radius: 2px 0 0 2px;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scheduler {
    display: flex;
    flex-direction: column;
}

    .k-scheduler table,
    .k-scheduler thead,
    .k-scheduler tfoot,
    .k-scheduler tbody,
    .k-scheduler tr,
    .k-scheduler th,
    .k-scheduler td {
        border-color: inherit;
    }

.k-scheduler-table {
    width: 100%;
    max-width: none;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
}

    .k-scheduler-table td,
    .k-scheduler-table th {
        padding: 8px;
        height: 1.42857em;
        border-style: solid;
        border-width: 0 0 1px 1px;
        vertical-align: top;
    }

        .k-scheduler-table td:first-child,
        .k-scheduler-table th:first-child {
            border-left-width: 0;
        }

    .k-scheduler-table .k-middle-row td {
        border-bottom-style: dotted;
    }

.k-gantt-views, .k-scheduler-navigation, .k-scheduler-views, .k-scheduler-footer {
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .k-gantt-views li, .k-scheduler-navigation li, .k-scheduler-views li, .k-scheduler-footer li {
        border-width: 1px;
        border-style: solid;
        position: relative;
        z-index: 1;
    }

        .k-gantt-views li + li, .k-scheduler-navigation li + li, .k-scheduler-views li + li, .k-scheduler-footer li + li {
            margin-left: -1px;
        }

    .k-gantt-views .k-state-hover, .k-scheduler-navigation .k-state-hover, .k-scheduler-views .k-state-hover, .k-scheduler-footer .k-state-hover, .k-gantt-views .k-state-selected, .k-scheduler-navigation .k-state-selected, .k-scheduler-views .k-state-selected, .k-scheduler-footer .k-state-selected {
        z-index: 2;
    }

    .k-gantt-views .k-link, .k-scheduler-navigation .k-link, .k-scheduler-views .k-link, .k-scheduler-footer .k-link {
        padding: 4px 8px;
        box-sizing: border-box;
        color: inherit;
        text-decoration: none;
        display: flex;
        flex-direction: row;
        align-items: center;
        align-content: center;
        justify-content: center;
    }

.k-scheduler-toolbar,
.k-scheduler-footer {
    padding: 8px 8px;
    border-width: 0;
    border-style: solid;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    position: relative;
    white-space: nowrap;
}

    .k-scheduler-toolbar li .k-link,
    .k-scheduler-footer li .k-link {
        height: calc( 8px + 1.42857em);
        box-sizing: border-box;
    }

.k-scheduler-toolbar {
    border-bottom-width: 1px;
}

.k-scheduler-footer {
    border-top-width: 1px;
}

.k-scheduler-navigation {
    flex: 1;
}

    .k-scheduler-navigation .k-nav-prev .k-link,
    .k-scheduler-navigation .k-nav-next .k-link {
        padding: 4px;
        width: calc( 8px + 1.42857em);
        height: calc( 8px + 1.42857em);
    }

    .k-scheduler-navigation .k-nav-current {
        border: 0;
        margin-left: 0;
    }

    .k-scheduler-navigation .k-nav-today {
        border-radius: 2px 0 0 2px;
    }

    .k-scheduler-navigation .k-nav-next {
        border-radius: 0 2px 2px 0;
    }

.k-rtl .k-scheduler-navigation .k-i-arrow-60-left, .k-rtl .k-scheduler-navigation .k-i-arrow-w::before, .k-rtl .k-scheduler-navigation .k-i-sarrow-w::before, .k-rtl .k-scheduler-navigation .k-i-expand-w::before,
.k-rtl .k-scheduler-navigation .k-i-arrow-60-right,
.k-rtl .k-scheduler-navigation .k-i-arrow-e::before,
.k-rtl .k-scheduler-navigation .k-i-sarrow-e::before,
.k-rtl .k-scheduler-navigation .k-i-expand::before,
.k-rtl .k-scheduler-navigation .k-i-expand-e::before {
    transform: scaleX(-1);
}

.k-scheduler-tools {
    margin-right: 1em;
}

.k-nav-current .k-icon {
    margin-right: .4ex;
}

.k-nav-current .k-sm-date-format,
.k-nav-current .k-lg-date-format {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.k-nav-current .k-sm-date-format {
    display: none;
}

@media (max-width: 1024px) {
    .k-nav-current .k-sm-date-format {
        display: block;
    }

    .k-nav-current .k-lg-date-format {
        display: none;
    }
}

.k-scheduler-fullday .k-icon {
    margin-right: 4px;
}

.k-scheduler-views li:first-child {
    border-radius: 2px;
}

    .k-scheduler-views li:first-child + li {
        border-radius: 2px 0 0 2px;
    }

.k-scheduler-views li:last-child {
    border-radius: 0 2px 2px 0;
}

.k-scheduler-views.k-state-expanded li {
    border-radius: 0;
    margin: 0;
}

    .k-scheduler-views.k-state-expanded li + li {
        margin-top: -1px;
    }

    .k-scheduler-views.k-state-expanded li:first-child {
        border-radius: 2px 2px 0 0;
    }

        .k-scheduler-views.k-state-expanded li:first-child + li {
            border-radius: 0;
        }

    .k-scheduler-views.k-state-expanded li:last-child {
        border-radius: 0 0 2px 2px;
    }

.k-scheduler-views .k-current-view {
    display: none;
}

    .k-scheduler-views .k-current-view .k-link::after {
        content: "";
        margin: 0 0 0 1ex;
        border: .25em solid transparent;
        border-top: .5em solid currentColor;
        border-bottom-width: 0;
        display: inline-block;
    }

@media (max-width: 1024px) {
    .k-scheduler-views {
        flex-direction: column;
        align-items: stretch;
        position: absolute;
        right: 8px;
        top: 8px;
        z-index: 1000;
    }

        .k-scheduler-views li {
            display: none;
        }

        .k-scheduler-views .k-current-view {
            display: block;
        }

        .k-scheduler-views.k-state-expanded li {
            display: block;
        }
}

.k-scheduler-footer li {
    border-radius: 2px;
}

.k-scheduler-layout {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    flex: 1 1 auto;
}

    .k-scheduler-layout > tbody > tr > td {
        padding: 0;
        vertical-align: top;
    }

.k-scheduler-header,
.k-scheduler-header-wrap,
.k-scheduler-header-wrap > div {
    border-color: inherit;
    overflow: hidden;
}

.k-scheduler-header-wrap {
    border-width: 0 1px 0 0;
    border-style: solid;
}

.k-scheduler-times {
    border-color: inherit;
    position: relative;
    overflow: hidden;
}

    .k-scheduler-times .k-scheduler-table {
        table-layout: auto;
    }

    .k-scheduler-times th {
        border-width: 0 1px 1px 0;
        text-align: right;
        white-space: nowrap;
    }

    .k-scheduler-times tr + tr th {
        border-bottom-color: transparent;
    }

    .k-scheduler-times .k-slot-cell,
    .k-scheduler-times .k-scheduler-times-all-day {
        border-bottom-color: inherit;
    }

.k-scheduler-datecolumn {
    width: 12em;
}

.k-scheduler-timecolumn {
    width: 11em;
    white-space: nowrap;
}

.k-scheduler-content {
    border-color: inherit;
    position: relative;
    overflow: auto;
}

.k-event {
    border-radius: 2px;
    min-height: 1.42857em;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    cursor: default;
    position: absolute;
    overflow: hidden;
}

    .k-event .k-event-template {
        padding: 2px 4px;
    }

    .k-event .k-event-time {
        padding-bottom: 0;
        font-size: .875em;
        white-space: nowrap;
        display: none;
    }

    .k-event .k-event-actions {
        white-space: nowrap;
        position: absolute;
        top: 2px;
        right: 2px;
        opacity: .5;
        visibility: hidden;
    }

        .k-event .k-event-actions a {
            color: inherit;
        }

        .k-event .k-event-actions:first-child {
            margin: 2px 0.4ex 0 4px;
            float: left;
            position: static;
            opacity: 1;
            visibility: visible;
        }

    .k-event .k-resize-handle {
        z-index: 4;
        opacity: .5;
        visibility: hidden;
    }

        .k-event .k-resize-handle::before {
            border-color: currentColor;
        }

    .k-event .k-resize-n {
        height: .5em;
        top: 0;
    }

    .k-event .k-resize-s {
        height: .5em;
        bottom: 0;
    }

        .k-event .k-resize-n::before,
        .k-event .k-resize-s::before {
            width: 2em;
            border-bottom-width: 1px;
        }

    .k-event .k-resize-w {
        width: .5em;
        left: 0;
    }

    .k-event .k-resize-e {
        width: .5em;
        right: 0;
    }

        .k-event .k-resize-w::before,
        .k-event .k-resize-e::before {
            height: 2em;
            border-left-width: 1px;
        }

    .k-event:hover .k-event-actions,
    .k-event:hover .k-resize-handle {
        visibility: visible;
    }

.k-scheduler-mark {
    width: 1em;
    height: 1em;
    display: inline-block;
}

.k-more-events {
    padding: 0;
    border-style: solid;
    border-width: 1px;
    font-size: 1.5em;
    line-height: 1;
    text-align: center;
    overflow: hidden;
    position: absolute;
    justify-content: center;
}

    .k-more-events > span {
        margin-top: -.5em;
    }

.k-current-time {
    background: red;
    position: absolute;
}

.k-current-time-arrow-down {
    width: 0;
    height: 0;
    background: transparent;
    border-bottom: 4px solid transparent;
    border-top: 4px solid #f00;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

.k-current-time-arrow-left {
    width: 0;
    height: 0;
    background: transparent;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid #f00;
}

.k-current-time-arrow-right {
    width: 0;
    height: 0;
    background: transparent;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid #f00;
    border-right: 4px solid transparent;
}

.k-event-drag-hint {
    opacity: .5;
}

    .k-event-drag-hint .k-event-actions,
    .k-event-drag-hint .k-event-top-actions,
    .k-event-drag-hint .k-event-bottom-actions,
    .k-event-drag-hint .k-resize-handle {
        display: none;
    }

    .k-event-drag-hint .k-event-time {
        display: block;
    }

.k-scheduler-marquee {
    border-width: 0;
    border-style: solid;
}

    .k-scheduler-marquee .k-label-top,
    .k-scheduler-marquee .k-label-bottom {
        font-size: .75em;
        position: absolute;
    }

    .k-scheduler-marquee .k-label-top {
        left: 4px;
        top: 2px;
    }

    .k-scheduler-marquee .k-label-bottom {
        right: 4px;
        bottom: 2px;
    }

    .k-scheduler-marquee.k-first::before, .k-scheduler-marquee.k-last::after {
        content: "";
        border-width: 3px;
        border-style: solid;
        position: absolute;
        width: 0;
        height: 0;
    }

    .k-scheduler-marquee.k-first::before {
        top: 0;
        left: 0;
        border-right-color: transparent;
        border-bottom-color: transparent;
    }

    .k-scheduler-marquee.k-last::after {
        bottom: 0;
        right: 0;
        border-left-color: transparent;
        border-top-color: transparent;
    }

.k-pdf-export-shadow .k-scheduler,
.k-scheduler-pdf-export .k-scheduler-content,
.k-scheduler-pdf-export .k-scheduler-times {
    height: auto !important;
    overflow: visible !important;
}

.k-scheduler-pdf-export {
    overflow: hidden;
}

    .k-scheduler-pdf-export .k-scheduler-header {
        padding: 0 !important;
    }

    .k-scheduler-pdf-export .k-scheduler-header-wrap {
        border-width: 0 !important;
    }

    .k-scheduler-pdf-export .k-scheduler-header .k-scheduler-table,
    .k-scheduler-pdf-export .k-scheduler-content .k-scheduler-table {
        width: 100% !important;
    }

.k-scheduler-monthview .k-scheduler-table {
    height: 100%;
}

    .k-scheduler-monthview .k-scheduler-table td {
        height: 80px;
        text-align: right;
    }

.k-scheduler-monthview .k-hidden {
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-right-width: 0 !important;
}

.k-scheduler-agendaview .k-scheduler-mark {
    margin-right: .5em;
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: middle;
}

.k-scheduler-agendaview .k-scheduler-table td:first-child {
    border-left-width: 1px;
}

.k-scheduler-agendaview .k-scheduler-table td.k-first {
    border-left-width: 0;
}

.k-scheduler-agendaview .k-task > .k-event-delete {
    color: inherit;
    position: absolute;
    top: 2px;
    right: 2px;
    opacity: .5;
    visibility: hidden;
}

.k-scheduler-agendaview .k-state-hover .k-task > .k-event-delete {
    visibility: visible;
}

.k-scheduler-agendaday {
    margin: 0 .2em 0 0;
    font-size: 3em;
    line-height: 1;
    font-weight: 400;
    float: left;
}

.k-scheduler-agendaweek {
    display: block;
    margin: .4em 0 0;
    line-height: 1;
    font-style: normal;
}

.k-scheduler-agendadate {
    font-size: .75em;
}

.k-scheduler-edit-form .k-edit-form-container {
    width: 620px;
}

.k-scheduler-edit-form .k-edit-label {
    width: 17%;
}

.k-scheduler-edit-form .k-edit-field {
    width: 77%;
}

.k-scheduler-edit-form .k-scheduler-delete {
    float: left;
}

.k-scheduler-edit-form .k-widget.k-recur-interval, .k-scheduler-edit-form .k-recur-interval.k-block,
.k-scheduler-edit-form .k-widget.k-recur-count,
.k-scheduler-edit-form .k-recur-count.k-block {
    width: 5em;
}

.k-scheduler-edit-form .k-widget.k-recur-until, .k-scheduler-edit-form .k-recur-until.k-block {
    width: 9em;
}

.k-rtl .k-scheduler-header th,
.k-rtl .k-scheduler-table td {
    border-left-width: 0;
    border-right-width: 1px;
}

.k-rtl .k-scheduler .k-scrollbar-v .k-scheduler-header-wrap {
    border-right-width: 0;
    border-left-width: 1px;
}

.k-rtl .k-event {
    text-align: right;
}

    .k-rtl .k-event .k-resize-w {
        left: auto;
        right: 0;
    }

    .k-rtl .k-event .k-resize-e {
        right: auto;
        left: 0;
    }

    .k-rtl .k-event .k-event-actions {
        right: auto;
        left: 2px;
    }

        .k-rtl .k-event .k-event-actions:first-child {
            float: right;
        }

.k-rtl .k-scheduler-agendaview .k-task > .k-event-delete {
    left: 2px;
    right: auto;
}

.k-rtl .k-scheduler-views li:first-child + li {
    border-radius: 0 2px 2px 0;
}

.k-rtl .k-scheduler-views li:last-child {
    border-radius: 2px 0 0 2px;
}

.k-rtl .k-scheduler-navigation .k-nav-today {
    border-radius: 0 2px 2px 0;
}

.k-rtl .k-scheduler-navigation .k-nav-next {
    border-radius: 2px 0 0 2px;
}

.k-rtl .k-scheduler-navigation li + li {
    margin-left: 0;
    margin-right: -1px;
}

.k-rtl .k-nav-current .k-icon {
    margin-right: 0;
    margin-left: .4ex;
}

.k-rtl .k-scheduler-fullday .k-icon {
    margin-right: 0;
    margin-left: 4px;
}

.k-rtl .k-scheduler-marquee .k-label-top {
    left: auto;
    right: 4px;
}

.k-rtl .k-scheduler-marquee .k-label-bottom {
    left: 4px;
    right: auto;
}

.k-rtl .k-scheduler-edit-form .k-scheduler-delete {
    float: right;
}

.k-scheduler {
    background-clip: padding-box;
}

.k-ie11 .k-scheduler,
.k-edge12 .k-scheduler,
.k-edge13 .k-scheduler {
    background-clip: border-box;
}

.k-scheduler-toolbar,
.k-scheduler-footer {
    background-clip: padding-box;
}

.k-ie11 .k-scheduler-toolbar,
.k-edge12 .k-scheduler-toolbar,
.k-edge13 .k-scheduler-toolbar, .k-ie11
.k-scheduler-footer,
.k-edge12
.k-scheduler-footer,
.k-edge13
.k-scheduler-footer {
    background-clip: border-box;
}

.k-scheduler-navigation li {
    background-clip: padding-box;
}

.k-ie11 .k-scheduler-navigation li,
.k-edge12 .k-scheduler-navigation li,
.k-edge13 .k-scheduler-navigation li {
    background-clip: border-box;
}

.k-scheduler-views li {
    background-clip: padding-box;
}

.k-ie11 .k-scheduler-views li,
.k-edge12 .k-scheduler-views li,
.k-edge13 .k-scheduler-views li {
    background-clip: border-box;
}

.k-scheduler-views li.k-state-selected {
    border-color: rgba(0, 0, 0, 0.1);
    color: #ffffff;
    background-color: #eee;
    background-image: none;
}

.k-scheduler-footer li {
    background-clip: padding-box;
}

.k-ie11 .k-scheduler-footer li,
.k-edge12 .k-scheduler-footer li,
.k-edge13 .k-scheduler-footer li {
    background-clip: border-box;
}

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

.k-event-inverse {
    color: #ffffff;
}

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

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-mediaplayer {
    position: relative;
}

    .k-mediaplayer > iframe {
        width: 100%;
        height: 100%;
        border: 0;
        vertical-align: top;
    }

.k-mediaplayer-titlebar {
    padding: 8px 8px;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
}

.k-mediaplayer-toolbar-wrap {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    right: 0;
}

.k-mediaplayer-toolbar {
    padding: 8px 8px;
    border-width: 0;
    width: 100% !important;
}

    .k-mediaplayer-toolbar > * {
        align-items: center;
        align-content: center;
    }

    .k-mediaplayer-toolbar .k-toolbar-spacer {
        margin-top: 0;
        margin-bottom: 0;
        border-width: 0;
        flex: 1;
    }

    .k-mediaplayer-toolbar .k-align-right > * + * {
        margin-left: 8px;
    }

.k-mediaplayer-time-wrap {
    flex: 1;
}

.k-mediaplayer-volume-wrap {
    align-items: center;
}

.k-slider.k-mediaplayer-seekbar {
    width: 100%;
    position: absolute;
    z-index: 3;
    top: -17px;
    left: 0;
}

.k-mediaplayer-seekbar .k-slider-track {
    width: 100% !important;
    border-radius: 0;
}

.k-mediaplayer-fullscreen {
    z-index: 10000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.k-mediaplayer {
    background-clip: padding-box;
}

.k-ie11 .k-mediaplayer,
.k-edge12 .k-mediaplayer,
.k-edge13 .k-mediaplayer {
    background-clip: border-box;
}

.k-mediaplayer-titlebar {
    color: #ffffff;
    background-image: linear-gradient(rgba(101, 101, 101, 0.7), rgba(101, 101, 101, 0));
}

.k-mediaplayer-toolbar {
    background-color: rgba(196, 249, 239, 0.85);
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-notification {
    padding: 0;
    border-radius: 2px;
}

.k-notification-wrap {
    font-size: 12px;
    padding: 1em 2em 1em 1em;
    white-space: nowrap;
    cursor: default;
    position: relative;
    line-height: 1.42857em;
}

    .k-notification-wrap > .k-icon {
        margin-right: 8px;
        vertical-align: middle;
    }

    .k-notification-wrap > .k-i-close, .k-notification-wrap > .k-i-group-delete::before {
        margin: 0;
        position: absolute;
        top: 1em;
        right: 0.5em;
        font-size: inherit;
        line-height: inherit;
    }

        .k-notification-wrap > .k-i-close::before, .k-notification-wrap > .k-i-group-delete::before {
            font-size: 16px;
        }

.k-rtl .k-notification-wrap {
    padding: 1em 1em 1em 2em;
}

    .k-rtl .k-notification-wrap > .k-icon {
        margin-right: 0;
        margin-left: 8px;
    }

    .k-rtl .k-notification-wrap > .k-i-close, .k-rtl .k-notification-wrap > .k-i-group-delete::before {
        margin: 0;
        right: auto;
        left: 4px;
    }

.k-notification-info {
    border-color: var(--info);
    color: #ffffff;
    background-color: var(--info);
}

.k-notification-success {
    border-color: var(--success);
    color: #ffffff;
    background-color: var(--success);
}

.k-notification-warning {
    border-color: var(--warning);
    color: #000000;
    background-color: var(--warning);
}

.k-notification-error {
    border-color: var(--error);
    color: #ffffff;
    background-color: var(--error);
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-rpanel-left,
.k-rpanel-right {
    position: fixed;
    display: block;
    overflow: auto;
    min-width: 320px;
    height: 100%;
    top: 0;
}

    .k-rpanel-left + *,
    .k-rpanel-right + * {
        overflow: auto;
    }

    .k-rpanel-left.k-rpanel-expanded,
    .k-rpanel-right.k-rpanel-expanded {
        transform: translateX(0) translateZ(0);
    }

.k-rpanel-left {
    transform: translateX(-100%) translateZ(0);
    left: 0;
}

.k-rpanel-right {
    transform: translateX(100%) translateZ(0);
    right: 0;
}

.k-rpanel-top {
    position: static;
    max-height: 0;
}

    .k-rpanel-top.k-rpanel-expanded {
        max-height: 568px;
        overflow: visible !important;
    }

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-menu {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    position: relative;
    cursor: default;
}

    .k-menu .k-item {
        border-width: 0;
        border-style: solid;
        border-color: inherit;
        display: flex;
        align-items: stretch;
        position: relative;
        user-select: none;
        flex-shrink: 0;
    }

        .k-menu .k-item > .k-link {
            padding: 6px 12px;
            color: inherit;
            display: flex;
            flex-direction: row;
            align-items: center;
            position: relative;
            white-space: nowrap;
        }

            .k-menu .k-item > .k-link .k-i-arrow-60-down, .k-menu .k-item > .k-link .k-i-arrow-s::before, .k-menu .k-item > .k-link .k-i-sarrow-s::before, .k-menu .k-item > .k-link .k-i-collapse::before, .k-menu .k-item > .k-link .k-i-expand-s::before {
                margin-left: 4px;
                margin-right: -4px;
            }

            .k-menu .k-item > .k-link .k-i-arrow-60-left, .k-menu .k-item > .k-link .k-i-arrow-w::before, .k-menu .k-item > .k-link .k-i-sarrow-w::before, .k-menu .k-item > .k-link .k-i-expand-w::before,
            .k-menu .k-item > .k-link .k-i-arrow-60-right,
            .k-menu .k-item > .k-link .k-i-arrow-e::before,
            .k-menu .k-item > .k-link .k-i-sarrow-e::before,
            .k-menu .k-item > .k-link .k-i-expand::before,
            .k-menu .k-item > .k-link .k-i-expand-e::before {
                margin: -8px 0 0;
                position: absolute;
                top: 50%;
            }

            .k-menu .k-item > .k-link .k-i-arrow-60-right, .k-menu .k-item > .k-link .k-i-arrow-e::before, .k-menu .k-item > .k-link .k-i-sarrow-e::before, .k-menu .k-item > .k-link .k-i-expand::before, .k-menu .k-item > .k-link .k-i-expand-e::before {
                right: 4px;
            }

            .k-menu .k-item > .k-link .k-i-arrow-60-left, .k-menu .k-item > .k-link .k-i-arrow-w::before, .k-menu .k-item > .k-link .k-i-sarrow-w::before, .k-menu .k-item > .k-link .k-i-expand-w::before {
                left: 4px;
            }

            .k-menu .k-item > .k-link > .k-icon,
            .k-menu .k-item > .k-link > .k-image,
            .k-menu .k-item > .k-link > .k-sprite {
                margin-right: 4px;
            }

    .k-menu .k-separator {
        border-width: 1px 0 0;
        border-style: solid;
        line-height: 0;
        overflow: hidden;
    }

.k-menu-group {
    margin: 0;
    padding: 0 0;
    white-space: nowrap;
    list-style: none;
    display: none;
    position: absolute;
}

    .k-menu-group .k-menu-group {
        padding: 0;
    }

.k-popups-wrapper {
    position: relative;
    border: 0;
    margin: 0;
    padding: 0;
}

.k-menu.k-context-menu {
    margin: 0;
    padding: 0 0;
    border-width: 1px;
    border-style: solid;
    box-sizing: content-box;
}

.k-animation-container .k-context-menu.k-menu-horizontal {
    display: flex !important;
}

.k-menu-horizontal > .k-separator {
    width: 0;
    border-width: 0 1px 0 0;
    line-height: inherit;
}

.k-menu-group,
.k-menu-vertical {
    flex-direction: column;
}

    .k-menu-group .k-item,
    .k-menu-vertical .k-item {
        display: block;
    }

        .k-menu-group .k-item > .k-link,
        .k-menu-vertical .k-item > .k-link {
            padding: 4px 8px;
            padding-right: 32px;
            color: #555;
            display: flex;
            flex-direction: row;
            align-items: center;
            position: relative;
        }

.k-menu-scroll-wrapper {
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
}

    .k-menu-scroll-wrapper .k-menu {
        overflow: hidden;
    }

.k-menu-scroll-button {
    border-radius: 0;
    padding: 0;
    border-width: 0;
    border-color: inherit;
    color: inherit;
    background: inherit;
    background-clip: border-box;
    position: absolute;
}

    .k-menu-scroll-button.k-scroll-left {
        top: 0;
        left: 0;
        height: 100%;
    }

    .k-menu-scroll-button.k-scroll-right {
        top: 0;
        right: 0;
        height: 100%;
    }

    .k-menu-scroll-button.k-scroll-up {
        top: 0;
        left: 0;
        width: 100%;
    }

    .k-menu-scroll-button.k-scroll-down {
        bottom: 0;
        left: 0;
        width: 100%;
    }

.k-rtl .k-menu .k-link .k-i-arrow-60-down, .k-rtl .k-menu .k-link .k-i-arrow-s::before, .k-rtl .k-menu .k-link .k-i-sarrow-s::before, .k-rtl .k-menu .k-link .k-i-collapse::before, .k-rtl .k-menu .k-link .k-i-expand-s::before {
    margin-left: -4px;
    margin-right: 4px;
}

.k-rtl .k-menu-group .k-link,
.k-rtl .k-menu-vertical .k-link {
    padding-right: 8px;
    padding-left: 32px;
}

.k-menu {
    border-width: 0;
    color: inherit;
    background: none;
    background-clip: padding-box;
}

.k-ie11 .k-menu,
.k-edge12 .k-menu,
.k-edge13 .k-menu {
    background-clip: border-box;
}

.k-menu .k-item {
    color: var(--primary);
}

    .k-menu .k-item.k-state-hover {
        color: #169c7b;
    }

    .k-menu .k-item.k-state-active {
        color: inherit;
    }

    .k-menu .k-item.k-state-selected {
        color: #ffffff;
    }

.k-menu-group .k-item,
.k-menu.k-context-menu .k-item {
    color: inherit;
}

.k-menu-scroll-button {
    border-color: rgba(0, 0, 0, 0.08);
    color: var(--primary);
    background: #ffffff;
}

    .k-menu-scroll-button:hover {
        border-color: rgba(0, 0, 0, 0.08);
        color: #169c7b;
        background: #ffffff;
    }

    .k-menu-scroll-button.k-scroll-left {
        width: 16px;
        border-right-width: 1px;
    }

    .k-menu-scroll-button.k-scroll-right {
        width: 16px;
        border-left-width: 1px;
    }

    .k-menu-scroll-button.k-scroll-up {
        height: 16px;
        border-bottom-width: 1px;
    }

    .k-menu-scroll-button.k-scroll-down {
        height: 16px;
        border-top-width: 1px;
    }

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-panelbar {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .k-panelbar > .k-item {
        border-width: 0;
        border-style: solid;
        border-color: inherit;
        display: block;
    }

        .k-panelbar > .k-item > .k-link {
            padding: 8px 8px;
            color: inherit;
            background: none;
            text-decoration: none;
            display: flex;
            flex-direction: row;
            align-items: center;
            align-content: center;
            position: relative;
            user-select: none;
            cursor: default;
            transition: background-color 0.2s ease;
        }

        .k-panelbar > .k-item + .k-item {
            border-top-width: 1px;
        }

    .k-panelbar .k-group {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .k-panelbar .k-group > .k-item {
            display: block;
        }

            .k-panelbar .k-group > .k-item > .k-link {
                padding: 4px 8px;
                color: inherit;
                text-decoration: none;
                display: flex;
                flex-direction: row;
                align-items: center;
                align-content: center;
                position: relative;
                user-select: none;
                cursor: default;
                transition: background-color 0.2s ease;
            }

    .k-panelbar .k-panelbar-expand,
    .k-panelbar .k-panelbar-collapse {
        margin-top: -.5em;
        position: absolute;
        top: 50%;
        right: 8px;
    }

    .k-panelbar .k-link > .k-image,
    .k-panelbar .k-link > .k-sprite {
        vertical-align: middle;
        float: left;
        margin-right: 5px;
    }

    .k-panelbar[dir='rtl'] .k-panelbar-expand,
    .k-panelbar[dir='rtl'] .k-panelbar-collapse,
    .k-rtl .k-panelbar .k-panelbar-expand,
    .k-rtl .k-panelbar .k-panelbar-collapse {
        right: auto;
        left: 8px;
    }

.k-panelbar {
    border-color: rgba(0, 0, 0, 0.08);
    color: var(--accent);
    background-color: #ffffff;
    background-clip: padding-box;
}

.k-ie11 .k-panelbar,
.k-edge12 .k-panelbar,
.k-edge13 .k-panelbar {
    background-clip: border-box;
}

.k-panelbar .k-content {
    color: #ffffff;
    background-color: var(--primary);
}

.k-panelbar > .k-item {
    background-clip: padding-box;
}

.k-ie11 .k-panelbar > .k-item,
.k-edge12 .k-panelbar > .k-item,
.k-edge13 .k-panelbar > .k-item {
    background-clip: border-box;
}

.k-panelbar > .k-item > .k-link {
    color: var(--primary);
}

    .k-panelbar > .k-item > .k-link .k-icon {
        color: var(--accent);
    }

    .k-panelbar > .k-item > .k-link:hover,
    .k-panelbar > .k-item > .k-link.k-state-hover {
        color: #169c7b;
        background-color: #f2f2f2;
    }

    .k-panelbar > .k-item > .k-link.k-state-selected:not(.k-state-expanded) .k-icon,
    .k-panelbar > .k-item > .k-link.k-state-selected:not(.k-state-active) .k-icon {
        color: #ffffff;
    }

    .k-panelbar > .k-item > .k-link.k-state-selected:not(.k-state-expanded):hover, .k-panelbar > .k-item > .k-link.k-state-selected:not(.k-state-expanded).k-state-hover,
    .k-panelbar > .k-item > .k-link.k-state-selected:not(.k-state-active):hover,
    .k-panelbar > .k-item > .k-link.k-state-selected:not(.k-state-active).k-state-hover {
        color: #ffffff;
        background-color: var(--header);
    }

.k-panelbar > .k-item.k-state-expanded > .k-link,
.k-panelbar > .k-item.k-state-active > .k-link {
    font-weight: 500;
}

    .k-panelbar > .k-item.k-state-expanded > .k-link .k-icon,
    .k-panelbar > .k-item.k-state-active > .k-link .k-icon {
        color: var(--accent);
    }

.k-panelbar > .k-item > .k-link.k-state-focused {
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
}

.k-panelbar .k-group {
    color: #ffffff;
    background-color: var(--primary);
}

    .k-panelbar .k-group > .k-item > .k-link:hover.k-state-selected,
    .k-panelbar .k-group > .k-item > .k-link.k-state-hover.k-state-selected {
        color: #ffffff;
        background-color: var(--header);
    }

    .k-panelbar .k-group > .k-item > .k-link.k-state-focused {
        box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
    }

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

.k-progressbar {
    border-radius: 2px;
    border-width: 0;
    font-size: 12px;
    line-height: 22px;
    display: inline-flex;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
}

    .k-progressbar .k-progress-status-wrap {
        width: 100%;
        height: 100%;
        display: flex;
        position: absolute;
        top: 0;
        left: 0;
    }

    .k-progressbar .k-progress-status {
        padding: 0 0.5em;
        min-width: 10px;
        text-align: center;
        display: inline-block;
        white-space: nowrap;
    }

    .k-progressbar > .k-state-selected {
        position: absolute;
        overflow: hidden;
        border-style: solid;
        border-width: 0;
    }

    .k-progressbar > ul {
        border-width: inherit;
        border-style: inherit;
        white-space: nowrap;
        display: flex;
        align-items: stretch;
        flex: 1;
    }

    .k-progressbar .k-item {
        display: block;
        border-width: 0;
        border-style: solid;
        border-color: transparent;
    }

.k-progressbar-horizontal {
    width: 27em;
    height: 22px;
    flex-direction: row;
}

    .k-progressbar-horizontal .k-progress-status-wrap {
        flex-direction: row;
        justify-content: flex-end;
        top: 0;
        left: 0;
    }

    .k-progressbar-horizontal > .k-state-selected {
        left: 0;
        right: auto;
        top: 0;
        height: 100%;
    }

    .k-progressbar-horizontal > ul {
        flex-direction: row;
    }

    .k-progressbar-horizontal .k-item + .k-item {
        border-left-width: 1px;
    }

    .k-progressbar-horizontal.k-progressbar-reverse {
        flex-direction: row-reverse;
    }

        .k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap {
            justify-content: flex-start;
            left: auto;
            right: 0;
        }

        .k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected {
            left: auto;
            right: 0;
        }

.k-progressbar-vertical {
    width: 22px;
    height: 27em;
    flex-direction: column;
    justify-content: flex-end;
}

    .k-progressbar-vertical .k-progress-status-wrap {
        flex-direction: column;
        justify-content: flex-start;
        left: 0;
        bottom: 0;
    }

    .k-progressbar-vertical .k-progress-status {
        transform: rotate(-90deg) translateX(-100%);
        transform-origin: 0 0;
    }

    .k-progressbar-vertical > .k-state-selected {
        left: -1px;
        bottom: -1px;
        width: 100%;
    }

    .k-progressbar-vertical > ul {
        flex-direction: column;
    }

    .k-progressbar-vertical .k-item + .k-item {
        border-top-width: 1px;
    }

    .k-progressbar-vertical.k-progressbar-reverse {
        flex-direction: column-reverse;
    }

        .k-progressbar-vertical.k-progressbar-reverse .k-progress-status-wrap {
            justify-content: flex-end;
            top: 0;
            bottom: auto;
        }

        .k-progressbar-vertical.k-progressbar-reverse .k-progress-status {
            transform: rotate(90deg) translateX(-100%);
            transform-origin: 0 100%;
            position: absolute;
            bottom: 0;
            left: 0;
        }

        .k-progressbar-vertical.k-progressbar-reverse > .k-state-selected {
            left: auto;
            right: 0;
            bottom: auto;
            top: 0;
        }

.k-progressbar {
    background-color: #c4f9ef;
    border-color: rgba(0, 0, 0, 0.08);
    background-clip: padding-box;
}

.k-ie11 .k-progressbar,
.k-edge12 .k-progressbar,
.k-edge13 .k-progressbar {
    background-clip: border-box;
}

.k-progressbar .k-state-selected {
    border-color: #00b88a;
    background-color: var(--primary);
    background-image: linear-gradient(rgba(0, 204, 201, 0), rgba(0, 204, 201, 0.2));
}

.k-progressbar .k-item {
    border-color: #ffffff;
}

.k-progressbar-indeterminate {
    background: url("data:image/gif;base64,R0lGODlhFgAWAJECAPDw8OTk5AAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBAACACwAAAAAFgAWAAACL4yPAcsNmZyESDp6bMNGM654DyeOWAmipJiyqweGWuy+Fg23s37zk38BboQf4qIAACH5BAUEAAIALAAAAAAWABYAAAIwBIKpYe231ntRTlfTxZlt03lf+IFdCWUoWbLj2cKvGstXKN6ubk94Tdv8ZkFe0VEAACH5BAUEAAIALAAAAAAWABYAAAIwhBGpG+fH4nuRTVfXhTltnn1G14ikiHToaapt+Far+7E1vZFlbl96LLvhJj8hzFEAACH5BAUEAAIALAAAAAAWABYAAAIwhB+pG+fI2HtRTljTxXmbrHgAqImkOILoaapt91ar67E1vdk5fpHNzaPoJr6Y7FAAACH5BAUEAAIALAAAAAAWABYAAAIvhG+hy4EPmoRINnosw0krHnkOJ45YCaKpB4ZaK8Ls+tKWXJOznp+736OogMGHqgAAIfkEBQQAAgAsAAAAABYAFgAAAi+Ej6HLgQ+ahEkyeuzFUSveeaD3caRjkqOaiqsGhlbMtvN72xO+6w3t8m2EC6CnAAAh+QQFBAACACwAAAAAFgAWAAACMAyOCcHtCp1kME1Z0X15bdp9YCYaodh5X1qy6LnCW6pe9CtPd5xj7vyzBXVDX69RAAAh+QQFBAACACwAAAAAFgAWAAACMIyBqWDtseJ7cU1X1cWZ7dN9YCZCodh5X1qy6LnCmxuTrzyl6qXf9kzjBXNDSjFQAAAh+QQFBAACACwAAAAAFgAWAAACLowNqQvnx+J7kU1X14U5bdQ1XxCOZGeWo/qxm3vBk0yhq93iL83pMw/y1YQYWAEAIfkEBQQAAgAsAAAAABYAFgAAAjCMH6DLgJ9ag0hOaizDWSseeaD3caQziqkGhlZLwqo5Y/H64pLM6hddg5x8P8rQUAAAIfkEBQQAAgAsAAAAABYAFgAAAjCMf6DLgB+ahEg2muzCRm/uKVwUjqEDlqk3klqrrhbMmrU82a8+8zl+8QWBQ8opUAAAOw==");
}

    .k-progressbar-indeterminate .k-progress-status-wrap,
    .k-progressbar-indeterminate .k-state-selected {
        display: none;
    }

/*.km-scrollview,
.km-scroll-container {
    user-select: none;*/
/*margin-collapse: separate;*/
/*}

.km-scroll-wrapper {
    position: relative;
}

.km-scroll-header {
    position: absolute;
    z-index: 1001;
    width: 100%;
    top: 0;
    left: 0;
}*/

.km-scroller-pull {
    width: 100%;
    display: block;
    position: absolute;
    line-height: 3em;
    font-size: 1.4em;
    text-align: center;
    transform: translate3d(0, -3em, 0);
}

    .km-scroller-pull .km-template {
        display: inline-block;
        min-width: 200px;
        text-align: left;
    }

.km-load-more .km-icon,
.km-widget .km-scroller-pull .km-icon {
    display: inline-block;
    height: 2rem;
    margin-right: 1rem;
    vertical-align: middle;
    width: 2rem;
    font-size: 2rem;
    transform: rotate(0deg);
    transition: transform 300ms linear;
}

.km-widget .km-scroller-release .km-icon {
    transform: rotate(180deg);
}

.km-widget .km-scroller-refresh .km-icon {
    transition: none;
}

.km-touch-scrollbar {
    position: absolute;
    visibility: hidden;
    z-index: 200000;
    height: .4em;
    width: .4em;
    background-color: #333;
    opacity: 0;
    transform-origin: 0 0;
    transition: opacity .3s linear;
}

.km-vertical-scrollbar {
    height: 100%;
    right: 2px;
    top: 0;
}

.km-horizontal-scrollbar {
    width: 100%;
    left: 0;
    bottom: 2px;
}



.clockpicker .input-group-addon {
    cursor: pointer;
}

.clockpicker-moving {
    cursor: move;
}

.clockpicker-align-left.popover > .arrow {
    left: 25px;
}

.clockpicker-align-top.popover > .arrow {
    top: 17px;
}

.clockpicker-align-right.popover > .arrow {
    left: auto;
    right: 25px;
}

.clockpicker-align-bottom.popover > .arrow {
    top: auto;
    bottom: 6px;
}

.clockpicker-popover .popover-title {
    background-color: #fff;
    color: #999;
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
}

    .clockpicker-popover .popover-title span {
        cursor: pointer;
    }

.clockpicker-popover .popover-content {
    background-color: #f8f8f8;
    padding: 12px;
}

.popover-content:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.clockpicker-plate {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    overflow: visible;
    position: relative;
    /* Disable text selection highlighting. Thanks to Hermanya */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    /*    -khtml-user-select: none;*/
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.clockpicker-canvas,
.clockpicker-dial {
    width: 200px;
    height: 200px;
    position: absolute;
    left: -1px;
    top: -1px;
}

.clockpicker-minutes {
    visibility: hidden;
}

.clockpicker-tick {
    border-radius: 50%;
    color: #666;
    line-height: 26px;
    text-align: center;
    width: 26px;
    height: 26px;
    position: absolute;
    cursor: pointer;
}

    .clockpicker-tick.active,
    .clockpicker-tick:hover {
        background-color: rgb(192, 229, 247);
        background-color: rgba(0, 149, 221, .25);
    }

.clockpicker-button {
    background-image: none;
    background-color: var(--primary);
    border-width: 1px 0 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin: 0;
    padding: 10px 0;
    border-color: var(--primary);
    border-radius: 6px;
}

    .clockpicker-button:hover {
        background-image: none;
        background-color: #ebebeb;
    }

    .clockpicker-button:focus {
        outline: none !important;
    }

.clockpicker-dial {
    -webkit-transition: -webkit-transform 350ms, opacity 350ms;
    -moz-transition: -moz-transform 350ms, opacity 350ms;
    /* -ms-transition: -ms-transform 350ms, opacity 350ms;*/
    -o-transition: -o-transform 350ms, opacity 350ms;
    transition: transform 350ms, opacity 350ms;
}

.clockpicker-dial-out {
    opacity: 0;
}

.clockpicker-hours.clockpicker-dial-out {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

.clockpicker-minutes.clockpicker-dial-out {
    -webkit-transform: scale(.8, .8);
    -moz-transform: scale(.8, .8);
    -ms-transform: scale(.8, .8);
    -o-transform: scale(.8, .8);
    transform: scale(.8, .8);
}

.darkMode .md-skin .nav > li > a {
    color: var(--accent);
    /* padding: 14px 20px 14px 25px;*/
}

.darkMode .nav-tabs > li,
.darkMode .nav-tabs > li {
    background-color: var(--background);
}

.nav-tabs > li {
    /* background-color: var(--background);*/
    color: white;
    border-radius: 0;
}

.k-listview {
    background-color: var(--secondary);
}

.clockpicker-canvas {
    -webkit-transition: opacity 175ms;
    -moz-transition: opacity 175ms;
    /*  -ms-transition: opacity 175ms;*/
    -o-transition: opacity 175ms;
    transition: opacity 175ms;
}

.darkMode .nav-tabs > li > a:hover,
.darkMode .nav-tabs > li > a:focus {
    color: var(--accent);
    background-color: var(--header);
    /*   border: 0;*/
}

.md-skin .nav > li > a {
    padding-left: 20px;
}


a:has(> span.nav-label.nav-label-second-level) {
    background-color: var(--background);
    color: var(--accent);
}

.md-skin .nav > li.active > a:nth-child(1):focus,
.md-skin .nav > li.active > a:nth-child(1):hover {
    font-weight: 700;
    color: var(--secondary);
    background-color: var(--header);
    border-color: var(--header);
}

.nav > li > a:hover, .nav > li > a:focus {
    color: white;
    background-color: var(--header);
}

.mini-navbar.darkMode .navbar-default .nav .nav-second-level li a span:focus,
.mini-navbar.darkMode .navbar-default .nav .nav-second-level li a span:hover,
.mini-navbar.darkMode .navbar-default .nav > li > a:hover,
.mini-navbar.darkMode .navbar-default .nav > li > a:focus {
    font-weight: 700;
    color: var(--accent);
    background-color: var(--header);
}


    .mini-navbar.darkMode .navbar-default .nav > li > a:hover .nav-label,
    .mini-navbar.darkMode .navbar-default .nav > li > a:focus .nav-label {
        font-weight: 700;
        color: var(--accent);
        background-color: transparent;
    }



.clockpicker-canvas-out {
    opacity: 0.25;
}

.clockpicker-canvas-bearing,
.clockpicker-canvas-fg {
    stroke: none;
    fill: rgb(0, 149, 221);
}

.clockpicker-canvas-bg {
    stroke: none;
    fill: rgb(192, 229, 247);
}

.clockpicker-canvas-bg-trans {
    fill: rgba(0, 149, 221, .25);
}

.clockpicker-canvas line {
    stroke: rgb(0, 149, 221);
    stroke-width: 1;
    stroke-linecap: round;
    /*shape-rendering: crispEdges;*/
}

.clockpicker-button.am-button {
    margin: 1px;
    padding: 5px;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 4px;
}

.clockpicker-button.pm-button {
    margin: 1px 1px 1px 136px;
    padding: 5px;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 4px;
}

span.k-icon.k-svg-icon.k-button-icon.k-svg-i-filter,
span.k-icon.k-svg-icon.k-svg-i-calendar.k-button-icon,
span.k-icon.k-svg-icon.k-svg-i-caret-alt-down.k-button-icon,
span.k-icon.k-svg-icon.k-svg-i-caret-alt-up.k-button-icon,
span.k-icon.k-svg-icon.k-svg-i-clock.k-button-icon,
span.k-icon.k-svg-icon.k-svg-i-arrow-rotate-cw,
span.k-icon.k-svg-icon.k-button-icon {
    color: white;
    fill: white;
}

span.k-icon.k-i-sort-asc-sm.k-svg-icon.k-button-icon,
span.k-icon.k-i-sort-desc-sm.k-svg-icon.k-button-icon {
    color: var(--accent);
    fill: var(--accent);
}

span.k-icon.k-svg-icon.k-svg-i-more-vertical,
span.k-icon.k-svg-icon.k-svg-i-sort-asc-small,
span.k-icon.k-svg-icon.k-svg-i-sort-desc-small {
    color: var(--primary);
    fill: var(--primary);
}

.k-grid .k-hierarchy-cell > a.k-icon.k-svg-icon.k-svg-i-caret-alt-right,
.k-grid .k-hierarchy-cell > a.k-icon.k-svg-icon.k-svg-i-caret-alt-down {
    fill: var(--primary);
    width: 60%;
}

.k-link, .k-link:hover {
    color: inherit;
    text-decoration: none;
    outline: 0;
    cursor: pointer;
}

    .k-link, .k-link:hover {
        color: inherit;
        text-decoration: none;
        outline: 0;
        cursor: pointer;
    }



.k-animation-container-shown {
    overflow: visible;
    width: 100px;
}

.k-menu-link-text {
    display: flex;
    flex-flow: row nowrap;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
}

.k-menu-popup {
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    overflow: auto;
    max-height: 80vh;
}

.k-popup {
    border-color: rgba(0, 0, 0, 0.08);
    color: #424242;
    background-color: #ffffff;
    box-shadow: var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12));
}

.k-popup {
    margin: 0;
    padding: 0;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.4285714286;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}


.k-menu-popup .k-menu-group {
    position: relative;
}

.k-menu-group, .k-menu.k-context-menu {
    border-color: rgba(0, 0, 0, 0.08);
    color: #424242;
    background-color: #ffffff;
}

.k-menu-group-md {
    font-size: 14px;
    line-height: 1.4285714286;
}

.k-menu-group {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-flow: column nowrap;
    position: absolute;
}

.k-input-values > input.k-input-inner.k-readonly {
    /* display: block;*/
    height: 28px;
}


.k-selection-multiple.k-chip-list.k-chip-list-md {
    margin-top: 2px;
    width: auto;
    display: grid;
}


#loading-div-background {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.3);
    width: 100%;
    height: 100%;
    z-index: 100000;
}

#loading-div {
    width: 600px;
    height: 150px;
    background-color: var(--secondary);
    border: 5px solid var(--primary);
    text-align: center;
    color: #202020;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -350px;
    margin-top: -100px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url("/css/pie/PIE.htc"); /* HANDLES IE */
}

/*span.k-multiselect.k-input.k-multiselect-clearable.k-input-solid.k-input-md.k-rounded-md > .k-input-values {*/
/* display: flex;
    min-height: 33px;*/
/*min-width: 0px;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    cursor: text;
}*/




/*.k-input-values > input.k-input-inner.valid:not(.k-readonly), .k-input-values input.k-input-inner.valid:not(.k-readonly) {*/
/* background: transparent;
    z-index: -100;*/
/*display: none;
}*/


.k-chip-text, .k-chip-label {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    flex: 1 1 auto;
}


/*.k-input-md .k-input-icon, .k-input-md .k-input-validation-icon, .k-input-md .k-input-loading-icon, .k-input-md .k-clear-value, .k-input-md .k-input-prefix > .k-icon, .k-input-md .k-input-suffix > .k-icon, .k-picker-md .k-input-icon, .k-picker-md .k-input-validation-icon, .k-picker-md .k-input-loading-icon, .k-picker-md .k-clear-value, .k-picker-md .k-input-prefix > .k-icon, .k-picker-md .k-input-suffix > .k-icon {
    padding-block: 4px;
    padding-inline: 4px;
    box-sizing: content-box;
}*/

@media only screen and (max-width: 1024px) {
    .shrink {
        flex-direction: column;
    }

    .grid-container {
        width: 100%;
    }
}

button.k-pager-refresh.k-button.k-button-sm.k-button-flat.k-button-flat-base.k-icon-button {
    background: transparent;
    padding: 0;
    margin: 0;
    text-align: right;
    order: 15;
    margin-left: 10px;
}


span.k-pager-sizes span.k-picker.k-dropdownlist.k-picker-solid.k-picker-sm.k-rounded-md {
    width: 120px;
    margin-left: 10px;
    margin-right: 5px;
}

.k-grouping-header > .k-chip-list.k-chip-list-md {
    background: transparent;
    border: none;
}

.k-searchbox span.k-icon.k-svg-icon.k-svg-i-search.k-input-icon {
    margin-right: 15px;
}

span.k-picker.k-dropdownlist.form-control {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    color: #555;
}

.darkMode .form-control:focus, .darkMode .single-line:focus, .darkMode .k-multiselect:focus {
    border-color: var(--primary);
}

.k-grid input.k-select-checkbox.k-checkbox.k-checkbox-md.k-rounded-md {
    padding: 0px;
    margin: 0px;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 0px;
}

a.k-button.k-button-icontext.k-primary-red.k-icon.k-i-warning.k-grid-ProcessMessage {
    height: 25px;
    width: 25px;
    padding: 0;
    margin: 0;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.k-grid td:has(a.k-button.k-button-icontext.k-primary-red.k-icon.k-i-warning.k-grid-ProcessMessage) {
    text-align: center;
    align-items: center;
    align-content: center;
    display: grid;
    justify-items: center;
    height: 33px !important;
}


.k-expander {
    color: var(--accent);
    background-color: var(--secondary);
    border: 3px solid var(--primary);
    margin: 5px;
    padding: 10px;
}

.k-expander {
    /*    border-width: 1px;*/
    border-style: solid;
    box-sizing: border-box;
    overflow: hidden;
    outline: 0;
    font-family: var(--kendo-font-family, inherit);
    font-size: var(--kendo-font-size, inherit);
    line-height: var(--kendo-line-height, normal);
    display: flex;
    flex-direction: column;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.k-expander-header {
    color: var(--accent);
    background-color: rgba(0, 0, 0, 0);
    outline: none;
}

.k-expander-header {
    padding-block: var(--kendo-spacing-3, 0.75rem);
    padding-inline: var(--kendo-spacing-4, 1rem);
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.k-expander *, .k-expander *::before, .k-expander *::after {
    box-sizing: border-box;
}

.k-expander-title {
    color: var(--primary);
}

.k-expander-title {
    text-transform: uppercase;
    font-weight: 500;
}

.k-spacer, .k-flex {
    flex: 1 1 auto;
}

.k-expander-sub-title {
    color: var(--accent);
}

.k-expander-indicator {
    margin-left: var(--kendo-spacing-3, 0.75rem);
    display: flex;
    justify-content: center;
    align-items: center;
}

.k-expander-content {
    max-width: 100%;
}

.k-expander-content {
    padding-block: var(--kendo-spacing-4, 1rem);
    padding-inline: var(--kendo-spacing-4, 1rem);
}