EnVisageOnline/Main/Source/EnVisage/Content/stylesheets/kendo/web/kendo.common-nova.less

1725 lines
36 KiB
Plaintext

/**
* Kendo UI v2016.1.226 (http://www.telerik.com/kendo-ui)
* Copyright 2016 Telerik AD. All rights reserved.
*
* Kendo UI commercial licenses may be obtained at
* http://www.telerik.com/purchase/license-agreement/kendo-ui-complete
* If you do not own a commercial license, this file shall be governed by the trial license terms.
*/
@input-height: 2.214em;
@input-indent: .8em;
@editor-icon-size: 36px;
@menu-link-padding: 1.071em;
@button-padding: 10px 14px;
@treeview-inner-padding: 0.429em 0.6667em 0.429em 0.5833em;
@treeview-inner-margin: 1px 0 1px 0.3333em;
@scheduler-link-padding: 0 1.1em;
@grid-header-padding: .429em .2em .429em 1em;
@icon-positioning: "material";
@import "common/all.less";
@spreadsheet-popup-button-padding: .6em 1.2em .6em 1em;
.k-button {
line-height: 1.143em;
padding: 10px 14px;
}
.k-widget.k-tabstrip
{
background-image: none;
border-style: none;
.box-shadow(none);
}
.k-tabstrip .k-tabstrip-items
{
padding: 0;
}
.k-tabstrip > div.k-content,
.k-panelbar .k-tabstrip > div.k-content
{
margin: 0;
}
.k-panelbar > .k-item > .k-link,
.k-panel > .k-item > .k-link {
line-height: 3.5em;
}
.k-panelbar .k-image {
margin-top: 12px;
}
.k-panelbar .k-sprite {
margin-top: 16px;
}
.k-tabstrip > .k-tabstrip-items > .k-item {
text-transform: uppercase;
border-width: 0;
border-style: solid;
padding: 0;
}
.k-tabstrip-left > .k-tabstrip-items .k-loading,
.k-tabstrip-right > .k-tabstrip-items .k-loading
{
display: none;
}
.k-tabstrip-top > .k-tabstrip-items .k-tab-on-top,
.k-tabstrip-top > .k-tabstrip-items .k-state-active {
margin-bottom: -1px;
}
.k-tabstrip-top > .k-tabstrip-items > .k-item {
border-bottom-width: 3px;
}
.k-tabstrip-left > .k-tabstrip-items .k-tab-on-top,
.k-tabstrip-left > .k-tabstrip-items .k-state-active {
margin-right: -3px;
}
.k-tabstrip-left > .k-tabstrip-items > .k-item {
border-right-width: 3px;
}
.k-tabstrip-right > .k-tabstrip-items > .k-item {
border-left-width: 3px;
}
.k-tabstrip-bottom > .k-tabstrip-items > .k-item {
border-top-width: 3px;
}
.k-tabstrip-items .k-link {
padding: 1.071em;
}
.k-slider-track
{
border-width: 1px;
border-style: solid;
}
.k-grouping-dropclue
{
margin-top: 10px;
}
.k-grid-header th.k-header,
.k-filter-row th
{
padding: .786em .6em .786em 1.286em;
}
.k-filtercell > span {
padding-right: 5.714em;
}
.k-filtercell > span > .k-button {
padding-left: .714em;
padding-right: .714em;
line-height: 1em;
margin: 0;
}
.k-filtercell .k-numerictextbox {
margin-right: 8px;
}
.k-filter-row .k-dropdown-operator {
width: 2.714em;
right: 2.857em;
}
.k-filter-menu>div>div:last-child {
margin: 1em -0.5em -.5em;
border-top-width: 1px;
border-top-style: solid;
}
.k-filter-menu .k-button {
margin: 0;
width: 50%;
padding-top: 15px;
padding-bottom: 15px;
}
.k-edit-form-container .k-button {
margin: 0;
padding: 10px 11px;
}
.k-edit-form-container .k-primary {
margin-right: 11px;
}
.k-filter-menu .k-primary,
.k-edit-form-container .k-primary {
float: right;
}
.k-grouping-header .k-group-indicator
{
padding: .5em .15em .429em .4em;
}
.k-grid .k-grouping-row td {
padding: .6em .6em 0.643em;
}
.k-grouping-header a,
.k-grouping-header .k-button
{
vertical-align: baseline;
}
.k-grid td {
padding: 0.929em 1.286em;
}
.k-grid-header th.k-header>.k-link {
padding: 0;
margin: 0;
min-height: 16px;
line-height: inherit;
}
.k-grouping-header
{
line-height: 2.6;
}
.k-grid-content tr:last-child td {
border-bottom-width: 0;
}
.k-grid tr td,
.k-pivot-layout .k-grid tr td
{
border-bottom-width: 1px;
border-style: solid;
}
.k-grouping-row + tr td {
border-top-width: 0;
}
.k-grid-content table tr:first-child td,
.k-grid-content-locked table tr:first-child td {
border-top: 0;
}
.k-grid-content tr td {
border-left-width: 0;
}
.k-grid-content .k-group-cell {
border-right-width: 1px;
border-bottom-width: 0;
}
.k-pager-numbers .k-state-selected {
line-height: 2.429em;;
cursor: pointer;
}
.k-pager-numbers .k-link,
.k-pager-numbers .k-state-selected {
border-width: 2px 0 0;
padding-top: .7em;
}
.k-pager-wrap {
line-height: 1.286em;
padding: .429em 0 .429em .25em;
}
.k-pager-wrap > .k-link,
.k-pager-numbers .k-link {
height: 2.429em;
line-height: 2.429em;
}
.k-pager-wrap .k-link,
.k-pager-sizes {
padding: 0;
min-width: 2.429em;
}
.k-pager-wrap .k-pager-numbers .k-state-selected {
margin-top: -.4em;
padding-top: .35em;
min-width: 2.429em;
}
.k-pager-wrap input.k-textbox {
height: 2.571em;
}
.k-pager-info {
padding: .714em 1.333em .643em 1.333em;
}
.k-pager-wrap .k-pager-refresh {
margin-right: 1.214em;
}
.k-pager-wrap .k-dropdown {
width: 5.2em;
}
.k-autocomplete .k-loading,
.k-multiselect .k-loading
{
bottom: 10px;
}
.k-dropdown-wrap,
.k-picker-wrap,
.k-numeric-wrap {
padding: 0 2.571em 0 0;
}
.k-picker-wrap .k-select,
.k-numeric-wrap .k-select,
.k-dropdown-wrap .k-select
{
width: 2.571em;
}
.k-datetimepicker {
width: 19.5em;
}
.k-datetimepicker .k-select {
width: 5em;
}
.k-datetimepicker .k-picker-wrap {
padding-right: 5em;
}
.k-datetimepicker .k-picker-wrap .k-icon {
margin: 0 6px;
}
.k-calendar {
width: 19em;
}
.k-calendar .k-header {
margin: 0 -5px;
}
.k-calendar td {
padding: 0;
border-width: 1px;
border-style: solid;
}
.k-calendar .k-content .k-link {
min-height: 2.429em;
line-height: 2.429em;
padding: 0;
text-align: center;
}
.k-calendar th {
border-bottom-width: 0;
padding: .714em .45em .714em 0;
}
.k-calendar .k-footer {
border-top-width: 1px;
border-top-style: solid;
margin: 0 -5px;
}
.k-popup.k-list-container {
padding: 0.286em 0;
}
.k-popup.k-calendar-containe {
padding: 0;
}
.k-popup .k-list .k-item,
.k-fieldselector .k-list .k-item {
min-height: 2.143em;
line-height: 2.143em;
}
.k-popup .k-list .k-item {
padding: 1px 11px;
}
.k-popup .k-list .k-state-hover,
.k-popup .k-list .k-state-focused,
.k-popup .k-list .k-state-selected
{
padding: 0 10px;
}
.k-list-filter {
margin: 0 .29em .29em;
}
.k-button,
.k-calendar .k-header .k-link,
.k-calendar .k-footer {
text-transform: uppercase;
}
.k-widget.k-calendar .k-nav-fast
{
width: 64%;
height: 3.43em;
line-height: 3.43em;
margin: 0;
}
.k-calendar .k-header .k-icon
{
vertical-align: middle;
}
.k-widget.k-calendar .k-nav-prev,
.k-widget.k-calendar .k-nav-next
{
position: absolute;
top: 0;
}
.k-calendar .k-header .k-link.k-nav-prev,
.k-calendar .k-header .k-link.k-nav-next
{
height: 3.43em;
width: 3.43em;
line-height: 3.43em;
}
.k-widget.k-calendar .k-nav-prev {
left: 0;
}
.k-widget.k-calendar .k-nav-next {
right: 0;
}
.k-calendar .k-footer .k-nav-today,
.k-calendar .k-footer > .k-state-disabled
{
padding: 1.143em 0 1.071em;
}
.k-popup.k-calendar-container {
padding: 0;
border: none;
}
.k-multiselect-wrap .k-input {
height: @input-height;
}
.k-multiselect-wrap li {
border-radius: 1.071em;
margin: 3px 0 3px 3px;
padding: 0 1.6em 0 .857em;
line-height: 1.86em;
}
.k-multiselect-wrap li span {
margin-right: .4em;
}
.k-multiselect-wrap .k-select
{
padding-top: 0;
}
.k-numeric-wrap .k-select {
vertical-align: baseline;
}
.k-numerictextbox .k-link {
height: (@input-height + 0.354em) / 2;
line-height: 1.357em;
}
.k-numerictextbox .k-link .k-i-arrow-n {
vertical-align: bottom;
}
.k-numerictextbox .k-link .k-i-arrow-s {
vertical-align: top;
}
.k-menu.k-header,
.k-menu .k-item,
.k-widget.k-menu-horizontal > .k-item {
border-width: 0;
}
.k-popup.k-context-menu {
border-width: 1px;
border-style: solid;
}
.k-context-menu.k-menu-vertical > .k-item > .k-link,
.k-menu .k-menu-group .k-item > .k-link
{
padding: 0.5em 4.929em 0.5em 1.714em;
}
.k-menu .k-item > .k-link > .k-i-arrow-e {
right: 2.143rem;
}
.k-menu .k-animation-container .k-menu-group {
padding: 1.143em 0;
}
table.k-editor {
border-spacing: 0;
}
.k-editor .k-editable-area {
border-width: 1px 0 0;
}
.k-editor .k-editor-toolbar-wrap {
padding-left: 10px;
}
.k-toolbar {
line-height: 45px;
}
.k-toolbar {
.k-button-group,
.k-button-group .k-button {
line-height: inherit;
}
.k-button-group .k-button {
padding: 0 11px;
}
.k-button,
.k-split-button,
.k-widget,
.k-textbox,
label,
.k-separator {
line-height: 1.143em;
}
.k-button {
padding-top: 9px;
padding-bottom: 9px;
}
.k-input {
height: @input-height;
line-height: @input-height;
padding: 0.11em 0;
text-indent: @input-indent;
border: 0;
margin: 0;
}
.k-overflow-anchor {
width: 3.357em;
border-left-width: 1px;
padding-top: 2px;
line-height: inherit;
height: 100%;
padding-bottom: 0;
}
.k-separator {
line-height: 47px;
}
.k-button-group {
border-width: 0 1px;
border-style: solid;
}
.k-overflow-anchor + .k-button-group,
.k-separator + .k-button-group,
.k-button-group + .k-button-group {
border-left: none;
}
}
.k-button-group .k-tool {
margin: 0;
}
.k-editor-toolbar .k-button-group .k-tool-icon,
.k-toolbar .k-button-group .k-tool-icon {
width: 24px;
height: 24px;
}
.k-editor-toolbar {
> li {
margin-right: 0;
}
.k-button-group .k-tool {
width: 48px;
height: 48px;
line-height: 48px;
margin: 0;
text-align: center;
}
li.k-tool-group,
li.k-overflow-tools {
padding: 0;
}
.k-tool-group:first-child {
border-right: 0;
}
li.k-tool-group:only-of-type {
padding-top: 5px;
padding-bottom: 6px;
}
.k-tool,
.k-button-group .k-tool.k-group-end {
border-width: 0;
}
.k-state-selected {
font-weight: bold;
}
.k-tool,
.k-button-group .k-tool.k-group-end {
border-width: 0;
}
.k-state-selected {
font-weight: bold;
}
}
.k-filebrowser {
.k-filebrowser-toolbar {
line-height: 3.5em;
}
.k-filebrowser-toolbar .k-upload {
margin-top: 3px;
}
.k-filebrowser-toolbar .k-button-icon {
margin-top: -3px;
}
.k-upload .k-upload-button {
vertical-align: bottom;
}
.k-search-wrap .k-search {
top: 25%;
right: 4px;
}
.k-search-wrap {
padding: 2px .3em;
}
.k-tiles-arrange .k-dropdown {
width: 80px;
}
}
.k-upload .k-filename {
max-width: 70%;
}
.k-draghandle
{
border-width: 2px;
}
span.k-tooltip
{
padding: 9px 17px;
}
.k-widget.k-tooltip-validation {
padding: 11px 20px 9px;
}
.k-tooltip-validation .k-warning {
margin-right: 10px;
}
.k-block > .k-header,
.k-window-titlebar {
padding: 0.49em 0;
height: 2.362em;
border-width: 0;
}
.k-window-titlebar .k-window-actions {
padding-top: 0;
right: 0;
}
.k-window-titlebar .k-window-action
{
width: 48px;
height: 48px;
text-align: center;
padding: 0;
border-width: 0;
}
.k-window-titlebar .k-window-action > .k-icon
{
margin-top: 16px;
}
div.k-window {
border-width: 0;
}
.k-window-title {
right: 1.143em;
left: 1.143em;
line-height: 2.362em;
}
div.k-window-content {
padding: 1.333em;
}
div.editorToolbarWindow.k-window-content {
padding: 0;
}
.editorToolbarWindow .k-editortoolbar-dragHandle {
line-height: 30px;
}
.k-file {
padding: 0.357em .167em 0.357em .8em;
}
.k-scheduler-table td,
.k-scheduler-table th
{
height:1.643em;
}
.k-gantt-treelist .k-grid-header tr {
height: 5.714em;
}
.k-gantt-timeline .k-grid-header tr {
height: 2.857em;
}
.k-gantt .k-task-summary:before,
.k-gantt .k-task-summary-complete:before,
.k-gantt .k-task-summary:after,
.k-gantt .k-task-summary-complete:after {
border-width: 0;
}
.k-gantt {
.k-task {
border-width: 0;
}
.k-task-actions {
line-height: 2.429em;
}
.k-task-single {
margin-top: -.429em;
}
.k-task-template {
padding: .643em 1.4em .643em .6em;
}
.k-task-milestone {
width: 17px;
height: 17px;
}
.k-task-draghandle {
margin-left: 24px;
border-width: 8px;
border-radius: 0 50% 50% 50%;
border-style: solid;
bottom: -11px;
}
.k-gantt-timeline th {
text-align: left;
}
}
.k-notification-wrap {
padding: 1.786em;
}
.k-notification-wrap > .k-i-close {
top: 21px;
}
.k-slider-track {
border-width: 0;
}
.k-slider .k-button .k-icon {
margin-top: 5px;
}
.k-slider-horizontal .k-slider-track,
.k-slider-horizontal .k-slider-selection {
height: 2px;
margin-top: -1px;
}
.k-slider-vertical .k-slider-track,
.k-slider-vertical .k-slider-selection {
width: 2px;
margin-left: -1px;
}
.k-slider-horizontal .k-draghandle {
top: -7px;
border-width: 1px;
}
.k-slider-vertical .k-draghandle {
left: -7px;
border-width: 1px;
}
.k-slider-horizontal .k-draghandle,
.k-slider-vertical .k-draghandle,
.k-flatcolorpicker .k-hue-slider .k-draghandle,
.k-flatcolorpicker .k-transparency-slider .k-draghandle {
width: 14px;
height: 14px;
}
.k-flatcolorpicker .k-hue-slider .k-draghandle,
.k-flatcolorpicker .k-transparency-slider .k-draghandle,
.k-flatcolorpicker .k-hue-slider .k-draghandle:hover,
.k-flatcolorpicker .k-transparency-slider .k-draghandle:hover,
.k-flatcolorpicker .k-hue-slider .k-draghandle:focus,
.k-flatcolorpicker .k-transparency-slider .k-draghandle:focus {
border-width: 1px;
padding: 0;
}
.k-flatcolorpicker .k-hue-slider .k-draghandle {
margin-top: -1px;
}
.k-widget.k-slider .k-slider-buttons .k-button {
border-width: 0;
background: transparent;
}
.k-colorpicker {
.k-picker-wrap {
line-height: @input-height;
}
.k-selected-color {
width: @input-height;
height: @input-height;
padding: .179em .23em;
}
}
/* Editor */
.editor-icon(@x, @y) {
background-position: @x @y;
.k-state-hover &,
.k-state-selected & {
background-position: @x @y;
}
}
/* PanelBar */
.k-panelbar-expand,
.k-panelbar-collapse {
right: 16px;
}
/* Grid */
.k-header.k-grid-toolbar {
border-color: #3343a4;
}
.k-grouping-header,
.k-grid-toolbar {
padding: 0.429em;
}
.k-grouping-header {
padding-left: 1.286em;
}
.k-grid .k-icon {
opacity: 0.45;
}
form.k-filter-menu .k-textbox {
margin-bottom: 7px;
}
/* Scheduler */
.k-gantt-toolbar,
.k-scheduler-toolbar .k-nav-today,
.k-scheduler-toolbar .k-scheduler-views,
.k-scheduler-footer .k-scheduler-fullday {
text-transform: uppercase;
}
.k-scheduler-footer .k-icon.k-i-clock {
display: none;
}
.k-gantt-toolbar > ul > li,
.k-scheduler-toolbar > ul > li {
border-width: 0 0 2px 0;
}
.k-gantt-toolbar li .k-link,
.k-scheduler-toolbar li .k-link,
.k-gantt-toggle {
vertical-align: middle;
line-height: 46px;
}
.k-gantt-toggle {
padding: 0
}
.k-gantt-actions {
vertical-align: middle;
line-height: 48px;
}
.k-gantt-actions > .k-button {
vertical-align: middle;
}
.k-gantt-toolbar,
.k-scheduler-toolbar,
.k-scheduler-footer {
line-height: 44px;
vertical-align: middle;
}
.k-scheduler-footer {
padding: 0;
}
.k-gantt-toolbar,
.k-scheduler-toolbar {
padding: 0 1.286em;
}
.k-drag-clue {
font-size: 1em;
padding: .65em 1em;
}
// Icons
.k-button:active {
.k-i-funnel-clear,
&:not(.k-state-disabled):hover .k-i-funnel-clear {
background-position: -48px -96px;
}
.k-i-funnel,
&:not(.k-state-disabled):hover .k-i-funnel {
background-position: -48px -80px;
}
.k-i-refresh,
&:not(.k-state-disabled):hover .k-i-refresh {
background-position: -48px -112px;
}
.k-edit,
&:not(.k-state-disabled):hover .k-edit {
background-position: -48px 0px;
}
.k-delete,
&:not(.k-state-disabled):hover .k-delete {
background-position: -48px -16px;
}
.k-cancel,
&:not(.k-state-disabled):hover .k-cancel {
background-position: -48px -48px;
}
.k-i-pdf,
&:not(.k-state-disabled):hover .k-i-pdf {
background-position: -80px -80px;
}
.k-i-excel,
&:not(.k-state-disabled):hover .k-i-excel {
background-position: -80px -96px;
}
}
.k-toolbar {
.k-state-active .k-justifyLeft,
.k-button:active .k-justifyLeft {
background-position: -265px -144px;
}
.k-state-active .k-justifyCenter,
.k-button:active .k-justifyCenter {
background-position: -265px -168px;
}
.k-state-active .k-justifyRight,
.k-button:active .k-justifyRight {
background-position: -265px -192px;
}
.k-state-active .k-bold,
.k-button:active .k-bold {
background-position: -265px 0;
}
.k-state-active .k-italic,
.k-button:active .k-italic {
background-position: -265px -24px;
}
.k-state-active .k-underline,
.k-button:active .k-underline {
background-position: -265px -48px;
}
.k-state-active .k-i-more,
.k-button:active .k-i-more,
.k-state-border-down .k-i-more,
.k-state-border-up .k-i-more,
.k-state-border-down:not(.k-state-disabled):hover .k-i-more,
.k-state-border-up:not(.k-state-disabled):hover .k-i-more {
background-position: -80px -32px;
}
.k-split-button-arrow.k-state-active .k-i-arrow-s {
background-position: -16px -32px;
}
}
.k-menu .k-state-active .k-i-arrow-s,
.k-menu .k-link:not(.k-state-disabled):hover > .k-i-arrow-s {
background-position: -16px -32px;
}
.k-menu .k-state-active .k-i-arrow-e,
.k-menu .k-link:not(.k-state-disabled):hover > .k-i-arrow-e {
background-position: -16px -16px;
}
.k-editor-toolbar {
.k-state-selected {
.k-justifyLeft {
background-position: -265px -144px;
}
.k-justifyCenter {
background-position: -265px -168px;
}
.k-justifyRight {
background-position: -265px -192px;
}
.k-justifyFull {
background-position: -260px -216px;
}
.k-bold {
background-position: -265px 0;
}
.k-italic {
background-position: -265px -24px;
}
.k-underline {
background-position: -265px -48px;
}
.k-insertUnorderedList {
background-position: -264px -264px;
}
.k-insertOrderedList {
background-position: -264px -288px;
}
.k-strikethrough {
background-position: -264px -72px;
}
}
}
.k-dropdown-wrap.k-state-border-up .k-i-arrow-s,
.k-dropdown-wrap.k-state-border-down .k-i-arrow-s {
background-position: -16px 0;
}
.k-picker-wrap.k-state-active .k-i-calendar {
background-position: -48px -176px;
}
.k-picker-wrap.k-state-active .k-i-clock {
background-position: -48px -192px;
}
.k-state-active > .k-i-insert-n,
.k-state-active.k-button:not(.k-state-disabled):hover .k-i-insert-n {
background-position: -176px -32px;
}
.k-state-active > .k-i-insert-m,
.k-state-active.k-button:not(.k-state-disabled):hover .k-i-insert-m {
background-position: -176px -48px;
}
.k-state-active > .k-i-insert-s,
.k-state-active.k-button:not(.k-state-disabled):hover .k-i-insert-s {
background-position: -176px -64px;
}
.k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n,
.k-grid-header .k-numerictextbox .k-select .k-link span.k-i-arrow-n {
background-position: 0 -3px;
}
.k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n,
.k-grid-header .k-numerictextbox .k-select .k-link.k-state-selected span.k-i-arrow-n {
background-position: -16px -3px;
}
.k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s,
.k-grid-header .k-numerictextbox .k-select .k-link span.k-i-arrow-s {
background-position: 0 -35px;
}
.k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s,
.k-grid-header .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s {
background-position: -16px -35px;
}
.k-drag-clue .k-add {
background-position: -48px -64px;
}
.k-window-titlebar .k-i-unpin,
.k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-unpin {
background-position: -178px -272px;
}
.k-multiselect-wrap .k-i-close,
.k-multiselect-wrap .k-state-hover .k-i-close,
.k-multiselect-wrap .k-button:not(.k-state-disabled):hover .k-i-close {
background-position: -48px -16px;
}
.k-multiselect-wrap .k-i-arrow-s,
.k-multiselect-wrap .k-button:not(.k-state-disabled):hover .k-i-arrow-s {
background-position: -16px -32px;
}
.k-multiselect.k-state-border-down .k-select .k-i-arrow-s,
.k-multiselect.k-state-border-up .k-select .k-i-arrow-s,
.k-multiselect.k-state-border-down .k-button:not(.k-state-disabled):hover .k-i-arrow-s,
.k-multiselect.k-state-border-up .k-button:not(.k-state-disabled):hover .k-i-arrow-s {
background-position: -16px 0;
}
.k-i-close,
.k-delete,
.k-group-delete {
background-position: -32px -16px;
}
.k-multiselect {
.k-delete {
margin-top: -2px;
}
.k-button:not(.k-state-disabled):hover .k-delete {
background-position: -160px -80px;
}
}
.k-window-titlebar {
.k-i-maximize,
.k-link:not(.k-state-disabled):hover > .k-i-maximize {
background-position: -48px -144px;
}
.k-i-minimize,
.k-link:not(.k-state-disabled):hover > .k-i-minimize {
background-position: -80px -288px;
}
.k-i-pin,
.k-link:not(.k-state-disabled):hover > .k-i-pin {
background-position: -176px -256px;
}
.k-i-custom,
.k-link:not(.k-state-disabled):hover > .k-i-custom {
background-position: -141px -113px;
}
.k-i-refresh,
.k-link:not(.k-state-disabled):hover > .k-i-refresh {
background-position: -48px -112px;
}
.k-i-close,
.k-link:not(.k-state-disabled):hover > .k-i-close {
background-position: -48px -16px;
}
.k-i-restore,
.k-link:not(.k-state-disabled):hover > .k-i-restore {
background-position: -48px -128px;
}
}
.k-calendar .k-icon.k-i-arrow-w,
.k-calendar .k-state-hover .k-icon.k-i-arrow-w,
.k-calendar .k-link:not(.k-state-disabled):hover > .k-i-arrow-w {
background-position: -16px -48px;
}
.k-calendar .k-icon.k-i-arrow-e,
.k-calendar .k-state-hover .k-icon.k-i-arrow-e,
.k-calendar .k-link:not(.k-state-disabled):hover > .k-i-arrow-e {
background-position: -16px -16px;
}
.k-treeview {
.k-minus {
background-position: 0 -32px;
}
.k-plus {
background-position: 0 -16px;
}
.k-loading {
background-position: 50%;
}
}
.k-splitbar-horizontal-hover {
.k-resize-handle {
background-position: -165px -6px;
}
.k-expand-next,
.k-collapse-prev {
background-position: -6px -174px;
}
.k-expand-prev,
.k-collapse-next {
background-position: -5px -142px;
}
}
.k-splitbar-vertical-hover {
.k-resize-handle {
background-position: -38px -309px;
}
.k-expand-prev,
.k-collapse-next {
background-position: 2px -165px;
}
.k-expand-next,
.k-collapse-prev {
background-position: 2px -134px;
}
}
.k-splitbar-horizontal.k-state-focused {
.k-resize-handle {
background-position: -181px -6px;
}
.k-expand-next,
.k-collapse-prev {
background-position: -22px -174px;
}
.k-expand-prev,
.k-collapse-next {
background-position: -21px -142px;
}
}
.k-splitbar-vertical.k-state-focused {
.k-resize-handle {
background-position: -70px -309px;
}
.k-expand-prev,
.k-collapse-next {
background-position: -14px -165px;
}
.k-expand-next,
.k-collapse-prev {
background-position: -14px -134px;
}
}
.k-grid-header .k-i-arrow-n,
.k-grid-header .k-link:not(.k-state-disabled):hover > .k-i-arrow-n {
background-position: 0 -256px;
}
.k-grid-header .k-i-arrow-s,
.k-grid-header .k-link:not(.k-state-disabled):hover > .k-i-arrow-s {
background-position: 0 -288px;
}
.k-grid-header .k-grid-filter,
.k-grid-header .k-header-column-menu {
padding: .857em;
margin: -0.9em -0.6em -0.714em -0.6em;
}
.k-grid-header .k-header-column-menu .k-i-arrowhead-s {
background-position: -64px -32px;
}
.k-denied {
background-position: -48px -48px;
}
.k-grouping-dropclue {
background-position: -181px -148px;
}
.k-primary {
.k-i-tick,
.k-insert,
.k-update,
&:not(.k-state-disabled):hover .k-update {
background-position: -48px -32px;
}
}
.k-header {
.k-i-pdf,
.k-button:hover > .k-i-pdf {
background-position: -80px -80px;
}
.k-i-excel,
.k-button:hover > .k-i-excel {
background-position: -80px -96px;
}
}
.k-grid-toolbar {
.k-button:active .k-add {
background-position: -48px -64px;
}
.k-button:active .k-update {
background-position: -48px -32px;
}
.k-button:active .k-cancel {
background-position: -48px -48px;
}
}
.k-grouping-header {
.k-group-delete,
.k-button-icon:hover > .k-icon.k-group-delete {
background-position: -176px -80px;
}
.k-si-arrow-n,
.k-link:hover > .k-icon.k-si-arrow-n {
background-position: -16px -288px;
}
.k-si-arrow-s,
.k-link:hover > .k-icon.k-si-arrow-s {
background-position: -16px -256px;
}
}
.k-filtercell {
.k-state-active {
.k-filter {
background-position: -48px -80px;
}
}
}
.k-scheduler {
.k-state-default .k-link .k-icon.k-i-calendar,
.k-state-default.k-state-hover .k-link .k-i-calendar {
background-position: -48px -176px;
}
.k-i-arrow-e,
.k-state-hover .k-link .k-i-arrow-e {
background-position: -16px -208px;
}
.k-i-arrow-w,
.k-state-hover .k-link .k-i-arrow-w {
background-position: -16px -240px;
}
.k-i-clock,
.k-state-hover .k-link .k-i-clock {
opacity: 1;
background-position: -48px -192px;
}
.k-si-close,
.k-link:not(.k-state-disabled):hover > .k-si-close {
background-position: -176px -80px;
}
.k-i-refresh,
.k-link:not(.k-state-disabled):hover .k-i-refresh {
background-position: -48px -112px;
}
}
.k-gantt {
.k-i-plus,
.k-link:hover > .k-icon.k-si-arrow-n,
.k-button:hover .k-i-plus {
background-position: -48px -64px;
}
.k-i-collapse {
background-position: 0 -32px;
}
.k-i-expand {
background-position: 0 -16px;
}
.k-i-gantt-toggle,
.k-button:not(.k-state-disabled):hover .k-i-gantt-toggle {
background-position: -80px -240px;
}
}
.k-i-arrowhead-s,
.k-pivot-setting .k-item.k-state-hover .k-i-arrowhead-s {
background-position: 0 -288px;
}
.k-item.k-state-hover .k-i-arrowhead-s,
.k-button:hover .k-i-arrowhead-s {
background-position: -16px -288px;
}
.k-si-close,
.k-item.k-state-hover .k-si-close,
.k-button:hover .k-si-close {
background-position: -176px -80px;
}
.k-button:active .k-i-ungroup,
.k-button:not(.k-state-disabled):active:hover .k-i-ungroup {
background-position: -128px -288px;
}
.k-panelbar,
.k-pivot {
.k-link.k-state-selected .k-i-arrow-n,
.k-link:not(.k-state-disabled):hover > .k-i-arrow-n {
background-position: 0 -192px;
}
.k-link.k-state-selected .k-i-arrow-s,
.k-link:not(.k-state-disabled):hover > .k-i-arrow-s {
background-position: 0 -224px;
}
.k-link.k-state-selected .k-i-arrow-e,
.k-link:not(.k-state-disabled):hover > .k-i-arrow-e {
background-position: 0 -190px;
}
}
.k-pivot {
.k-i-arrow-n {
background-position: 0 -192px;
}
.k-i-arrow-s {
background-position: 0 -224px;
}
.k-i-arrow-e {
background-position: 0 -190px;
}
}
.k-panelbar {
.k-link > .k-i-arrow-n {
background-position: 0 -192px;
}
.k-link > .k-i-arrow-s {
background-position: 0 -224px;
}
.k-link > .k-i-arrow-e {
background-position: 0 -190px;
}
}
.k-pivot-configurator-settings {
.k-si-close,
.k-item.k-state-hover .k-si-close,
.k-button:hover .k-si-close {
background-position: -160px -80px;
}
}
.k-pivot {
.k-header,
.k-button:not(.k-state-disabled):hover {
.k-i-arrowhead-s {
background-position: -16px -288px;
}
.k-si-close {
background-position: -176px -80px;
}
}
}
.k-notification .k-i-note {
background-position: -176px -240px;
}
.k-column-menu {
.k-state-active .k-i-columns,
.k-link:not(.k-state-disabled):hover > .k-i-columns {
background-position: -128px -304px;
}
.k-state-active .k-filter,
.k-link:not(.k-state-disabled):hover > .k-filter {
background-position: -48px -80px;
}
}
.k-upload {
.k-file-error {
.k-i-rar {
background-position: -128px -288px;
}
.k-warning {
background-position: -176px -240px;
}
.k-i-refresh,
.k-button:not(.k-state-disabled):hover .k-i-refresh {
background-position: -48px -112px;
}
}
}
.k-map {
.k-button:active .k-i-arrow-n {
background-position: -16px 0;
}
.k-button:active .k-i-arrow-e {
background-position: -16px -16px;
}
.k-button:active .k-i-arrow-s {
background-position: -16px -32px;
}
.k-button:active .k-i-arrow-w {
background-position: -16px -48px;
}
}
.km-pane-wrapper .k-mobile-list .k-state-selected .k-i-sort-asc {
background-position: -128px -240px;
}
.km-pane-wrapper .k-mobile-list .k-state-selected .k-i-sort-desc {
background-position: -128px -256px;
}
.k-mobile-list .k-link:not(.k-state-disabled):hover > .k-filter {
background-position: -32px -80px;
}
.k-radio-label:before {
width: 16px;
height: 16px;
}
.k-radio:checked + .k-radio-label:after {
top: 4px;
left: 4px
}
//RTL
.k-rtl .k-widget .k-dropdown-wrap,
.k-rtl .k-widget .k-picker-wrap,
.k-rtl .k-widget .k-numeric-wrap {
padding-left: 2.5em;
}
.k-rtl .k-widget.k-datetimepicker .k-picker-wrap {
padding-left: 5em;
}
.k-rtl .k-widget.k-datetimepicker .k-picker-wrap .k-icon {
margin: 0 6px;
}
.k-webkit .k-rtl .k-widget .k-dropdown-wrap .k-input,
.k-webkit .k-rtl .k-widget .k-numeric-wrap .k-input {
margin-right: 0;
}
.k-rtl .k-calendar .k-icon.k-i-arrow-w,
.k-rtl .k-calendar .k-link:not(.k-state-disabled):hover > .k-i-arrow-w,
.k-rtl .k-scheduler .k-i-arrow-w,
.k-rtl .k-scheduler .k-link:not(.k-state-disabled):hover > .k-i-arrow-w,
.k-rtl .k-scheduler .k-state-hover .k-link .k-i-arrow-w {
background-position: -16px -16px;
}
.k-rtl .k-calendar .k-icon.k-i-arrow-e,
.k-rtl .k-calendar .k-link:not(.k-state-disabled):hover > .k-i-arrow-e,
.k-rtl .k-scheduler .k-i-arrow-e,
.k-rtl .k-scheduler .k-link:not(.k-state-disabled):hover > .k-i-arrow-e,
.k-rtl .k-scheduler .k-state-hover .k-link .k-i-arrow-e {
background-position: -16px -48px;
}
.km-pane-wrapper .k-pager-numbers .k-link,
.km-pane-wrapper .k-pager-numbers .k-state-selected,
.km-pane-wrapper .k-pager-wrap>.k-link {
border-radius: 0;
}
.km-pane-wrapper .k-pager-numbers .k-link,
.km-pane-wrapper .k-pager-wrap >.k-link,
.km-pane-wrapper .k-pager-wrap> .k-pager-info {
padding: .571em .86em;
}
.km-pane-wrapper .k-pager-numbers .k-state-selected {
padding: .971em .86em .571em;
}
.km-pane-wrapper .k-pager-numbers .k-link {
min-width: 2.429em;
}
.km-pane-wrapper .k-scheduler-views {
width: 8em;
}
.km-pane-wrapper .k-scheduler-toolbar>ul>li {
border-width: 1px 1px 1px 0;
}
.km-pane-wrapper .k-scheduler-toolbar>ul>li:first-child {
border-left-width: 1px;
}
//ProgressBar
li.k-item.k-last.k-state-selected {
border-left-width: 1px;
}
.k-progressbar-vertical li.k-item.k-last {
border-bottom-width: 1px;
}
// spreadsheet
.k-spreadsheet-window .k-root-tabs {
margin: -1.333em -1.333em 0;
padding: 0;
.k-tabstrip-items {
padding: 0;
}
}
.k-spreadsheet-window {
.k-page-orientation {
top: 26%;
}
.k-page-landscape {
top: 30%;
}
}