/* Minification failed. Returning unminified contents.
(42,78): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(105,47): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(105,79): run-time error CSS1039: Token not allowed after unary operator: '-background'
(107,57): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(107,102): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(110,49): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(145,25): run-time error CSS1039: Token not allowed after unary operator: '-over-color'
(164,50): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(207,45): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(207,181): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(209,82): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(218,68): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(219,60): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(220,71): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(231,32): run-time error CSS1039: Token not allowed after unary operator: '-background'
(232,39): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(276,25): run-time error CSS1039: Token not allowed after unary operator: '-over-color'
(278,111): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(278,142): run-time error CSS1039: Token not allowed after unary operator: '-background'
(1667,143): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(1675,132): run-time error CSS1039: Token not allowed after unary operator: '-outline'
(1676,88): run-time error CSS1039: Token not allowed after unary operator: '-outline'
(1679,64): run-time error CSS1039: Token not allowed after unary operator: '-outline'
(1682,102): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(1688,86): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(1694,89): run-time error CSS1039: Token not allowed after unary operator: '-over-color'
(1696,72): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(1700,76): run-time error CSS1039: Token not allowed after unary operator: '-press-color'
(1748,63): run-time error CSS1039: Token not allowed after unary operator: '-over-color'
(1749,64): run-time error CSS1039: Token not allowed after unary operator: '-press-color'
(1757,36): run-time error CSS1039: Token not allowed after unary operator: '-text'
(1760,235): run-time error CSS1039: Token not allowed after unary operator: '-button-radius'
(1770,71): run-time error CSS1039: Token not allowed after unary operator: '-over-color'
(1774,40): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(1778,24): run-time error CSS1039: Token not allowed after unary operator: '-press-color'
(1783,82): run-time error CSS1039: Token not allowed after unary operator: '-outline-dark'
(1787,121): run-time error CSS1039: Token not allowed after unary operator: '-input-color'
(1787,184): run-time error CSS1039: Token not allowed after unary operator: '-button-radius'
(1803,64): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(1803,105): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(1812,49): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(1812,302): run-time error CSS1039: Token not allowed after unary operator: '-outline-dark'
(1814,54): run-time error CSS1039: Token not allowed after unary operator: '-over-color'
(1853,37): run-time error CSS1039: Token not allowed after unary operator: '-outline'
(1854,37): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(1856,37): run-time error CSS1039: Token not allowed after unary operator: '-tip'
(1858,41): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(1858,146): run-time error CSS1039: Token not allowed after unary operator: '-background'
(1891,38): run-time error CSS1039: Token not allowed after unary operator: '-outline'
(1900,38): run-time error CSS1039: Token not allowed after unary operator: '-outline'
(1943,32): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(1952,38): run-time error CSS1039: Token not allowed after unary operator: '-background'
(1953,71): run-time error CSS1039: Token not allowed after unary operator: '-background'
(1963,194): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(1963,242): run-time error CSS1039: Token not allowed after unary operator: '-area'
(1963,262): run-time error CSS1039: Token not allowed after unary operator: '-area'
(1971,79): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(1979,56): run-time error CSS1039: Token not allowed after unary operator: '-hover'
(1986,52): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(2039,34): run-time error CSS1039: Token not allowed after unary operator: '-outline'
(2047,63): run-time error CSS1039: Token not allowed after unary operator: '-input-color'
(2048,25): run-time error CSS1039: Token not allowed after unary operator: '-button-radius'
(2077,89): run-time error CSS1039: Token not allowed after unary operator: '-outline'
(2077,116): run-time error CSS1039: Token not allowed after unary operator: '-highlight'
(2080,85): run-time error CSS1039: Token not allowed after unary operator: '-background'
(2081,72): run-time error CSS1039: Token not allowed after unary operator: '-background'
(2081,188): run-time error CSS1039: Token not allowed after unary operator: '-outline'
(2086,75): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(2088,74): run-time error CSS1039: Token not allowed after unary operator: '-over-color'
(2095,66): run-time error CSS1039: Token not allowed after unary operator: '-background'
(2095,138): run-time error CSS1039: Token not allowed after unary operator: '-outline'
(2097,131): run-time error CSS1039: Token not allowed after unary operator: '-outline'
(2111,70): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(2127,63): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
 */



/* icons */


.k-icon { /*background-color:rgba(0,255,0,.2);*/height: 30px; width: 30px; display:flex; flex-shrink:0; text-decoration:none}
.k-icon:after{width:30px;height:30px; min-width:30px; display:flex;-moz-font-feature-settings: "liga=1, dlig=1"; -ms-font-feature-settings: "liga", "dlig"; -webkit-font-feature-settings: "liga", "dlig"; -o-font-feature-settings: "liga", "dlig"; font-feature-settings: "liga", "dlig"; font-variant-ligatures: common-ligatures; text-rendering: optimizeLegibility; font-family: icon; display: flex;  display: -webkit-flex; align-items: center; -ms-flex-align: center; justify-content: center; -ms-flex-pack: center; font-size: 30px; font-weight: 400; font-style: normal; user-select: none; /* cursor: default; */ text-transform: lowercase; position: relative; z-index: 9; overflow:hidden; }

.k-i-calendar:after{content:'calendar'}
.k-i-arrow-60-down:after, .k-i-expand:after,.k-i-sort-desc-sm::after{content:'down'}
.k-i-collapse:after,.k-i-sort-asc-sm::after{content:'up'}
.k-i-arrow-60-right:after{content:'right'}
.k-i-arrow-60-left:after{content:'left'}
.k-i-arrow-end-right::after{content:'full_right'}
.k-i-arrow-end-left::after{content:'full_left'}
.k-i-zoom:after{content:'search'}
.k-i-close:after{content:'close'}

.k-select .k-i-arrow-60-down:after, .k-select .k-i-clock:after { content:'more' }
.k-datetimepicker .k-select .k-i-clock:after { content: 'clock' }



/* ----- */




/* tree view */




.k-treeview{height:100%;position:relative;z-index:2;overflow:auto;width:100%;}
.k-treeview .k-item{  margin-left:10px; }
.k-treeview .k-group.k-treeview-lines{min-height:100%; width:100%; position:relative; left:-10px; }
.k-treeview ul li > div{height:40px;position:relative;display: flex;align-items: center;padding: 0 10px;}

.k-treeview ul li .k-in{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding: 5px 10px; cursor:pointer;}

.k-treeview ul li:not(.k-edit-item) > div >.k-in.k-state-selected{color:var(--main-color);font-weight:bold;}
.k-treeview ul li .k-in.k-state-focused {border: 1px dotted}


.k-treeview ul li .k-icon{ cursor:pointer;}
.k-treeview ul li .k-state-selected,.k-treeview ul li .k-state-focused{box-shadow:none}









/* grid */

.k-resize-handle {
    position: absolute;
    z-index: 999;
    cursor: col-resize;
}

.k-grid th > wrap[align_center] { height:auto; padding: 0px;}

.k-grid th > wrap{display:flex;padding-left:10px;width:100%; height:100%; overflow:hidden; white-space:nowrap; position:relative; align-items:center}
.k-grid td > wrap{padding:0 10px;width:100%;  overflow:hidden; white-space:nowrap;text-overflow:ellipsis;position:relative; display:block;}
.k-grid td > wrap[center]{text-align:center}
.k-grid td > wrap[center] icon{margin:auto}
.k-grid td > wrap[align_center], .k-grid th > wrap[align_center]{display: flex; justify-content: center;}
.k-grid td > wrap > label{float:left;}

.k-grid th > wrap.k-link:active span{transform:translateY(1px)}

td elastic{display:flex;align-items:center;white-space:nowrap;position:relative;width:100%;}
td wrap action {display:none;left:-10px;position:relative;}
td action[right]{left:10px}
td action[visible] {display:flex;}
td .button.extra{ /*box-shadow:1px 0 var(--border-color);*/ height:40px; width:40px;}
td elastic text {max-width:100%;  overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}



td elastic  badge { margin-right:10px; }
td elastic badge[circle="small"]{ margin-left: -4px; margin-right: 5px; }
.k-state-selected action,
.k-grid-edit-row action {
    display: flex;
}

.k-grid-edit-row [command="delete"]{display:none;}


.k-link{cursor:pointer;}

.k-grid th > wrap span {    max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; white-space:normal; } 

.k-grid{overflow:hidden;position:relative;padding:0;border:none;clear:both;height:100%;background:none;display:flex;  flex-direction: column;z-index:1 }
.k-grid table{width:100%;border-spacing:0;empty-cells:show;table-layout:fixed;}

.k-safari .k-grid table{border-collapse:collapse}

.k-grid-content{position:relative; height:100%; width:100%;overflow:auto;overflow-x:auto;overflow-y:scroll; }
.k-grid-content tr{box-shadow: 0 0 0 1px var(--border-color);background: var(--background);}

.k-safari .k-grid-content tr{border-top: 1px solid var(--border-color);border-bottom: 1px solid var(--border-color);}

.k-grid-content tbody > tr:last-child{/* box-shadow:inset 0 1px 0 0 var(--border-color),inset 0 -1px 0 0 var(--border-color) ; */}
.k-grid-content tr td{box-shadow:1px 0 0 0 var(--border-color);height:40px;}

.k-grid-content > table, .k-grid-content > form > table{padding-bottom:160px;}
.reset .k-grid-content > table{padding-bottom:0}

.k-grid-content.k-auto-scrollable > form { overflow: initial; }

.k-grid-content tr td .icon,
.k-grid-content tr td .k-icon
{display:block;}
.k-grid-content tr td.center .icon{margin:0 auto}

.k-hierarchy-cell,
.k-grid-content tr td.k-detail-cell{/* padding:0; */}
.k-grid-content tr td.k-detail-cell:not(.reset) toolbar{background:none}

.k-hierarchy-cell .k-icon{opacity:0;margin:auto;}

tr:hover td.k-hierarchy-cell .k-icon,
.k-state-selected .k-hierarchy-cell .k-icon{opacity:1;}


.k-detail-row > .k-hierarchy-cell,
.k-grid-content tr td:last-child

{box-shadow:none}



.k-grid-header table colgroup col, .k-grid-content table colgroup col { min-width: 20px}

.k-grid-content tbody > tr:hover,
.k-grid-content tr.k-state-selected,
.k-grid-content tr.k-grid-edit-row,
.k-grid-content tr.drop
{background-image: var(--over-color);/* box-shadow:inset 0 1px 0 0 var(--border-color), inset  1px 0 0 var(--border-color), inset  -1px 0 0 var(--border-color); */}
.k-grid-content tbody > tr:not(.k-detail-row):hover > td action,
.k-grid-content tbody > tr:not(.k-detail-row) > td action.visible{display:flex}

.k-grid-content tbody > tr:not(.k-state-selected):last-child:hover,
.k-grid-content tbody > tr:last-child.k-state-selected{/* box-shadow:inset 0 0 0 1px var(--border-color) */}

.k-grid-content tr.k-state-selected{font-weight:700}

.k-grid-content tr.k-grid-edit-row {}

.k-treeview .k-edit-item wrap {
    width: 100%;
}

.k-grid-content tr.k-grid-edit-row td.auto_title .input_cont i,
.k-grid-content tr.k-grid-edit-row .k-widget,
.k-grid-content tr.k-grid-edit-row td.auto_title .k-widget,
.k-grid-content tr.k-grid-edit-row .k-textbox
{background:#fff;box-shadow:inset 0 0 0 1px var(--border-color)}
.k-grid-content tr.k-grid-edit-row .k-widget
{width:100%;}

.k-grid-content tr.manual td{ background: rgba(164, 182, 204, 0.25)}
.k-grid-content tr td.editable{/*background:var(--hover);*/ background:rgba(136, 136, 136, 0.06); cursor:text}


.k-grid-content tr td > input[type=text],
.k-grid-content tr td > .k-widget.k-combobox,
.k-grid-content tr td > .k-widget.k-datepicker,
.k-grid-content tr td .k-widget.k-numerictextbox,
.k-grid-content tr td > .k-widget.k-dropdown {
    width: 100%;
    min-width: 100%;
    height: 100%;
    margin: 0;
}
.k-grid-content tr.k-grid-edit-row .k-widget.k-colorpicker {
    background: none;
    width: auto;
    box-shadow: none;
}

.k-grid-content tr td .k-widget.input-validation-error .k-input,
.k-grid-content tr td .k-input.input-validation-error,
.k-grid-content tr td input.input-validation-error{background-color:rgba(239, 83, 80, 0.3);}

.k-grid-content tr td .k-picker-wrap .k-select{display:none;}
.k-grid-content tr.has_request{background-color:#FFECB3;}

.k-grid-content tr.has_request.k-state-selected,
.k-grid-content tr.pending.k-state-selected
{background-image:linear-gradient(to top, rgba(0,0,0,.1) 0%,rgba(0,0,0,.1) 100%);}

.k-grid-content tr.pending{background-color:#FFAB91;}

/*.k-grid-content .k-multiselect-wrap{display:flex;overflow:hidden; -webkit-mask-image: linear-gradient(to right,#000 90%,rgba(0,0,0,0) 100%);}
.k-grid-content .k-multiselect .k-button{flex-shrink:0}
.k-grid-content .k-widget .k-multiselect-wrap ul{display:flex;flex-wrap: nowrap;flex: 1;align-items: center;}
.k-grid-content .k-widget .k-multiselect-wrap li{flex-shrink:0}
.k-grid-content .k-widget .k-multiselect-wrap .k-input{display:none;}*/

.k-grid-header th {border: none;color: var(--main-color); background: none; border-bottom: none;font-weight: 400;vertical-align: middle;font-weight: 700;box-shadow: 1px 0 0 0 var(--border-color);white-space: nowrap;text-overflow: ellipsis;text-align: left;overflow: hidden;height: 40px;}
.k-grid-header th:last-child{box-shadow:none;}
.k-grid-header{height:40px;z-index:1;position:relative;box-shadow:0 1px 0 0 var(--border-color);    flex-shrink: 0;}

.k-grid-header .k-grid-header-wrap{height:100%;width:100%;overflow:hidden;}
.k-grid-header .k-grid-header-wrap table tr{height:40px;}


.k-grid-header th.k-header .k-icon{width:30px;}

.k-grid-header.group_thead{box-shadow:none }
.k-grid-header.group_thead tr:last-child{box-shadow:0 1px 0 0 var(--border-color)}
.k-grid-header.group_thead th{box-shadow:1px -1px 0 0 var(--border-color)}
.k-grid-header.group_thead th:last-child{box-shadow:1px -1px 0 0 var(--border-color)}

.k-grid-header.group_thead ~ .k-grid-content tr:first-child { box-shadow: none; }

    .k-grid-header .k-column-config {
        position: absolute;
        right: 0px;
        top: 0px;
        height: 100%;
        padding: 5px;
        z-index: 10;
        background-color: var(--background);
        box-shadow: -1px 1px 0 0 var(--border-color);
    }


.k-grid-content tr td:not(.reset) .button {
    opacity: 0
}

.k-grid-content tr:not(.k-detail-row):hover td:not(.reset) .button,
.k-grid-content tr.k-state-selected td:not(.reset) .button,
.k-grid-content tr.k-state-selected .button,
.k-grid-content tr.k-grid-edit-row .button {
    opacity: 1;
}

.k-grid-content tr td .button.visible{opacity:1}


/*.k-grid-content tr:hover .button.visible, .k-grid-content tr.k-state-selected .button.visible, .k-grid-content tr.k-grid-edit-row .button.visible{opacity:1}*/

.k-grid.k-widget.draggable {
    float: left;
    width: 100%;
    background: #fff;
    height: auto;
    padding: 0px;
    height: 40px;
    box-shadow: 0 5px 10px -3px rgba(0, 0, 0,.2), 0 0 0 1px rgba(0,0,0,.05), 0 0 0 4px rgba(0,0,0,.03);
    opacity: .95;
    cursor: move
}
                .k-grid.k-widget.draggable table{table-layout:fixed;height:40px;}
                .k-grid.k-widget.draggable table td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
                .k-grid.k-widget.draggable .k-alt{background:#fff;}


.k-grid-content tr td{position:relative}
.k-grid-content tr td,
.k-grid-content tr td  span.template{white-space:nowrap;/* overflow:hidden; */text-overflow:ellipsis;}

.k-grid-content tr td  span.template{padding:0 10px; display:block;}

.k-grid .k-detail-row,
.k-grid .k-detail-row:hover
{background-image: var(--over-color);}

.k-grid .k-detail-cell > .k-widget.k-grid{height:auto;margin: 20px 20px 20px -20px;box-shadow: 0 0 0 1px var(--border-color);background:var(--background);width: 100%;border-radius:10px;}

.k-grid .k-detail-cell .k-grid-content{height:auto;overflow-x:auto;}

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

.k-grid-content .k-grouping-row td{height:40px;line-height:40px;padding:0;}


.k-group-col{width:40px;}
.k-grouping-row .k-reset{display:flex;align-items: center;padding:0 5px; font-weight:700}


.k-grid.empty .k-grid-header, .k-grid.empty .k-grid-content { display:none; }


/* ----- */





/******/


/*.k-grid .k-group-col, .k-grid .k-hierarchy-col { width: 1px; }*/

/* spreadsheet */
.k-spreadsheet {
    width: 100%;
    height: 100%;
    position: relative;
    border-width: 1px;
    border-style: solid;
    cursor: default;
    border-color: #dedee0;
}

    .k-spreadsheet .k-spreadsheet-pane {
        padding-right: 1px;
        position: absolute;
        border-width: 1px;
        border-bottom-width: 0;
        border-right-width: 0;
        border-style: solid;
        box-sizing: border-box;
        overflow: hidden
    }

        .k-spreadsheet .k-spreadsheet-pane.k-top {
            border-top-width: 0
        }

        .k-spreadsheet .k-spreadsheet-pane.k-left {
            border-left-width: 0
        }

        .k-spreadsheet .k-spreadsheet-pane .k-spreadsheet-cell {
            position: absolute;
            white-space: pre;
            box-sizing: border-box;
            overflow: hidden;
            padding: 1px 3px;
            background-clip: padding-box
        }

            .k-spreadsheet .k-spreadsheet-pane .k-spreadsheet-cell.k-spreadsheet-has-comment::after {
                content: "";
                display: block;
                position: absolute;
                top: 0;
                right: 0;
                left: auto;
                border-width: 3px;
                border-style: solid
            }

        .k-spreadsheet .k-spreadsheet-pane .k-spreadsheet-cell-comment {
            position: absolute;
            white-space: pre-wrap;
            text-align: left;
            border-width: 1px;
            border-style: solid
        }

    .k-spreadsheet .k-spreadsheet-haxis, .k-spreadsheet .k-spreadsheet-vaxis {
        position: absolute;
        border-style: solid
    }

    .k-spreadsheet .k-spreadsheet-vaxis {
        top: 0;
        border-width: 0 0 0 1px
    }

    .k-spreadsheet .k-spreadsheet-haxis {
        left: 0;
        border-width: 1px 0 0
    }

    .k-spreadsheet .k-filter-range, .k-spreadsheet .k-spreadsheet-selection {
        border-width: 1px;
        border-style: solid;
        position: absolute;
        box-sizing: border-box
    }

    .k-spreadsheet .k-spreadsheet-active-cell {
        position: absolute;
        outline-color: transparent !important;
        box-sizing: border-box;
        z-index: 10
    }

    .k-spreadsheet .k-spreadsheet-action-bar {
        border-width: 0 0 1px;
        border-style: solid;
        position: relative;
        display: table;
        width: 100%
    }

        .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar, .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor {
            display: table-cell;
            vertical-align: middle
        }

        .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor {
            position: relative;
            vertical-align: top;
            border-width: 0 1px 0 0;
            border-style: solid
        }

            .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor .k-combobox {
                width: 9.5em;
                border-radius: 0;
                border-color: transparent
            }

                .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor .k-combobox .k-dropdown-wrap {
                    border-radius: 0;
                    border-color: transparent;
                    background-image: none;
                    box-shadow: none;
                    border-width: 0
                }

                    .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor .k-combobox .k-dropdown-wrap .k-input {
                        border-radius: 0
                    }

                    .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor .k-combobox .k-dropdown-wrap .k-select {
                        border-radius: 0
                    }

        .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar {
            width: 100%;
            padding-left: 31px
        }

            .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar::before {
                position: relative;
                display: inline-block;
                overflow: hidden;
                width: 1em;
                height: 1em;
                text-align: center;
                vertical-align: middle;
                background-image: none;
                font: 16px/1 WebComponentsIcons;
                speak: none;
                font-variant: normal;
                text-transform: none;
                text-indent: 0;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e691";
                display: block;
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                border-width: 0 1px 0 0;
                border-style: solid;
                width: 24px;
                margin-left: -24px
            }

            .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar .k-spreadsheet-formula-input.k-spreadsheet-array-formula:before {
                content: "{";
                font-weight: 700
            }

            .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar .k-spreadsheet-formula-input.k-spreadsheet-array-formula:after {
                content: "}";
                font-weight: 700
            }

        .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-input {
            overflow: hidden;
            text-indent: .571em;
            border: 0;
            margin: 0
        }

        .k-spreadsheet .k-spreadsheet-action-bar .k-state-border-down {
            padding-bottom: 0
        }

    .k-spreadsheet .k-spreadsheet-formula-input {
        outline: 0;
        border-width: 0;
        height: 26px;
        line-height: 20px;
        width: 100%;
        box-sizing: border-box;
        white-space: pre;
        padding: 3px .5em
    }

    .k-spreadsheet .k-spreadsheet-cell-editor {
        position: absolute;
        display: none;
        padding: 0 3px;
        line-height: 20px;
        z-index: 2000;
        overflow: hidden
    }

    .k-spreadsheet > .k-spreadsheet-view {
        position: relative;
        height: 100%;
        font-size: 12px;
    }

        .k-spreadsheet > .k-spreadsheet-view .k-state-disabled {
            pointer-events: auto
        }

    .k-spreadsheet .k-tabstrip-wrapper {
        position: relative;
        line-height: 1.7em
    }

        .k-spreadsheet .k-tabstrip-wrapper .k-tabstrip-items {
            padding: .3em 0 0
        }

    .k-spreadsheet .k-spreadsheet-quick-access-toolbar {
        display: inline-block;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        padding: .3em .3em 0
    }

        .k-spreadsheet .k-spreadsheet-quick-access-toolbar .k-button {
            padding: .3em;
            line-height: 1.4em;
            height: auto
        }

    .k-spreadsheet .k-filter-wrapper, .k-spreadsheet .k-merged-cells-wrapper, .k-spreadsheet .k-selection-wrapper, .k-spreadsheet .k-spreadsheet-row-header {
        position: relative
    }

    .k-spreadsheet .k-spreadsheet-column-header {
        position: absolute
    }

    .k-spreadsheet .k-filter-wrapper {
        pointer-events: none;
        z-index: 50
    }

    .k-spreadsheet .k-spreadsheet-sheets-bar {
        border-width: 1px 0 0
    }

    .k-spreadsheet .k-vertical-align-center {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .k-spreadsheet .k-vertical-align-bottom {
        position: relative;
        top: 100%;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    .k-spreadsheet .k-dirty {
        position: absolute;
        top: 0;
        left: 0;
        right: unset
    }

    .k-spreadsheet .k-single-selection {
        cursor: crosshair
    }

        .k-spreadsheet .k-single-selection::after {
            content: " ";
            height: 6px;
            width: 6px;
            position: absolute;
            display: block;
            bottom: 0;
            right: 0;
            border-radius: 50%;
            margin-bottom: -4px;
            margin-right: -4px;
            border-width: 1px;
            border-style: solid;
            z-index: 100
        }

    .k-spreadsheet .k-spreadsheet-edit-container .k-single-selection::after {
        display: none
    }

    .k-spreadsheet .k-auto-fill, .k-spreadsheet .k-auto-fill-bl-hint, .k-spreadsheet .k-auto-fill-br-hint, .k-spreadsheet .k-auto-fill-punch, .k-spreadsheet .k-auto-fill-tr-hint {
        position: absolute;
        box-sizing: border-box
    }

    .k-spreadsheet .k-auto-fill {
        border-width: 1px;
        border-style: solid;
        cursor: crosshair
    }

    .k-spreadsheet .k-auto-fill-wrapper {
        position: relative
    }

    .k-spreadsheet .k-spreadsheet-vborder {
        position: absolute;
        border-left-style: solid;
        border-left-width: 1px
    }

    .k-spreadsheet .k-spreadsheet-hborder {
        position: absolute;
        border-top-style: solid;
        border-top-width: 1px
    }

.k-spreadsheet-names-popup .k-item {
    position: relative
}

.k-spreadsheet-names-popup .k-icon {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: .7;
    cursor: pointer
}

    .k-spreadsheet-names-popup .k-icon:hover {
        opacity: 1
    }

.k-merged-cells-wrapper, .k-selection-wrapper, .k-spreadsheet-active-cell, .k-spreadsheet-data {
    cursor: cell
}

.k-horizontal-resize .k-merged-cells-wrapper, .k-horizontal-resize .k-selection-wrapper, .k-horizontal-resize .k-spreadsheet-active-cell, .k-horizontal-resize .k-spreadsheet-data {
    cursor: col-resize
}

.k-vertical-resize .k-merged-cells-wrapper, .k-vertical-resize .k-selection-wrapper, .k-vertical-resize .k-spreadsheet-active-cell, .k-vertical-resize .k-spreadsheet-data {
    cursor: row-resize
}

.k-spreadsheet .k-colorpicker .k-tool-icon {
    overflow: visible
}

.k-button.k-custom-color, .k-button.k-reset-color {
    display: block;
    width: 100%;
    border-radius: 0;
    border: none;
    text-align: left;
    line-height: 2em
}

.k-spreadsheet-colorpicker .k-colorpalette {
    border: 1px solid #dbdbdb;
    border-left: none;
    border-right: none;
    padding: .4em
}

.k-spreadsheet-filter {
    position: absolute;
    cursor: pointer;
    pointer-events: all
}

.k-spreadsheet-sample {
    float: right
}

.k-spreadsheet-clipboard, .k-spreadsheet-clipboard-paste {
    position: fixed;
    opacity: 0;
    top: 0;
    left: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: 0;
    width: 1px;
    height: 1px;
    box-sizing: border-box
}

textarea.k-spreadsheet-clipboard {
    position: fixed
}

.k-spreadsheet-top-corner {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    border-width: 0 1px 1px 0;
    border-style: solid
}

    .k-spreadsheet-top-corner:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        overflow: hidden;
        position: absolute;
        bottom: 0;
        right: 0;
        border-width: 6px;
        border-style: solid
    }

.k-spreadsheet-scroller {
    width: 100%;
    height: 100%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    z-index: 1
}

.k-spreadsheet-fixed-container {
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    z-index: 2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden
}

.k-spreadsheet-view-size {
    position: relative
}

.k-spreadsheet-column-header, .k-spreadsheet-row-header {
    text-align: center;
    z-index: 100
}

    .k-spreadsheet-column-header .k-spreadsheet-cell, .k-spreadsheet-row-header .k-spreadsheet-cell {
        border-style: solid;
        border-width: 0 1px 1px 0
    }

div.k-spreadsheet-window {
    padding: 1.167em .75em .75em
}

.k-spreadsheet-window .k-edit-form-container {
    width: 100%
}

.k-spreadsheet-window .k-root-tabs {
    border-width: 0;
    margin: -1em -1em 0;
    padding: .5em 1em 0
}

    .k-spreadsheet-window .k-root-tabs .k-loading {
        display: none
    }

.k-spreadsheet-window .k-list-wrapper {
    padding: .15em 0;
    height: 190px
}

.k-spreadsheet-window .k-list .k-item {
    border-radius: 0;
    padding: .5em .6em .4em .6em;
    cursor: pointer;
    line-height: 1.1em
}

.k-spreadsheet-window .k-format-filter {
    width: 100%
}

    .k-spreadsheet-window .k-format-filter + .k-group-header + .k-list-wrapper {
        margin-top: 1em
    }

.k-spreadsheet-window .k-action-buttons {
    top: 10px;
    padding: 10px;
    margin-bottom: calc(10px - 1em)
}

.k-spreadsheet-window .k-edit-label {
    width: 25%;
    margin: 0 0 0 .75em
}

.k-spreadsheet-window .k-edit-field {
    width: 67%;
    margin: 0 .917em 0 0
}

    .k-spreadsheet-window .k-edit-field > .k-radio-label {
        margin-right: 1.25em;
        vertical-align: baseline
    }

        .k-spreadsheet-window .k-edit-field > .k-radio-label:after, .k-spreadsheet-window .k-edit-field > .k-radio-label:before {
            margin-top: -1px
        }

.k-spreadsheet-window .k-edit-field, .k-spreadsheet-window .k-edit-label {
    padding: 0;
    line-height: 3em
}

    .k-spreadsheet-window .k-edit-field .k-dropdown, .k-spreadsheet-window .k-edit-field .k-textbox {
        width: 100%
    }

.k-spreadsheet-window .k-export-config .k-hr {
    margin-left: 15px;
    margin-right: 15px
}

.k-spreadsheet-window .k-export-config .k-edit-field {
    width: 40%;
    float: left;
    margin-left: 30px
}

.k-spreadsheet-window .k-edit-field > input[type=radio] {
    display: inline;
    opacity: 0;
    width: 0;
    margin: 0
}

.k-spreadsheet-window .k-page-orientation {
    position: absolute;
    right: 2em;
    top: 25%
}

    .k-spreadsheet-window .k-page-orientation .k-icon {
        font-size: 6em
    }

.k-spreadsheet-window .k-export-config:after, .k-spreadsheet-window > div:after {
    content: "";
    display: block;
    clear: both;
    height: 0
}

.k-spreadsheet-format-cells .k-spreadsheet-preview {
    font-weight: 700;
    text-align: center;
    font-size: 1.16em;
    line-height: 3.64em;
    margin: 0 -.863em .72em;
    border-style: solid;
    border-width: 1px 0
}

.k-spreadsheet-border-palette {
    width: 153px
}

    .k-spreadsheet-border-palette .k-spreadsheet-border-type-palette .k-button {
        box-sizing: border-box;
        width: 20%
    }

    .k-spreadsheet-border-palette .k-colorpalette {
        vertical-align: bottom
    }

.k-spreadsheet-popup .k-separator {
    width: 1px;
    height: 1.8em;
    vertical-align: middle;
    display: inline-block
}

.k-spreadsheet-popup .k-colorpalette {
    vertical-align: top
}

.k-spreadsheet-popup .k-button.k-button-icon {
    padding: .6em;
    border-width: 0;
    border-radius: 0
}

.k-spreadsheet-popup .k-button.k-button-icontext {
    display: block;
    text-align: left;
    text-transform: initial;
    padding: .3em 1.5em .3em .9em;
    border-width: 0;
    border-radius: 0
}

.k-spreadsheet-filter-menu {
    width: 280px
}

    .k-spreadsheet-filter-menu > .k-menu {
        border-width: 0
    }

        .k-spreadsheet-filter-menu > .k-menu .k-link {
            padding-left: 26px
        }

            .k-spreadsheet-filter-menu > .k-menu .k-link .k-icon {
                margin-left: -26px;
                width: 26px
            }

    .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper {
        height: 200px;
        overflow-y: scroll;
        overflow-x: auto;
        border-width: 1px;
        border-style: solid
    }

        .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper .k-treeview {
            overflow: visible;
            padding: 6px 7px
        }

    .k-spreadsheet-filter-menu .k-details {
        border-top-width: 1px;
        border-top-style: solid;
        padding: 4px 0
    }

    .k-spreadsheet-filter-menu .k-details-summary {
        cursor: pointer;
        line-height: 26px
    }

        .k-spreadsheet-filter-menu .k-details-summary .k-icon {
            margin: 0 5px
        }

    .k-spreadsheet-filter-menu .k-details-content {
        padding: 0 8px 0 26px
    }

        .k-spreadsheet-filter-menu .k-details-content > .k-textbox, .k-spreadsheet-filter-menu .k-details-content > .k-widget {
            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 {
        border-top-width: 0;
        margin: 8px;
        padding: 0;
        position: static
    }

.k-resize-handle, .k-resize-hint {
    position: absolute;
    z-index: 200
}

.k-resize-hint-handle {
    width: 100%;
    height: 20px
}

.k-resize-hint-marker {
    width: 2px;
    height: 100%;
    margin: 0 auto
}

.k-resize-hint-vertical .k-resize-hint-handle {
    height: 100%;
    width: 20px;
    float: left
}

.k-resize-hint-vertical .k-resize-hint-marker {
    height: 2px;
    width: 100%
}

.k-button.k-spreadsheet-sheets-bar-add, .k-spreadsheet-quick-access-toolbar .k-button {
    border-color: transparent;
    background-color: transparent;
    background-image: none
}

.k-spreadsheet-tabstrip {
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0
}

    .k-spreadsheet-tabstrip > .k-content {
        border-left-width: 0;
        border-right-width: 0;
        border-bottom-width: 0;
        margin: 0;
        padding: 0
    }

    .k-spreadsheet-tabstrip .k-loading {
        display: none
    }

.k-spreadsheet-toolbar.k-toolbar {
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0
}

    .k-spreadsheet-toolbar.k-toolbar .k-overflow-anchor + * {
        margin-left: .3em
    }

    .k-spreadsheet-toolbar.k-toolbar > .k-button-group {
        border-width: 0
    }

.k-spreadsheet-toolbar .k-button, .k-spreadsheet-toolbar > .k-button-group, .k-spreadsheet-toolbar > .k-widget, .k-spreadsheet-toolbar > .k-widget .k-state-default:not(.k-state-hover):not(.k-state-active) {
    margin: 0;
    border-color: transparent;
    background-color: transparent;
    background-image: none
}

    .k-spreadsheet-toolbar > .k-widget[data-property=fontSize] {
        width: 75px
    }

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

    .k-spreadsheet-toolbar > .k-widget[data-property=fontFamily] {
        width: 130px
    }

.k-spreadsheet-toolbar > .k-combobox .k-state-default:not(.k-state-hover):not(.k-state-active) .k-input {
    background-color: transparent;
    box-shadow: none
}

.k-spreadsheet-toolbar > .k-widget .k-state-default:not(.k-state-hover):not(.k-state-active) .k-select {
    border-color: transparent
}

.k-spreadsheet-toolbar [data-tool=alignment], .k-spreadsheet-toolbar [data-tool=backgroundColor], .k-spreadsheet-toolbar [data-tool=borders], .k-spreadsheet-toolbar [data-tool=freeze], .k-spreadsheet-toolbar [data-tool=merge], .k-spreadsheet-toolbar [data-tool=textColor] {
    width: auto
}

.k-spreadsheet-toolbar .k-separator {
    margin: 0 3px;
    width: 0;
    overflow: hidden;
    height: 1.8em;
    vertical-align: middle;
    display: inline-block
}

.k-spreadsheet-formula-input > .k-syntax-bool.k-syntax-at-point, .k-spreadsheet-formula-input > .k-syntax-func.k-syntax-at-point, .k-spreadsheet-formula-input > .k-syntax-num.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 {
    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-selection-highlight {
    border-width: 1px;
    border-style: solid;
    position: absolute;
    box-sizing: border-box
}

.k-spreadsheet-formula-list {
    min-width: 100px
}

    .k-spreadsheet-formula-list .k-item {
        padding: 0 .3em;
        box-shadow: none
    }

.k-spreadsheet-sheets-bar {
    position: relative
}

.k-button.k-spreadsheet-sheets-bar-add {
    position: absolute;
    bottom: .2em;
    left: .4em;
    z-index: 1
}

.k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove {
    padding: 0;
    margin: .5em .5em .5em -.5em;
    vertical-align: middle
}

    .k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove .k-button-icon {
        padding: 2px;
        line-height: normal
    }

    .k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove .k-icon {
        margin: 0
    }

.k-spreadsheet-sheets-items-hint {
    margin-top: .1em;
    background: 0 0 !important;
    border-width: 0 !important
}

.k-spreadsheet-editor-button {
    position: absolute;
    width: 20px;
    z-index: 10;
    margin-left: 2px;
    padding: 0 !important
}

    .k-spreadsheet-editor-button.k-spreadsheet-last-column {
        margin-left: -21px
    }

    .k-spreadsheet-editor-button span {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

.hint-wrapper {
    margin-top: 1em
}

.k-edit-form-container > div:after {
    display: block;
    content: "";
    clear: both
}

.k-spreadsheet-filter-menu .k-i-arrow-45-down-right {
    cursor: pointer
}

.k-spreadsheet-import-errors .k--header-message {
    font-weight: 700;
    padding-bottom: 5px;
    border-bottom: 1px solid #888;
    margin-bottom: 5px
}

.k-spreadsheet-import-errors .k--errors {
    max-height: 350px;
    overflow: auto
}

    .k-spreadsheet-import-errors .k--errors table {
        border-collapse: collapse;
        font-size: 90%
    }

        .k-spreadsheet-import-errors .k--errors table td, .k-spreadsheet-import-errors .k--errors table th {
            padding: 2px 4px;
            border-bottom: 1px solid #bbb
        }

        .k-spreadsheet-import-errors .k--errors table th {
            text-align: left;
            border-bottom: 1px solid #000
        }

.k-spreadsheet-insert-image-dialog {
    margin: 0 1em;
    border-style: dashed;
    border-width: 2px
}

    .k-spreadsheet-insert-image-dialog label {
        position: relative;
        display: block;
        width: 355px;
        height: 200px;
        padding: 10px;
        background-image: url(/Content/css/textures/image-default.png?v=4.9.24_250701);
        background-size: auto 70%;
        background-repeat: no-repeat;
        background-position: 50% 30%
    }

        .k-spreadsheet-insert-image-dialog label div {
            position: relative;
            top: 75%;
            padding: 10px;
            text-align: center;
            pointer-events: none
        }

        .k-spreadsheet-insert-image-dialog label input {
            display: none
        }

    .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image {
        background-size: auto 90%;
        background-position: 50% 50%
    }

        .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-state-hovered div, .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover div {
            opacity: 1;
            top: 50%
        }

        .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image div {
            opacity: 0
        }

.k-spreadsheet-drawing {
    position: absolute;
    box-sizing: border-box;
    z-index: 101
}

    .k-spreadsheet-drawing.k-spreadsheet-active-drawing {
        outline-style: solid;
        outline-width: 2px
    }

    .k-spreadsheet-drawing .k-spreadsheet-drawing-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-position: 50% 50%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        cursor: move
    }

    .k-spreadsheet-drawing .k-spreadsheet-drawing-handle {
        position: absolute;
        width: 6px;
        height: 6px;
        border-style: solid;
        border-width: 1px;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

        .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.N {
            left: 50%;
            top: 0;
            cursor: ns-resize
        }

        .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.NE {
            left: 100%;
            top: 0;
            cursor: nesw-resize
        }

        .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.E {
            left: 100%;
            top: 50%;
            cursor: ew-resize
        }

        .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.SE {
            left: 100%;
            top: 100%;
            cursor: nwse-resize
        }

        .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.S {
            left: 50%;
            top: 100%;
            cursor: ns-resize
        }

        .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.SW {
            left: 0;
            top: 100%;
            cursor: nesw-resize
        }

        .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.W {
            left: 0;
            top: 50%;
            cursor: ew-resize
        }

        .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.NW {
            left: 0;
            top: 0;
            cursor: nwse-resize
        }



/* silver  */


.k-spreadsheet-selection {
    background-color: rgba(25,132,200,.2)
}

.k-spreadsheet-active-cell {
    box-shadow: inset 0 0 0 1px #1984c8;
    background-color: #fff
}

    .k-spreadsheet-active-cell.k-right {
        box-shadow: inset 0 0 0 1px #1984c8,inset -1px 0 0 1px #1984c8
    }

    .k-spreadsheet-active-cell.k-bottom {
        box-shadow: inset 0 0 0 1px #1984c8,inset 0 -1px 0 1px #1984c8
    }

        .k-spreadsheet-active-cell.k-bottom.k-right {
            box-shadow: inset 0 0 0 1px #1984c8,inset -1px -1px 0 1px #1984c8
        }

    .k-spreadsheet-active-cell.k-single {
        color: #515967;
        background-color: #fff
    }

.k-spreadsheet .k-spreadsheet-action-bar {
    background-color: #fff;
    border-color: #dedee0
}

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

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

.k-spreadsheet .k-spreadsheet-formula-input {
    background-color: #fff;
    color: #515967
}

.k-spreadsheet .k-resize-handle, .k-spreadsheet .k-resize-hint-handle, .k-spreadsheet .k-resize-hint-marker {
    background-color: #1984c8
}

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

.k-spreadsheet .k-single-selection::after {
    background-color: #1984c8;
    border-color: #fff
}

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

.k-spreadsheet .k-single-selection.k-dim-auto-fill-handle::after {
    background-color: rgba(25,132,200,.5)
}

.k-spreadsheet .k-spreadsheet-cell-comment {
    color: #535b6a;
    background-color: #f3f3f4;
    border-color: #ceced2
}

.k-spreadsheet .k-spreadsheet-has-comment:after {
    border-color: #1984c8 #1984c8 transparent transparent
}

.k-spreadsheet .k-dirty {
    border-color: #d92800 transparent transparent #d92800
}

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

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

    .k-spreadsheet-filter.k-state-active {
        color: #fff;
        background-color: #1984c8
    }

    .k-spreadsheet-filter:hover {
        color: #263248;
        background: #b6bdca;
        border-color: #9ea8b9
    }

.k-action-window .k-action-buttons {
    border-color: #dedee0;
    background: #f3f3f4
}

.k-spreadsheet-sample {
    color: #9ea6b3
}

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

.k-spreadsheet-window .k-list {
    border-color: #dedee0;
    border-radius: 4px
}

.k-spreadsheet-toolbar.k-toolbar .k-button-group .k-button:not(.k-toggle-button) {
    border-radius: 4px
}

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

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

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

.k-spreadsheet-popup {
    border-radius: 4px
}

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

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

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

    .k-spreadsheet-popup .k-state-active {
        background-color: #1984c8;
        color: #000
    }

        .k-spreadsheet-popup .k-state-active:hover {
            background-color: #13669b
        }

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

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

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


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

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

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

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

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

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

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

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

    .k-spreadsheet-pane .k-selection-full, .k-spreadsheet-pane .k-selection-partial {
        border-color: rgba(25,132,200,.2);
        background-color: rgba(25,132,200,.2)
    }

    .k-spreadsheet-pane .k-filter-range {
        border-color: #1984c8
    }

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

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

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

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

.k-spreadsheet-formula-list .k-state-focused {
    background-color: #1984c8;
    color: #fff
}

.k-spreadsheet-insert-image-dialog {
    border-color: #dedee0;
    border-radius: 4px
}

    .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-state-hovered, .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover {
        box-shadow: inset 0 0 0 2000px rgba(0,0,0,.5);
        border-radius: 4px
    }

        .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-state-hovered div, .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover div {
            color: #fff
        }

.k-spreadsheet-drawing.k-spreadsheet-active-drawing {
    outline-color: #1984c8
}

.k-spreadsheet-drawing .k-spreadsheet-drawing-handle {
    border-color: #fff;
    background-color: #1984c8;
    border-radius: 50%
}

.k-spreadsheet-drawing-anchor-cell {
    background: rgba(25,132,200,.2)
}

.k-rtl .k-spreadsheet .k-spreadsheet-has-comment::after {
    border-color: #1984c8 transparent transparent #1984c8
}

.k-rtl .k-spreadsheet .k-dirty {
    border-color: #d92800 #d92800 transparent transparent
}

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

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

.k-spreadsheet .k-widget[data-property=fontFamily] {
    width: 130px
}

.k-spreadsheet-toolbar .k-combobox .k-input {
    color: #515967
}

.k-spreadsheet-toolbar .k-combobox .k-state-active .k-input, .k-spreadsheet-toolbar .k-combobox .k-state-focused .k-input, .k-spreadsheet-toolbar .k-combobox .k-state-hover .k-input {
    color: #515967
}




/* rtl */



.k-rtl .k-spreadsheet .k-spreadsheet-cell .k-dirty {
    margin: 0
}

.k-rtl .k-spreadsheet .k-spreadsheet-cell.k-spreadsheet-has-comment::after {
    left: 0;
    right: auto
}


/* calendar picker */

.k-calendar{width: 300px;overflow:hidden;text-align:center;display: flex;flex-direction: column;padding: 10px;align-items: center; color:var(--text-color)}

.k-calendar .k-header{display: flex;     margin-bottom: 10px; }
.k-calendar .k-header .k-nav-prev,
.k-calendar .k-header .k-nav-next
{width: 40px; flex-shrink: 0}


.k-calendar th{height: 40px;padding:0;text-align:center;font-weight: 700;margin:0;border:none;box-shadow: inset 1px 0px 0 0px var(--outline)}
.k-calendar td{padding:0;width: 40px;height: 40px;box-shadow: inset 1px 1px 0 0px var(--outline);}


.k-calendar td:first-child{box-shadow:inset 0px 1px 0 0px var(--outline) }
.k-calendar th:first-child{box-shadow:none}

.k-calendar td.k-weekend, .k-calendar th[title="Sunday"],.k-calendar th[title="Saturday"]{color:var(--main-color);}

.k-link{ text-decoration:none}

.k-calendar .k-content{cursor: default;float:left;table-layout:fixed;text-align:center;width:280px;min-height: 260px;margin-bottom: 10px;}

.k-calendar .k-content .k-other-month .k-link{font-weight:400;opacity:.3; color:var(--text-color)}
.k-calendar .k-link.k-nav-fast{width:100%;}
.k-calendar .k-footer{height:40px;}
.k-calendar .k-link{display:flex;align-items:center;justify-content:center;min-height: 40px;height:100%;font-weight: 700;padding: 0 15px;}


.k-calendar .k-link:hover,.k-calendar .k-content .k-today .k-link{background-image:var(--over-color);}

.k-calendar .k-content .k-state-selected .k-link{background-color:var(--main-color);color:#fff}
.k-calendar .k-content .k-state-disabled .k-link{opacity:0.5; cursor:default;}
.k-calendar .k-content .k-state-disabled .k-link:hover{background-image:none;}

.k-calendar .k-link:active{transform:translateY(1px);background-image:var(--press-color);}






/* ----- */



/* kendo inputs */

.k-widget { position: relative; float: left; }



.k-widget.k-state-disabled .k-clear-value{display:none;}


.k-widget .k-clear-value{ cursor:pointer;}
.k-widget .k-clear-value:active::after{transform:translateY(1px)}

.k-dropdown-wrap,
.k-picker-wrap,
.k-numeric-wrap

{
display:flex;
overflow:hidden;
width:100%;

}



.k-widget .k-input,.k-widget input {background:none; box-shadow:none; text-overflow:ellipsis;overflow:hidden; position:relative;}
.k-widget .k-input text{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%;}
.k-widget .k-input icon + text{margin-left:7px;}

/*.input_cont .k-input text{position: absolute;    left: 0;
    padding: 0 7px;}*/ /*temp fix*/


.k-list-filter input{ }
.k-select{width:30px;height:30px;cursor:pointer; flex-shrink:0}
.k-select:active .k-icon{transform:translateY(1px)}
.k-widget.k-header .k-select{width:30px}
.k-widget.k-header .k-select:hover{    background-image: var(--over-color);}
.k-widget.k-header .k-select:active{    background-image: var(--press-color);}

.input_cont[simple] .k-widget.k-header .k-select{display:none}

.k-list-container{padding: 10px 0;display:flex;flex-direction:column;}
.k-list-scroller{height:100%;overflow-y: auto;overflow-y: overlay;overflow-x: hidden;-webkit-overflow-scrolling: touch;padding: 0 10px;}


.k-list{min-height:40px;color:var(--text);}
.k-list .k-item,
.k-list-optionlabel
{margin-bottom:2px;height:40px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;padding:0 15px;list-style:none;display:flex;align-items:center;flex-shrink:0;max-width: 100%;position:relative;border-radius:var(--button-radius);}

.k-list-optionlabel{/*border: 1px dotted;*/margin-left: 10px;margin-right: 10px;}


.k-list .k-item.k-state-focused:not(.k-state-selected) text {   border: 1px dotted  }
.k-list .k-item text{max-width:100%; overflow:hidden; text-overflow:ellipsis}

.k-list .k-item icon + text{margin-left:5px;}
.k-list .k-item text[child]{padding-left:20px;}
.k-list .k-item:hover,.k-list-optionlabel:hover{background-image:var(--over-color); }

.k-list .k-item.k-state-selected,
.k-list-optionlabel.k-state-selected
{font-weight:700;background-color:var(--main-color);color:#fff;}

.k-list .k-item:active,
.k-list-optionlabel:active
{background-image:var(--press-color);}

.k-list .k-item:active text,
.k-list-optionlabel:active text
{transform:translateY(1px)}
.k-list .k-item.k-state-selected + .k-state-selected{box-shadow: 0 -1px 0 0 var(--outline-dark);}



.k-list-filter{/* margin-bottom:2px; */height: 40px;display: flex;align-items:center;position: relative;background:var(--input-color);padding: 0 15px;flex-shrink:0;border-radius:var(--button-radius);overflow:hidden;margin: 0 10px 2px;}
.k-list-filter input{ height:40px; flex:1; background:none; box-shadow:none; width: 100%!important; }
.k-header-item{min-height: 40px;display: flex;position: relative;flex-shrink: 0;flex-direction:column;margin: 0 10px;}

.k-header-item .button{width:100%;margin:0}
.k-header-item .button separator[horizontal]{margin:25px 25px 10px}


.k-widget.k-numerictextbox {overflow: visible;}
.k-widget.k-numerictextbox .k-input{padding:0 7px}

/*tabstrip*/

.k-tabstrip-items { height: 40px; line-height: 40px; background-color: #fff; box-shadow: 0 1px 0 0 rgba(75, 92, 109, .1); position:relative; z-index:9;}
.k-tabstrip-items .k-item { display: inline-block;  }
.k-tabstrip-items .k-link { display: block; color: #000; font-weight: 700; text-decoration: none; text-align: center; padding: 0 20px; min-width: 70px; }
.k-tabstrip-items .k-item.k-state-active .k-link { color: var(--main-color); box-shadow: 0 3px 0 0 var(--main-color); }

.k-animation-container{margin:-5px 0}

/*multiselect*/

.k-multiselect{    position:relative; width:100%;  }


.k-multiselect .k-button {background-color:var(--main-color); max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color:#fff; font-weight:400; position:relative; float:left;height: 30px; display: flex; align-items: center; padding-left: 10px; box-shadow: -1px -1px 0 var(--outline-dark); }

.k-multiselect .k-button:hover{background-image:var(--over-color);}
.k-multiselect .k-button span {max-width: 100%; overflow: hidden; text-overflow: ellipsis;}
.k-multiselect .k-button .k-select{position:relative; flex-shrink:0}
.k-widget.k-multiselect .k-i-close{ cursor:pointer; right:0}
.k-widget.k-multiselect .k-multiselect-wrap ul {     }
.k-multiselect-wrap{}

.k-multiselect.k-state-disabled .k-button {padding:0 10px; pointer-events:none}
.k-multiselect.k-state-disabled .k-button .k-select{display:none}

.k-multiselect .k-button-more{ float:left; padding:0 10px; }


/**/
.filter_block .k-widget.k-header .k-input,.filter_block .k-widget.k-multiselect{/* background: #283947; *//* color:#fff; *//* box-shadow:none */}

/* slider */


.k-slider.k-widget { display: block; margin: 0 5px 10px; width: 220px; background: none; box-shadow: none; overflow: visible; }
.k-slider-wrap{	position: relative;	width: 100%;}
.k-slider .k-slider-items{height: 15px;float:left;clear:both;margin:20px 0;}



.k-slider .k-tick:nth-child(2n+1):before{content:'';position:absolute;height: 10px;width:1px;box-shadow:inset 0 0 0 2px;left:50%;opacity:.3;}
.k-slider .k-tick.k-tick-large:before{height: 15px;}



.k-slider .k-first.k-tick:before{left:0}
.k-slider .k-last.k-tick:before{left:auto;right:0}
.k-slider .k-tick{	float: left;	height: 100%;	text-align: center;}
.k-slider .k-label{	position: absolute;	white-space: nowrap;}
.k-slider .k-label{		line-height: 1;   transform:translateX(-50%);    bottom:-25px}
.k-slider .k-first .k-label{	}
.k-slider .k-last .k-label{}
.k-slider .k-label{/* color:#fff */}
.k-slider .k-tick{list-style:none;position: relative;}
.k-slider-track{    background:var(--outline);position: absolute;}
.k-slider-selection{background:var(--main-color);position: absolute;}

.k-slider-tooltip{  background:var(--tip);color:#fff;top:0;left:0;position:absolute;border-radius:30px;pointer-events:none;padding:6px 15px; z-index:99999}

.k-slider .k-draghandle{background:var(--main-color);opacity: 1;height: 12px;top: -5px;width: 12px;border-radius:10px;box-shadow: 0 0 0 3px var(--background);position: absolute;overflow:hidden;color:transparent;cursor:pointer;}
.k-slider .k-draghandle:active,.k-slider .k-draghandle.k-state-selected {/* box-shadow:0 0 0 4px rgba(0,0,0,.2); */}

.k-slider .k-slider-track,.k-slider .k-slider-selection{height: 2px;	left: 0;top: 0;}


/*   */









/*color picker*/

.k-flatcolorpicker {  width: 260px; display:flex; flex-direction:column;    position: relative;
    overflow: hidden; }



.k-widget.k-colorpicker.k-header {   cursor: pointer; flex-grow:initial; }

.k-widget.k-colorpicker .k-select{display:none}

.k-picker-wrap .k-selected-color:active{transform:translateY(1px)}

.k-picker-wrap .k-selected-color {     display: flex;
    height: 20px;
    width: 20px;
    border-radius: 30px;
    box-shadow: inset 0 0 0 4px var(--outline);
    margin: 4px; }


[square] > .k-widget.k-colorpicker .k-picker-wrap .k-selected-color
{
    height: 22px;
    width: 22px;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px var(--outline);
    margin: 0 0 0 4px;
}



/*color picker*/

.k-hsv-rectangle { height: 260px; width: 260px; float: left; position: relative;  overflow:hidden;     background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0,#000 100%),linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%); }
/*.k-flatcolorpicker .k-hsv-gradient{ top:0; left:0;   background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0,#000 100%),linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%); position:absolute; height:100%; width:100%}*/
.k-flatcolorpicker .k-hue-slider .k-slider-track{    background: linear-gradient(to right,#f00 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 84%,#ff0004 100%);}
.k-flatcolorpicker .k-slider-horizontal .k-slider-track{box-shadow:none;}

.k-slider-horizontal .k-slider-track, .k-slider-horizontal .k-slider-selection { height: 2px;  }

.k-flatcolorpicker .k-controls { float: left; width: 100%; padding: 10px 0; }
.k-flatcolorpicker .k-controls .k-button { float: right; min-width: 0; width: auto; padding: 0 10px; }


.k-flatcolorpicker .k-selected-color input.k-color-value {}
.k-flatcolorpicker .k-selected-color { height: 30px; margin:10px;  order:1; }
.k-selected-color-display{ height:30px;  float:left; width:100% ;}
.k-selected-color-display .k-color-value{ height:30px; line-height:30px;width:100%; padding:0 7px; }


.k-flatcolorpicker .k-hsv-rectangle .k-draghandle {    cursor: pointer;
    position: absolute;
    z-index: 10;

    width: 12px;
    height: 12px;
    margin-left: -6px;
    margin-top: -6px;
    border-radius: 15px;
    background: 0 0;
    box-shadow: 0 0 0 1.52px #fff;
    mix-blend-mode: difference; }


.k-hue-slider.k-slider  .k-slider-selection{display:none}

.k-flatcolorpicker .k-slider-horizontal {   padding: 15px;
    width: 260px;
    box-shadow: 0 1px 0 0 var(--border-color);


    height: 50px;
    margin: 0;
    display: flex;
    align-items: center;}


.k-flatcolorpicker {background: var(--background)}
.k-flatcolorpicker .k-selected-color .k-color-input {background: var(--background);display: flex;width: 100%;text-align: left;float: right}
.k-icon.k-i-reset-color:after{content:"close"}
.k-clear-color{margin-left:auto;cursor:pointer;color:inherit;position:relative;}





/* pager */

.k-pager-wrap{ z-index:2;/*max-width: calc(100% - 30px);background:none;*/display:flex;align-items:center; /*position: absolute; bottom: 15px;*/  /*left: 15px;*/     box-shadow: 0 0 0 1px var(--border-color); overflow:hidden;min-height:var(--area); height:var(--area); padding:0 15px}


.k-state-disabled.k-pager-nav{opacity:.2}
.k-pager-wrap .k-dropdown {float:left;}
.k-pager-numbers{display:flex}

.k-pager-numbers li {border-radius: 30px;height: 30px;width: 30px;  list-style:none; float:left;text-align:center; position:relative; overflow:hidden; /*box-shadow: 0 0 0 1px var(--border-color); background:var(--context);*/}
.k-pager-numbers .k-current-page{display:none; cursor:pointer;background:var(--main-color);color:#fff;}

.k-pager-numbers li span,
.k-grid .k-pager-numbers li a,
.k-pager-wrap .k-link
{ height: 100%;width: 100%;  display:flex; align-items:center; justify-content:center; font-weight:700; text-decoration:none}


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


.k-pager-wrap .k-link:active text,
.k-pager-sizes .k-dropdown:active text
{ transform:translateY(1px)}

.k-pager-numbers li.selected{background-color:var(--main-color);color:#fff;}

.k-pager-info {/*margin-left: auto;*/padding:0 15px; display:flex; align-items:center;}

.k-pager-info text{width: 100%; overflow: hidden; text-overflow: ellipsis;}
.k-pager-sizes{width: auto;
    flex: initial;
    padding: 0;}
.k-pager-info{height: 30px; display: flex; white-space: nowrap; line-height: 30px; overflow: hidden;  margin-left:auto}


.k-pager-sizes .k-dropdown{ margin: 0;}

.k-pager-sizes .k-dropdown .k-input{padding: 0 10px;}
.k-pager-sizes .k-dropdown .k-select .k-i-arrow-60-down:after { content: 'down' }

/*.k-pager-sizes .k-widget.k-header .k-input { border-radius:30px;}*/

.k-pager-refresh.k-link{}

.k-pager-wrap .k-pager-nav{ width:30px; height:30px;}
.k-pager-wrap .k-pager-nav:active .k-icon{transform:translateY(1px)}

@media  (max-width: 800px)
{
.k-pager-numbers{}

.k-pager-numbers li,
.k-pager-numbers.k-state-expanded .selected/*,
.k-state-expanded ~ .k-pager-sizes,
.k-state-expanded ~ .k-pager-info,
.k-pager-sizes > text*/

{ display:none}


.k-pager-numbers .k-current-page{display:block;}
.k-state-expanded.k-pager-numbers li{display:block}


   
}

.k-hidden{display:none;}




.k-list .k-item.group_item::before {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    box-shadow: inset 0 1px var(--outline);
    top: 0;
    left: 0;
}
.k-list .k-item.group_item:hover::before{opacity:0}

.k-list .k-item.group_item .k-group {margin-left:auto;}

.k-popup.k-group .k-group-header{display:flex;background:var(--input-color);padding: 0 15px!important;
    border-radius: var(--button-radius);margin:0 10px;}
.k-popup.k-group .k-group-header text {margin-left:auto;animation:stick_anim .125s both;height: 40px;float: left;line-height: 40px;font-weight: 700;position: relative;}

@-webkit-keyframes stick_anim {from {-webkit-transform: translateY(10px)}}
@keyframes stick_anim {from {transform: translateY(10px) scale(1.05)}}



/*time picker fix - different kendo markup*/

.k-list-container.k-list-scroller .k-list {
    overflow: hidden!important;
    flex-shrink: 0;
}

.k-list-container.k-list-scroller {
    padding: 10px;
}




/*kendo editor*/

.k-editor-widget {border-spacing:0;table-layout: fixed;width: 100%;}
.k-editor-widget  .k-editable-area {padding:5px}
.k-editor-widget  .k-editable-area iframe {width:100%;}


.k-editor-toolbar{display:flex;gap:10px;    padding:10px;box-shadow: 0 1px 0px 0px var(--outline);background: var(--highlight);}
.k-editor-toolbar .k-tool-group{display:flex;}
.k-editor-toolbar .k-tool-group .form_fields {padding:0}
.k-editor-toolbar .k-tool-group .form_fields > .k-widget {margin:0;background: var(--background);}
.k-editor-toolbar .k-tool-group .k-tool{ display:flex;background: var(--background);  position:relative;   margin-left: -1px;   width: 30px;height: 30px; box-shadow: inset 0 0 0 1px var(--outline); cursor:pointer}

.k-editor-toolbar .k-tool-group .k-tool.k-group-start { border-radius:5px 0 0 5px}
.k-editor-toolbar .k-tool-group .k-tool.k-group-end {border-radius:0 5px 5px 0}

.k-editor-toolbar .k-tool-group .k-tool.k-state-selected {background:var(--main-color); color:#fff; z-index:1}
.k-editor-toolbar .k-tool-group .k-tool .k-tool-text {display:none}
.k-editor-toolbar .k-tool-group .k-tool:hover{    background-image: var(--over-color);}
.k-editor-toolbar .k-tool-group .k-tool:active .k-icon{transform:translateY(1px)}




.k-editor-toolbar .k-tool-group .k-widget.k-colorpicker {margin:initial}
.k-editor-toolbar .k-tool-group .k-picker-wrap {background: var(--background);     border-radius: 5px;  box-shadow: inset 0 0 0 1px var(--outline);}
.k-editor-toolbar .k-tool-group .k-widget.k-colorpicker .k-select {display:flex}
.k-editor-toolbar .k-tool-group .k-picker-wrap .k-selected-color {margin:auto; border-radius:3px;box-shadow: inset 0 0 0 1px var(--outline);}





.k-i-bold:after{content:'bold'}
.k-i-italic:after{content:'italic'}
.k-i-underline:after{content:'underline'}

.k-i-align-left:after{content:'align_left'}
.k-i-align-center:after{content:'center'}
.k-i-align-right:after{content:'align_right'}

.k-palette {display:flex;    padding: 5px;box-shadow: 0 0 0 1px var(--border-color);    flex-wrap: wrap;}



.k-palette {border-spacing:0}
.k-palette tbody {}

.k-palette tbody tr:first-child td:first-child{ border-radius:5px 0 0 0;}
.k-palette tbody tr:first-child td:last-child{border-radius:0 5px 0 0;}


.k-palette tbody tr:last-child td:first-child{border-radius:0 0 0 5px;}
.k-palette tbody tr:last-child td:last-child{border-radius:0 0 5px 0}


.k-palette td.k-item {width:24px; height:24px; cursor:pointer}
.k-palette td.k-item:hover  { box-shadow:inset 0 0 0 1px var(--border-color)}