/*!.k-i-expand, .k-plus, .k-plus-disabled * Neptun Kreta design v1 * by nagylaszlo * Based on Bootstrap v3.3.5 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ @font-face { font-family: 'KendoUIGlyphs'; src: url('../fonts/KendoUIGlyphs.eot?y6oa7j'); src: url('../fonts/KendoUIGlyphs.eot?y6oa7j?#iefix') format('embedded-opentype'), url('../fonts/KendoUIGlyphs.ttf?y6oa7j') format('truetype'), url('../fonts/KendoUIGlyphs.woff?y6oa7j') format('woff'), url('../fonts/KendoUIGlyphs.svg?y6oa7j#KendoUIGlyphs') format('svg'); font-weight: normal; font-style: normal; } body .k-textbox .k-icon.k-i-clock { margin: -8px 8px 0; } body label { margin-bottom: 0px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { min-height: 30px; } .comboBox-groupHeader { text-align: right; } a { color: #5c6a79; font-weight: 400; } .panel-body a { color: #54a5d1; } a:hover, .closeYesConfirm { color: #54a5d1; } .k-grid table, .k-grid th, .k-grid td, .k-grid span, .k-grid div, .k-grid input, .k-grid textarea, .k-grid select, .k-grid p, .k-grid a, .k-grid ul, .k-grid li, .k-grid ol, .k-grid label, .k-grid dl, .k-grid dt, .k-grid h1, .k-grid h2, .k-grid h3, .k-grid h4, .k-grid h5, .k-grid h6 { font-family: 'Open Sans', 'Arial', sans-serif !important; } /* javítani kell */ .k-window h3 { font-size: 16px; margin-top: 40px; font-weight: 600; text-transform: uppercase; color: #445261; margin-left: -15px; } .k-window h3.title { margin-top: 10px; margin-left: -10px; } .k-window h4 { font-size: 14px; margin-top: 40px; font-weight: 600; text-transform: uppercase; color: #445261; margin-left: -15px; } .k-window .details h3:first-child, .k-window .details h4:first-child { margin-top: 0; } /** * Kendo UI v2016.2.607 (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. */ /*! */ /*! */ /*! */ /* Kendo base CSS */ .fake { color: red; } .k-common-test-class { opacity: 0; } .k-reset { margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; font-size: 100%; list-style: none; } .k-floatwrap:after, .k-slider-items:after, .k-grid-toolbar:after { content: ''; display: block; clear: both; visibility: hidden; height: 0; overflow: hidden; } .k-floatwrap, .k-slider-items, .k-grid-toolbar { display: inline-block; } .k-floatwrap, .k-slider-items, .k-grid-toolbar { display: block; } /* main gradient */ .k-block, .k-button, .k-header, .k-grid-header, .k-toolbar, .k-grouping-header, .k-tooltip, .k-pager-wrap, .k-tabstrip-items .k-item, .k-link.k-state-hover, .k-textbox, .k-textbox:hover, .k-autocomplete, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap, .k-autocomplete.k-state-hover, .k-dropdown-wrap.k-state-hover, .k-picker-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-draghandle { background-repeat: repeat; background-position: 0 center; } .k-link:hover { text-decoration: none; } .k-state-highlight > .k-link { color: inherit; } /* widget */ .k-textbox > input, .k-input[type='text'], .k-input[type='number'], .k-textbox, .k-picker-wrap .k-input, .k-button { font-size: 100%; font-family: inherit; border-style: solid; border-width: 1px; -webkit-appearance: none; } .k-widget, .k-block, .k-inline-block, .k-draghandle { border-style: solid; border-width: 1px; -webkit-appearance: none; } .k-block, .k-widget { line-height: normal; outline: 0; } .k-widget ::-ms-clear { width: 0; height: 0; } /* Block */ .k-block { padding: 2px; } /* button */ .k-button { display: inline-block; margin: 0; padding: 10px 14px; font-family: inherit; line-height: 1.72em; text-align: center; cursor: pointer; text-decoration: none; } .k-button[disabled], .k-button.k-state-disabled, .k-state-disabled .k-button, .k-state-disabled .k-button:hover, .k-button.k-state-disabled:hover, .k-state-disabled .k-button:active, .k-button.k-state-disabled:active { cursor: default; } a.k-button { user-select: none; text-decoration: none; } /* Override the important default line-height in Firefox 4+ */ .k-ff button.k-button, .k-ff input.k-button { padding-bottom: 0.37em; padding-top: 0.37em; } button.k-button::-moz-focus-inner, input.k-button::-moz-focus-inner { padding: 0; border: 0; } a.k-button-expand { display: block; } button.k-button-expand, input[type='submit'].k-button-expand, input[type='button'].k-button-expand, input[type='reset'].k-button-expand { width: 100%; } body .k-button-icon, body .k-split-button-arrow { padding-left: 0.4em; padding-right: 0.4em; } .k-button-icontext { overflow: visible; /*IE9*/ } .k-toolbar .k-button-icontext { padding-right: 0.8em; } .k-button-icontext .k-icon, .k-button-icontext .k-image, .k-button-icontext .k-sprite { margin-right: 3px; margin-right: 0.3rem; margin-left: -3px; margin-left: -0.3rem; } .k-button.k-button-icontext .k-icon, .k-button.k-button-icontext .k-image { vertical-align: text-top; } html body .k-button-bare { background: none !important; /*spares long selectors*/ color: inherit; border-width: 0; } html body .k-button-bare.k-upload-button:hover { color: inherit; } /* link */ .k-link { cursor: pointer; outline: 0; text-decoration: none; } .k-grid-header span.k-link { cursor: default; } /* states */ .k-state-disabled, .k-state-disabled .k-link, .k-state-disabled .k-icon, .k-state-disabled .k-button, .k-state-disabled .k-draghandle, .k-state-disabled .k-upload-button input { cursor: default !important; outline: 0; } @media print { .k-state-disabled, .k-state-disabled .k-input { opacity: 1 !important; } } .k-state-error { border-style: ridge; } .k-state-empty { font-style: italic; } /* icons */ .k-icon, .k-sprite, .k-button-group .k-tool-icon { display: inline-block; width: 16px; height: 16px; overflow: hidden; background-repeat: no-repeat; font-size: 0; line-height: 0; text-align: center; -ms-high-contrast-adjust: none; } .k-icon.k-i-none { background-image: none !important; /* should never be a background on these */ } /* In IE7 vertical align: middle can't be overridden */ .k-ie8 .k-icon, .k-ie8 .k-sprite, .k-ie8 .k-button-group .k-tool-icon { vertical-align: middle; } :root * > .k-icon, :root * > .k-sprite, :root * > .k-button-group .k-tool-icon { vertical-align: middle; } .k-icon, .k-sprite { background-color: transparent; } .k-numerictextbox .k-select .k-link span.k-i-arrow-n { background-position: 0 -3px; } .k-numerictextbox .k-select .k-link span.k-i-arrow-s { background-position: 0 -35px; } .k-state-selected .k-i-arrow-n { background-position: -16px 0px; } .k-link:not(.k-state-disabled):hover > .k-state-selected .k-i-arrow-n, .k-state-hover > .k-state-selected .k-i-arrow-n, .k-state-hover > * > .k-state-selected .k-i-arrow-n, .k-button:not(.k-state-disabled):hover .k-state-selected .k-i-arrow-n, .k-textbox:hover .k-state-selected .k-i-arrow-n, .k-button:active .k-state-selected .k-i-arrow-n { background-position: -16px 0px; } .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n, .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n { background-position: -16px -3px; } .k-state-selected .k-i-arrow-s { background-position: -16px -32px; } .k-link:not(.k-state-disabled):hover > .k-state-selected .k-i-arrow-s, .k-state-hover > .k-state-selected .k-i-arrow-s, .k-state-hover > * > .k-state-selected .k-i-arrow-s, .k-button:not(.k-state-disabled):hover .k-state-selected .k-i-arrow-s, .k-textbox:hover .k-state-selected .k-i-arrow-s, .k-button:active .k-state-selected .k-i-arrow-s { background-position: -16px -32px; } .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s, .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s { background-position: -16px -35px; } .k-grid-header th > .k-link:hover span.k-i-arrow-n { background-position: 0px 0px; } .k-grid-header th > .k-link:hover span.k-i-arrow-s { background-position: 0px -32px; } .k-group-indicator .k-link:hover span.k-si-arrow-n { background-position: 0 -129px; } .k-group-indicator .k-link:hover span.k-si-arrow-s { background-position: 0 -159px; } .k-group-indicator .k-button:hover span.k-group-delete { background-position: -32px -16px; } .k-scheduler .k-scheduler-toolbar .k-nav-current .k-link .k-i-calendar { background-position: -32px -176px; } .k-i-arrow-n { background-position: 0px 0px; } .k-link:not(.k-state-disabled):hover > .k-i-arrow-n, .k-state-hover > .k-i-arrow-n, .k-state-hover > * > .k-i-arrow-n, .k-button:not(.k-state-disabled):hover .k-i-arrow-n, .k-textbox:hover .k-i-arrow-n, .k-button:active .k-i-arrow-n { background-position: 0px 0px; } .k-i-arrow-e { background-position: 0px -16px; } .k-link:not(.k-state-disabled):hover > .k-i-arrow-e, .k-state-hover > .k-i-arrow-e, .k-state-hover > * > .k-i-arrow-e, .k-button:not(.k-state-disabled):hover .k-i-arrow-e, .k-textbox:hover .k-i-arrow-e, .k-button:active .k-i-arrow-e { background-position: 0px -16px; } .k-rtl .k-i-arrow-w { background-position: 0px -16px; } .k-rtl .k-link:not(.k-state-disabled):hover > .k-i-arrow-w, .k-rtl .k-state-hover > .k-i-arrow-w, .k-rtl .k-state-hover > * > .k-i-arrow-w, .k-rtl .k-button:not(.k-state-disabled):hover .k-i-arrow-w, .k-rtl .k-textbox:hover .k-i-arrow-w, .k-rtl .k-button:active .k-i-arrow-w { background-position: -16px -16px; background-position: 0px -16px; } .k-i-arrow-s { background-position: 0px -32px; } .k-link:not(.k-state-disabled):hover > .k-i-arrow-s, .k-state-hover > .k-i-arrow-s, .k-state-hover > * > .k-i-arrow-s, .k-button:not(.k-state-disabled):hover .k-i-arrow-s, .k-textbox:hover .k-i-arrow-s, .k-button:active .k-i-arrow-s { background-position: 0px -32px; } .k-i-arrow-w { background-position: 0px -48px; } .k-link:not(.k-state-disabled):hover > .k-i-arrow-w, .k-state-hover > .k-i-arrow-w, .k-state-hover > * > .k-i-arrow-w, .k-button:not(.k-state-disabled):hover .k-i-arrow-w, .k-textbox:hover .k-i-arrow-w, .k-button:active .k-i-arrow-w { background-position: 0px -48px; } .k-rtl .k-i-arrow-e { background-position: 0px -48px; } .k-rtl .k-link:not(.k-state-disabled):hover > .k-i-arrow-e, .k-rtl .k-state-hover > .k-i-arrow-e, .k-rtl .k-state-hover > * > .k-i-arrow-e, .k-rtl .k-button:not(.k-state-disabled):hover .k-i-arrow-e, .k-rtl .k-textbox:hover .k-i-arrow-e, .k-rtl .k-button:active .k-i-arrow-e { background-position: -16px -48px; background-position: 0px -48px; } .k-i-seek-n { background-position: 0px -64px; } .k-link:not(.k-state-disabled):hover > .k-i-seek-n, .k-state-hover > .k-i-seek-n, .k-state-hover > * > .k-i-seek-n, .k-button:not(.k-state-disabled):hover .k-i-seek-n, .k-textbox:hover .k-i-seek-n, .k-button:active .k-i-seek-n { background-position: 0px -64px; } .k-i-seek-e { background-position: 0px -80px; } .k-link:not(.k-state-disabled):hover > .k-i-seek-e, .k-state-hover > .k-i-seek-e, .k-state-hover > * > .k-i-seek-e, .k-button:not(.k-state-disabled):hover .k-i-seek-e, .k-textbox:hover .k-i-seek-e, .k-button:active .k-i-seek-e { background-position: 0px -80px; } .k-rtl .k-i-seek-w { background-position: 0px -80px; } .k-rtl .k-link:not(.k-state-disabled):hover > .k-i-seek-w, .k-rtl .k-state-hover > .k-i-seek-w, .k-rtl .k-state-hover > * > .k-i-seek-w, .k-rtl .k-button:not(.k-state-disabled):hover .k-i-seek-w, .k-rtl .k-textbox:hover .k-i-seek-w, .k-rtl .k-button:active .k-i-seek-w { background-position: -16px -80px; background-position: 0px -80px; } .k-i-seek-s { background-position: 0px -96px; } .k-link:not(.k-state-disabled):hover > .k-i-seek-s, .k-state-hover > .k-i-seek-s, .k-state-hover > * > .k-i-seek-s, .k-button:not(.k-state-disabled):hover .k-i-seek-s, .k-textbox:hover .k-i-seek-s, .k-button:active .k-i-seek-s { background-position: 0px -96px; } .k-i-seek-w { background-position: 0px -112px; } .k-link:not(.k-state-disabled):hover > .k-i-seek-w, .k-state-hover > .k-i-seek-w, .k-state-hover > * > .k-i-seek-w, .k-button:not(.k-state-disabled):hover .k-i-seek-w, .k-textbox:hover .k-i-seek-w, .k-button:active .k-i-seek-w { background-position: 0px -112px; } .k-rtl .k-i-seek-e { background-position: 0px -112px; } .k-rtl .k-link:not(.k-state-disabled):hover > .k-i-seek-e, .k-rtl .k-state-hover > .k-i-seek-e, .k-rtl .k-state-hover > * > .k-i-seek-e, .k-rtl .k-button:not(.k-state-disabled):hover .k-i-seek-e, .k-rtl .k-textbox:hover .k-i-seek-e, .k-rtl .k-button:active .k-i-seek-e { background-position: -16px -112px; background-position: 0px -112px; } .k-si-arrow-n { background-position: 0 -129px; } .k-link:not(.k-state-disabled):hover > .k-si-arrow-n, .k-state-hover > .k-si-arrow-n, .k-state-hover > * > .k-si-arrow-n, .k-button:not(.k-state-disabled):hover .k-si-arrow-n, .k-textbox:hover .k-si-arrow-n, .k-button:active .k-si-arrow-n { background-position: -16px -129px; } .k-si-arrow-e { background-position: 0px -144px; } .k-link:not(.k-state-disabled):hover > .k-si-arrow-e, .k-state-hover > .k-si-arrow-e, .k-state-hover > * > .k-si-arrow-e, .k-button:not(.k-state-disabled):hover .k-si-arrow-e, .k-textbox:hover .k-si-arrow-e, .k-button:active .k-si-arrow-e { background-position: 0px -144px; } .k-si-arrow-s { background-position: 0 -159px; } .k-link:not(.k-state-disabled):hover > .k-si-arrow-s, .k-state-hover > .k-si-arrow-s, .k-state-hover > * > .k-si-arrow-s, .k-button:not(.k-state-disabled):hover .k-si-arrow-s, .k-textbox:hover .k-si-arrow-s, .k-button:active .k-si-arrow-s { background-position: -16px -159px; } .k-si-arrow-w { background-position: 0px -176px; } .k-link:not(.k-state-disabled):hover > .k-si-arrow-w, .k-state-hover > .k-si-arrow-w, .k-state-hover > * > .k-si-arrow-w, .k-button:not(.k-state-disabled):hover .k-si-arrow-w, .k-textbox:hover .k-si-arrow-w, .k-button:active .k-si-arrow-w { background-position: 0px -176px; } .k-i-arrowhead-n { background-position: 0px -256px; } .k-link:not(.k-state-disabled):hover > .k-i-arrowhead-n, .k-state-hover > .k-i-arrowhead-n, .k-state-hover > * > .k-i-arrowhead-n, .k-button:not(.k-state-disabled):hover .k-i-arrowhead-n, .k-textbox:hover .k-i-arrowhead-n, .k-button:active .k-i-arrowhead-n { background-position: 0px -256px; } .k-i-arrowhead-e { background-position: 0px -272px; } .k-link:not(.k-state-disabled):hover > .k-i-arrowhead-e, .k-state-hover > .k-i-arrowhead-e, .k-state-hover > * > .k-i-arrowhead-e, .k-button:not(.k-state-disabled):hover .k-i-arrowhead-e, .k-textbox:hover .k-i-arrowhead-e, .k-button:active .k-i-arrowhead-e { background-position: 0px -272px; } .k-i-arrowhead-s { background-position: 0px -288px; } .k-link:not(.k-state-disabled):hover > .k-i-arrowhead-s, .k-state-hover > .k-i-arrowhead-s, .k-state-hover > * > .k-i-arrowhead-s, .k-button:not(.k-state-disabled):hover .k-i-arrowhead-s, .k-textbox:hover .k-i-arrowhead-s, .k-button:active .k-i-arrowhead-s { background-position: 0px -288px; } .k-i-arrowhead-w { background-position: 0px -304px; } .k-link:not(.k-state-disabled):hover > .k-i-arrowhead-w, .k-state-hover > .k-i-arrowhead-w, .k-state-hover > * > .k-i-arrowhead-w, .k-button:not(.k-state-disabled):hover .k-i-arrowhead-w, .k-textbox:hover .k-i-arrowhead-w, .k-button:active .k-i-arrowhead-w { background-position: 0px -304px; } .k-i-expand, .k-plus, .k-plus-disabled { /*background-position: 0px -192px;*/ background-position: 0px -224px; } .k-link:not(.k-state-disabled):hover > .k-i-expand, .k-link:not(.k-state-disabled):hover > .k-plus, .k-link:not(.k-state-disabled):hover > .k-plus-disabled, .k-state-hover > .k-i-expand, .k-state-hover > .k-plus, .k-state-hover > .k-plus-disabled, .k-state-hover > * > .k-i-expand, .k-state-hover > * > .k-plus, .k-state-hover > * > .k-plus-disabled, .k-button:not(.k-state-disabled):hover .k-i-expand, .k-button:not(.k-state-disabled):hover .k-plus, .k-button:not(.k-state-disabled):hover .k-plus-disabled, .k-textbox:hover .k-i-expand, .k-textbox:hover .k-plus, .k-textbox:hover .k-plus-disabled, .k-button:active .k-i-expand, .k-button:active .k-plus, .k-button:active .k-plus-disabled { background-position: 0px -192px; } .k-i-expand-w, .k-rtl .k-i-expand, .k-rtl .k-plus, .k-rtl .k-plus-disabled { background-position: 0px -208px; } .k-link:not(.k-state-disabled):hover > .k-i-expand-w, .k-link:not(.k-state-disabled):hover > .k-rtl .k-i-expand, .k-link:not(.k-state-disabled):hover > .k-rtl .k-plus, .k-link:not(.k-state-disabled):hover > .k-rtl .k-plus-disabled, .k-state-hover > .k-i-expand-w, .k-state-hover > .k-rtl .k-i-expand, .k-state-hover > .k-rtl .k-plus, .k-state-hover > .k-rtl .k-plus-disabled, .k-state-hover > * > .k-i-expand-w, .k-state-hover > * > .k-rtl .k-i-expand, .k-state-hover > * > .k-rtl .k-plus, .k-state-hover > * > .k-rtl .k-plus-disabled, .k-button:not(.k-state-disabled):hover .k-i-expand-w, .k-button:not(.k-state-disabled):hover .k-rtl .k-i-expand, .k-button:not(.k-state-disabled):hover .k-rtl .k-plus, .k-button:not(.k-state-disabled):hover .k-rtl .k-plus-disabled, .k-textbox:hover .k-i-expand-w, .k-textbox:hover .k-rtl .k-i-expand, .k-textbox:hover .k-rtl .k-plus, .k-textbox:hover .k-rtl .k-plus-disabled, .k-button:active .k-i-expand-w, .k-button:active .k-rtl .k-i-expand, .k-button:active .k-rtl .k-plus, .k-button:active .k-rtl .k-plus-disabled { background-position: 0px -208px; } .k-i-collapse, .k-minus, .k-minus-disabled { /*background-position: 0px -224px;*/ background-position: 0px -192px; } .k-link:not(.k-state-disabled):hover > .k-i-collapse, .k-link:not(.k-state-disabled):hover > .k-minus, .k-link:not(.k-state-disabled):hover > .k-minus-disabled, .k-state-hover > .k-i-collapse, .k-state-hover > .k-minus, .k-state-hover > .k-minus-disabled, .k-state-hover > * > .k-i-collapse, .k-state-hover > * > .k-minus, .k-state-hover > * > .k-minus-disabled, .k-button:not(.k-state-disabled):hover .k-i-collapse, .k-button:not(.k-state-disabled):hover .k-minus, .k-button:not(.k-state-disabled):hover .k-minus-disabled, .k-textbox:hover .k-i-collapse, .k-textbox:hover .k-minus, .k-textbox:hover .k-minus-disabled, .k-button:active .k-i-collapse, .k-button:active .k-minus, .k-button:active .k-minus-disabled { background-position: 0px -224px; } .k-i-collapse-w, .k-rtl .k-i-collapse, .k-rtl .k-minus, .k-rtl .k-minus-disabled { background-position: 0px -240px; } .k-link:not(.k-state-disabled):hover > .k-i-collapse-w, .k-link:not(.k-state-disabled):hover > .k-rtl .k-i-collapse, .k-link:not(.k-state-disabled):hover > .k-rtl .k-minus, .k-link:not(.k-state-disabled):hover > .k-rtl .k-minus-disabled, .k-state-hover > .k-i-collapse-w, .k-state-hover > .k-rtl .k-i-collapse, .k-state-hover > .k-rtl .k-minus, .k-state-hover > .k-rtl .k-minus-disabled, .k-state-hover > * > .k-i-collapse-w, .k-state-hover > * > .k-rtl .k-i-collapse, .k-state-hover > * > .k-rtl .k-minus, .k-state-hover > * > .k-rtl .k-minus-disabled, .k-button:not(.k-state-disabled):hover .k-i-collapse-w, .k-button:not(.k-state-disabled):hover .k-rtl .k-i-collapse, .k-button:not(.k-state-disabled):hover .k-rtl .k-minus, .k-button:not(.k-state-disabled):hover .k-rtl .k-minus-disabled, .k-textbox:hover .k-i-collapse-w, .k-textbox:hover .k-rtl .k-i-collapse, .k-textbox:hover .k-rtl .k-minus, .k-textbox:hover .k-rtl .k-minus-disabled, .k-button:active .k-i-collapse-w, .k-button:active .k-rtl .k-i-collapse, .k-button:active .k-rtl .k-minus, .k-button:active .k-rtl .k-minus-disabled { background-position: 0px -240px; } .k-i-pencil, .k-edit { background-position: -32px 0px; } .k-link:not(.k-state-disabled):hover > .k-i-pencil, .k-link:not(.k-state-disabled):hover > .k-edit, .k-state-hover > .k-i-pencil, .k-state-hover > .k-edit, .k-state-hover > * > .k-i-pencil, .k-state-hover > * > .k-edit, .k-button:not(.k-state-disabled):hover .k-i-pencil, .k-button:not(.k-state-disabled):hover .k-edit, .k-textbox:hover .k-i-pencil, .k-textbox:hover .k-edit, .k-button:active .k-i-pencil, .k-button:active .k-edit { background-position: -32px 0px; } .k-i-close, .k-delete, .k-group-delete { background-position: -32px -16px; } .k-link:not(.k-state-disabled):hover > .k-i-close, .k-link:not(.k-state-disabled):hover > .k-delete, .k-link:not(.k-state-disabled):hover > .k-group-delete, .k-state-hover > .k-i-close, .k-state-hover > .k-delete, .k-state-hover > .k-group-delete, .k-state-hover > * > .k-i-close, .k-state-hover > * > .k-delete, .k-state-hover > * > .k-group-delete, .k-button:not(.k-state-disabled):hover .k-i-close, .k-button:not(.k-state-disabled):hover .k-delete, .k-button:not(.k-state-disabled):hover .k-group-delete, .k-textbox:hover .k-i-close, .k-textbox:hover .k-delete, .k-textbox:hover .k-group-delete, .k-button:active .k-i-close, .k-button:active .k-delete, .k-button:active .k-group-delete { background-position: -32px -16px; } .k-si-close { background-position: -160px -80px; } .k-link:not(.k-state-disabled):hover > .k-si-close, .k-state-hover > .k-si-close, .k-state-hover > * > .k-si-close, .k-button:not(.k-state-disabled):hover .k-si-close, .k-textbox:hover .k-si-close, .k-button:active .k-si-close { background-position: -160px -80px; } .k-multiselect .k-delete { background-position: -160px -80px; } .k-multiselect .k-state-hover .k-delete { background-position: -176px -80px; } .k-i-tick, .k-insert, .k-update { background-position: -32px -32px; } .k-link:not(.k-state-disabled):hover > .k-i-tick, .k-link:not(.k-state-disabled):hover > .k-insert, .k-link:not(.k-state-disabled):hover > .k-update, .k-state-hover > .k-i-tick, .k-state-hover > .k-insert, .k-state-hover > .k-update, .k-state-hover > * > .k-i-tick, .k-state-hover > * > .k-insert, .k-state-hover > * > .k-update, .k-button:not(.k-state-disabled):hover .k-i-tick, .k-button:not(.k-state-disabled):hover .k-insert, .k-button:not(.k-state-disabled):hover .k-update, .k-textbox:hover .k-i-tick, .k-textbox:hover .k-insert, .k-textbox:hover .k-update, .k-button:active .k-i-tick, .k-button:active .k-insert, .k-button:active .k-update { background-position: -32px -32px; } .k-check:checked, .k-mobile-list .k-edit-field [type='checkbox'], .k-mobile-list .k-edit-field [type='radio'] { background-position: -32px -32px; } .k-link:not(.k-state-disabled):hover > .k-check:checked, .k-link:not(.k-state-disabled):hover > .k-mobile-list .k-edit-field [type='checkbox'], .k-link:not(.k-state-disabled):hover > .k-mobile-list .k-edit-field [type='radio'], .k-state-hover > .k-check:checked, .k-state-hover > .k-mobile-list .k-edit-field [type='checkbox'], .k-state-hover > .k-mobile-list .k-edit-field [type='radio'], .k-state-hover > * > .k-check:checked, .k-state-hover > * > .k-mobile-list .k-edit-field [type='checkbox'], .k-state-hover > * > .k-mobile-list .k-edit-field [type='radio'], .k-button:not(.k-state-disabled):hover .k-check:checked, .k-button:not(.k-state-disabled):hover .k-mobile-list .k-edit-field [type='checkbox'], .k-button:not(.k-state-disabled):hover .k-mobile-list .k-edit-field [type='radio'], .k-textbox:hover .k-check:checked, .k-textbox:hover .k-mobile-list .k-edit-field [type='checkbox'], .k-textbox:hover .k-mobile-list .k-edit-field [type='radio'], .k-button:active .k-check:checked, .k-button:active .k-mobile-list .k-edit-field [type='checkbox'], .k-button:active .k-mobile-list .k-edit-field [type='radio'] { background-position: -32px -32px; } .k-i-cancel, .k-cancel, .k-denied { background-position: -32px -48px; } .k-link:not(.k-state-disabled):hover > .k-i-cancel, .k-link:not(.k-state-disabled):hover > .k-cancel, .k-link:not(.k-state-disabled):hover > .k-denied, .k-state-hover > .k-i-cancel, .k-state-hover > .k-cancel, .k-state-hover > .k-denied, .k-state-hover > * > .k-i-cancel, .k-state-hover > * > .k-cancel, .k-state-hover > * > .k-denied, .k-button:not(.k-state-disabled):hover .k-i-cancel, .k-button:not(.k-state-disabled):hover .k-cancel, .k-button:not(.k-state-disabled):hover .k-denied, .k-textbox:hover .k-i-cancel, .k-textbox:hover .k-cancel, .k-textbox:hover .k-denied, .k-button:active .k-i-cancel, .k-button:active .k-cancel, .k-button:active .k-denied { background-position: -32px -48px; } .k-i-plus, .k-add { background-position: -32px -64px; } .k-link:not(.k-state-disabled):hover > .k-i-plus, .k-link:not(.k-state-disabled):hover > .k-add, .k-state-hover > .k-i-plus, .k-state-hover > .k-add, .k-state-hover > * > .k-i-plus, .k-state-hover > * > .k-add, .k-button:not(.k-state-disabled):hover .k-i-plus, .k-button:not(.k-state-disabled):hover .k-add, .k-textbox:hover .k-i-plus, .k-textbox:hover .k-add, .k-button:active .k-i-plus, .k-button:active .k-add { background-position: -32px -64px; } .k-i-funnel, .k-filter { background-position: -32px -80px; } .k-link:not(.k-state-disabled):hover > .k-i-funnel, .k-link:not(.k-state-disabled):hover > .k-filter, .k-state-hover > .k-i-funnel, .k-state-hover > .k-filter, .k-state-hover > * > .k-i-funnel, .k-state-hover > * > .k-filter, .k-button:not(.k-state-disabled):hover .k-i-funnel, .k-button:not(.k-state-disabled):hover .k-filter, .k-textbox:hover .k-i-funnel, .k-textbox:hover .k-filter, .k-button:active .k-i-funnel, .k-button:active .k-filter { background-position: -32px -80px; } .k-i-funnel-clear, .k-clear-filter { background-position: -32px -96px; } .k-link:not(.k-state-disabled):hover > .k-i-funnel-clear, .k-link:not(.k-state-disabled):hover > .k-clear-filter, .k-state-hover > .k-i-funnel-clear, .k-state-hover > .k-clear-filter, .k-state-hover > * > .k-i-funnel-clear, .k-state-hover > * > .k-clear-filter, .k-button:not(.k-state-disabled):hover .k-i-funnel-clear, .k-button:not(.k-state-disabled):hover .k-clear-filter, .k-textbox:hover .k-i-funnel-clear, .k-textbox:hover .k-clear-filter, .k-button:active .k-i-funnel-clear, .k-button:active .k-clear-filter { background-position: -32px -96px; } .k-i-lock { background-position: -64px 0px; } .k-link:not(.k-state-disabled):hover > .k-i-lock, .k-state-hover > .k-i-lock, .k-state-hover > * > .k-i-lock, .k-button:not(.k-state-disabled):hover .k-i-lock, .k-textbox:hover .k-i-lock, .k-button:active .k-i-lock { background-position: -64px 0px; } .k-i-unlock { background-position: -64px -16px; } .k-link:not(.k-state-disabled):hover > .k-i-unlock, .k-state-hover > .k-i-unlock, .k-state-hover > * > .k-i-unlock, .k-button:not(.k-state-disabled):hover .k-i-unlock, .k-textbox:hover .k-i-unlock, .k-button:active .k-i-unlock { background-position: -64px -16px; } .k-i-refresh { background-position: -32px -112px; } .k-link:not(.k-state-disabled):hover > .k-i-refresh, .k-state-hover > .k-i-refresh, .k-state-hover > * > .k-i-refresh, .k-button:not(.k-state-disabled):hover .k-i-refresh, .k-textbox:hover .k-i-refresh, .k-button:active .k-i-refresh { background-position: -32px -112px; } .k-i-exception { background-position: -160px -304px; } .k-link:not(.k-state-disabled):hover > .k-i-exception, .k-state-hover > .k-i-exception, .k-state-hover > * > .k-i-exception, .k-button:not(.k-state-disabled):hover .k-i-exception, .k-textbox:hover .k-i-exception, .k-button:active .k-i-exception { background-position: -160px -304px; } .k-i-restore { background-position: -32px -128px; } .k-link:not(.k-state-disabled):hover > .k-i-restore, .k-state-hover > .k-i-restore, .k-state-hover > * > .k-i-restore, .k-button:not(.k-state-disabled):hover .k-i-restore, .k-textbox:hover .k-i-restore, .k-button:active .k-i-restore { background-position: -32px -128px; } .k-i-maximize { background-position: -32px -144px; } .k-link:not(.k-state-disabled):hover > .k-i-maximize, .k-state-hover > .k-i-maximize, .k-state-hover > * > .k-i-maximize, .k-button:not(.k-state-disabled):hover .k-i-maximize, .k-textbox:hover .k-i-maximize, .k-button:active .k-i-maximize { background-position: -32px -144px; } .k-i-minimize { background-position: -64px -288px; } .k-link:not(.k-state-disabled):hover > .k-i-minimize, .k-state-hover > .k-i-minimize, .k-state-hover > * > .k-i-minimize, .k-button:not(.k-state-disabled):hover .k-i-minimize, .k-textbox:hover .k-i-minimize, .k-button:active .k-i-minimize { background-position: -64px -288px; } .k-i-pin { background-position: -160px -256px; } .k-link:not(.k-state-disabled):hover > .k-i-pin, .k-state-hover > .k-i-pin, .k-state-hover > * > .k-i-pin, .k-button:not(.k-state-disabled):hover .k-i-pin, .k-textbox:hover .k-i-pin, .k-button:active .k-i-pin { background-position: -160px -256px; } .k-i-unpin { background-position: -160px -272px; } .k-link:not(.k-state-disabled):hover > .k-i-unpin, .k-state-hover > .k-i-unpin, .k-state-hover > * > .k-i-unpin, .k-button:not(.k-state-disabled):hover .k-i-unpin, .k-textbox:hover .k-i-unpin, .k-button:active .k-i-unpin { background-position: -160px -272px; } .k-resize-se { background-position: -32px -160px; } .k-link:not(.k-state-disabled):hover > .k-resize-se, .k-state-hover > .k-resize-se, .k-state-hover > * > .k-resize-se, .k-button:not(.k-state-disabled):hover .k-resize-se, .k-textbox:hover .k-resize-se, .k-button:active .k-resize-se { background-position: -32px -160px; } .k-i-calendar { background-position: -32px -176px; } .k-link:not(.k-state-disabled):hover > .k-i-calendar, .k-state-hover > .k-i-calendar, .k-state-hover > * > .k-i-calendar, .k-button:not(.k-state-disabled):hover .k-i-calendar, .k-textbox:hover .k-i-calendar, .k-button:active .k-i-calendar { background-position: -32px -176px; } .k-i-clock { background-position: -32px -192px; } .k-link:not(.k-state-disabled):hover > .k-i-clock, .k-state-hover > .k-i-clock, .k-state-hover > * > .k-i-clock, .k-button:not(.k-state-disabled):hover .k-i-clock, .k-textbox:hover .k-i-clock, .k-button:active .k-i-clock { background-position: -32px -192px; } .k-si-plus { background-position: -32px -208px; } .k-link:not(.k-state-disabled):hover > .k-si-plus, .k-state-hover > .k-si-plus, .k-state-hover > * > .k-si-plus, .k-button:not(.k-state-disabled):hover .k-si-plus, .k-textbox:hover .k-si-plus, .k-button:active .k-si-plus { background-position: -32px -208px; } .k-si-minus { background-position: -32px -224px; } .k-link:not(.k-state-disabled):hover > .k-si-minus, .k-state-hover > .k-si-minus, .k-state-hover > * > .k-si-minus, .k-button:not(.k-state-disabled):hover .k-si-minus, .k-textbox:hover .k-si-minus, .k-button:active .k-si-minus { background-position: -32px -224px; } .k-i-search { background-position: -32px -240px; } .k-link:not(.k-state-disabled):hover > .k-i-search, .k-state-hover > .k-i-search, .k-state-hover > * > .k-i-search, .k-button:not(.k-state-disabled):hover .k-i-search, .k-textbox:hover .k-i-search, .k-button:active .k-i-search { background-position: -32px -240px; } .k-i-custom { background-position: -115px -113px; } .k-link:not(.k-state-disabled):hover > .k-i-custom, .k-state-hover > .k-i-custom, .k-state-hover > * > .k-i-custom, .k-button:not(.k-state-disabled):hover .k-i-custom, .k-textbox:hover .k-i-custom, .k-button:active .k-i-custom { background-position: -141px -113px; } .k-editor .k-i-custom { background-position: -111px -109px; } .k-viewHtml { background-position: -288px -120px; } .k-i-insert-n, .k-insert-top { background-position: -160px -32px; } .k-link:not(.k-state-disabled):hover > .k-i-insert-n, .k-link:not(.k-state-disabled):hover > .k-insert-top, .k-state-hover > .k-i-insert-n, .k-state-hover > .k-insert-top, .k-state-hover > * > .k-i-insert-n, .k-state-hover > * > .k-insert-top, .k-button:not(.k-state-disabled):hover .k-i-insert-n, .k-button:not(.k-state-disabled):hover .k-insert-top, .k-textbox:hover .k-i-insert-n, .k-textbox:hover .k-insert-top, .k-button:active .k-i-insert-n, .k-button:active .k-insert-top { background-position: -160px -32px; } .k-i-insert-m, .k-insert-middle { background-position: -160px -48px; } .k-link:not(.k-state-disabled):hover > .k-i-insert-m, .k-link:not(.k-state-disabled):hover > .k-insert-middle, .k-state-hover > .k-i-insert-m, .k-state-hover > .k-insert-middle, .k-state-hover > * > .k-i-insert-m, .k-state-hover > * > .k-insert-middle, .k-button:not(.k-state-disabled):hover .k-i-insert-m, .k-button:not(.k-state-disabled):hover .k-insert-middle, .k-textbox:hover .k-i-insert-m, .k-textbox:hover .k-insert-middle, .k-button:active .k-i-insert-m, .k-button:active .k-insert-middle { background-position: -160px -48px; } .k-i-insert-s, .k-insert-bottom { background-position: -160px -64px; } .k-link:not(.k-state-disabled):hover > .k-i-insert-s, .k-link:not(.k-state-disabled):hover > .k-insert-bottom, .k-state-hover > .k-i-insert-s, .k-state-hover > .k-insert-bottom, .k-state-hover > * > .k-i-insert-s, .k-state-hover > * > .k-insert-bottom, .k-button:not(.k-state-disabled):hover .k-i-insert-s, .k-button:not(.k-state-disabled):hover .k-insert-bottom, .k-textbox:hover .k-i-insert-s, .k-textbox:hover .k-insert-bottom, .k-button:active .k-i-insert-s, .k-button:active .k-insert-bottom { background-position: -160px -64px; } .k-drop-hint { background-position: 0 -326px; } .k-i-note, .k-warning { background-position: -160px -240px; } .k-link:not(.k-state-disabled):hover > .k-i-note, .k-link:not(.k-state-disabled):hover > .k-warning, .k-state-hover > .k-i-note, .k-state-hover > .k-warning, .k-state-hover > * > .k-i-note, .k-state-hover > * > .k-warning, .k-button:not(.k-state-disabled):hover .k-i-note, .k-button:not(.k-state-disabled):hover .k-warning, .k-textbox:hover .k-i-note, .k-textbox:hover .k-warning, .k-button:active .k-i-note, .k-button:active .k-warning { background-position: -160px -240px; } .k-i-sort-asc { background-position: -112px -240px; } .k-link:not(.k-state-disabled):hover > .k-i-sort-asc, .k-state-hover > .k-i-sort-asc, .k-state-hover > * > .k-i-sort-asc, .k-button:not(.k-state-disabled):hover .k-i-sort-asc, .k-textbox:hover .k-i-sort-asc, .k-button:active .k-i-sort-asc { background-position: -112px -240px; } .k-i-sort-desc { background-position: -112px -256px; } .k-link:not(.k-state-disabled):hover > .k-i-sort-desc, .k-state-hover > .k-i-sort-desc, .k-state-hover > * > .k-i-sort-desc, .k-button:not(.k-state-disabled):hover .k-i-sort-desc, .k-textbox:hover .k-i-sort-desc, .k-button:active .k-i-sort-desc { background-position: -112px -256px; } .k-i-group { background-position: -112px -272px; } .k-link:not(.k-state-disabled):hover > .k-i-group, .k-state-hover > .k-i-group, .k-state-hover > * > .k-i-group, .k-button:not(.k-state-disabled):hover .k-i-group, .k-textbox:hover .k-i-group, .k-button:active .k-i-group { background-position: -112px -272px; } .k-i-ungroup { background-position: -112px -288px; } .k-link:not(.k-state-disabled):hover > .k-i-ungroup, .k-state-hover > .k-i-ungroup, .k-state-hover > * > .k-i-ungroup, .k-button:not(.k-state-disabled):hover .k-i-ungroup, .k-textbox:hover .k-i-ungroup, .k-button:active .k-i-ungroup { background-position: -112px -288px; } .k-i-columns { background-position: -112px -304px; } .k-link:not(.k-state-disabled):hover > .k-i-columns, .k-state-hover > .k-i-columns, .k-state-hover > * > .k-i-columns, .k-button:not(.k-state-disabled):hover .k-i-columns, .k-textbox:hover .k-i-columns, .k-button:active .k-i-columns { background-position: -112px -304px; } .k-i-hbars { background-position: -64px -32px; } .k-link:not(.k-state-disabled):hover > .k-i-hbars, .k-state-hover > .k-i-hbars, .k-state-hover > * > .k-i-hbars, .k-button:not(.k-state-disabled):hover .k-i-hbars, .k-textbox:hover .k-i-hbars, .k-button:active .k-i-hbars { background-position: -64px -32px; } .k-i-vbars { background-position: -64px -48px; } .k-link:not(.k-state-disabled):hover > .k-i-vbars, .k-state-hover > .k-i-vbars, .k-state-hover > * > .k-i-vbars, .k-button:not(.k-state-disabled):hover .k-i-vbars, .k-textbox:hover .k-i-vbars, .k-button:active .k-i-vbars { background-position: -64px -48px; } .k-i-sum { background-position: -64px -64px; } .k-link:not(.k-state-disabled):hover > .k-i-sum, .k-state-hover > .k-i-sum, .k-state-hover > * > .k-i-sum, .k-button:not(.k-state-disabled):hover .k-i-sum, .k-textbox:hover .k-i-sum, .k-button:active .k-i-sum { background-position: -64px -64px; } .k-i-pdf { background-position: -64px -80px; } .k-link:not(.k-state-disabled):hover > .k-i-pdf, .k-state-hover > .k-i-pdf, .k-state-hover > * > .k-i-pdf, .k-button:not(.k-state-disabled):hover .k-i-pdf, .k-textbox:hover .k-i-pdf, .k-button:active .k-i-pdf { background-position: -64px -80px; } .k-i-excel { background-position: -64px -96px; } .k-link:not(.k-state-disabled):hover > .k-i-excel, .k-state-hover > .k-i-excel, .k-state-hover > * > .k-i-excel, .k-button:not(.k-state-disabled):hover .k-i-excel, .k-textbox:hover .k-i-excel, .k-button:active .k-i-excel { background-position: -64px -96px; } .k-i-rotatecw { background-position: -64px -112px; } .k-link:not(.k-state-disabled):hover > .k-i-rotatecw, .k-state-hover > .k-i-rotatecw, .k-state-hover > * > .k-i-rotatecw, .k-button:not(.k-state-disabled):hover .k-i-rotatecw, .k-textbox:hover .k-i-rotatecw, .k-button:active .k-i-rotatecw { background-position: -64px -112px; } .k-i-rotateccw { background-position: -64px -128px; } .k-link:not(.k-state-disabled):hover > .k-i-rotateccw, .k-state-hover > .k-i-rotateccw, .k-state-hover > * > .k-i-rotateccw, .k-button:not(.k-state-disabled):hover .k-i-rotateccw, .k-textbox:hover .k-i-rotateccw, .k-button:active .k-i-rotateccw { background-position: -64px -128px; } .k-i-undo { background-position: -64px -160px; } .k-link:not(.k-state-disabled):hover > .k-i-undo, .k-state-hover > .k-i-undo, .k-state-hover > * > .k-i-undo, .k-button:not(.k-state-disabled):hover .k-i-undo, .k-textbox:hover .k-i-undo, .k-button:active .k-i-undo { background-position: -64px -160px; } .k-i-redo { background-position: -64px -144px; } .k-link:not(.k-state-disabled):hover > .k-i-redo, .k-state-hover > .k-i-redo, .k-state-hover > * > .k-i-redo, .k-button:not(.k-state-disabled):hover .k-i-redo, .k-textbox:hover .k-i-redo, .k-button:active .k-i-redo { background-position: -64px -144px; } .k-i-shape { background-position: -64px -176px; } .k-link:not(.k-state-disabled):hover > .k-i-shape, .k-state-hover > .k-i-shape, .k-state-hover > * > .k-i-shape, .k-button:not(.k-state-disabled):hover .k-i-shape, .k-textbox:hover .k-i-shape, .k-button:active .k-i-shape { background-position: -64px -176px; } .k-i-connector { background-position: -64px -192px; } .k-link:not(.k-state-disabled):hover > .k-i-connector, .k-state-hover > .k-i-connector, .k-state-hover > * > .k-i-connector, .k-button:not(.k-state-disabled):hover .k-i-connector, .k-textbox:hover .k-i-connector, .k-button:active .k-i-connector { background-position: -64px -192px; } .k-i-kpi { background-position: -64px -208px; } .k-link:not(.k-state-disabled):hover > .k-i-kpi, .k-state-hover > .k-i-kpi, .k-state-hover > * > .k-i-kpi, .k-button:not(.k-state-disabled):hover .k-i-kpi, .k-textbox:hover .k-i-kpi, .k-button:active .k-i-kpi { background-position: -64px -208px; } .k-i-dimension { background-position: -64px -224px; } .k-link:not(.k-state-disabled):hover > .k-i-dimension, .k-state-hover > .k-i-dimension, .k-state-hover > * > .k-i-dimension, .k-button:not(.k-state-disabled):hover .k-i-dimension, .k-textbox:hover .k-i-dimension, .k-button:active .k-i-dimension { background-position: -64px -224px; } .k-file { background-position: 0px 0px; } .k-link:not(.k-state-disabled):hover > .k-file, .k-state-hover > .k-file, .k-state-hover > * > .k-file, .k-button:not(.k-state-disabled):hover .k-file, .k-textbox:hover .k-file, .k-button:active .k-file { background-position: 0px 0px; } .k-i-folder-add, .k-addfolder { background-position: -32px -272px; } .k-link:not(.k-state-disabled):hover > .k-i-folder-add, .k-link:not(.k-state-disabled):hover > .k-addfolder, .k-state-hover > .k-i-folder-add, .k-state-hover > .k-addfolder, .k-state-hover > * > .k-i-folder-add, .k-state-hover > * > .k-addfolder, .k-button:not(.k-state-disabled):hover .k-i-folder-add, .k-button:not(.k-state-disabled):hover .k-addfolder, .k-textbox:hover .k-i-folder-add, .k-textbox:hover .k-addfolder, .k-button:active .k-i-folder-add, .k-button:active .k-addfolder { background-position: -32px -272px; } .k-i-folder-up, .k-goup { background-position: -32px -288px; } .k-link:not(.k-state-disabled):hover > .k-i-folder-up, .k-link:not(.k-state-disabled):hover > .k-goup, .k-state-hover > .k-i-folder-up, .k-state-hover > .k-goup, .k-state-hover > * > .k-i-folder-up, .k-state-hover > * > .k-goup, .k-button:not(.k-state-disabled):hover .k-i-folder-up, .k-button:not(.k-state-disabled):hover .k-goup, .k-textbox:hover .k-i-folder-up, .k-textbox:hover .k-goup, .k-button:active .k-i-folder-up, .k-button:active .k-goup { background-position: -32px -288px; } .k-i-more { background-position: -64px -32px; } .k-link:not(.k-state-disabled):hover > .k-i-more, .k-state-hover > .k-i-more, .k-state-hover > * > .k-i-more, .k-button:not(.k-state-disabled):hover .k-i-more, .k-textbox:hover .k-i-more, .k-button:active .k-i-more { background-position: -64px -32px; } .k-i-gantt-toggle { background-position: -64px -240px; } .k-link:not(.k-state-disabled):hover > .k-i-gantt-toggle, .k-state-hover > .k-i-gantt-toggle, .k-state-hover > * > .k-i-gantt-toggle, .k-button:not(.k-state-disabled):hover .k-i-gantt-toggle, .k-textbox:hover .k-i-gantt-toggle, .k-button:active .k-i-gantt-toggle { background-position: -64px -240px; } .k-file > .k-icon { background-position: -115px -91px; } .k-image { border: 0; } .k-breadcrumbs:hover .k-i-arrow-n { background-position: 0 0; } .k-breadcrumbs:hover .k-i-arrow-e { background-position: 0 -16px; } /* Dropdown icon in k-scheduler-views */ .k-pager-numbers .k-current-page .k-link:after, .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, .k-gantt-views > .k-current-view > .k-link:after { background-position: 0px -32px; } .k-link:not(.k-state-disabled):hover > .k-pager-numbers .k-current-page .k-link:after, .k-link:not(.k-state-disabled):hover > .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, .k-link:not(.k-state-disabled):hover > .k-gantt-views > .k-current-view > .k-link:after, .k-state-hover > .k-pager-numbers .k-current-page .k-link:after, .k-state-hover > .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, .k-state-hover > .k-gantt-views > .k-current-view > .k-link:after, .k-state-hover > * > .k-pager-numbers .k-current-page .k-link:after, .k-state-hover > * > .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, .k-state-hover > * > .k-gantt-views > .k-current-view > .k-link:after, .k-button:not(.k-state-disabled):hover .k-pager-numbers .k-current-page .k-link:after, .k-button:not(.k-state-disabled):hover .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, .k-button:not(.k-state-disabled):hover .k-gantt-views > .k-current-view > .k-link:after, .k-textbox:hover .k-pager-numbers .k-current-page .k-link:after, .k-textbox:hover .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, .k-textbox:hover .k-gantt-views > .k-current-view > .k-link:after, .k-button:active .k-pager-numbers .k-current-page .k-link:after, .k-button:active .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, .k-button:active .k-gantt-views > .k-current-view > .k-link:after { background-position: 0px -32px; } /* Colors */ html .k-success-colored { color: #507f50; border-color: #d0dfd0; background-color: #f0fff0; } html .k-info-colored { color: #50607f; border-color: #d0d9df; background-color: #f0f9ff; } html .k-error-colored { color: #7f5050; border-color: #dfd0d0; background-color: #fff0f0; } .k-inline-block { padding: 0 2px; } /* loading */ .k-loading, .k-loading-image { background-color: transparent; background-repeat: no-repeat; background-position: center center; } .k-loading-mask, .k-loading-image, .k-loading-text { position: absolute; } .k-loading-mask { z-index: 100; } .k-loading-mask .k-loading-progress { margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .k-loading-text { text-indent: -4000px; text-align: center; /*rtl*/ } .k-loading-image, .k-loading-color { width: 100%; height: 100%; } .k-loading-image { top: 0; left: 0; z-index: 2; } .k-loading-color { filter: alpha(opacity=30); opacity: 0.3; } .k-content-frame { border: 0; width: 100%; height: 100%; } .k-pane > .k-splitter-overlay { filter: alpha(opacity=0); opacity: 0; position: absolute; } /* drag n drop */ .k-drag-clue { position: absolute; z-index: 10003; border-style: solid; border-width: 1px; font-size: 0.9em; padding: 0.2em 0.4em; white-space: nowrap; cursor: default; } .k-drag-status { margin-top: -3px; margin-right: 4px; vertical-align: middle; } .k-reorder-cue { position: absolute; width: 1px; overflow: visible; } .k-reorder-cue .k-icon { position: absolute; left: -4px; width: 8px; height: 4px; } .k-reorder-cue .k-i-arrow-s { top: -4px; background-position: -4px -166px; } .k-reorder-cue .k-i-arrow-n { bottom: -4px; background-position: -4px -134px; } /* virtual scrollbar */ .k-scrollbar { position: absolute; overflow: scroll; } .k-grid-content .k-scrollbar-vertical { display: none; } .k-scrollbar-vertical { top: 0; right: 0; width: 17px; /* scrollbar width */ height: 100%; overflow-x: hidden; } .k-touch-scrollbar { display: none; position: absolute; z-index: 200000; height: 8px; width: 8px; border: 1px solid #8a8a8a; background-color: #858585; } @media only screen and (-webkit-min-device-pixel-ratio: 2) { body .k-touch-scrollbar { height: 12px; width: 12px; border-radius: 7px; } } .k-virtual-scrollable-wrap { overflow-x: auto; /*needed by IE8*/ } /* current time indicator */ .k-current-time { background: #f00; position: absolute; } .k-current-time-arrow-down { width: 0; height: 0; background: transparent; border-bottom: 4px solid transparent; border-top: 4px solid #f00; border-left: 4px solid transparent; border-right: 4px solid transparent; } .k-current-time-arrow-left { width: 0; height: 0; background: transparent; border-bottom: 4px solid transparent; border-top: 4px solid transparent; border-left: 4px solid transparent; border-right: 4px solid #f00; } .k-current-time-arrow-right { width: 0; height: 0; background: transparent; border-bottom: 4px solid transparent; border-top: 4px solid transparent; border-left: 4px solid #f00; border-right: 4px solid transparent; } /* override box sizing for grid layout framework integration (Bootstrap 3, Foundation 4) */ .k-animation-container, .k-widget, .k-widget *, .k-animation-container *, .k-widget *:before, .k-animation-container *:after, .k-block .k-header, .k-list-container { box-sizing: content-box; } .k-button, .k-textbox, .k-autocomplete, div.k-window-content, .k-tabstrip > .k-content > .km-scroll-container, .k-block, .k-edit-cell .k-widget, .k-grid-edit-row .k-widget, .k-grid-edit-row .text-box, .km-actionsheet > li, .km-shim { box-sizing: border-box; } /* Fix for Bootstrap 3 */ .input-group .form-control { box-sizing: border-box; } .form-control.k-widget { padding: 0; } a.k-button:hover { text-decoration: none; } /* override iOS styles in mobile Kendo */ .km-widget, .km-widget * { -moz-background-clip: border-box; -webkit-background-clip: border-box; background-clip: border-box; } input.k-checkbox, .k-radio { opacity: 0; width: 0; margin: 0; -webkit-appearance: none; overflow: hidden; } .k-checkbox-label { height: 5px; position: relative; padding-left: 1.5em; vertical-align: middle; line-height: 0.875em; cursor: pointer; } .k-checkbox-label:before { content: ''; position: absolute; top: 0; left: 0; border-width: 1px; border-style: solid; width: 1em; height: 1em; font-size: 1em; line-height: 1em; text-align: center; } .k-checkbox:indeterminate + .k-checkbox-label:after { content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-width: 1px; border-style: solid; width: 8px; height: 8px; font-size: 1em; text-align: center; content: ' '; margin-left: -2px; } .k-checkbox:checked + .k-checkbox-label:before { content: '\2713'; } .k-checkbox:disabled + .k-checkbox-label { cursor: auto; } .k-radio-label { position: relative; padding-left: 1.5em; vertical-align: middle; line-height: 1em; cursor: pointer; } .k-radio-label:before { content: ''; position: absolute; top: 0; left: 0; width: 14px; height: 14px; border-style: solid; } .k-radio:checked + .k-radio-label:after { content: ''; width: 10px; height: 10px; position: absolute; top: 3px; left: 3px; } .k-radio:disabled + .k-radio-label { cursor: auto; } .k-ie8 input.k-checkbox, .k-ie8 .k-radio { display: inline-block; width: auto; } .k-ie8 .k-checkbox-label, .k-ie8 .k-radio-label { padding-left: 0; } .k-ie8 .k-checkbox-label:before, .k-ie8 .k-radio-label:before, .k-ie8 .k-radio-label:after { display: none; } /* RTL for checkboxes and radio buttons */ .k-rtl .k-checkbox-label, .k-rtl .k-radio-label { padding-right: 1.5em; } .k-rtl .k-checkbox-label:before, .k-rtl .k-radio-label:before { right: 0; } .k-rtl .k-radio:checked + .k-radio-label:after { right: 3px; } input.k-checkbox + label { -webkit-user-select: none; } /* Off-screen container used during export */ .k-pdf-export-shadow { position: absolute; overflow: hidden; left: -15000px; width: 14400px; } .km-native-scroller { overflow: auto; -webkit-overflow-scrolling: touch; -ms-touch-action: pan-x pan-y; -ms-overflow-style: -ms-autohiding-scrollbar; -ms-scroll-snap-type: proximity; } /*! */ /* responsive panel */ .k-rpanel-left { -webkit-transform: translateX(-100%) translateZ(0); -ms-transform: translateX(-100%) translateZ(0); transform: translateX(-100%) translateZ(0); left: 0; } .k-rpanel-right { -webkit-transform: translateX(100%) translateZ(0); -ms-transform: translateX(100%) translateZ(0); transform: translateX(100%) translateZ(0); right: 0; } .k-rpanel-left, .k-rpanel-right { position: fixed; display: block; overflow: auto; min-width: 320px; height: 100%; top: 0; } .k-rpanel-left.k-rpanel-expanded, .k-rpanel-right.k-rpanel-expanded { -webkit-transform: translateX(0) translateZ(0); -ms-transform: translateX(0) translateZ(0); transform: translateX(0) translateZ(0); } .k-rpanel-left + *, .k-rpanel-right + * { overflow: auto; } .k-rpanel-top { position: static; max-height: 0; } .k-rpanel-top.k-rpanel-expanded { max-height: 568px; overflow: visible !important; } /*! */ .k-edit-form { margin: 0; padding: 0; } .k-window > div.k-popup-edit-form { padding: 1em 0; } .k-grid-edit-row .k-edit-form td { border-bottom-width: 0; } .k-edit-form-container { position: relative; width: 400px; } .k-edit-label, .k-edit-form-container .editor-label { float: left; clear: both; width: 30%; padding: 0.4em 0 1em; margin-left: 2%; text-align: right; } .k-edit-field, .k-edit-form-container .editor-field { float: right; clear: right; width: 60%; margin-right: 2%; padding: 0 0 0.6em; } .k-edit-field > input[type='checkbox'], .k-edit-field > input[type='radio'] { margin-top: 0.4em; } .k-edit-form-container .k-button { margin: 0 0.16em; } .k-edit-field > input[type='checkbox']:first-child, .k-edit-field > input[type='radio']:first-child, .k-edit-field > label:first-child > input[type='checkbox'], .k-edit-field > .k-button:first-child { margin-left: 0; } .k-edit-form-container .k-edit-buttons { clear: both; text-align: right; border-width: 1px 0 0; border-style: solid; position: relative; bottom: -1em; padding: 0.6em; } /*! */ /* Window */ div.k-window { display: inline-block; position: absolute; z-index: 10001; border-style: solid; border-width: 1px; padding-top: 2em; } .k-block > .k-header, .k-window-titlebar { position: absolute; width: 100%; height: 1.1em; border-bottom-style: solid; border-bottom-width: 1px; margin-top: -2em; padding: 0.4em 0; font-size: 1.2em; white-space: nowrap; min-height: 16px; /* icon size */ } .k-block > .k-header { position: relative; margin: -2px 0 10px -2px; padding: 0.3em 2px; } .k-window-title { position: absolute; left: 0.44em; right: 0.44em; overflow: hidden; cursor: default; text-overflow: ellipsis; } .k-window-title .k-image { margin: 0 5px 0 0; vertical-align: middle; } div.k-window-titleless { padding-top: 0; } div.k-window-content { position: relative; height: 100%; padding: 0.58em; overflow: auto; outline: 0; } div.k-window-iframecontent { padding: 0; overflow: visible; } .k-window-content > .km-scroll-container { height: 100%; } .k-window-titlebar .k-window-actions { position: absolute; top: 0; right: 0.3em; padding-top: 0.3em; white-space: nowrap; max-width: 104px; } .k-window-titlebar .k-window-action { display: inline-block; width: 16px; height: 16px; padding: 2px; text-decoration: none; vertical-align: middle; opacity: 0.7; } .k-window-titlebar .k-state-hover { border-style: solid; border-width: 1px; padding: 1px; opacity: 1; } .k-window-action .k-icon { margin: 0; vertical-align: top; } .k-window > .k-resize-handle { position: absolute; z-index: 1; background-color: #fff; font-size: 0; line-height: 6px; filter: alpha(opacity=0); opacity: 0; zoom: 1; } .k-resize-n { top: -3px; left: 0; width: 100%; height: 6px; cursor: n-resize; } .k-resize-e { top: 0; right: -3px; width: 6px; height: 100%; cursor: e-resize; } .k-resize-s { bottom: -3px; left: 0; width: 100%; height: 6px; cursor: s-resize; } .k-resize-w { top: 0; left: -3px; width: 6px; height: 100%; cursor: w-resize; } .k-resize-se { bottom: -3px; right: -3px; width: 16px; height: 16px; cursor: se-resize; } .k-resize-sw { bottom: -3px; left: -3px; width: 6px; height: 6px; cursor: sw-resize; } .k-resize-ne { top: -3px; right: -3px; width: 6px; height: 6px; cursor: ne-resize; } .k-resize-nw { top: -3px; left: -3px; width: 6px; height: 6px; cursor: nw-resize; } .k-overlay { position: fixed; top: 0; left: 0; z-index: 10001; width: 100%; height: 100%; background-color: #000; filter: alpha(opacity=50); opacity: 0.5; } .k-window .k-overlay { position: absolute; width: 100%; height: 100%; background-color: #fff; filter: alpha(opacity=0); opacity: 0; } .k-action-buttons { clear: both; text-align: right; border-width: 1px 0 0; border-style: solid; position: relative; bottom: -1em; padding: 0.6em; margin: 0 -1em; } .k-action-buttons .k-button { display: inline-block; margin: 0 0 0 6px; min-width: 75px; } /*! */ /* TabStrip */ .k-tabstrip { margin: 0; padding: 0; zoom: 1; position: relative; } .k-tabstrip-items { padding: 0.3em 0.3em 0; } .k-tabstrip-scrollable .k-tabstrip-items { white-space: nowrap; overflow: hidden; } .k-tabstrip > .k-button { position: absolute; top: 0.4em; z-index: 2; user-select: none; } .k-tabstrip-bottom > .k-button { top: auto; bottom: 0.4em; } .k-tabstrip-prev { left: 0.4em; } .k-tabstrip-next { right: 0.4em; } .k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item { list-style-type: none; display: inline-block; position: relative; border-style: solid; border-width: 1px 1px 0; margin: 0 -1px 0 0; padding: 0; vertical-align: top; } .k-tabstrip-items .k-tab-on-top, .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-items .k-state-active { margin-bottom: -1px; padding-bottom: 1px; } .k-tabstrip-items .k-tab-on-top { z-index: 1; } .k-tabstrip-items .k-link, .k-panelbar .k-tabstrip-items .k-link { display: inline-block; border-bottom-width: 0; padding: 0.5em 0.92em; } .k-tabstrip-items .k-icon, .k-panelbar .k-tabstrip-items .k-icon { margin: -1px 4px 0 -3px; vertical-align: top; } .k-tabstrip-items .k-item .k-image, .k-tabstrip-items .k-item .k-sprite, .k-panelbar .k-tabstrip-items .k-item .k-image, .k-panelbar .k-tabstrip-items .k-item .k-sprite { margin: -3px 3px 0 -6px; vertical-align: middle; } /* TabStrip Loading Progress */ .k-tabstrip-items .k-loading { top: 0; left: 0; height: 0; width: 20%; position: absolute; background: transparent; border-top: 1px solid transparent; border-color: inherit; transition: width 200ms linear; transition: 'width 200ms linear'; animation: k-tab-loader 1s ease-in-out infinite; } .k-tabstrip-items .k-progress { animation: none; } .k-tabstrip-items .k-loading.k-complete { width: 100%; animation: none; } .k-tabstrip > .k-content, .k-panelbar .k-tabstrip > .k-content { position: static; border-style: solid; border-width: 1px; margin: 0 0.286em 0.3em; padding: 0.3em 0.92em; zoom: 1; } .k-tabstrip > .k-content { display: none; } .k-tabstrip > .k-content.km-scroll-wrapper { padding: 0; } .k-tabstrip > .k-content > .km-scroll-container { padding: 0.3em 0.92em; } @keyframes k-tab-loader { 0% { left: 0; } 50% { left: 80%; } 100% { left: 0; } } /* left and right tabs */ .k-tabstrip-left > div.k-content, .k-tabstrip-right > div.k-content { margin: 0.286em 0.3em; } .k-tabstrip-left > .k-tabstrip-items .k-item, .k-tabstrip-right > .k-tabstrip-items .k-item { display: block; margin-bottom: -1px; } .k-tabstrip-left > .k-tabstrip-items .k-link, .k-tabstrip-right > .k-tabstrip-items .k-link { display: block; } .k-tabstrip-left > .k-tabstrip-items .k-tab-on-top, .k-tabstrip-right > .k-tabstrip-items .k-tab-on-top, .k-tabstrip-left > .k-tabstrip-items .k-state-active, .k-tabstrip-right > .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-left > .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-right > .k-tabstrip-items .k-state-active { margin-bottom: -1px; padding-bottom: 0; } /* left tabs */ .k-tabstrip-left > .k-tabstrip-items { float: left; padding: 0.25em 0 0.3em 0.3em; } .k-tabstrip-left > .k-tabstrip-items .k-item { border-width: 1px 0 1px 1px; border-radius: 3px 0 0 3px; } .k-tabstrip-left > .k-tabstrip-items .k-state-active { border-width: 1px 0 1px 1px; } .k-tabstrip-left > .k-tabstrip-items .k-tab-on-top, .k-tabstrip-left > .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-left > .k-tabstrip-items .k-state-active { margin-right: -2px; padding-right: 1px; } /* right tabs */ .k-tabstrip-right > .k-tabstrip-items { float: right; padding: 0.25em 0.3em 0.3em 0; } .k-tabstrip-right > .k-tabstrip-items .k-item { border-width: 1px 1px 1px 0; border-radius: 0 3px 3px 0; } .k-tabstrip-right > .k-tabstrip-items .k-state-active { border-width: 1px 1px 1px 0; } .k-tabstrip-right > .k-tabstrip-items .k-tab-on-top, .k-tabstrip-right > .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-right > .k-tabstrip-items .k-state-active { margin-left: -1px; padding-left: 1px; } /* bottom tabs */ .k-tabstrip-bottom > .k-tabstrip-items { margin-top: -1px; padding: 0 0.3em 0.3em; } .k-tabstrip-bottom > .k-content, .k-panelbar .k-tabstrip-bottom > .k-content { margin: 0.3em 0.286em 0; z-index: 1; position: relative; } .k-tabstrip-bottom > .k-tabstrip-items .k-item { border-width: 0 1px 1px; border-radius: 0 0 4px 4px; } .k-tabstrip-bottom > .k-tabstrip-items .k-state-active { margin-bottom: 0; padding-bottom: 0; } .k-tabstrip-bottom > .k-content { min-height: 100px; } .k-tabstrip-bottom > .k-tabstrip-items .k-loading { top: auto; bottom: 0; } /*! */ /* PanelBar */ .k-panelbar { zoom: 1; } .k-panelbar > .k-item, .k-panel > .k-item { list-style-type: none; display: block; border-width: 0; margin: 0; zoom: 1; border-radius: 0; } .k-panelbar .k-link > .k-image, .k-panelbar .k-link > .k-sprite { float: left; margin-top: 4px; margin-right: 5px; vertical-align: middle; } .k-panelbar > .k-item > .k-link, .k-panel > .k-item > .k-link { display: block; position: relative; border-bottom-style: solid; border-bottom-width: 1px; padding: 0 1em; line-height: 2.34em; text-decoration: none; zoom: 1; } .k-panelbar-expand, .k-panelbar-collapse { position: absolute; top: 50%; right: 4px; margin-top: -8px; } .k-panelbar .k-panel, .k-panelbar .k-content { position: relative; border-bottom-style: solid; border-bottom-width: 1px; margin: 0; padding: 0; zoom: 1; } .k-panel > .k-item > .k-link { border-bottom: 0; font-size: 0.95em; line-height: 2.2; } .k-panel .k-panel > .k-item > .k-link { padding-left: 2em; } .k-panelbar .k-i-seek-e .k-link { border-bottom: 0; } .k-panel .k-panel { border-bottom: 0; } /*! */ /* Menu */ .k-menu { cursor: default; } .k-menu, .k-menu .k-menu-group { list-style: none; margin: 0; padding: 0; zoom: 1; } .k-menu:after { content: ''; display: block; width: 99%; height: 0; float: inherit; clear: both; } .k-menu .k-item { -webkit-user-select: none; -moz-user-select: -moz-none; user-select: none; } .k-menu .k-item div { user-select: default; } .k-menu .k-item .k-item, ul.k-menu-vertical > .k-item { display: block; float: none; border-width: 0; } .k-menu .k-item > .k-link > .k-icon, .k-menu .k-image, .k-menu .k-sprite { margin: -2px 4px 0 -4px; vertical-align: middle; } .k-menu .k-item > .k-link > .k-icon { margin: -2px 0 0; } .k-menu .k-item > .k-link { display: block; padding: 1.071em; line-height: 1.34em; user-select: none; } .k-menu .k-menu-group { display: none; border-style: solid; border-width: 1px; overflow: visible; white-space: nowrap; } .k-menu .k-menu-group > .k-item { display: block; border-width: 0; } .k-menu .k-item, .k-widget.k-menu-horizontal > .k-item { position: relative; float: left; border-style: solid; border-width: 0 1px 0 0; vertical-align: top; zoom: 1; box-sizing: content-box; } .k-context-menu.k-menu-vertical > .k-item > .k-link, .k-menu .k-menu-group .k-item > .k-link { padding: 0.28em 1.8em 0.38em 0.9em; } .k-context-menu.k-menu-horizontal > .k-separator { display: none; } .k-context-menu.k-menu-horizontal > .k-item { box-sizing: border-box; } .k-context-menu.k-menu-horizontal > .k-last { border: 0; } .k-menu .k-item > .k-link > .k-i-arrow-s { margin-right: -8px; } .k-menu .k-item > .k-link > .k-i-arrow-e { position: absolute; top: 50%; margin-top: -8px; right: 2px; right: 0.2rem; } .k-menu .k-animation-container { border: 0; } .k-menu .k-animation-container, .k-menu .k-menu-group { position: absolute; left: 0; } .k-menu .k-animation-container .k-animation-container, .k-menu .k-menu-group .k-menu-group, .k-menu-vertical .k-animation-container, .k-menu-vertical .k-menu-group { top: 0; left: 0; } .k-menu .k-animation-container .k-menu-group { top: auto; left: auto; margin-left: -1px; } .k-menu .k-animation-container, .k-popup .k-animation-container { margin-top: -1px; padding-left: 1px; } .k-ie .k-menu .k-animation-container, .k-ie .k-popup .k-animation-container { margin-top: -2px; } .k-popup .k-animation-container .k-popup { margin-left: -1px; } ul.k-menu .k-separator { padding: 0.25em 0; height: 100%; width: 1px; font-size: 0; line-height: 0; border-width: 0 1px 0 0; } ul.k-menu-vertical .k-separator, .k-menu .k-menu-group .k-separator { padding: 0; height: 1px; width: 100%; border-width: 1px 0 0; } /* Context Menu */ .k-context-menu { border: 0; user-select: none; } /*! */ /* Grid */ .k-grid, .k-listview { position: relative; zoom: 1; } .k-grid table { width: 100%; margin: 0; /* override CSS libraries */ max-width: none; border-collapse: separate; border-spacing: 0; empty-cells: show; border-width: 0; outline: none; } .k-header.k-drag-clue { overflow: hidden; } .k-grid-header th.k-header, .k-filter-row th { overflow: hidden; border-style: solid; border-width: 0 0 1px 1px; padding: 0.5em 0.6em 0.4em 0.6em; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; text-align: left; } .k-grid-header th.k-header { vertical-align: bottom; } .k-filtercell, .k-filtercell > span, .k-filtercell .k-widget { display: block; width: auto; } .k-filtercell > span { padding-right: 4.8em; position: relative; min-height: 2em; line-height: 2em; } .k-filtercell > .k-operator-hidden { padding-right: 2.3em; } .k-filtercell > span > .k-button, .k-filter-row .k-dropdown-operator { position: absolute; top: 0; right: 0; } .k-filter-row .k-dropdown-operator { width: 2.1em; right: 2.5em; } .k-filtercell > span > label { vertical-align: middle; } .k-filter-row label > input[type='radio'] { vertical-align: middle; position: relative; bottom: 2px; } .k-ie10 .k-grid-header a:active { background-color: transparent; /*remove gray background*/ } .k-grid-header th.k-header > .k-link { display: block; min-height: 18px; line-height: 18px; /* due to sorting icons*/ margin: -0.5em -0.6em -0.4em 0; padding: 0.5em 0.6em 0.4em 0; overflow: hidden; text-overflow: ellipsis; } .k-grid-header th.k-with-icon .k-link { margin-right: 18px; } .k-grid-header th.k-header .k-icon { position: static; } .k-grid-header th > .k-link > .k-icon { vertical-align: text-top; } .k-grid .k-state-hover { cursor: pointer; } .k-grid-column-resizing, .k-grid-column-resizing .k-grid-filter, .k-grid-column-resizing .k-link, .k-grid-column-resizing .k-button, .k-grid-column-resizing .k-grid-toolbar { cursor: col-resize; } .k-grid td { border-style: solid; border-width: 0 0 0 1px; padding: 0.4em 0.6em; overflow: hidden; line-height: 1.6em; vertical-align: middle; text-overflow: ellipsis; } .k-grid .k-grouping-row td, .k-grid .k-hierarchy-cell { overflow: visible; } .k-grid-edit-row td { text-overflow: clip; } .k-grid-edit-row .k-textbox, .k-grid-edit-row .text-box { /*reset default webkit styles*/ margin-top: 0; margin-bottom: 0; } .k-grid-header-wrap, .k-grid-footer-wrap { position: relative; width: 100%; overflow: hidden; border-style: solid; border-width: 0 1px 0 0; zoom: 1; } div.k-grid-header, div.k-grid-footer { padding-right: 17px; /* scrollbar width; may vary; can be calculated */ border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: darkgrey; zoom: 1; } .k-grid-header-wrap > table, .k-grid-header-locked > table { margin-bottom: -1px; } @media only screen and (max-width: 1920px) { .k-grid-content { max-height: 63vh !important; } } @media only screen and (max-width: 1280px) { .k-grid-content { max-height: 57vh !important; } } .k-grid-content { min-height: 40vh; height: 100% !important; position: relative; width: 100%; overflow-y: auto !important; zoom: 1; /* IE9 bug workaround - expanding Grid on hover */ } .k-tabstrip-wrapper .k-grid-content { height: 100% !important; min-height: 65px !important; padding-right: 0 !important; max-height: calc(5 * 41px) !important; } .k-mobile .k-grid tbody { -webkit-backface-visibility: hidden; } .k-mobile .k-grid-backface tbody { -webkit-backface-visibility: visible; } .k-grid-content-expander { position: absolute; visibility: hidden; height: 1px; width: 100% !important; } .k-grid-norecords { width: 100%; height: 100%; text-align: center; } .k-grid-norecords-template { width: 20em; height: 4em; line-height: 4em; vertical-align: middle; margin: 0 auto; } .k-grid-content > .k-grid-norecords > .k-grid-norecords-template { top: 50%; left: 50%; margin-left: -10em; margin-top: -2em; position: absolute; } @media print { .k-grid { height: auto !important; } .k-grid-header { padding: 0 !important; } .k-grid-header-wrap, .k-grid-content { overflow: visible; height: auto !important; } } .k-grid .k-scrollbar { -ms-overflow-style: scrollbar; } .k-virtual-scrollable-wrap { height: 100%; overflow-y: hidden; position: relative; } .k-grid-header table, .k-grid-content table, .k-grid-footer table, .k-grid-content-locked > table { table-layout: fixed; } /* Grid :: locked columns */ .k-grid-lockedcolumns { white-space: nowrap; } .k-grid-content-locked, .k-grid-content, .k-pager-wrap { white-space: normal; } .k-grid-header-locked, .k-grid-content-locked, .k-grid-footer-locked { display: inline-block; vertical-align: top; overflow: hidden; /* generally uneeded */ position: relative; border-style: solid; border-width: 0 1px 0 0; } .k-grid-header-locked + .k-grid-header-wrap, .k-grid-content-locked + .k-grid-content, .k-grid-footer-locked + .k-grid-footer-wrap { display: inline-block; vertical-align: top; } .k-grid-toolbar { border-style: solid; border-width: 1px 0 0; } .k-grid-header th.k-header:first-child, .k-grid tbody td:first-child, .k-grid tfoot td:first-child, .k-filter-row > th:first-child { border-left-width: 0; } .k-grid-header th.k-header.k-first { border-left-width: 1px; } .k-grid-toolbar:first-child, .k-grouping-header + .k-grid-toolbar { border-width: 0 0 1px; } /* Grid :: footer */ .k-footer-template td { border-style: solid; border-width: 1px 0 0 1px; } .k-group-footer td { border-style: solid; border-width: 1px 0; } .k-group-footer .k-group-cell + td { border-left-width: 1px; } .k-grid-footer { border-style: solid; border-width: 1px 0 0; } .k-grid-footer td { border-top-width: 0; } .k-grid-footer > td { border-top-width: 1px; } /* Grid :: paging */ .k-pager-wrap { clear: both; overflow: hidden; position: relative; border-style: solid; border-width: 1px; line-height: 2em; padding: 0.333em 0 0.333em 0.25em; } .k-grid-pager { border-width: 1px 0 0; } .k-grid .k-pager-numbers, .k-pager-numbers .k-link, .k-pager-numbers .k-state-selected { display: inline-block; vertical-align: top; margin-right: 1px; } .k-pager-numbers { margin: 0 2px; } .k-pager-numbers .k-state-selected { vertical-align: top; } .k-pager-numbers .k-current-page { display: none; } .k-pager-numbers li, .k-pager-input { float: left; } .k-grid .k-pager-numbers { float: left; cursor: default; } .k-widget.k-grid .k-pager-numbers { position: relative; } .k-pager-info { float: right; padding: 0 1.333em; } .k-pager-numbers .k-link { text-decoration: none; } .k-pager-wrap > .k-link, .k-pager-numbers .k-link, .k-pager-numbers .k-state-selected { min-width: 2em; } .k-pager-wrap > .k-link { float: left; margin: 0 0.08333em; height: 2em; /*IE7*/ line-height: 2em; /*IE7*/ border-radius: 1.0833em; cursor: pointer; text-align: center; } .k-pager-wrap > a.k-state-disabled:hover { background: none; cursor: default; } .k-pager-numbers .k-link { text-align: center; line-height: 2em; border-style: solid; border-width: 1px; border-radius: 1.0833em; } .k-pager-wrap > .k-link { border-style: solid; border-width: 1px; } .k-pager-wrap .k-pager-refresh { float: right; margin-right: 0.5em; border-width: 0; border-radius: 0; } .k-pager-numbers .k-state-selected { border-style: solid; border-width: 1px; text-align: center; border-radius: 1.0833em; } .k-pager-wrap .k-textbox { width: 3.333em; } .k-pager-wrap .k-dropdown { width: 4.5em; } .k-pager-refresh { float: right; } .k-pager-input, .k-pager-sizes { padding: 0 1.4166em; } .k-pager-sizes { display: inline-block; padding-top: 1px; } .k-pager-sizes .k-widget.k-dropdown { margin-top: -2px; } .k-pager-wrap .k-textbox, .k-pager-wrap .k-widget { margin: 0 0.4em 0; } /* Grid :: filtering */ .k-header > .k-grid-filter, .k-header > .k-header-column-menu { float: right; margin: -0.5em -0.6em -0.4em; padding: 0.5em 0.2em 0.4em; position: relative; z-index: 1; /*mvc site.css*/ } .k-grid .k-animation-container { position: absolute; } .k-filter-menu { padding: 0.5em; } .k-list-filter { display: block; } form.k-filter-menu .k-widget, form.k-filter-menu .k-textbox { display: block; } form.k-filter-menu .k-textbox { width: 100%; margin-bottom: 3px; } .k-filter-help-text, .k-filter-menu .k-widget, .k-filter-menu .k-textbox { margin: 0.19em 0 0; } .k-filter-menu span.k-filter-and { width: 6em; margin: 0.5em 0 0.5em; } .k-filter-menu .k-button { width: 48%; margin: 0.5em 4% 0 0; } .k-filter-menu .k-button + .k-button { margin-right: 0; } .k-filter-menu .k-filter-selected-items { font-weight: bold; margin: 0.5em; } .k-multicheck-wrap { overflow: auto; overflow-x: hidden; white-space: nowrap; max-height: 300px; } .k-multicheck-wrap .k-item { line-height: 2.2em; } /* Grid :: grouping */ .k-grouping-row .k-icon { margin: -3px 4px 0 2px; } .k-grouping-row p { display: inline-block; vertical-align: middle; margin-left: -0.6em; padding: 0 0.6em; } .k-grouping-row + tr td { border-top-width: 1px; } .k-grouping-row .k-group-cell, .k-grouping-row + tr .k-group-cell { border-top-width: 0; text-overflow: none; } .k-grid .k-hierarchy-cell + td { border-left-width: 0; } .k-grid .k-group-col, .k-grid .k-hierarchy-col { width: 27px; } .k-grouping-header { border-bottom-style: solid; border-bottom-width: 1px; } .k-grouping-header { line-height: 2; } .k-grouping-dropclue { position: absolute; width: 6px; height: 25px; background-repeat: no-repeat; background-position: -165px -148px; } .k-grouping-header .k-group-indicator { display: inline-block; border-style: solid; border-width: 1px; margin: 0 3px; padding: 0.15em 0.15em 0.15em 0.4em; line-height: 1.5em; } .k-grouping-header .k-link { display: inline-block; border-width: 0; padding: 0; line-height: normal; text-decoration: none; } .k-grouping-header .k-button { border: 0; padding: 0; background: transparent; line-height: 1; } .k-grouping-header .k-link .k-icon { margin: 0 0 0 -3px; } .k-grouping-header .k-button .k-icon { margin: 0 0 0 3px; } .k-grouping-header a, .k-grouping-header .k-button { display: inline-block; vertical-align: middle; } /* Grid :: editing */ .k-dirty-cell:before { content: '\a0'; display: inline-block; width: 0; float: left; } .k-dirty { position: absolute; width: 0; height: 0; border-style: solid; border-width: 3px; border-color: #f00 transparent transparent #f00; margin: -0.45em 0 0 -0.6em; padding: 0; overflow: hidden; vertical-align: top; } .k-grouping-header, .k-grid-toolbar { margin: 0; padding: 0.429em 0.2em 0.429em 1em; cursor: default; } .k-grid .k-edit-container { padding: 0; } .k-grid .field-validation-error { display: block; } .k-grid .input-validation-error { border-style: ridge; border-color: #f00; background-color: #ffc0cb; } .k-grid-toolbar .k-button { vertical-align: middle; } .k-grid-actions { display: inline-block; } .k-grid .k-button { margin: 0 0.16em; } .k-grid tbody .k-button, .k-ie8 .k-grid tbody button.k-button { min-width: 64px; } .k-grid tbody button.k-button { min-width: 78px; /* for all except IE8 */ } html body .k-grid tbody .k-button-icon { width: auto; min-width: 0; } .k-detail-row { position: relative; } .k-grid .k-detail-cell { overflow: visible; } .k-grid .k-edit-cell { padding: 0 0.3em; white-space: nowrap; } .k-grid .k-edit-cell .k-tooltip { white-space: normal; } .k-edit-cell > .k-textbox, .k-edit-cell > .k-widget, .k-grid-edit-row > td > .k-textbox, .k-grid-edit-row > td > .k-widget, .k-grid-edit-row > td > .text-box { width: 100%; } html .k-edit-cell .k-tooltip, html .k-grid-edit-row .k-tooltip { width: auto; max-width: 300px; } .k-edit-cell input[type='checkbox'] { margin-left: 0.6em; } .k-grid tbody td > .k-grid-delete { margin-top: -0.2em; margin-bottom: -0.2em; } /* Grid :: resizing */ .k-grid-resize-indicator { position: absolute; width: 2px; background-color: #aaa; } .k-grid-header .k-resize-handle, .k-grid > .k-resize-handle { position: absolute; height: 25px; cursor: col-resize; z-index: 2; } .k-marquee { position: absolute; z-index: 100000; } .k-marquee-color, .k-marquee-text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .k-marquee-color { filter: alpha(opacity=60); opacity: 0.6; } .k-ie9 .k-column-menu { width: 160px; /*fix flicker on item hover*/ } .k-ie8 .k-grid-filter, .k-ie8 .k-header-column-menu { font-size: 100%; /* Fix small menus in IE8 */ } .k-column-menu { min-width: 160px; } .k-column-menu .k-sprite { margin-right: 10px; } .k-column-menu > .k-menu { border-width: 0; } .k-column-menu .k-calendar .k-link { white-space: normal; } .k-columns-item .k-group { max-height: 200px; overflow: auto; } /* Remove Grid scrollbar during built-in export */ .k-pdf-export-shadow .k-grid { float: left; width: auto !important; } /* Remove all sizes and scrolling */ .k-pdf-export-shadow .k-grid, .k-pdf-export-shadow .k-grid-content, .k-pdf-export-shadow .k-grid-content-locked { height: auto !important; overflow: visible; } .k-pdf-export-shadow .k-grid-header-locked + .k-grid-header-wrap, .k-pdf-export-shadow .k-grid-content-locked + .k-grid-content, .k-pdf-export-shadow .k-grid-footer-locked + .k-grid-footer-wrap { width: auto !important; } /* Remove empty space reserved above the scrollbar */ .k-pdf-export-shadow .k-grid-header, .k-pdf-export-shadow .k-grid-footer { padding: 0 !important; } .k-loading-pdf-mask { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 100; } .k-loading-pdf-mask .k-loading-color { filter: alpha(opacity=50); opacity: 0.5; } .k-loading-pdf-mask .k-loading-pdf-progress { margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .k-pdf-export .k-loading-pdf-mask { display: none; } /* responsive styles */ .k-autofitting { width: auto !important; table-layout: auto !important; } .k-autofitting th.k-header, .k-autofitting td { white-space: nowrap !important; } .k-autofitting .k-detail-row { display: none !important; } @media only screen and (max-width: 1250px) { .k-webkit .k-pager-wrap, .k-ff .k-pager-wrap, .k-ie11 .k-pager-wrap, .k-safari .k-pager-wrap { overflow: visible; min-height: 2.1em; } .k-webkit .k-pager-wrap .k-pager-nav, .k-ff .k-pager-wrap .k-pager-nav, .k-ie11 .k-pager-wrap .k-pager-nav, .k-safari .k-pager-wrap .k-pager-nav, .k-webkit .k-pager-input, .k-ff .k-pager-input, .k-ie11 .k-pager-input, .k-safari .k-pager-input { display: inline-block; vertical-align: top; } .k-webkit .k-pager-numbers, .k-ff .k-pager-numbers, .k-ie11 .k-pager-numbers, .k-safari .k-pager-numbers, .k-webkit .k-grid .k-pager-numbers, .k-ff .k-grid .k-pager-numbers, .k-ie11 .k-grid .k-pager-numbers, .k-safari .k-grid .k-pager-numbers { position: absolute; left: 4.8em; display: inline-flex; flex-direction: column-reverse; overflow: visible; height: auto; } .k-webkit .k-pager-numbers:first-child, .k-ff .k-pager-numbers:first-child, .k-ie11 .k-pager-numbers:first-child, .k-safari .k-pager-numbers:first-child, .k-webkit .k-grid .k-pager-numbers:first-child, .k-ff .k-grid .k-pager-numbers:first-child, .k-ie11 .k-grid .k-pager-numbers:first-child, .k-safari .k-grid .k-pager-numbers:first-child { left: 0.2em; } .k-webkit .k-pager-numbers.k-state-expanded, .k-ff .k-pager-numbers.k-state-expanded, .k-ie11 .k-pager-numbers.k-state-expanded, .k-safari .k-pager-numbers.k-state-expanded, .k-webkit .k-grid .k-pager-numbers.k-state-expanded, .k-ff .k-grid .k-pager-numbers.k-state-expanded, .k-ie11 .k-grid .k-pager-numbers.k-state-expanded, .k-safari .k-grid .k-pager-numbers.k-state-expanded { transform: translatey(-100%); -webkit-transform: translatey(-100%); } .k-webkit .km-pane-wrapper .k-pager-numbers, .k-ff .km-pane-wrapper .k-pager-numbers, .k-ie11 .km-pane-wrapper .k-pager-numbers, .k-safari .km-pane-wrapper .k-pager-numbers, .k-webkit .km-pane-wrapper .k-grid .k-pager-numbers, .k-ff .km-pane-wrapper .k-grid .k-pager-numbers, .k-ie11 .km-pane-wrapper .k-grid .k-pager-numbers, .k-safari .km-pane-wrapper .k-grid .k-pager-numbers { position: relative; left: 50%; transform: translate(-50%, -100%); -webkit-transform: translate(-50%, -100%); } .k-webkit .km-pane-wrapper .k-pager-numbers .k-link, .k-ff .km-pane-wrapper .k-pager-numbers .k-link, .k-ie11 .km-pane-wrapper .k-pager-numbers .k-link, .k-safari .km-pane-wrapper .k-pager-numbers .k-link, .k-webkit .km-pane-wrapper .k-pager-numbers .k-state-selected, .k-ff .km-pane-wrapper .k-pager-numbers .k-state-selected, .k-ie11 .km-pane-wrapper .k-pager-numbers .k-state-selected, .k-safari .km-pane-wrapper .k-pager-numbers .k-state-selected, .k-webkit .km-pane-wrapper .k-pager-wrap > .k-link, .k-ff .km-pane-wrapper .k-pager-wrap > .k-link, .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-link, .k-safari .km-pane-wrapper .k-pager-wrap > .k-link, .k-webkit .km-pane-wrapper .k-pager-wrap > .k-pager-info, .k-ff .km-pane-wrapper .k-pager-wrap > .k-pager-info, .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-pager-info, .k-safari .km-pane-wrapper .k-pager-wrap > .k-pager-info { padding-top: 0; padding-bottom: 0; } .k-webkit .k-rtl .k-pager-numbers, .k-ff .k-rtl .k-pager-numbers, .k-ie11 .k-rtl .k-pager-numbers, .k-safari .k-rtl .k-pager-numbers, .k-webkit .k-rtl .k-grid .k-pager-numbers, .k-ff .k-rtl .k-grid .k-pager-numbers, .k-ie11 .k-rtl .k-grid .k-pager-numbers, .k-safari .k-rtl .k-grid .k-pager-numbers { left: auto; right: 4.8em; width: 4.5em; } .k-webkit .k-rtl .k-pager-numbers:first-child, .k-ff .k-rtl .k-pager-numbers:first-child, .k-ie11 .k-rtl .k-pager-numbers:first-child, .k-safari .k-rtl .k-pager-numbers:first-child, .k-webkit .k-rtl .k-grid .k-pager-numbers:first-child, .k-ff .k-rtl .k-grid .k-pager-numbers:first-child, .k-ie11 .k-rtl .k-grid .k-pager-numbers:first-child, .k-safari .k-rtl .k-grid .k-pager-numbers:first-child { left: auto; right: 0.2em; } .k-webkit .k-rtl .km-pane-wrapper .k-pager-numbers, .k-ff .k-rtl .km-pane-wrapper .k-pager-numbers, .k-ie11 .k-rtl .km-pane-wrapper .k-pager-numbers, .k-safari .k-rtl .km-pane-wrapper .k-pager-numbers, .k-webkit .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers, .k-ff .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers, .k-ie11 .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers, .k-safari .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers { right: 5.8em; } .k-webkit .k-pager-numbers .k-current-page, .k-ff .k-pager-numbers .k-current-page, .k-ie11 .k-pager-numbers .k-current-page, .k-safari .k-pager-numbers .k-current-page, .k-webkit .k-grid .k-pager-numbers .k-current-page, .k-ff .k-grid .k-pager-numbers .k-current-page, .k-ie11 .k-grid .k-pager-numbers .k-current-page, .k-safari .k-grid .k-pager-numbers .k-current-page { display: block; border-left: 0; } .k-webkit .k-pager-numbers.k-state-expanded .k-current-page, .k-ff .k-pager-numbers.k-state-expanded .k-current-page, .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page, .k-safari .k-pager-numbers.k-state-expanded .k-current-page, .k-webkit .k-grid .k-pager-number.k-state-expanded .k-current-page, .k-ff .k-grid .k-pager-number.k-state-expanded .k-current-page, .k-ie11 .k-grid .k-pager-number.k-state-expanded .k-current-page, .k-safari .k-grid .k-pager-number.k-state-expanded .k-current-page { transform: translatey(100%); -webkit-transform: translatey(100%); } .k-webkit .k-pager-numbers li:not(.k-current-page), .k-ff .k-pager-numbers li:not(.k-current-page), .k-ie11 .k-pager-numbers li:not(.k-current-page), .k-safari .k-pager-numbers li:not(.k-current-page) { display: none; } .k-webkit .k-pager-numbers .k-current-page .k-link, .k-ff .k-pager-numbers .k-current-page .k-link, .k-ie11 .k-pager-numbers .k-current-page .k-link, .k-safari .k-pager-numbers .k-current-page .k-link { width: 3.2em; padding: 0 0.429em 0 0.714em; border-radius: 1.0833em; } .k-webkit .k-pager-numbers + .k-link, .k-ff .k-pager-numbers + .k-link, .k-ie11 .k-pager-numbers + .k-link, .k-safari .k-pager-numbers + .k-link { margin-left: 4.8em; } .k-webkit .k-rtl .k-pager-numbers + .k-link, .k-ff .k-rtl .k-pager-numbers + .k-link, .k-ie11 .k-rtl .k-pager-numbers + .k-link, .k-safari .k-rtl .k-pager-numbers + .k-link { margin-right: 5.1em; margin-left: 0; } .k-webkit .k-pager-numbers .k-state-selected, .k-ff .k-pager-numbers .k-state-selected, .k-ie11 .k-pager-numbers .k-state-selected, .k-safari .k-pager-numbers .k-state-selected, .k-webkit .k-pager-numbers .k-link, .k-ff .k-pager-numbers .k-link, .k-ie11 .k-pager-numbers .k-link, .k-safari .k-pager-numbers .k-link { display: block; margin-right: 0; padding: 1px 5px 1px 5px; text-align: left; } .k-webkit .k-pager-numbers.k-state-expanded, .k-ff .k-pager-numbers.k-state-expanded, .k-ie11 .k-pager-numbers.k-state-expanded, .k-safari .k-pager-numbers.k-state-expanded { box-sizing: border-box; padding: 2px 2px 0; } .k-webkit .k-pager-numbers.k-state-expanded .k-current-page, .k-ff .k-pager-numbers.k-state-expanded .k-current-page, .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page, .k-safari .k-pager-numbers.k-state-expanded .k-current-page { margin: -2em -3px 0; padding: 0; } .k-webkit .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-ff .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-safari .k-pager-numbers.k-state-expanded .k-current-page .k-link { border-radius: 0 0 1.0833em 1.0833em; } .k-webkit .k-pager-numbers.k-state-expanded li, .k-ff .k-pager-numbers.k-state-expanded li, .k-ie11 .k-pager-numbers.k-state-expanded li, .k-safari .k-pager-numbers.k-state-expanded li { display: inline-block; } } @media only screen and (max-width: 640px) { .k-webkit .k-pager-info, .k-ff .k-pager-info, .k-ie11 .k-pager-info, .k-safari .k-pager-info { display: none; } } @media only screen and (max-width: 480px) { .k-webkit .k-pager-sizes, .k-ff .k-pager-sizes, .k-ie11 .k-pager-sizes, .k-safari .k-pager-sizes { display: none; } } /*! */ .k-treelist .k-status { padding: 0.4em 0.6em; line-height: 1.6em; } .k-treelist .k-status .k-loading { vertical-align: baseline; margin-right: 5px; } .k-treelist tr.k-hidden { display: none; } .k-treelist.k-treelist-dragging, .k-treelist.k-treelist-dragging .k-state-hover { cursor: default; } .k-treelist .k-drop-hint { position: absolute; z-index: 10000; visibility: hidden; width: 80px; height: 5px; margin-top: -3px; background-color: transparent; background-repeat: no-repeat; } .k-drag-separator { display: inline-block; border-right: 1px solid; height: 1em; vertical-align: top; margin: 0 0.5em; } /*! */ /* Gantt Chart start */ /* Gantt Main Layout */ .k-gantt { white-space: nowrap; position: relative; } .k-gantt-layout { display: inline-block; white-space: normal; vertical-align: top; } .k-gantt .k-splitbar { position: relative; cursor: e-resize; width: 5px; border-width: 0 1px; background-repeat: repeat-y; } .k-gantt .k-gantt-layout th { vertical-align: bottom; } .k-gantt td { overflow: hidden; white-space: nowrap; vertical-align: top; } .k-gantt .k-grid .k-edit-cell { vertical-align: middle; } .k-gantt-treelist > .k-treelist, .k-gantt-timeline > .k-timeline { border-width: 0; height: 100%; } /* Gantt Toolbar, footer */ .k-gantt-toolbar { border-style: solid; border-width: 0 0 1px; line-height: 2.4em; padding: 0.5em; } .k-gantt-layout + .k-gantt-toolbar { border-width: 1px 0 0; } .k-gantt-actions, .k-gantt-toolbar > ul { float: left; margin-right: 0.6em; } .k-gantt-actions > .k-button { margin-right: 0.5em; vertical-align: top; } .k-gantt-toolbar > .k-gantt-views { float: right; margin-right: 0; } .k-gantt-toolbar > .k-gantt-views > li.k-current-view { display: none; } .k-gantt-toolbar > ul > li { display: inline-block; border-style: solid; border-width: 1px 1px 1px 0; } .k-gantt-toolbar > ul > li:first-child + li { border-left-width: 1px; } .k-gantt-toolbar .k-link { display: inline-block; padding: 0 1.1em; } .k-gantt-toolbar li:first-child + li, .k-gantt-toolbar li:first-child + li > .k-link { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .k-gantt-toolbar li:last-child, .k-gantt-toolbar li:last-child > .k-link { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .k-gantt-toolbar li.k-button { line-height: inherit; padding-top: 0; padding-bottom: 0; } /* Gantt TreeList */ .k-gantt-treelist .k-grid-header tr { height: 5em; } .k-gantt .k-treelist .k-grid-header { padding: 0 !important; } .k-gantt .k-treelist .k-grid-content { overflow-y: hidden; overflow-x: scroll; } .k-treelist-group > tr > span { font-weight: bold; } .k-treelist-group .k-widget { font-weight: normal; } /* Gantt TimeLine */ .k-gantt-timeline .k-grid-header tr { height: 2.5em; } .k-gantt-tasks { /*needed for RTL*/ position: relative; } .k-gantt-rows tr, .k-gantt-tasks tr, .k-gantt .k-grid-content tr { height: 2.3em; } .k-gantt .k-gantt-tasks td:after { content: '\a0'; } .k-gantt-timeline { background: transparent; } .k-gantt-rows, .k-gantt-columns, .k-gantt-dependencies { position: absolute; top: 0; left: 0; } .k-gantt-tables { position: relative; } .k-gantt .k-timeline .k-grid-content { overflow-x: scroll; } .k-gantt .k-gantt-timeline th { text-align: center; } .k-gantt .k-gantt-timeline tr:first-child th { border-bottom-width: 1px; } /* Gantt TimeLine objects */ /* Summary */ .k-task-summary { height: 10px; display: inline-block; vertical-align: top; margin-top: 3px; } .k-task-summary-complete { height: 10px; position: relative; z-index: 2; } .k-task-summary-progress { height: 15px; overflow: hidden; } .k-task-summary:before, .k-task-summary-complete:before, .k-task-summary:after, .k-task-summary-complete:after { content: ''; position: absolute; top: 0; width: 0; height: 0; border-style: solid; border-width: 8px; border-color: transparent; } .k-task-summary:before, .k-task-summary-complete:before { left: 0; border-left-color: inherit; } .k-task-summary:after, .k-task-summary-complete:after { right: 0; border-right-color: inherit; } /* Lines */ .k-line-h, .k-line-v { position: absolute; } .k-line-h { height: 2px; } .k-line-v { width: 2px; } .k-arrow-e, .k-arrow-w { position: absolute; top: -4px; width: 0; height: 0; border-style: solid; border-width: 5px; } .k-arrow-e { right: -6px; border-top-color: transparent; border-bottom-color: transparent; border-right-color: transparent; } .k-arrow-w { left: -6px; border-top-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } /* Milestone */ .k-task-milestone { width: 13px; height: 13px; margin-top: 3px; border-style: solid; border-width: 1px; transform: rotate(45deg); } .k-ie8 .k-task-milestone { margin-left: 1px; } /* Button */ .k-gantt .k-gantt-treelist .k-button, .k-gantt .k-gantt-tasks .k-button-icon { padding-top: 0; padding-bottom: 0; } .k-gantt .k-gantt-tasks .k-button-icon { margin-top: 4px; } .k-gantt .k-gantt-treelist .k-button { margin-top: -4px; margin-bottom: -2px; } .k-gantt .k-gantt-tasks .k-button-icon { padding-left: 2px; padding-right: 2px; } .k-gantt .k-gantt-treelist .k-button .k-icon, .k-gantt .k-gantt-tasks .k-button .k-icon { vertical-align: text-top; } .k-rel .k-button-icon { position: absolute; left: 200px; } /* Tasks */ .k-rel { position: relative; height: 0; top: -0.3em; } .k-task-wrap { position: absolute; padding: 0 23px 5px; margin: -1px -23px 0; z-index: 2; } .k-task-wrap:hover, .k-line.k-state-selected { z-index: 3; } .k-milestone-wrap { margin: 0 -13px 0 -27px; } .k-task-content { position: relative; z-index: 2; } .k-task-complete { position: absolute; top: 0; bottom: 0; left: 0; width: 20%; z-index: 1; } .k-task-dot { position: absolute; top: 0; width: 16px; height: 16px; line-height: 16px; display: none; cursor: pointer; } .k-task-dot.k-state-hover { background-color: transparent; } .k-task-single + .k-task-dot, .k-task-single + .k-task-dot + .k-task-dot { top: 0.2em; } .k-task-wrap:hover .k-task-dot, .k-task-wrap-active .k-task-dot { display: block; } .k-task-dot:before { content: '\a0'; display: inline-block; width: 0; height: 16px; } .k-task-dot:after { content: ''; display: inline-block; vertical-align: middle; width: 8px; height: 8px; border-radius: 4px; margin-left: 4px; } .k-task-dot:hover:after, .k-task-dot.k-state-hover:after, .k-task-wrap-active .k-task-dot:after { border-style: solid; border-width: 1px; margin-left: 3px; } .k-task-start { left: 0; } .k-task-end { right: 0; } .k-task-single { border-style: solid; border-width: 1px; text-align: left; overflow: hidden; cursor: default; min-height: 1.3em; white-space: nowrap; } .k-task-template { padding: 0.2em 1.4em 0.2em 0.6em; line-height: normal; } .k-task-actions, .k-task-content > .k-link { position: absolute; top: 0; right: 4px; white-space: nowrap; } .k-task-actions { z-index: 1; } .k-task-actions:first-child { position: static; float: left; margin: 4px 2px 0 4px; } .k-webkit .k-task-actions:first-child { margin-top: 3px; } .k-task-actions:first-child > .k-link { display: inline-block; } .k-task-delete { display: none; } .k-task-wrap:hover .k-task-delete, .k-task-wrap-active .k-task-delete { display: inline-block; } .k-task-single .k-resize-handle { position: absolute; visibility: hidden; z-index: 2; height: auto; } .k-task-single:hover .k-resize-handle, .k-task-wrap-active .k-resize-handle { visibility: visible; } .k-task-single .k-resize-handle:after { content: ''; position: absolute; filter: alpha(opacity=50); opacity: 0.5; } .k-task-content > .k-resize-e { right: 0; top: 0; bottom: 0; width: 0.4em; } .k-task-content > .k-resize-w { left: 0; top: 0; bottom: 0; width: 0.4em; } .k-task-content > .k-resize-e:after, .k-task-content > .k-resize-w:after { left: 1px; top: 50%; margin-top: -0.7em; height: 1.4em; width: 1px; } .k-task-content > .k-resize-e:after { left: auto; right: 1px; } .k-task-draghandle { position: absolute; bottom: 0; width: 0; height: 0; margin-left: 16px; border-width: 5px; border-style: solid; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; display: none; cursor: e-resize; } .k-task-wrap:hover .k-task-draghandle, .k-task-wrap-active .k-task-draghandle { display: block; } .k-dependency-hint { z-index: 4; } /* Higher row height styles */ .k-gantt-rowheight .k-task-summary, .k-gantt-rowheight .k-task-milestone, .k-gantt-rowheight .k-task-dot, .k-gantt-rowheight .k-task-single + .k-task-dot, .k-gantt-rowheight .k-task-single + .k-task-dot + .k-task-dot { top: 50%; } .k-gantt-rowheight .k-task-summary, .k-gantt-rowheight .k-task-milestone { margin-top: -6px; } .k-gantt-rowheight .k-task-dot, .k-gantt-rowheight .k-task-single + .k-task-dot, .k-gantt-rowheight .k-task-single + .k-task-dot + .k-task-dot { margin-top: -11px; } .k-gantt-rowheight .k-task-single { height: calc(98%); } .k-ie .k-gantt-rowheight .k-task-single { height: 99%; } .k-gantt-rowheight .k-task-content { height: 100%; } .k-gantt-rowheight .k-task-content > .k-resize-e:after, .k-gantt-rowheight .k-task-content > .k-resize-w:after { top: 0; margin-top: 0; height: 100%; } /*Task Hover Tooltip*/ .k-task-details { padding: 0.4em; text-align: left; white-space: nowrap; } .k-task-details > strong { font-size: 120%; display: block; } .k-task-pct { margin: 0.5em 0 0.1em; font-size: 170%; } .k-task-details > ul { line-height: 1.2; } /*Resources*/ .k-resources-wrap { position: absolute; z-index: 2; zoom: 1; margin-left: 20px; margin-top: -2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .k-resources-wrap .k-resource { margin: 0px 5px; } /* Gantt Edit form */ .k-gantt-edit-form > .k-edit-form-container { width: 430px; } .k-gantt-edit-form > .k-resources-form-container { width: 506px; } .k-resources-form-container > .k-grid { margin: 0 0.9em; } .k-gantt-edit-form > .k-edit-form-container .k-textbox, .k-gantt-edit-form > .k-edit-form-container .k-numerictextbox { width: 15em; } .k-gantt-edit-form .k-edit-buttons .k-gantt-delete { float: left; } /* Gantt Chart PDF export */ .k-pdf-export-shadow .k-gantt { float: left; } /* Remove all sizes and scrolling */ .k-pdf-export-shadow .k-gantt, .k-pdf-export-shadow .k-gantt-timeline, .k-pdf-export-shadow .k-gantt .k-grid-content { width: auto !important; height: auto !important; overflow: visible !important; } .k-pdf-export-shadow .k-gantt-treelist { height: auto !important; overflow: visible !important; } /* Remove empty space reserved above the scrollbar */ .k-pdf-export-shadow .k-gantt-timeline .k-grid-header { padding: 0 !important; } /* Hide the splitter */ .k-pdf-export-shadow .k-gantt .k-splitbar, .k-pdf-export-shadow .k-pdf-export { display: none; } /* Responsive styles */ button.k-gantt-toggle { display: none; float: left; margin-right: 0.5em; } .k-rtl button.k-gantt-toggle { float: right; margin-right: 0; margin-left: 0.5em; } @media only screen and (max-width: 1250px) { .k-gantt-toolbar > ul.k-gantt-views { position: absolute; right: 6px; top: 6px; z-index: 10000; } .k-rtl .k-gantt-toolbar > ul.k-gantt-views { right: auto; left: 6px; } .k-gantt-toolbar > ul.k-gantt-views > li:not(.k-current-view) { display: none; } .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view { display: block; border-width: 1px; } .k-rtl .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view { text-align: left; padding-left: 1em; } .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view > .k-link { display: block; position: relative; padding-right: 2.5em; padding-left: 1em; } .k-rtl .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view > .k-link { padding-left: 0; } .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view > .k-link:after { display: block; content: ''; position: absolute; top: 50%; margin-top: -0.6em; right: 0.333em; width: 16px; height: 16px; } .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > li, .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > li:first-child + li { display: block; border: 0; border-radius: 0; } .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded { border: 1px solid #c5c5c5; background-color: #fff; background-image: none; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); } .k-rtl .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded { text-align: left; } } @media only screen and (max-width: 480px) { button.k-gantt-toggle { display: inline-block; } .k-gantt-create span + span, .k-gantt-pdf span + span { display: none; } .k-gantt-create .k-icon, .k-gantt-pdf .k-icon { margin: 0; } .k-gantt .k-splitbar { display: none; width: 0; border-width: 0; } .k-gantt .k-gantt-treelist { display: none; max-width: 0; } .k-gantt .k-treelist .k-grid-content { overflow-y: scroll; } .k-gantt .k-gantt-timeline { width: 100%; } } /* Gantt Chart end */ /*! */ /* Pivot start */ .k-pivot { position: relative; } .k-pivot-toolbar { padding: 0.2em; border-bottom-width: 1px; border-bottom-style: solid; } .k-pivot .k-pivot-toolbar { padding: 0.6em; } .k-pivot-toolbar .k-button { margin-right: 0.4em; line-height: 1.2em; font-size: 0.9em; text-align: left; position: relative; padding: 0.3em 5em 0.3em 0.3em; } .k-field-actions { position: absolute; right: 2px; top: 3px; } /*IE7 requires the following style to be applied to cells directly*/ .k-pivot .k-grid td { white-space: nowrap; } .k-pivot-layout { border-spacing: 0; table-layout: auto; } .k-pivot-layout > tbody > tr > td { vertical-align: top; padding: 0; } .k-pivot td { vertical-align: top; } .k-pivot-rowheaders > .k-grid, .k-pivot-table > .k-grid { border-width: 0; } .k-pivot-rowheaders > .k-grid td:first-child, .k-pivot-table .k-grid-header .k-header.k-first { border-left-width: 1px; } .k-pivot-rowheaders > .k-grid td.k-first { border-left-width: 0; } .k-pivot-rowheaders > .k-grid { overflow: hidden; } .k-pivot-table { border-left-width: 1px; border-left-style: solid; } .k-pivot-table .k-grid-header-wrap > table { height: 100%; } .k-pivot .k-grid-header .k-header { vertical-align: top; } .k-header.k-alt, td.k-alt { font-weight: bold; } .k-header.k-alt { background-image: none; } .k-pivot-layout .k-grid td { border-bottom-width: 1px; } .k-pivot-layout .k-grid-footer > td { border-top-width: 0; } .k-pivot-filter-window .k-treeview { max-height: 600px; } /* selector */ .k-fieldselector .k-edit-buttons { bottom: auto; } .k-fieldselector .k-edit-label { width: 16%; } .k-fieldselector .k-edit-field { width: 77%; } .k-fieldselector .k-edit-field > .k-widget, .k-fieldselector .k-edit-field > .k-textbox { width: 99%; } .k-fieldselector .k-edit-buttons > input, .k-fieldselector .k-edit-buttons > label { float: left; margin-top: 0.4em; } .k-fieldselector p { margin: 0 0 0.2em 0.5em; text-transform: uppercase; } .k-fieldselector p .k-icon { margin: 0 5px 0 0; } .k-fieldselector .k-columns { border-style: solid; border-width: 0; } .k-fieldselector .k-columns > div { overflow: auto; padding: 0.6em; border-style: solid; border-width: 0 0 0 1px; float: left; width: 45%; } .k-fieldselector .k-columns > div:first-child { border-width: 0; margin-right: -1px; } .k-fieldselector .k-columns > div + div { float: right; border-width: 0; } .k-fieldselector div.k-treeview { border-width: 0; margin-right: -1px; padding-left: 4px; overflow: visible; } .k-fieldselector .k-list-container { margin-left: 0.5em; margin-bottom: 1em; padding: 0.2em 0 0; border-style: solid; border-width: 1px; } .k-fieldselector .k-list { padding-bottom: 2em; } .k-fieldselector .k-list li.k-item { padding: 0.3em 3.3em 0.3em 0.3em; margin: 0 0.2em.2em; position: relative; font-size: 0.9em; line-height: 1.2em; min-height: 1em; } /* KPI icons */ .k-i-kpi-decrease { background-position: 0 0; } .k-i-kpi-denied { background-position: -16px 0; } .k-i-kpi-equal { background-position: -32px 0; } .k-i-kpi-hold { background-position: -48px 0; } .k-i-kpi-increase { background-position: -64px 0; } .k-i-kpi-open { background-position: -80px 0; } /* Pivot PDF Export styles */ .k-pdf-export-shadow .k-pivot .k-grid-content { overflow: visible !important; } .k-pdf-export-shadow .k-pivot .k-pivot-rowheaders .k-grid, .k-pdf-export-shadow .k-pivot .k-grid-content { height: 100% !important; } .k-pdf-export-shadow .k-pivot .k-grid-header { padding-right: 0 !important; } .k-pdf-export-shadow .k-pivot { width: auto !important; height: auto !important; } .k-pdf-export-shadow .k-pivot .k-grid-header-wrap > table, .k-pdf-export-shadow .k-pivot .k-grid-content > table { width: 100% !important; height: auto !important; } /* Pivot end */ /*! */ /* Calendar */ .k-calendar { position: relative; display: inline-block; width: 16.917em; overflow: hidden; } .k-calendar td, .k-calendar .k-link { text-decoration: none; } .k-calendar .k-action-link { text-decoration: underline; } .k-calendar .k-header, .k-calendar .k-footer { position: relative; text-align: center; zoom: 1; } .k-widget.k-calendar .k-nav-prev, .k-widget.k-calendar .k-nav-next { position: absolute; top: 0.16666em; line-height: 1.8333em; height: 1.8333em; } .k-widget.k-calendar .k-nav-prev { left: 1%; } .k-widget.k-calendar .k-nav-next { right: 1%; } .k-calendar .k-content { float: left; border-spacing: 0; width: 100%; height: 14.167em; border-width: 0; margin: 0; table-layout: fixed; outline: 0; } .k-calendar .k-content, .k-calendar .k-content th { text-align: right; } .k-calendar .k-animation-container .k-content { height: 100%; } .k-widget.k-calendar .k-nav-fast { display: inline-block; width: 75%; height: 1.8333em; line-height: 1.8333em; margin: 0.16666em -0.08333em 0.3333em 0; } .k-calendar .k-header .k-icon { vertical-align: middle; } .k-calendar .k-header .k-link.k-nav-prev, .k-calendar .k-header .k-link.k-nav-next { height: 1.8333em; width: 1.8333em; } .k-calendar th { border-bottom-style: solid; border-bottom-width: 1px; padding: 0.4em 0.45em 0.4em 0.1em; font-weight: normal; cursor: default; } .k-calendar td { padding: 0.08333em; cursor: pointer; } .k-calendar .k-state-focus { border-style: dotted; border-width: 0.08333em; padding: 0; } .k-calendar .k-content .k-link { display: block; overflow: hidden; min-height: 1.8333em; line-height: 1.8333em; padding: 0 0.45em 0 0.1em; } .k-calendar .k-meta-view .k-link { padding: 0.25em 0 0.3em; text-align: center; } .k-calendar .k-footer { clear: both; } .k-calendar .k-footer .k-nav-today, .k-calendar .k-footer > .k-state-disabled { display: block; height: 100%; padding: 0.5em 0; } .k-calendar .k-nav-today:hover { text-decoration: underline; } /*! */ /* TreeView */ div.k-treeview { /* due to k-widget */ border-width: 0; background: none; overflow: auto; white-space: nowrap; } .k-treeview .k-item { display: block; border-width: 0; margin: 0; padding: 0 0 0 16px; } .k-treeview > .k-group, .k-treeview .k-item > .k-group, .k-treeview .k-content { margin: 0; padding: 0; background: none; list-style-type: none; position: relative; } .k-treeview .k-icon, .k-treeview .k-image, .k-treeview .k-sprite, .k-treeview .k-checkbox, .k-treeview .k-in { display: inline-block; vertical-align: top; } .k-treeview .k-checkbox { margin-top: 0.2em; } .k-treeview .k-icon, .k-treeview .k-in { vertical-align: middle; } .k-treeview .k-request-retry { vertical-align: baseline; } .k-treeview .k-plus, .k-treeview .k-minus, .k-treeview .k-plus-disabled, .k-treeview .k-minus-disabled { margin-top: 0.25em; margin-left: -16px; cursor: pointer; } .k-treeview .k-plus-disabled, .k-treeview .k-minus-disabled { cursor: default; } .k-treeview .k-sprite, .k-treeview .k-image { margin-right: 3px; } .k-treeview .k-in { margin: 1px 0 1px 0.3333em; padding: 0.429em 0.6667em 0.429em 0.5833em; line-height: 1.3333em; text-decoration: none; border-style: solid; border-width: 1px; } .k-treeview span.k-in { cursor: default; } .k-treeview .k-drop-hint { position: absolute; z-index: 10000; visibility: hidden; width: 80px; height: 5px; margin-top: -3px; background-color: transparent; background-repeat: no-repeat; } /*! */ /* ComboBox & DropDownList */ span.k-datepicker, span.k-timepicker, span.k-datetimepicker, span.k-colorpicker, span.k-numerictextbox, span.k-combobox, span.k-dropdown, .k-toolbar .k-split-button { background-image: none; } .k-autocomplete, .k-combobox, .k-datepicker, .k-timepicker, .k-datetimepicker, .k-colorpicker, .k-numerictextbox, .k-dropdown, .k-selectbox, .k-textbox, .k-toolbar .k-split-button { position: relative; display: inline-block; width: 12.4em; overflow: visible; border-width: 0; vertical-align: middle; } .k-filter-menu .k-combobox, .k-filter-menu .k-datepicker, .k-filter-menu .k-timepicker, .k-filter-menu .k-datetimepicker, .k-filter-menu .k-numerictextbox, .k-filter-menu .k-dropdown, .k-filter-menu .k-textbox { width: 13.2em; } .k-autocomplete, .k-combobox, .k-datepicker, .k-timepicker, .k-datetimepicker, .k-colorpicker, .k-numerictextbox, .k-dropdown, .k-selectbox, .k-toolbar .k-split-button { white-space: nowrap; } .k-colorpicker, .k-toolbar .k-split-button { width: auto; } .k-datetimepicker { width: 15em; } .k-autocomplete, .k-picker-wrap, .k-numeric-wrap { position: relative; cursor: default; } .k-dropdown-wrap { position: relative; } .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap { display: block; } .k-block, .k-widget, .k-grid, .k-slider, .k-splitter, .k-treeview, .k-panelbar, .k-content, .k-header-column-menu { outline: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-block, .k-slider, .k-splitbar, .k-calendar, .k-treeview, .k-pager-wrap, .k-grid-header .k-link, .k-header-column-menu { -webkit-touch-callout: none; } .k-list-scroller { position: relative; overflow: auto; } .k-popup.k-list-container, .k-popup.k-calendar-container { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 2px; border-width: 1px; border-style: solid; } .k-list-container.k-state-border-down, .k-autocomplete.k-state-border-down, .k-dropdown-wrap.k-state-border-down, .k-picker-wrap.k-state-border-down, .k-numeric-wrap.k-state-border-down { border-bottom-width: 0; padding-bottom: 1px; } .k-list-container .km-scroll-container { padding-bottom: 6px; } .k-textbox, .k-autocomplete, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap { border-width: 1px; border-style: solid; padding: 0 1.9em 0 0; } .k-numeric-wrap.k-expand-padding { padding-right: 0; } .k-textbox, .k-autocomplete { padding: 0; } .k-textbox.k-space-left { padding-left: 1.9em; } .k-textbox.k-space-right { padding-right: 1.9em; } .k-textbox .k-icon { top: 50%; margin: -8px 0 0; position: absolute; } .k-space-left .k-icon { left: 3px; } .k-space-right .k-icon { right: 3px; } /*prevent missing bottom border at some zoom levels*/ span.k-textbox:after { content: '\a0'; display: block; height: 0.4px; overflow: hidden; } .k-autocomplete, .k-dropdown-wrap.k-state-focused, .k-dropdown-wrap.k-state-hover, .k-picker-wrap.k-state-focused, .k-picker-wrap.k-state-hover, .k-numeric-wrap.k-state-focused, .k-numeric-wrap.k-state-hover { transition: box-shadow 0.15s ease-out; transition: 'box-shadow .15s ease-out'; } .k-textbox > input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-combobox .k-input { width: 100%; vertical-align: top; } .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input { font-family: inherit; border-width: 0; outline: 0; } .k-dropdown .k-input, .k-selectbox .k-input { background: transparent; } .k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-dropdown-wrap .k-select { position: absolute; /* icon positioning */ top: 0; right: 0; display: inline-block; vertical-align: top; text-decoration: none; } .k-combobox .k-select, .k-picker-wrap .k-select, .k-numeric-wrap .k-select { border-style: solid; border-width: 0 0 0 1px; border-color: inherit; /* skin-related, inherit does not work in ie7- */ } span.k-datetimepicker .k-select, span.k-datetimepicker .k-select + .k-select { right: 0; } .k-textbox > input, .k-autocomplete .k-input { display: block; } .k-combobox .k-icon { /*margin-top: 1px;*/ } .k-dropdown .k-select, .k-selectbox .k-select { overflow: hidden; border: 0; text-decoration: none; font: inherit; color: inherit; } .k-dropdown .k-input, .k-selectbox .k-input { display: block; overflow: hidden; text-overflow: ellipsis; } .k-textbox > input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input { height: 2.214em; line-height: 2.214em; padding: 0.177em 0; text-indent: 0.8em; border: 0; margin: 0; } .k-combobox .k-dropdown-wrap:before, .k-picker-wrap:before, .k-numeric-wrap:before { content: '\a0'; display: inline-block; width: 0; height: 2.214em; padding-bottom: 0.3em; } /* fix missing bottom border on browser zoom in Chrome */ .k-webkit .k-combobox .k-dropdown-wrap:before, .k-webkit .k-picker-wrap:before, .k-webkit .k-numeric-wrap:before { padding-bottom: 0.38em; } /* above style breaks NumericTextBox layout due display:block style applied to the input */ .km.root .k-combobox .k-dropdown-wrap:before, .km.root .k-picker-wrap:before, .km.root .k-numeric-wrap:before { content: none; } .k-combobox .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input { display: inline; } .k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-dropdown-wrap .k-select { min-height: 2.214em; line-height: 2.564em; vertical-align: middle; -moz-box-sizing: border-box; text-align: center; width: 1.9em; height: 100%; } .k-numeric-wrap .k-select { padding: 0; } body .k-datetimepicker .k-select { border-radius: 0; } .k-combobox .k-icon, .k-dropdown, .k-selectbox .k-icon { cursor: pointer; } .k-popup { border-style: solid; border-width: 1px; } .k-popup .k-item, .k-list-optionlabel { cursor: default; } .k-popup .k-calendar { border: 0; } .k-list { height: auto; } .k-popup .k-list .k-item, .k-fieldselector .k-list .k-item, .k-list-optionlabel, .k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header { padding: 1px 5px 1px 5px; line-height: 1.8em; min-height: 1.8em; } .k-popup .k-list .k-item { border-width: 1px; border-style: solid; border-color: transparent; padding: 0 4px; } .k-popup .k-list .k-item > .k-group { top: -1px; } .k-group-header + div > .k-list > .k-item.k-first:before { content: ' '; display: block; border-top-width: 1px; border-top-style: solid; position: absolute; top: -1px; left: 0; right: 0; } .k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header { padding-right: 22px; } .k-overflow-container .k-item { padding: 1px; } .k-overflow-container > .k-state-disabled .k-button, .k-overflow-container .k-button.k-state-disabled, .k-overflow-container .k-button.k-state-disabled:hover { border: 0; background: none; } .k-popup .k-list .k-state-hover, .k-popup .k-list .k-state-focused, .k-popup .k-list .k-state-selected, .k-overflow-container .k-state-hover, .k-overflow-container .k-state-focused, .k-overflow-container .k-state-selected, .k-fieldselector .k-list .k-item, .k-list-optionlabel.k-state-focused, .k-list-optionlabel.k-state-selected { padding: 0 4px; border-width: 1px; border-style: solid; } .k-list-filter { position: relative; margin-bottom: 2px; } .k-list-filter > .k-textbox { padding-right: 20px; width: 100%; } .k-list-filter > .k-icon { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); } .km-root .k-list-filter > .k-textbox { padding-left: 0; padding-right: 0; border-left-width: 0; border-right-width: 0; } /* MultiSelect */ .k-multiselect-wrap { position: relative; border-width: 0px; border-style: solid; border-radius: 4px; border-color: #c5c5c5; background-color: #fff; min-height: 2.04em; } .k-multiselect-wrap .k-input { background-color: transparent; height: 1.31em; line-height: 1.31em; padding: 0.18em 0; text-indent: 0.8em; border: 0; margin: 1px 0 0; float: left; } .k-multiselect-wrap .k-input::-ms-clear { display: none; } .k-multiselect-wrap li { margin: 1px 0 1px 1px; padding: 0.1em 1.6em 0.1em 0.4em; line-height: 2.064em; float: left; position: relative; } .k-autocomplete .k-loading, .k-multiselect .k-loading { position: absolute; right: 3px; bottom: 4px; } .k-multiselect .k-loading-hidden { visibility: hidden; } .k-multiselect-wrap .k-select { position: absolute; top: 0; bottom: 0; right: 0; padding: 0.1em 0.2em; } /* Date/Time Pickers */ .k-datetimepicker .k-picker-wrap { padding-right: 3.8em; } .k-datetimepicker .k-select { width: 3.8em; } .k-datetimepicker .k-picker-wrap .k-icon { margin: 0 2px; } .k-picker-wrap .k-icon { cursor: pointer; } .k-button, .k-textbox, .k-timepicker, .k-datepicker, .k-datetimepicker { display: inline-block; vertical-align: middle; } .k-picker-wrap .k-input { margin: 0; } .k-time-popup .k-item { padding: 1px 3px; } /* inputs */ .k-input { margin: 0.25em 0; } .k-input, .k-textbox > input { outline: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-textbox { outline: 0; } input.k-textbox, textarea.k-textbox { padding: 2px 0.3em; } input.k-textbox { height: 2.694em; text-indent: 0.8em; line-height: 1.6em; } .k-ie input.k-textbox { text-indent: 0.4em; } .k-ff input.k-textbox { height: 2.17em; } textarea.k-textbox { height: auto; } /* NumericTextBox */ span.k-numerictextbox { background-color: transparent; } .k-numerictextbox .k-input { margin: 0; } .k-numerictextbox .k-link { display: block; height: 1em; line-height: 1em; vertical-align: middle; border-width: 0; padding: 0; } .k-numerictextbox .k-icon { height: 11px; } .k-numeric-wrap .k-input::-webkit-inner-spin-button { -webkit-appearance: none; } /* ColorPicker */ .k-colorpicker .k-picker-wrap { line-height: 2em; } .k-colorpicker .k-selected-color { vertical-align: top; line-height: 0; display: inline-block; height: 2em; width: 2em; } .k-colorpicker .k-tool-icon { position: relative; top: -2px; display: inline-block; padding: 3px 3px 2px; font-size: 0; line-height: 0; margin-right: 3px; margin-left: 2px; margin-bottom: 3px; background-repeat: no-repeat; vertical-align: middle; width: 16px; height: 16px; -ms-high-contrast-adjust: none; } .k-colorpicker .k-tool-icon .k-selected-color { display: block; height: 3px; width: 16px; position: absolute; left: 3px; bottom: -3px; border-radius: 0 !important; } .k-colorpicker .k-select { cursor: pointer; } .k-disabled-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0.5; filter: alpha(opacity=50); } .k-colorpalette { position: relative; line-height: 0; border-width: 0; display: inline-block; } .k-colorpalette .k-palette { border-collapse: collapse; position: relative; width: 100%; height: 100%; } .k-colorpalette .k-item { width: 14px; height: 14px; overflow: hidden; -ms-high-contrast-adjust: none; } .k-colorpalette .k-item.k-state-selected, .k-colorpalette .k-item.k-state-selected:hover { z-index: 100; background: transparent; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.45); position: relative; } .k-colorpalette .k-item:hover { z-index: 101; position: relative; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .k-flatcolorpicker { position: relative; display: inline-block; width: 250px; padding-bottom: 5px; } div.k-flatcolorpicker { background-color: transparent; background-image: none; } .k-flatcolorpicker .k-selected-color { background-image: url('kendo/web/textures/transtexture.png'); background-position: 50% 50%; text-align: right; } .k-flatcolorpicker .k-selected-color input.k-color-value { font-family: Consolas, 'Ubuntu Mono', 'Lucida Console', 'Courier New', monospace; padding: 0.75em 0.3em 0.65em 1em; border: 0; margin: 0; width: 70%; } .k-flatcolorpicker .k-hsv-rectangle { position: relative; user-select: none; -ms-touch-action: pinch-zoom double-tap-zoom; } .k-flatcolorpicker .k-hsv-rectangle .k-draghandle { cursor: pointer; position: absolute; z-index: 10; left: 50%; top: 50%; width: 8px; height: 8px; border: 1px solid #eee; margin-left: -5px; margin-top: -5px; border-radius: 6px; box-shadow: 0 1px 2px #444444; background: transparent; } .k-flatcolorpicker .k-hsv-rectangle .k-draghandle:hover, .k-flatcolorpicker .k-hsv-rectangle .k-draghandle:focus { background: transparent; border-color: #fff; box-shadow: 0 1px 5px #000000; } .k-flatcolorpicker .k-hsv-rectangle.k-dragging, .k-flatcolorpicker .k-hsv-rectangle.k-dragging * { cursor: none; } .k-flatcolorpicker .k-slider-horizontal { height: 20px; width: 90%; margin: 0 5%; } .k-flatcolorpicker .k-slider-horizontal .k-slider-track { box-shadow: 0 1px 0 #fff, 0 -1px 0 #999; } .k-flatcolorpicker .k-hue-slider, .k-flatcolorpicker .k-transparency-slider { display: block; } .k-flatcolorpicker .k-hue-slider .k-slider-selection, .k-flatcolorpicker .k-transparency-slider .k-slider-selection { background: transparent; } .k-flatcolorpicker .k-hue-slider .k-draghandle, .k-flatcolorpicker .k-transparency-slider .k-draghandle { background: transparent; border: 3px solid #eee; margin-top: 1px; height: 8px; width: 8px; box-shadow: 0 1px 4px #444444; } .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 { background: transparent; border-color: #fff; box-shadow: 0 1px 5px #000000; border-width: 2px; padding: 1px; } .k-flatcolorpicker .k-hue-slider .k-slider-track { background: linear-gradient( to right, #ff0000 0%, #ffff00 16%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 84%, #ff0004 100% ); } .k-flatcolorpicker .k-transparency-slider .k-slider-track { background-image: url('kendo/web/textures/transparency.png'); background-size: 100% auto; background-position: 100% 50%; background-repeat: no-repeat; } .k-flatcolorpicker .k-controls { margin-top: 10px; margin-bottom: 5px; text-align: center; font-size: 90%; } .k-flatcolorpicker .k-controls .k-button { width: 6em; } .k-flatcolorpicker .k-hsv-gradient { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%), linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%); height: 180px; margin-bottom: 5px; } .k-ie9 .k-flatcolorpicker .k-hue-slider .k-slider-track { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iI2ZmZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzAwZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iI2ZmMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); } .k-ie9 .k-flatcolorpicker .k-hsv-gradient { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); } .k-ie8 .k-flatcolorpicker .k-hue-slider .k-slider-track { background: url('kendo/web/textures/hue.png') repeat 0 50%; } .k-ie8 .k-flatcolorpicker .k-transparency-slider .k-slider-track { background: url('kendo/web/textures/transparency.png') repeat 0 50%; } .k-ie8 .k-flatcolorpicker .k-hsv-gradient { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#00ffffff',GradientType=1) progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#ff000000',GradientType=0); } /*! */ /* Editor */ table.k-editor { width: 100%; height: 250px; table-layout: fixed; border-style: solid; border-width: 1px; border-collapse: separate; border-spacing: 4px; font-size: 100%; vertical-align: top; position: relative; } .k-editor-inline { border-width: 2px; padding: 0.3em 0.5em; word-wrap: break-word; overflow: auto; } .k-editortoolbar-dragHandle { cursor: move; padding-left: 0; padding-right: 3px; box-shadow: none !important; } .k-editor-widget > .k-window-content { overflow: hidden; } .k-editor .k-editor-toolbar-wrap { border: 0; padding: 0; } .k-editor-toolbar { margin: 0; padding: 0.1em 0; list-style-type: none; line-height: 1.3em; cursor: default; word-wrap: break-word; /* allow tools to wrap properly in IE */ } .k-editor-toolbar li { display: inline-block; vertical-align: middle; } .k-webkit .k-editor-toolbar, .k-ff .k-editor-toolbar, .k-ie9 .k-editor-toolbar { padding: 0; } .k-webkit .k-editor-toolbar li, .k-safari .k-editor-toolbar li, .k-ff .k-editor-toolbar li, .k-ie9 .k-editor-toolbar li, .k-ie10 .k-editor-toolbar li { display: inline-block; padding: 0.1em 0; } .k-editor-toolbar .k-editor-widget, .k-editor-toolbar > li { margin-right: 6px; } .k-group-start.k-group-end .k-editor-widget { margin-right: 0; } .k-editor-toolbar .k-editor-dropdown { position: relative; } .k-select-overlay { -webkit-appearance: none; opacity: 0; z-index: 11000; top: 0; left: 0; position: absolute; height: 26px; width: 100%; margin: -4px 0 0; } .k-editor-toolbar .k-separator { position: relative; top: 1px; border-style: solid; border-width: 0 1px 0 0; margin: 0 0.3em 0 0.1em; padding: 0 0 0 1px; font-size: 1.3em; } .k-editor-toolbar .k-break { display: block; height: 1px; font-size: 0; line-height: 0; } .k-editor-toolbar .k-dropdown, .k-editor-toolbar .k-combobox, .k-editor-toolbar .k-selectbox, .k-editor-toolbar .k-colorpicker { vertical-align: middle; } .k-button-group { white-space: nowrap; } .k-button-group .k-tool { display: inline-block; vertical-align: middle; margin: 1px 0; width: 36px; height: 36px; line-height: 36px; } .k-button-group .k-tool-icon { width: 24px; height: 24px; vertical-align: middle; -ms-high-contrast-adjust: none; } .k-i-move { background-position: -160px -288px; } .k-bold { background-position: -240px 0; } .k-state-hover .k-bold, .k-state-selected .k-bold { background-position: -264px 0; background-position: -240px 0; } .k-state-hover .k-bold, .k-state-selected .k-bold { background-position: -240px 0; } .k-italic { background-position: -240px -24px; } .k-state-hover .k-italic, .k-state-selected .k-italic { background-position: -264px -24px; background-position: -240px -24px; } .k-state-hover .k-italic, .k-state-selected .k-italic { background-position: -240px -24px; } .k-underline { background-position: -240px -48px; } .k-state-hover .k-underline, .k-state-selected .k-underline { background-position: -264px -48px; background-position: -240px -48px; } .k-state-hover .k-underline, .k-state-selected .k-underline { background-position: -240px -48px; } .k-strikethrough { background-position: -240px -72px; } .k-state-hover .k-strikethrough, .k-state-selected .k-strikethrough { background-position: -264px -72px; background-position: -240px -72px; } .k-state-hover .k-strikethrough, .k-state-selected .k-strikethrough { background-position: -240px -72px; } .k-foreColor { background-position: -240px -96px; } .k-state-hover .k-foreColor, .k-state-selected .k-foreColor { background-position: -264px -96px; background-position: -240px -96px; } .k-state-hover .k-foreColor, .k-state-selected .k-foreColor { background-position: -240px -96px; } .k-backColor { background-position: -240px -120px; } .k-state-hover .k-backColor, .k-state-selected .k-backColor { background-position: -264px -120px; background-position: -240px -120px; } .k-state-hover .k-backColor, .k-state-selected .k-backColor { background-position: -240px -120px; } .k-colorpicker .k-foreColor { background-position: -240px -96px; } .k-colorpicker .k-backColor { background-position: -240px -120px; } .k-justifyLeft { background-position: -240px -144px; } .k-state-hover .k-justifyLeft, .k-state-selected .k-justifyLeft { background-position: -264px -144px; background-position: -240px -144px; } .k-state-hover .k-justifyLeft, .k-state-selected .k-justifyLeft { background-position: -240px -144px; } .k-justifyCenter { background-position: -240px -168px; } .k-state-hover .k-justifyCenter, .k-state-selected .k-justifyCenter { background-position: -264px -168px; background-position: -240px -168px; } .k-state-hover .k-justifyCenter, .k-state-selected .k-justifyCenter { background-position: -240px -168px; } .k-justifyRight { background-position: -240px -192px; } .k-state-hover .k-justifyRight, .k-state-selected .k-justifyRight { background-position: -264px -192px; background-position: -240px -192px; } .k-state-hover .k-justifyRight, .k-state-selected .k-justifyRight { background-position: -240px -192px; } .k-justifyFull { background-position: -240px -216px; } .k-state-hover .k-justifyFull, .k-state-selected .k-justifyFull { background-position: -264px -216px; background-position: -240px -216px; } .k-state-hover .k-justifyFull, .k-state-selected .k-justifyFull { background-position: -240px -216px; } .k-insertUnorderedList { background-position: -240px -264px; } .k-state-hover .k-insertUnorderedList, .k-state-selected .k-insertUnorderedList { background-position: -264px -264px; background-position: -240px -264px; } .k-state-hover .k-insertUnorderedList, .k-state-selected .k-insertUnorderedList { background-position: -240px -264px; } .k-insertOrderedList { background-position: -240px -288px; } .k-state-hover .k-insertOrderedList, .k-state-selected .k-insertOrderedList { background-position: -264px -288px; background-position: -240px -288px; } .k-state-hover .k-insertOrderedList, .k-state-selected .k-insertOrderedList { background-position: -240px -288px; } .k-indent, .k-rtl .k-outdent { background-position: -288px 0; } .k-state-hover .k-indent, .k-state-hover .k-rtl .k-outdent, .k-state-selected .k-indent, .k-state-selected .k-rtl .k-outdent { background-position: -312px 0; background-position: -288px 0; } .k-state-hover .k-indent, .k-state-hover .k-rtl .k-outdent, .k-state-selected .k-indent, .k-state-selected .k-rtl .k-outdent { background-position: -288px 0; } .k-outdent, .k-rtl .k-indent { background-position: -288px -24px; } .k-state-hover .k-outdent, .k-state-hover .k-rtl .k-indent, .k-state-selected .k-outdent, .k-state-selected .k-rtl .k-indent { background-position: -312px -24px; background-position: -288px -24px; } .k-state-hover .k-outdent, .k-state-hover .k-rtl .k-indent, .k-state-selected .k-outdent, .k-state-selected .k-rtl .k-indent { background-position: -288px -24px; } .k-createLink { background-position: -288px -48px; } .k-state-hover .k-createLink, .k-state-selected .k-createLink { background-position: -312px -48px; background-position: -288px -48px; } .k-state-hover .k-createLink, .k-state-selected .k-createLink { background-position: -288px -48px; } .k-unlink { background-position: -288px -72px; } .k-state-hover .k-unlink, .k-state-selected .k-unlink { background-position: -312px -72px; background-position: -288px -72px; } .k-state-hover .k-unlink, .k-state-selected .k-unlink { background-position: -288px -72px; } .k-insertImage { background-position: -288px -96px; } .k-state-hover .k-insertImage, .k-state-selected .k-insertImage { background-position: -312px -96px; background-position: -288px -96px; } .k-state-hover .k-insertImage, .k-state-selected .k-insertImage { background-position: -288px -96px; } .k-insertFile { background-position: -288px -216px; } .k-state-hover .k-insertFile, .k-state-selected .k-insertFile { background-position: -312px -216px; background-position: -288px -216px; } .k-state-hover .k-insertFile, .k-state-selected .k-insertFile { background-position: -288px -216px; } .k-subscript { background-position: -288px -144px; } .k-state-hover .k-subscript, .k-state-selected .k-subscript { background-position: -312px -144px; background-position: -288px -144px; } .k-state-hover .k-subscript, .k-state-selected .k-subscript { background-position: -288px -144px; } .k-superscript { background-position: -288px -168px; } .k-state-hover .k-superscript, .k-state-selected .k-superscript { background-position: -312px -168px; background-position: -288px -168px; } .k-state-hover .k-superscript, .k-state-selected .k-superscript { background-position: -288px -168px; } .k-cleanFormatting { background-position: -288px -192px; } .k-state-hover .k-cleanFormatting, .k-state-selected .k-cleanFormatting { background-position: -312px -192px; background-position: -288px -192px; } .k-state-hover .k-cleanFormatting, .k-state-selected .k-cleanFormatting { background-position: -288px -192px; } .k-createTable { background-position: -192px 0; } .k-state-hover .k-createTable, .k-state-selected .k-createTable { background-position: -216px 0; background-position: -192px 0; } .k-state-hover .k-createTable, .k-state-selected .k-createTable { background-position: -192px 0; } .k-addColumnLeft { background-position: -192px -24px; } .k-state-hover .k-addColumnLeft, .k-state-selected .k-addColumnLeft { background-position: -216px -24px; background-position: -192px -24px; } .k-state-hover .k-addColumnLeft, .k-state-selected .k-addColumnLeft { background-position: -192px -24px; } .k-addColumnRight { background-position: -192px -48px; } .k-state-hover .k-addColumnRight, .k-state-selected .k-addColumnRight { background-position: -216px -48px; background-position: -192px -48px; } .k-state-hover .k-addColumnRight, .k-state-selected .k-addColumnRight { background-position: -192px -48px; } .k-addRowAbove { background-position: -192px -72px; } .k-state-hover .k-addRowAbove, .k-state-selected .k-addRowAbove { background-position: -216px -72px; background-position: -192px -72px; } .k-state-hover .k-addRowAbove, .k-state-selected .k-addRowAbove { background-position: -192px -72px; } .k-addRowBelow { background-position: -192px -96px; } .k-state-hover .k-addRowBelow, .k-state-selected .k-addRowBelow { background-position: -216px -96px; background-position: -192px -96px; } .k-state-hover .k-addRowBelow, .k-state-selected .k-addRowBelow { background-position: -192px -96px; } .k-deleteRow { background-position: -192px -120px; } .k-state-hover .k-deleteRow, .k-state-selected .k-deleteRow { background-position: -216px -120px; background-position: -192px -120px; } .k-state-hover .k-deleteRow, .k-state-selected .k-deleteRow { background-position: -192px -120px; } .k-deleteColumn { background-position: -192px -144px; } .k-state-hover .k-deleteColumn, .k-state-selected .k-deleteColumn { background-position: -216px -144px; background-position: -192px -144px; } .k-state-hover .k-deleteColumn, .k-state-selected .k-deleteColumn { background-position: -192px -144px; } .k-mergeCells { background-position: -192px -168px; } .k-state-hover .k-mergeCells, .k-state-selected .k-mergeCells { background-position: -216px -168px; background-position: -192px -168px; } .k-state-hover .k-mergeCells, .k-state-selected .k-mergeCells { background-position: -192px -168px; } .k-pdf { background-position: -288px -240px; } .k-state-hover .k-pdf, .k-state-selected .k-pdf { background-position: -312px -240px; background-position: -288px -240px; } .k-state-hover .k-pdf, .k-state-selected .k-pdf { background-position: -288px -240px; } .k-print { background-position: -288px -264px; } .k-state-hover .k-print, .k-state-selected .k-print { background-position: -312px -264px; background-position: -288px -264px; } .k-state-hover .k-print, .k-state-selected .k-print { background-position: -288px -264px; } /* default tool widths */ .k-fontName { width: 110px; } .k-fontSize { width: 124px; } .k-formatBlock { width: 147px; } .k-editortoolbar-dragHandle { float: left; margin: 1px 0 0; } .k-editor-toolbar .k-button-group { padding: 1px; } .k-editor .k-editor-toolbar .k-row-break { display: block; height: 0; font-size: 0; line-height: 0; } .k-button-group .k-tool { border-style: solid; border-width: 1px; margin-right: -1px; } .k-button-group .k-tool.k-state-hover, .k-button-group .k-tool:focus { position: relative; z-index: 1; } .k-rtl .k-button-group .k-tool { border-style: solid; border-width: 1px; } .k-button-group .k-tool.k-group-end { border-right-width: 1px; } .k-rtl .k-button-group .k-tool.k-group-end { border-left-width: 1px; } .k-button-group .k-state-disabled { display: none; } .k-button-group .k-state-hover, .k-button-group .k-state-active { vertical-align: middle; } .k-button-group .k-state-disabled { filter: alpha(opacity=30); opacity: 0.3; } .k-editor .k-editable-area { width: 100%; height: 100%; border-style: solid; border-width: 1px; outline: 0; } .k-editor .k-content { display: block; width: 100%; height: 100%; border: 0; margin: 0; padding: 0; background: #fff; } .k-editor .k-tool { outline: 0; } .k-editor iframe.k-content { display: inline; vertical-align: top; /*fixes missing top border caused by the inline display*/ } .k-editor .k-raw-content { border: 0; margin: 0; padding: 0; } .k-editor .k-raw-content, .k-editor-dialog .k-editor-textarea { font-size: inherit; font-family: consolas, 'courier new', monospace; } .k-editor-dialog { padding: 1em; width: 400px; } .k-editor-dialog .k-edit-label { width: 25%; } .k-editor-dialog .k-edit-field { width: 66%; } .k-editor-dialog .k-edit-field .k-textbox { width: 96%; } .k-viewhtml-dialog { width: auto; } .k-filebrowser-dialog { width: auto; min-width: 350px; } .k-filebrowser-dialog .k-filebrowser { margin: 0 1em 0; } .k-filebrowser-dialog .k-edit-label { width: 18%; } .k-filebrowser-dialog .k-edit-field { width: 75%; } .k-filebrowser-dialog .k-edit-field .k-textbox { width: 70%; } #k-editor-image-width, #k-editor-image-height { width: 5em; } .k-editor-dialog .k-button { display: inline-block; } .k-editor-dialog .k-editor-textarea { width: 600px; height: 350px; padding: 0.2em 0.2em 0.2em 0.4em; border-width: 1px; border-style: solid; overflow: auto; } .k-button-wrapper .k-link:hover { text-decoration: underline; } .k-ct-popup { width: 180.4px; padding: 0.65em 0.5em 0.5em; } .k-ct-popup .k-status { margin: 0.3em 0; } .k-ct-cell { border-width: 1px; border-style: solid; width: 18px; height: 18px; margin: 1px; vertical-align: top; display: inline-block; overflow: hidden; -ms-high-contrast-adjust: none; } .k-editor .k-resize-handle { position: absolute; padding: 5px; right: 0; bottom: 0; } .k-editor .k-overlay { position: absolute; background-color: #fff; opacity: 0; } .k-toolbar-resizable { min-height: 2.4375em; position: relative; } .k-overflow-tools { position: absolute; right: 0; top: 0; } .k-editor-overflow-popup .k-tool { width: auto; height: auto; display: block; text-align: left; text-decoration: initial; border: 0; padding-right: 0.5em; margin: 0; padding: 0 6px; } .k-editor-overflow-popup .k-tool.k-state-disabled { display: none; } .k-editor-toolbar .k-tool-text { display: none; } /*! */ /* Notification */ .k-notification-wrap { padding: 0.6em 0.5em; cursor: default; position: relative; white-space: nowrap; } .k-notification-button .k-notification-wrap { padding-right: 20px; } .k-notification-wrap > .k-i-note { vertical-align: text-bottom; margin-right: 4px; } .k-notification-wrap > .k-i-close { position: absolute; top: 7px; right: 4px; display: none; } .k-notification-button .k-notification-wrap > .k-i-close { display: block; } /*! */ /* Progressbar */ .k-progressbar { display: inline-block; position: relative; vertical-align: middle; } .k-progressbar { border-radius: 4px; } .k-progressbar-horizontal { width: 27em; height: 1.9em; } .k-progressbar-vertical { width: 1.9em; height: 27em; } .k-progressbar > .k-state-selected { position: absolute; border-style: solid; border-width: 1px; overflow: hidden; } .k-progressbar-horizontal > .k-state-selected, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected { left: -1px; right: auto; top: -1px; height: 100%; border-radius: 4px 0 0 4px; } .k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected, .k-rtl .k-progressbar-horizontal > .k-state-selected { left: auto; right: -1px; border-radius: 0 4px 4px 0; } .k-progressbar-vertical > .k-state-selected { left: -1px; bottom: -1px; width: 100%; border-radius: 0 0 4px 4px; } .k-progressbar-vertical.k-progressbar-reverse > .k-state-selected { bottom: auto; top: -1px; border-radius: 4px 4px 0 0; } .k-progressbar > .k-state-selected.k-complete, .k-rtl .k-progressbar > .k-state-selected.k-complete { border-radius: 4px; } .k-progressbar > .k-reset { list-style: none; margin: 0; padding: 0; position: absolute; left: -1px; top: -1px; width: 100%; height: 100%; border-radius: 4px; white-space: nowrap; } .k-progressbar-horizontal .k-item { display: inline-block; height: 100%; border-style: solid; margin-left: -1px; } .k-progressbar-horizontal .k-item.k-first { margin-left: 0; } .k-progressbar-horizontal .k-item.k-last { border-right-width: 0; } .k-progressbar-horizontal .k-item, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-item { border-width: 1px 0 1px 1px; } .k-progressbar-horizontal.k-progressbar-reverse .k-item, .k-rtl .k-progressbar-horizontal .k-item { border-width: 1px 0 1px 1px; } .k-progressbar-horizontal .k-first, .k-rtl .k-progressbar-horizontal .k-last, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-last { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-left-width: 1px; } .k-progressbar-horizontal .k-last, .k-rtl .k-progressbar-horizontal .k-first { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .k-progressbar-horizontal.k-progressbar-reverse .k-last, .k-rtl .k-progressbar-horizontal .k-first { border-right-width: 1px; } .k-progressbar-horizontal .k-last.k-state-selected { border-right-width: 1px; } .k-progressbar-vertical .k-item { width: 100%; border-style: solid; border-width: 1px 1px 0 1px; margin-top: -1px; } .k-progressbar-vertical .k-item.k-first { margin-top: 0; } .k-progressbar-vertical li.k-item.k-last { border-bottom-width: 0; } .k-progressbar-vertical .k-first { border-top-left-radius: 4px; border-top-right-radius: 4px; } .k-progressbar-vertical .k-last { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-width: 1px; } .k-progressbar-vertical.k-progressbar-reverse .k-item { border-width: 0 1px 1px 1px; } .k-progressbar-vertical.k-progressbar-reverse .k-first { border-top-width: 1px; } .k-progress-status-wrap { position: absolute; top: -1px; border: 1px solid transparent; line-height: 2em; width: 100%; height: 100%; } .k-progress-status-wrap, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap { left: -1px; right: auto; text-align: right; } .k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap, .k-rtl .k-progressbar-horizontal .k-progress-status-wrap { left: auto; right: -1px; text-align: left; } .k-progressbar-vertical .k-progress-status-wrap { top: auto; bottom: -1px; } .k-progressbar-vertical.k-progressbar-reverse .k-progress-status-wrap { bottom: auto; top: -1px; } .k-progress-status { display: inline-block; padding: 0 0.5em; min-width: 10px; white-space: nowrap; } .k-progressbar-vertical.k-progressbar-reverse .k-progress-status { position: absolute; bottom: 0; left: 0; } .k-progressbar-vertical .k-progress-status { transform: rotate(-90deg) translateX(-100%); transform-origin: 0 0; } .k-progressbar-vertical.k-progressbar-reverse .k-progress-status { transform: rotate(90deg) translateX(-100%); transform-origin: 0 100%; } .k-ie8 .k-progressbar-vertical .k-progress-status { writing-mode: bt-lr; padding: 0.5em 0; } /*! */ /* Slider */ div.k-slider { position: relative; border-width: 0; background-color: transparent; user-select: none; } .k-slider-vertical { width: 26px; height: 200px; /* default height */ } .k-slider-horizontal { display: inline-block; width: 200px; /* default width */ height: 26px; } .k-slider-wrap { width: 100%; height: 100%; } .k-slider .k-button, .k-grid .k-slider .k-button { position: absolute; top: 0; width: 24px; min-width: 0; height: 24px; margin: 0; padding: 0; outline: 0; } .k-slider .k-button .k-icon { margin-top: 3px; vertical-align: top; } .k-state-disabled .k-slider-wrap { filter: alpha(opacity=60); opacity: 0.6; } .k-state-disabled .k-slider-wrap .k-slider-items { color: #333; } .k-slider .k-button-decrease { left: 0; } .k-slider-vertical .k-button-decrease, .k-grid .k-slider-vertical .k-button-decrease { top: auto; bottom: 0; } .k-slider .k-button-increase { right: 0; } .k-slider .k-icon, .k-slider-track, .k-slider .k-tick { cursor: pointer; } .k-slider-track, .k-slider-selection { position: absolute; margin: 0; padding: 0; } .k-slider-horizontal .k-slider-track, .k-slider-horizontal .k-slider-selection { top: 50%; left: 0; height: 8px; margin-top: -4px; background-repeat: repeat-x; } .k-slider-horizontal .k-slider-buttons .k-slider-track { left: 34px; } .k-slider-vertical .k-slider-track, .k-slider-vertical .k-slider-selection { left: 50%; bottom: 0; width: 8px; margin-left: -4px; background-repeat: repeat-y; } .k-slider-vertical .k-slider-buttons .k-slider-track { bottom: 34px; } .k-draghandle { position: absolute; background-repeat: no-repeat; background-color: transparent; text-indent: -3333px; overflow: hidden; text-decoration: none; text-align: center; outline: 0; } .k-slider-horizontal .k-draghandle { top: -4px; width: 13px; height: 14px; } .k-slider-vertical .k-draghandle { left: -4px; width: 14px; height: 13px; } .k-slider-buttons .k-slider-items { margin-left: 34px; } .k-slider-horizontal .k-slider-items { height: 100%; } .k-slider-vertical .k-slider-items { padding-top: 1px; } .k-slider-vertical .k-slider-buttons .k-slider-items { padding-top: 0; } .k-slider-vertical .k-slider-buttons .k-slider-items { margin: 0; padding-top: 35px; } .k-slider .k-tick { position: relative; margin: 0; padding: 0; background-color: transparent; background-repeat: no-repeat; background-position: center center; } .k-slider-horizontal .k-tick { float: left; height: 100%; text-align: center; } .k-slider-horizontal .k-tick { background-position: center -92px; } .k-slider-horizontal .k-slider-topleft .k-tick { background-position: center -122px; } .k-slider-horizontal .k-slider-bottomright .k-tick { background-position: center -152px; } .k-slider-horizontal .k-tick-large { background-position: center -2px; } .k-slider-horizontal .k-slider-topleft .k-tick-large { background-position: center -32px; } .k-slider-horizontal .k-slider-bottomright .k-tick-large { background-position: center -62px; } .k-slider-vertical .k-tick { background-position: -92px center; } .k-slider-vertical .k-slider-topleft .k-tick { background-position: -122px center; } .k-slider-vertical .k-slider-bottomright .k-tick { background-position: -152px center; } .k-slider-vertical .k-tick-large { background-position: -2px center; } .k-slider-vertical .k-slider-topleft .k-tick-large { background-position: -32px center; } .k-slider-vertical .k-slider-bottomright .k-tick-large { background-position: -62px center; } .k-slider-horizontal .k-first { background-position: 0 -92px; } .k-slider-horizontal .k-tick-large.k-first { background-position: 0 -2px; } .k-slider-horizontal .k-slider-topleft .k-first { background-position: 0 -122px; } .k-slider-horizontal .k-slider-topleft .k-tick-large.k-first { background-position: 0 -32px; } .k-slider-horizontal .k-slider-bottomright .k-first { background-position: 0 -152px; } .k-slider-horizontal .k-slider-bottomright .k-tick-large.k-first { background-position: 0 -62px; } .k-slider-horizontal .k-last { background-position: 100% -92px; } .k-slider-horizontal .k-tick-large.k-last { background-position: 100% -2px; } .k-slider-horizontal .k-slider-topleft .k-last { background-position: 100% -122px; } .k-slider-horizontal .k-slider-topleft .k-tick-large.k-last { background-position: 100% -32px; } .k-slider-horizontal .k-slider-bottomright .k-last { background-position: 100% -152px; } .k-slider-horizontal .k-slider-bottomright .k-tick-large.k-last { background-position: 100% -62px; } .k-slider-vertical .k-first { background-position: -92px 100%; } .k-slider-vertical .k-tick-large.k-first { background-position: -2px 100%; } .k-slider-vertical .k-slider-topleft .k-first { background-position: -122px 100%; } .k-slider-vertical .k-slider-topleft .k-tick-large.k-first { background-position: -32px 100%; } .k-slider-vertical .k-slider-bottomright .k-first { background-position: -152px 100%; } .k-slider-vertical .k-slider-bottomright .k-tick-large.k-first { background-position: -62px 100%; } .k-slider-vertical .k-last { background-position: -92px 0; } .k-slider-vertical .k-tick-large.k-last { background-position: -2px 0; } .k-slider-vertical .k-slider-topleft .k-last { background-position: -122px 0; } .k-slider-vertical .k-slider-topleft .k-tick-large.k-last { background-position: -32px 0; } .k-slider-vertical .k-slider-bottomright .k-last { background-position: -152px 0; } .k-slider-vertical .k-slider-bottomright .k-tick-large.k-last { background-position: -62px 0; } .k-slider-vertical .k-tick { text-align: right; } .k-slider-vertical .k-slider-topleft .k-tick { text-align: left; } .k-slider .k-label { position: absolute; white-space: nowrap; font-size: 0.92em; } .k-slider-horizontal .k-label { left: 0; width: 100%; line-height: 1; } .k-slider-horizontal .k-first .k-label { left: -50%; } .k-slider-horizontal .k-last .k-label { left: auto; right: -50%; } .k-slider-horizontal .k-label { bottom: -1.2em; } .k-slider-horizontal .k-slider-topleft .k-label { top: -1.2em; } .k-slider-vertical .k-label { left: 120%; display: block; text-align: left; } .k-slider-vertical .k-last .k-label { top: -0.5em; } .k-slider-vertical .k-first .k-label { bottom: -0.5em; } .k-slider-vertical .k-slider-topleft .k-label { left: auto; right: 120%; } .k-slider-tooltip { top: -4444px; /*prevent window resize in IE8 when appending*/ } /*! */ /* Scheduler */ .k-scheduler-toolbar, .k-scheduler-footer { border-style: solid; } .k-scheduler-toolbar, .k-scheduler-footer { line-height: 28px; padding: 6px; } .k-scheduler-toolbar { position: relative; border-width: 0 0 1px; } .k-edit-field.k-scheduler-toolbar { border-width: 0; padding-top: 0; padding-left: 0; padding-right: 0; } .k-scheduler-header { text-align: center; } .k-scheduler-footer { border-width: 1px 0 0; } .k-scheduler-toolbar > ul { float: right; } .k-scheduler-toolbar > ul:first-child { float: left; } .k-scheduler-toolbar > .k-scheduler-tools { float: left; margin-bottom: 0.5em; } .k-scheduler-tools + .k-scheduler-navigation { float: left; clear: left; } .k-scheduler-toolbar > ul > li, .k-scheduler-footer > ul > li { display: inline-block; border-style: solid; border-width: 1px 1px 1px 0; } .k-scheduler .k-scheduler-toolbar .k-nav-current, .k-scheduler .k-scheduler-toolbar .k-scheduler-tools > li { border-width: 0; } .k-scheduler-toolbar > ul > li:first-child, .k-scheduler-toolbar > ul.k-scheduler-views > li:first-child + li { border-left-width: 1px; } .k-scheduler div.k-scheduler-footer ul li { margin-right: 0.6em; border-width: 1px; } .k-scheduler-toolbar .k-link, .k-scheduler-footer .k-link { display: inline-block; padding: 0 1.1em; } .k-scheduler-toolbar .k-nav-prev .k-link, .k-scheduler-toolbar .k-nav-next .k-link { padding-left: 0.6em; padding-right: 0.6em; } .k-scheduler-toolbar .k-nav-current .k-link { padding: 0; } .k-scheduler-toolbar .k-nav-current { margin: 0 1.1em; } .k-scheduler div.k-scheduler-toolbar > ul > li.k-nav-current, .k-scheduler .k-nav-current > .k-state-active { background: none; } .k-scheduler-phone .k-scheduler-toolbar + .k-scheduler-toolbar .k-scheduler-navigation { width: 100%; text-align: center; } .k-scheduler-phone .k-scheduler-toolbar + .k-scheduler-toolbar .k-scheduler-navigation > li { background: none; border: 0; } .k-scheduler-phone .k-toolbar .k-nav-next { float: right; } .k-scheduler-phone .k-toolbar .k-nav-prev { float: left; } .k-scheduler-toolbar .k-i-calendar, .k-scheduler-footer .k-icon { margin: -2px 6px 0 0; } .k-scheduler-header, .k-scheduler-header-wrap { overflow: hidden; } .k-scheduler-header-wrap { position: relative; border-style: solid; border-width: 0; } .k-scheduler .k-scrollbar-v .k-scheduler-header-wrap { border-right-width: 1px; } .k-scheduler-times, .k-scheduler-content { position: relative; } .k-scheduler-times { overflow: hidden; border-style: solid; border-width: 0; } .k-scheduler-content { overflow: auto; } .k-scheduler-layout, .k-scheduler-table { border-spacing: 0; width: 100%; margin: 0; border-collapse: separate; } .k-scheduler-layout > tbody > tr > td { padding: 0; vertical-align: top; } /* fix smashed second layout column in iPad */ .k-safari .k-scheduler-layout > tbody > tr > td + td { width: 100%; } .k-scheduler-table { table-layout: fixed; max-width: none; } .k-scheduler-times .k-scheduler-table { table-layout: auto; } .k-scheduler-monthview .k-scheduler-content .k-scheduler-table { height: 100%; } .k-scheduler-table td, .k-scheduler-table th { height: 1.5em; padding: 0.334em 0.5em; font-size: 100%; } .k-scheduler .k-scheduler-table td, .k-scheduler .k-scheduler-table th { box-sizing: content-box; } .k-scheduler-monthview .k-hidden, .k-scheduler-monthview .k-hidden > div { width: 0 !important; overflow: hidden !important; } .k-scheduler-monthview .k-hidden { padding-left: 0 !important; padding-right: 0 !important; border-right-width: 0 !important; } .k-scheduler-monthview > tbody > tr:first-child .k-scheduler-times { margin-right: 1px; } .k-scheduler-monthview > tbody > tr:first-child .k-scheduler-times .k-hidden { height: auto; } .k-scheduler-monthview .k-scheduler-table td, .k-scheduler-monthview .k-hidden { height: 80px; text-align: right; } .k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td, .k-scheduler-phone .k-scheduler-monthview .k-hidden { height: 40px; } .k-scheduler-table td, .k-slot-cell { vertical-align: top; } /* separate due to old IEs */ .k-scheduler-layout tr + tr .k-scheduler-times th:last-child { vertical-align: top; } .k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td { text-align: center; vertical-align: middle; } .k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td span { font-size: 1.5em; } .k-scheduler-header th { overflow: hidden; text-overflow: ellipsis; } .k-scheduler-table td, .k-scheduler-header th { border-style: solid; border-width: 0 0 1px 1px; } .k-scheduler-table td:first-child, .k-scheduler-header th:first-child { border-left-width: 0; } .k-scheduler-agendaview .k-scheduler-table td:first-child { border-left-width: 1px; } .k-scheduler-agendaview .k-scheduler-table td.k-first { border-left-width: 0; } .k-scheduler-layout tr + tr .k-scheduler-times tr:last-child > th, .k-scheduler-layout tr + tr .k-scheduler-table > tbody > tr:last-child > td, .k-scheduler-table > tbody > tr > .k-last { border-bottom-width: 0; } .k-scrollbar-h tr + tr .k-scheduler-times, .k-scrollbar-h .k-scheduler-content .k-scheduler-table > tbody > tr:last-child > td, .k-scheduler-agendaview.k-scrollbar-h .k-scheduler-table > tbody > tr > td.k-last { border-bottom-width: 1px; } .k-scheduler-times th { text-align: right; padding-right: 0.6em; border-style: solid; border-width: 0 1px 1px 0; border-color: transparent; white-space: nowrap; } .k-scheduler-layout tr + tr .k-scheduler-times th { border-bottom-color: transparent; } .k-scheduler-layout tr + tr .k-scheduler-times th.k-slot-cell, .k-scheduler-layout tr + tr .k-scheduler-times th.k-scheduler-times-all-day { border-bottom-color: inherit; } .k-scheduler .k-middle-row td { border-bottom-style: dotted; } .k-scheduler-now-arrow, .k-scheduler-now-line { position: absolute; } .k-scheduler-now-arrow { width: 0; height: 0; border: solid 5px transparent; left: 0; } .k-scheduler-now-line { left: 5px; right: 0; height: 1px; } .k-task { position: relative; } div.k-more-events { text-align: center; font-size: 18px; line-height: 1.2; padding: 0; } .k-more-events > span { display: block; margin-top: -0.6em; } .k-event, .k-more-events { position: absolute; border-style: solid; border-width: 1px; text-align: left; overflow: hidden; } .k-event { cursor: default; min-height: 1.3em; } .k-event-drag-hint { filter: alpha(opacity=60); opacity: 0.6; cursor: -webkit-grabbing; cursor: -moz-grabbing; } .k-scheduler-header .k-event { white-space: nowrap; } .k-event-template { padding: 0.3em 1.4em 0.3em 0.6em; } .k-event-time { display: none; padding-bottom: 0; font-size: 0.9em; } .k-event-drag-hint .k-event-time { display: block; } .k-event-actions, .k-event > .k-link, .k-task > .k-link { position: absolute; top: 3px; right: 4px; white-space: nowrap; } .k-event-actions { z-index: 1; } .k-scheduler-agendaview .k-task > .k-link { top: 0; right: 0; } .k-event-actions:first-child { position: static; float: left; margin: 4px 2px 0 4px; } .k-webkit .k-event-actions:first-child { margin-top: 3px; } .k-event-actions:first-child > .k-link { display: inline-block; } .k-event-delete { display: none; } .k-event:hover .k-event-delete, tr:hover > td > .k-task .k-event-delete { display: inline-block; } .k-event .k-event-top-actions, .k-event .k-event-bottom-actions { position: absolute; top: 0; left: 0; width: 100%; text-align: center; } .k-event .k-event-bottom-actions { top: auto; bottom: 0; } .k-event .k-resize-handle, .k-scheduler-mobile .k-event:hover .k-resize-handle { position: absolute; visibility: hidden; z-index: 2; } .k-event:hover .k-resize-handle, .k-event-active .k-resize-handle, .k-scheduler-mobile .k-event-active:hover .k-resize-handle { visibility: visible; } .k-event .k-resize-handle:after { content: ''; position: absolute; filter: alpha(opacity=50); opacity: 0.5; } .k-scheduler-mobile .k-event .k-resize-handle:after { filter: none; opacity: 1; } .k-event > .k-resize-n { top: 0; left: 0; right: 0; height: 0.4em; } .k-event > .k-resize-s { bottom: 0; left: 0; right: 0; height: 0.4em; } .k-event > .k-resize-e { right: 0; top: 0; bottom: 0; width: 0.4em; } .k-event > .k-resize-w { left: 0; top: 0; bottom: 0; width: 0.4em; } .k-event > .k-resize-n:after, .k-event > .k-resize-s:after { top: 1px; left: 50%; margin-left: -1em; width: 2em; height: 1px; } .k-event > .k-resize-s:after { top: auto; bottom: 1px; } .k-event > .k-resize-e:after, .k-event > .k-resize-w:after { left: 1px; top: 50%; margin-top: -0.7em; height: 1.4em; width: 1px; } .k-event > .k-resize-e:after { left: auto; right: 1px; } .k-scheduler-mobile .k-event > .k-resize-n, .k-scheduler-mobile .k-event > .k-resize-s { height: 0.6em; } .k-scheduler-mobile .k-event > .k-resize-e, .k-scheduler-mobile .k-event > .k-resize-w { width: 0.6em; } .k-scheduler-mobile .k-event > .k-resize-n:after, .k-scheduler-mobile .k-event > .k-resize-s:after { top: 0; margin-left: -3em; width: 4em; height: 0.6em; } .k-scheduler-mobile .k-event > .k-resize-s:after { bottom: 0; } .k-scheduler-mobile .k-event > .k-resize-e:after, .k-scheduler-mobile .k-event > .k-resize-w:after { left: 0; margin-top: -0.7em; height: 1.4em; width: 0.6em; } .k-scheduler-mobile .k-event > .k-resize-e:after { right: 0; } .k-scheduler-mobile .k-event > .k-resize-n:after { border-radius: 0 0 4px 4px; } .k-scheduler-mobile .k-event > .k-resize-s:after { border-radius: 4px 4px 0 0; } .k-scheduler-mobile .k-event > .k-resize-w:after { border-radius: 0 4px 4px 0; } .k-scheduler-mobile .k-event > .k-resize-e:after { border-radius: 4px 0 0 4px; } .k-scheduler-phone .k-scheduler-monthview .k-events-container { position: absolute; text-align: center; height: 6px; line-height: 6px; } .k-scheduler-phone .k-scheduler-monthview .k-event { position: static; display: inline-block; width: 4px; height: 4px; min-height: 0; margin: 1px; } .k-scheduler-marquee { border-style: solid; border-width: 0; } .k-scheduler-marquee.k-first:before, .k-scheduler-marquee.k-last:after { content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-width: 3px; } div.k-scheduler-marquee:before { top: 0; left: 0; border-right-color: transparent; border-bottom-color: transparent; } div.k-scheduler-marquee:after { bottom: 0; right: 0; border-top-color: transparent; border-left-color: transparent; } .k-scheduler-marquee .k-label-top { position: absolute; top: 0.3em; left: 0.8em; font-size: 0.8em; } .k-scheduler-marquee .k-label-bottom { position: absolute; bottom: 0.3em; right: 0.81em; font-size: 0.8em; } .k-scheduler-quickedit .k-textbox { width: 200px; } .k-tooltip-bottom { text-align: left; } .k-tooltip-bottom .k-button { float: left; margin-right: 0.3em; } .k-tooltip-bottom .k-quickedit-details { float: right; margin-right: 0; } .k-scheduler-agendaview .k-scheduler-table th, .k-scheduler-agendaview .k-scheduler-table td { text-align: left; } .k-scheduler-times .k-slot-cell, .k-scheduler-groupcolumn { width: 6em; } .k-scheduler-datecolumn { width: 12em; } .k-scheduler-timecolumn { width: 11em; } .k-scheduler-timecolumn > div { position: relative; vertical-align: top; } .k-webkit .k-scheduler-timecolumn > div > .k-icon { vertical-align: top; } .k-scheduler-timecolumn > div > .k-i-arrow-e { position: absolute; right: -4px; } .k-scheduler-timecolumn .k-i-arrow-w { margin-left: -4px; } .k-scheduler-mark { display: inline-block; width: 1em; height: 1em; vertical-align: middle; margin-right: 0.5em; } .k-scheduler-agendaday { float: left; margin: 0 0.2em 0 0; font-size: 3em; font-weight: normal; } .k-scheduler-agendaweek { display: block; margin: 0.4em 0 0; font-size: 1.1em; font-style: normal; } .k-scheduler-agendadate { font-size: 0.8em; } .k-scheduler-timecolumn { white-space: nowrap; } .k-scheduler-edit-form .k-edit-form-container, .k-scheduler-timezones .k-edit-form-container { width: 520px; } .k-scheduler-edit-form .k-edit-label { width: 17%; } .k-scheduler-edit-form .k-edit-field { width: 77%; } .k-scheduler-edit-form .k-textbox[name='title'], .k-scheduler-edit-form textarea.k-textbox { width: 100%; } .k-scheduler-edit-form textarea.k-textbox { min-height: 4em; resize: vertical; } .k-scheduler-edit-form > .k-edit-box:first-child .k-datetimepicker { margin-right: 1em; } .km-pane-wrapper .k-scheduler-edit-form .k-edit-buttons { clear: right; margin-right: 2%; margin-left: 2%; padding: 0 0 0.6em; } .k-edit-box { float: left; } .k-edit-box + .k-edit-box { float: right; } .k-scheduler-edit-form label + input { margin-left: 1em; } .k-edit-field > ul.k-reset > li { margin: 0.2em 0 0.4em; line-height: 2.4; } .k-edit-field > ul.k-reset.k-toolbar > li { margin: 0; } .k-edit-field > ul.k-reset .k-widget { margin-left: 0.8em; } .k-edit-field > ul.k-reset .k-numerictextbox, .k-edit-field span.k-recur-interval { width: 5em; } .k-edit-field > ul.k-reset .k-dropdown, .k-edit-field > ul.k-reset .k-datepicker, div[name='recurrenceRule'] > .k-dropdown { width: 9em; } .k-scheduler-edit-form .k-edit-buttons .k-scheduler-delete { float: left; } .k-popup-message { margin: 0; padding: 1em 0 2em; text-align: center; } .k-scheduler-timezones .k-dropdown:first-child { width: 100%; } .k-scheduler-timezones .k-dropdown + .k-dropdown { margin: 0.5em 0 0.7em; } .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view { display: none; } .k-scheduler-toolbar li.k-nav-current .k-sm-date-format { display: none; } .k-scheduler-refresh { float: right; padding: 0 0.5em; } /* Responsive styles */ @media only screen and (max-width: 1250px) { .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views { position: absolute; right: 6px; top: 6px; z-index: 10000; } .k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views, .k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views, .k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views, .k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views { right: auto; left: 6px; } .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view), .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view), .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view), .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view) { display: none; } .k-webkit .k-scheduler-toolbar li.k-nav-current .k-lg-date-format, .k-ff .k-scheduler-toolbar li.k-nav-current .k-lg-date-format, .k-ie11 .k-scheduler-toolbar li.k-nav-current .k-lg-date-format, .k-safari .k-scheduler-toolbar li.k-nav-current .k-lg-date-format { display: none; } .k-webkit .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, .k-ff .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, .k-ie11 .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, .k-safari .k-scheduler-toolbar li.k-nav-current .k-sm-date-format { display: inline; } .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view { display: block; border-width: 1px; } .k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view { text-align: left; padding-left: 1em; } .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link { display: block; position: relative; padding-right: 2.5em; padding-left: 1em; } .k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, .k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, .k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, .k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link { padding-left: 0; } .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after { display: block; content: ''; position: absolute; top: 50%; margin-top: -0.6em; right: 0.333em; width: 1.333em; height: 1.333em; } .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li { display: block; border: 0; border-radius: 0; } .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded { border: 1px solid #c5c5c5; background-color: #fff; background-image: none; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); } .k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded { text-align: left; } } @media only screen and (max-width: 480px) { .k-webkit .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, .k-ff .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, .k-ie11 .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, .k-safari .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format { display: none; } .k-webkit .k-scheduler-timecolumn, .k-ff .k-scheduler-timecolumn, .k-ie11 .k-scheduler-timecolumn, .k-safari .k-scheduler-timecolumn { width: 5em; } .k-webkit .k-scheduler-datecolumn, .k-ff .k-scheduler-datecolumn, .k-ie11 .k-scheduler-datecolumn, .k-safari .k-scheduler-datecolumn { width: 6em; overflow: hidden; } .k-webkit .k-scheduler-timecolumn > div, .k-ff .k-scheduler-timecolumn > div, .k-ie11 .k-scheduler-timecolumn > div, .k-safari .k-scheduler-timecolumn > div, .k-webkit .k-scheduler-datecolumn > div, .k-ff .k-scheduler-datecolumn > div, .k-ie11 .k-scheduler-datecolumn > div, .k-safari .k-scheduler-datecolumn > div { white-space: normal; } } /* Remove scrollbars during PDF export */ .k-scheduler-pdf-export { overflow: hidden; } .k-pdf-export-shadow .k-scheduler, .k-scheduler-pdf-export .k-scheduler-content, .k-scheduler-pdf-export .k-scheduler-times { height: auto !important; overflow: visible !important; } .k-scheduler-pdf-export .k-scheduler-header { padding: 0 !important; } .k-scheduler-pdf-export .k-scheduler-header-wrap { border-width: 0 !important; } .k-scheduler-pdf-export .k-scheduler-header .k-scheduler-table, .k-scheduler-pdf-export .k-scheduler-content .k-scheduler-table { width: 100% !important; } /*! */ /* Tooltip */ .k-tooltip { position: absolute; z-index: 12000; border-style: solid; border-width: 0; padding: 5px 5px 5px 6px; background-repeat: repeat-x; min-width: 20px; /*slider tooltip only*/ text-align: center; /*slider tooltip only*/ } .k-tooltip-button { text-align: right; height: 0; } .k-tooltip-content { height: 100%; } .k-tooltip-closable .k-tooltip-content { padding-right: 20px; } span.k-tooltip { position: static; display: inline-block; border-width: 1px; padding: 2px 5px 1px 6px; } .k-invalid-msg { display: none; } .k-callout { position: absolute; width: 0; height: 0; border-style: solid; border-width: 6px; border-color: transparent; } .k-callout-n { top: -12px; left: 50%; } .k-callout-w { top: 50%; left: -12px; } .k-callout-s { left: 50%; bottom: -12px; } .k-callout-e { top: 50%; right: -12px; } .k-slider-tooltip .k-callout-n, .k-slider-tooltip .k-callout-s { margin-left: -6px; } .k-slider-tooltip .k-callout-w, .k-slider-tooltip .k-callout-e { margin-top: -6px; } .k-tooltip-validation .k-warning { vertical-align: text-top; margin-right: 3px; } .k-tooltip-validation { z-index: 9999; } /*! */ /* Toolbar */ .k-toolbar { position: relative; display: block; vertical-align: middle; line-height: 2.9em; } .k-toolbar .k-button .k-icon, .k-toolbar .k-button .k-sprite, .k-overflow-container .k-button .k-icon, .k-overflow-container .k-button .k-sprite { vertical-align: middle; margin-top: -7px; margin-bottom: -5px; } .k-toolbar .k-input { line-height: inherit; height: inherit; padding-top: 2px; padding-bottom: 2px; } .k-toolbar .k-input:before { content: '\a0'; display: inline-block; width: 0; } .k-ie .k-toolbar .k-input { height: 1.65em; } .k-toolbar .k-combobox .k-dropdown-wrap:before, .k-toolbar .k-picker-wrap:before, .k-toolbar .k-numeric-wrap:before { display: none; } .k-overflow-container .k-sprite { margin-left: -4px; } .k-toolbar-resizable { overflow: hidden; white-space: nowrap; } .k-toolbar > .k-align-left { float: none; } .k-toolbar > .k-align-right { float: right; } .k-toolbar > *, .k-toolbar .k-button { display: inline-block; vertical-align: middle; line-height: 1.72em; } .k-toolbar .k-separator { border-width: 0 0 0 1px; border-style: solid; width: 1px; line-height: inherit; } .k-toolbar .k-button-group { list-style-type: none; } .k-toolbar .k-button-group > li { display: inline-block; } .k-toolbar .k-button-group .k-button { margin: 0 0 0 -1px; border-radius: 0; } .k-toolbar .k-button, .k-toolbar .k-split-button, .k-toolbar .k-button-group, .k-toolbar .k-widget, .k-toolbar .k-textbox, .k-toolbar label, .k-toolbar .k-separator { margin: 0 0.2em; line-height: 1.72em; vertical-align: middle; } .k-toolbar .k-split-button { padding-left: 0; } .k-toolbar .k-split-button .k-button, .k-toolbar .k-button-group .k-group-start { margin: 0; } .k-toolbar .k-split-button .k-split-button-arrow { margin: 0 0 0 -1px; } .k-toolbar .k-overflow-anchor { border-width: 0 0 0 1px; border-style: solid; height: 3em; width: 3em; line-height: inherit; padding: 0 0.5em; margin: 0; position: relative; float: right; border-radius: 0; } .k-overflow-container .k-item { float: none; border: 0; } .k-overflow-container .k-separator { border-width: 0 0 1px; border-style: solid; height: 1px; line-height: 0; font-size: 0; padding: 0; } .k-overflow-container .k-overflow-button, .k-split-container .k-button { text-align: left; display: block; background: none; border-color: transparent; white-space: nowrap; } .k-split-container { margin-top: -1px; } .k-overflow-container .k-button-group { padding: 0; } .k-overflow-container .k-button-group > li { display: block; } .k-overflow-container .k-overflow-group { border-width: 1px 0; border-style: solid; border-radius: 0; padding: 2px 0; margin: 1px 0; } .k-overflow-container .k-overflow-hidden { display: none; } .k-overflow-container .k-toolbar-first-visible, .k-overflow-container .k-overflow-group + .k-overflow-group, .k-overflow-container .k-separator + .k-overflow-group { border-top: 0; margin-top: 0; padding-top: 1px; } .k-overflow-container .k-overflow-group + .k-separator { display: none; } .k-overflow-container .k-toolbar-last-visible { border-bottom: 0; margin-bottom: 0; padding-bottom: 1px; } /*! */ /* Splitter */ .k-splitter { position: relative; height: 300px; } .k-pane > .k-splitter { border-width: 0; overflow: hidden; } .k-splitter .k-pane { overflow: hidden; } .k-splitter .k-scrollable { overflow: auto; } .k-splitter .k-pane-loading { position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -8px; } .k-ghost-splitbar, .k-splitbar { position: absolute; border-style: solid; font-size: 0; outline: 0; user-select: none; } .k-splitter .k-ghost-splitbar-horizontal, .k-splitter .k-splitbar-horizontal { top: 0; width: 5px; border-width: 0 1px; background-repeat: repeat-y; } .k-ghost-splitbar-vertical, .k-splitbar-vertical { left: 0; height: 5px; border-width: 1px 0; background-repeat: repeat-x; } .k-splitbar-draggable-horizontal { cursor: w-resize; } .k-splitbar-draggable-vertical { cursor: n-resize; } .k-splitbar .k-resize-handle { display: none; } .k-restricted-size-horizontal, .k-restricted-size-vertical { background-color: #f00; } .k-splitbar-horizontal .k-icon { position: absolute; top: 50%; width: 5px; height: 20px; margin-top: -10px; } .k-collapse-prev, .k-collapse-next, .k-expand-prev, .k-expand-next { cursor: pointer; } .k-splitbar-horizontal .k-collapse-prev { margin-top: -31px; } .k-splitbar-horizontal .k-collapse-next { margin-top: 11px; } .k-splitbar-static-horizontal { width: 1px; } .k-splitbar-static-vertical { height: 1px; } .k-splitbar-vertical .k-icon { position: absolute; left: 50%; width: 20px; height: 5px; margin-left: -10px; } .k-splitbar-vertical .k-collapse-prev { margin-left: -31px; } .k-splitbar-vertical .k-collapse-next { margin-left: 11px; } .k-splitbar-draggable-vertical .k-resize-handle, .k-splitbar-draggable-horizontal .k-resize-handle { display: inline-block; } .k-splitbar-horizontal .k-resize-handle { background-position: -165px -6px; } .k-splitbar-horizontal-hover > .k-resize-handle { background-position: -181px -6px; } .k-splitbar-horizontal .k-collapse-prev, .k-splitbar-horizontal .k-expand-next { background-position: -6px -174px; } .k-splitbar-horizontal-hover > .k-collapse-prev, .k-splitbar-horizontal-hover > .k-expand-next { background-position: -22px -174px; } .k-splitbar-horizontal .k-collapse-next, .k-splitbar-horizontal .k-expand-prev { background-position: -5px -142px; } .k-splitbar-horizontal-hover > .k-collapse-next, .k-splitbar-horizontal-hover > .k-expand-prev { background-position: -21px -142px; } .k-splitbar-vertical .k-resize-handle { background-position: -38px -309px; } .k-splitbar-vertical-hover > .k-resize-handle { background-position: -70px -309px; } .k-splitbar-vertical .k-collapse-prev, .k-splitbar-vertical .k-expand-next { background-position: 2px -134px; } .k-splitbar-vertical-hover > .k-collapse-prev, .k-splitbar-vertical-hover > .k-expand-next { background-position: -14px -134px; } .k-splitbar-vertical .k-collapse-next, .k-splitbar-vertical .k-expand-prev { background-position: 2px -165px; } .k-splitbar-vertical-hover > .k-collapse-next, .k-splitbar-vertical-hover > .k-expand-prev { background-position: -14px -165px; } .k-splitter-resizing { overflow: hidden; } /*! */ /* Upload */ html .k-upload { position: relative; } .k-dropzone em, .k-upload-button { vertical-align: middle; } .k-dropzone, .k-file { position: relative; } .k-dropzone { border-style: solid; border-width: 0; padding: 0.8em; background-color: transparent; } .k-dropzone em { visibility: hidden; margin-left: 0.6em; } .k-dropzone-active em { visibility: visible; } .k-upload-button { position: relative; overflow: hidden; direction: ltr; } .k-upload .k-upload-button { min-width: 7.167em; } .k-upload-sync .k-upload-button, .k-ie8 .k-upload-button, .k-ie9 .k-upload-button { margin: 0.8em; } .k-upload-button input { position: absolute; bottom: 0; right: 0; z-index: 1; font: 170px monospace !important; /* critical for correct operation; larger values lead to ignoring or text layout problems in IE */ filter: alpha(opacity=0); opacity: 0; margin: 0; padding: 0; cursor: pointer; } .k-upload-files { margin: 0 0 0.6em; line-height: 2.66; border-style: solid; border-width: 1px 0 0; } .k-upload-files .k-button { padding: 0; } .k-upload-files .k-button, .k-upload-status-total .k-icon { margin-left: 8px; } .k-upload .k-fail { background-position: -161px -111px; } .k-si-refresh { background-position: -160px -128px; } .k-link:not(.k-state-disabled):hover > .k-si-refresh, .k-state-hover > .k-si-refresh, .k-state-hover > * > .k-si-refresh, .k-button:not(.k-state-disabled):hover .k-si-refresh, .k-textbox:hover .k-si-refresh, .k-button:active .k-si-refresh { background-position: -160px -128px; } .k-si-tick, .k-success { background-position: -160px -96px; } .k-link:not(.k-state-disabled):hover > .k-si-tick, .k-link:not(.k-state-disabled):hover > .k-success, .k-state-hover > .k-si-tick, .k-state-hover > .k-success, .k-state-hover > * > .k-si-tick, .k-state-hover > * > .k-success, .k-button:not(.k-state-disabled):hover .k-si-tick, .k-button:not(.k-state-disabled):hover .k-success, .k-textbox:hover .k-si-tick, .k-textbox:hover .k-success, .k-button:active .k-si-tick, .k-button:active .k-success { background-position: -160px -96px; } .k-si-cancel { background-position: -160px -112px; } .k-link:not(.k-state-disabled):hover > .k-si-cancel, .k-state-hover > .k-si-cancel, .k-state-hover > * > .k-si-cancel, .k-button:not(.k-state-disabled):hover .k-si-cancel, .k-textbox:hover .k-si-cancel, .k-button:active .k-si-cancel { background-position: -160px -112px; } .k-file { border-style: solid; border-width: 0 0 1px; padding: 0.167em 0.167em 0.167em 0.8em; } .k-file .k-icon { position: relative; } .k-file > .k-icon { background-position: -112px -288px; } .k-link:not(.k-state-disabled):hover > .k-file > .k-icon, .k-state-hover > .k-file > .k-icon, .k-state-hover > * > .k-file > .k-icon, .k-button:not(.k-state-disabled):hover .k-file > .k-icon, .k-textbox:hover .k-file > .k-icon, .k-button:active .k-file > .k-icon { background-position: -112px -288px; } .k-filename { position: relative; display: inline-block; min-width: 10em; max-width: 16.667em; vertical-align: middle; margin-left: 1em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .k-upload-status { position: absolute; right: 12px; } .k-upload-status .k-button, .k-upload-status .k-warning { vertical-align: text-bottom; } .k-dropzone .k-upload-status { line-height: 2.4; } .k-ie8 .k-upload-status-total { line-height: 29px; } .k-upload-action { line-height: normal; } .k-progress { position: absolute; top: 0; bottom: 0; left: 0; } .k-upload-selected { min-width: 7.167em; margin: 0.25em 0 0; box-sizing: content-box; } .k-upload-selected, .k-upload-cancel { margin-bottom: 0.8em; } .k-upload-selected { margin-left: 0.8em; margin-right: 0.2em; } /*! */ /* ImageBrowser */ .k-toolbar-wrap .k-dropzone em, .k-toolbar-wrap .k-upload-files { display: none; } .k-toolbar-wrap .k-dropzone { border: 0; padding: 0; } .k-toolbar-wrap .k-dropzone-active { text-align: center; } .k-toolbar-wrap .k-dropzone-active em { display: inline; margin: 0; font-size: 5em; font-style: normal; } .k-toolbar-wrap .k-dropzone-active .k-upload-button { display: none; } .k-filebrowser-dropzone { z-index: 10010; filter: alpha(opacity=40); opacity: 0.4; position: fixed; } .k-search-wrap { position: relative; float: right; width: 20%; padding: 0; } .k-search-wrap label { position: absolute; top: 0; left: 4px; line-height: 20px; font-style: italic; } .k-search-wrap input.k-input { padding-left: 0; padding-right: 0; } .k-search-wrap .k-search { position: absolute; top: 4px; right: 2px; margin: 0; } .k-breadcrumbs { position: relative; float: left; width: 79%; } .k-breadcrumbs-wrap { position: absolute; top: 3px; left: 0; z-index: 1; padding-left: 5px; line-height: 18px; } .k-breadcrumbs > .k-input { width: 100%; font-size: inherit; font-family: inherit; border: 0; } .k-breadcrumbs .k-link, .k-breadcrumbs-wrap .k-icon { margin-top: 0; text-decoration: none; vertical-align: middle; position: static; } .k-breadcrumbs .k-link:hover { text-decoration: underline; } .k-filebrowser .k-breadcrumbs .k-i-seek-w { text-decoration: none; cursor: default; } .k-filebrowser .k-filebrowser-toolbar { border-style: solid; border-width: 1px; margin: 8px 0 0; padding: 0.25em; line-height: 23px; white-space: nowrap; /*required by WebKit*/ } .k-filebrowser .k-filebrowser-toolbar .k-button.k-state-disabled { display: none; } .k-filebrowser .k-toolbar-wrap { float: left; } .k-filebrowser .k-tiles-arrange { float: right; } .k-filebrowser .k-tiles-arrange .k-dropdown { width: 75px; } .k-filebrowser .k-upload { float: left; z-index: 10010; border-width: 0; background-color: transparent; } .k-filebrowser .k-upload .k-upload-status { display: none; } .k-filebrowser .k-upload .k-upload-button { width: auto; margin-left: 0; vertical-align: top; } .k-filebrowser .k-upload .k-icon { vertical-align: bottom; } .k-tiles { clear: both; height: 390px; border-style: solid; border-width: 1px; border-top-width: 0; margin: 0 0 1.4em; padding: 9px; overflow: auto; line-height: 1.2; } .k-tile { float: left; width: 223px; height: 88px; overflow: hidden; border-style: solid; border-width: 1px; margin: 1px; padding: 0 0 4px; background-position: 0 100px; background-repeat: repeat-x; cursor: pointer; } .k-tiles li.k-state-hover, .k-tiles li.k-state-selected { background-position: 0 center; } .k-filebrowser .k-thumb { float: left; display: inline; width: 80px; height: 80px; margin: 4px 10px 0 4px; user-select: none; } .k-filebrowser .k-file { width: 80px; height: 80px; } .k-filebrowser .k-image { margin: 2px 0 0 2px; } .k-filebrowser .k-folder { width: 80px; height: 80px; background-position: 0 -200px; background-repeat: no-repeat; } .k-filebrowser .k-loading { margin: 35px 0 0 33px; } .k-tile strong, .k-tile input { margin: 10px 0 4px; font-weight: normal; } .k-tile strong { float: left; width: 120px; overflow: hidden; text-overflow: ellipsis; } .k-tile input { width: 100px; } .k-tile strong, .k-tile input, .k-tile .k-filesize { display: block; } .k-filebrowser .k-form-text-row { text-align: right; } .k-filebrowser .k-form-text-row label { width: 14%; } .k-filebrowser .k-form-text-row input { width: 80%; } .k-tile-empty { margin: 160px 0 0; } .k-tile-empty .k-dialog-upload { font-weight: bold; font-size: 120%; } .k-tile-empty strong { display: block; margin: 0 0 0.2em; font-size: 3em; font-weight: normal; } .k-tile-empty, .k-tile-empty .k-button-wrapper { text-align: center; } /*! */ .k-chart, .k-gauge, .k-sparkline, .k-stockchart { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-chart, .k-stockchart { height: 400px; } div.k-chart, div.k-gauge, span.k-sparkline, .k-stockchart { background-color: transparent; } .k-gauge { text-align: left; position: relative; } .k-baseline-marker { zoom: 1; *display: inline; } .k-chart-tooltip { border-radius: 4px; padding: 6px; white-space: nowrap; z-index: 12000; line-height: normal; background-repeat: repeat-x; background-position: 0 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAWCAYAAADAQbwGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNJREFUeNpi/P//vwMDFQELEP8beQb+HTWQYgP/DHoD/466cAR4edRAyg38P6hLbIAAAwCnWhhVsxvdCAAAAABJRU5ErkJggg==); color: #fff; } .k-chart-tooltip-inverse { color: #000; } .k-chart-tooltip table { border-spacing: 0; border-collapse: collapse; } .k-chart-tooltip th { width: auto; text-align: center; padding: 1px; } .k-chart-tooltip td { width: auto; text-align: left; padding: 0.1em 0.2em; } /*Stock Charts*/ /* Selection */ .k-selector { position: absolute; -webkit-transform: translateZ(0); } .k-selection { position: absolute; border-width: 1px; border-style: solid; border-color: #d2d2d2; border-bottom: 0; height: 100%; } .k-selection-bg { position: absolute; width: 100%; height: 100%; background-color: #fff; background-color: rgba(255, 255, 255, 0.01); filter: alpha(opacity=1); } .k-handle { background: #d2d2d2; width: 7px; height: 26px; cursor: e-resize; z-index: 1; border-radius: 6px; position: absolute; } .k-handle div { width: 100%; height: 100%; background-color: transparent; } .k-leftHandle { left: -4px; } .k-rightHandle { right: -4px; } .k-leftHandle div { margin: -20px 0 0 -15px; padding: 40px 30px 0 0; } .k-rightHandle div { margin: -20px 0 0 -15px; padding: 40px 0 0 30px; } .k-mask { position: absolute; height: 100%; background-color: #fff; filter: alpha(opacity=80); opacity: 0.8; } .k-border { background: #d2d2d2; width: 1px; height: 100%; position: absolute; } /* Navigator hint */ .k-navigator-hint div { position: absolute; } .k-navigator-hint .k-scroll { position: absolute; height: 4px; border-radius: 4px; background: #d2d2d2; } .k-navigator-hint .k-tooltip { margin-top: 20px; min-width: 160px; opacity: 1; text-align: center; border: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); background: #fff; } /* Sparklines */ .k-sparkline, .k-sparkline span { display: inline-block; vertical-align: top; } .k-sparkline span { height: 100%; width: 100%; } /* Map */ .k-map, .k-diagram { height: 600px; } .k-map .km-scroll-wrapper, .k-diagram .km-scroll-wrapper { padding-bottom: 0; user-select: none; } .k-map .km-scroll-wrapper, .k-diagram .km-scroll-wrapper, .k-map .km-scroll-container, .k-diagram .km-scroll-container { position: absolute; width: 100%; height: 100%; } .k-map .k-layer, .k-diagram .k-layer { position: absolute; left: 0; top: 0; } .k-map .km-touch-scrollbar, .k-diagram .km-touch-scrollbar { display: none; } .k-map .k-marker { position: absolute; width: 28px; height: 40px; margin: -40px 0 0 -14px; cursor: pointer; } .k-map .k-marker-pin { background-position: 0px 40px; } .k-map .k-marker-pin-target { background-position: 0px 0px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .k-map .k-marker { width: 56px; height: 80px; margin: -80px 0 0 -28px; } .k-map .k-marker-pin { background-position: 0px 80px; } } /* Control positions */ .k-map .k-pos-top { top: 0; } .k-map .k-pos-bottom { bottom: 0; } .k-map .k-pos-left { left: 0; } .k-map .k-pos-right { right: 0; } .k-map-controls { position: absolute; } .k-map-controls.k-pos-left .k-widget:first-child { margin-right: 0; } .k-map-controls.k-pos-right .k-widget:first-child { margin-left: 0; } /* Map navigator */ .k-navigator { width: 50px; height: 50px; margin: 20px; border-radius: 80px; position: relative; display: inline-block; vertical-align: middle; } .k-pdf-export .k-navigator { display: none; } .k-navigator > button { border-color: transparent; background: none; } div.k-navigator > .k-button { margin: 0; padding: 0; line-height: 10px; border-radius: 16px; position: absolute; font-size: 1px; /*IE7*/ line-height: 1px; } div.k-navigator .k-navigator-n { top: 2px; left: 50%; margin-left: -9px; } div.k-navigator .k-navigator-e { right: 2px; top: 50%; margin-top: -9px; } div.k-navigator .k-navigator-s { bottom: 2px; left: 50%; margin-left: -9px; } div.k-navigator .k-navigator-w { left: 2px; top: 50%; margin-top: -9px; } /* Attribution */ .k-map .k-attribution { background-color: rgba(255, 255, 255, 0.8); font-size: 10px; padding: 2px 4px; z-index: 1000; } /* Zoom */ .k-zoom-control { margin: 14px; vertical-align: middle; } .k-pdf-export .k-zoom-control { display: none; } .k-button-wrap { border-radius: 4px; display: inline-block; } .k-button-wrap .k-button { position: relative; font: bold 17px/1.18 monospace; } .k-buttons-horizontal :first-child { border-radius: 4px 0 0 4px; } .k-buttons-horizontal :first-child + .k-zoom-in { border-radius: 0; margin-left: -1px; } .k-buttons-horizontal .k-zoom-out { border-radius: 0 4px 4px 0; margin-left: -1px; } .k-button-wrap .k-button:hover { z-index: 1; } .k-buttons-vertical .k-button { display: block; } .k-buttons-vertical :first-child { border-radius: 4px 4px 0 0; } .k-buttons-vertical .k-zoom-out { border-radius: 0 0 4px 4px; margin-top: -1px; } .k-zoom-text { margin: 0; width: 4.3em; vertical-align: top; } /* RTL */ .k-rtl .k-buttons-horizontal :first-child { border-radius: 0 4px 4px 0; } .k-rtl .k-buttons-horizontal :first-child + .k-zoom-in { border-radius: 0; margin-left: 0; margin-right: -1px; } .k-rtl .k-buttons-horizontal .k-zoom-out { border-radius: 4px 0 0 4px; margin-left: 0; margin-right: -1px; } /* Diagram */ .k-diagram { height: 600px; } .k-diagram .km-scroll-wrapper { width: 100%; height: 100%; position: relative; } .k-diagram .km-scroll-wrapper { width: 100%; height: 100%; position: relative; } .k-canvas-container { width: 100%; height: 100%; } /* IE8- */ .k-diagram img { box-sizing: content-box; } /* TreeMap start */ .k-treemap { overflow: hidden; height: 400px; } .k-treemap-tile { box-sizing: border-box; border-style: solid; border-width: 1px; position: absolute; margin: -1px 0 0 -1px; overflow: hidden; } .k-treemap-tile.k-leaf { padding: 0.6em; } .k-treemap-wrap.k-last > .k-treemap-tile { padding: 0.3em; } .k-treemap-tile.k-state-hover, .k-treemap-tile.k-state-hover:hover { z-index: 2; background-image: none; } .k-treemap > .k-treemap-tile { position: relative; height: 100%; } .k-treemap-title { box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; line-height: 2.42em; height: 2.42em; padding: 0 0.6em; white-space: nowrap; } .k-treemap-wrap .k-treemap-title { border-width: 0 0 1px; border-style: solid; } .k-treemap-wrap { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .k-treemap-title + .k-treemap-wrap { top: 2.42em; } .k-treemap-title-vertical { box-sizing: border-box; text-overflow: ellipsis; position: absolute; top: 0; bottom: 0; width: 2.42em; line-height: 2.42em; overflow: hidden; padding: 0.6em 0; white-space: nowrap; } .k-treemap-title-vertical > div { position: absolute; top: 0; right: 1.23em; transform-origin: right; transform: rotate(-90deg); } .k-treemap-title-vertical + .k-treemap-wrap { left: 2.42em; } /* TreeMap end */ /*! */ /* common mobile css */ .km-root, .km-pane, .km-pane-wrapper { width: 100%; height: 100%; -ms-touch-action: none; -ms-content-zooming: none; user-select: none; text-size-adjust: none; } .km-pane-wrapper { position: absolute; width: 100%; height: 100%; } .km-pane, .km-shim { font-family: sans-serif; } .km-pane { overflow-x: hidden; } .km-view { top: 0; left: 0; position: absolute; display: flex; height: 100%; width: 100%; flex-direction: column; align-items: stretch; align-content: stretch; vertical-align: top; } .k-ff .km-view, .k-ff .km-pane { overflow: hidden; } .k-ff18 .km-view, .k-ff18 .km-pane, .k-ff19 .km-view, .k-ff19 .km-pane, .k-ff20 .km-view, .k-ff20 .km-pane, .k-ff21 .km-view, .k-ff21 .km-pane { position: relative; } .k-ff .km-view { display: -moz-inline-box; display: flex; } .km-content { min-height: 1px; flex: 1; flex-align: stretch; display: block; width: auto; overflow: hidden; position: relative; } .km-actionsheet > li { list-style-type: none; padding: inherit 1em; line-height: 2em; } .km-actionsheet { padding: 0; margin: 0; } .km-shim { left: 0; bottom: 0; position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 10001; } .km-shim .k-animation-container, .km-actionsheet-wrapper { width: 100%; box-shadow: none; border: 0; } .km-shim .k-animation-container { width: auto; } /* /common mobile css */ .km-pane-wrapper .k-grid-edit-form > .km-header, .km-pane-wrapper .k-grid-column-menu > .km-header, .km-pane-wrapper .k-grid-filter-menu > .km-header, .km-pane-wrapper .k-scheduler-edit-form > .km-header { border-style: solid; border-width: 1px; padding: 0.3em 0.6em; text-align: center; width: auto; line-height: 2em; } .k-ie .km-pane-wrapper .k-scheduler > .k-scheduler-toolbar, .k-ie .km-pane-wrapper .k-scheduler > .k-scheduler-footer { line-height: 2em; } .km-pane-wrapper .k-grid-edit-form .k-multiselect, .km-pane-wrapper .k-scheduler-edit-form .k-multiselect { width: 15em; } .km-pane-wrapper .k-grid-edit-form .k-dropdown-wrap, .km-pane-wrapper .k-scheduler-edit-form .k-dropdown-wrap { display: block; } .km-pane-wrapper .k-grid-column-menu .k-done, .km-pane-wrapper .k-grid-filter-menu .k-submit, .km-pane-wrapper .k-grid-edit-form .k-grid-update, .km-pane-wrapper .k-scheduler-edit-form .k-scheduler-update { float: right; } .km-pane-wrapper .k-grid-filter-menu .k-cancel, .km-pane-wrapper .k-grid-edit-form .k-grid-cancel, .km-pane-wrapper .k-scheduler-edit-form .k-scheduler-cancel { float: left; } /* Actiosheet Styles */ .km-pane-wrapper .k-scheduler-edit-form .k-scheduler-delete, *:not(.km-pane) > .km-shim .km-actionsheet .k-button { display: block; text-align: center; } *:not(.km-pane) > .km-shim .km-actionsheet .k-button { font-size: 1.4em; margin: 0.3em 1em; } *:not(.km-pane) > .km-shim .km-actionsheet-title { text-align: center; line-height: 3em; margin-bottom: -0.3em; } *:not(.km-pane) > .km-shim > .k-animation-container { margin: 0 !important; padding: 0 !important; left: 0 !important; } /* Adaptive Grid */ .km-pane-wrapper > div.km-pane { box-shadow: none; font-weight: normal; } .km-pane-wrapper .k-popup-edit-form .km-content > .km-scroll-container, .km-pane-wrapper .k-grid-edit-form .km-content > .km-scroll-container, .km-pane-wrapper .k-grid-column-menu .km-content > .km-scroll-container, .km-pane-wrapper .k-grid-filter-menu .km-content > .km-scroll-container { position: absolute; width: 100%; min-height: 100%; box-sizing: border-box; } .km-pane-wrapper .k-mobile-list .k-edit-field { width: 74%; } .km-pane-wrapper .k-grid-edit-form .k-popup-edit-form, .km-pane-wrapper .k-grid-edit-form .k-edit-form-container { width: auto; } .km-pane-wrapper .k-filter-menu .k-button { width: 100%; margin: 0; } .k-grid-mobile { border-width: 0; } .k-grid-mobile .k-resize-handle-inner { position: absolute; top: 50%; margin-top: -10px; left: -7px; width: 17px; height: 17px; border-style: solid; border-width: 2px; border-radius: 10px; } .k-grid-mobile .k-resize-handle-inner:before { content: ''; position: absolute; top: 50%; margin-top: -3px; left: 1px; width: 6px; height: 6px; background-position: -5px -53px; } .k-grid-mobile .k-resize-handle-inner:after { content: ''; position: absolute; top: 50%; margin-top: -3px; right: 1px; width: 6px; height: 6px; background-position: -5px -21px; } /* Adaptive Grid & Scheduler */ .km-pane-wrapper .km-pane * { background-clip: border-box; } .km-pane-wrapper .km-pane .k-mobile-list, .km-pane-wrapper .k-mobile-list ul { padding: 0; margin: 0; list-style-type: none; border-radius: 0; background: none; } .km-pane-wrapper .km-switch { top: 50%; right: 0.8rem; position: absolute; margin-top: -1.1rem; } .km-pane-wrapper .k-mobile-list .k-state-disabled { opacity: 1; } .km-pane-wrapper .k-mobile-list .k-state-disabled > * { opacity: 0.7; } .km-pane-wrapper .k-mobile-list .k-item, .km-pane-wrapper .k-mobile-list .k-item > .k-link, .km-pane-wrapper .k-mobile-list .k-item > .k-label, .km-pane-wrapper .k-mobile-list .k-edit-label { display: block; position: relative; list-style-type: none; vertical-align: middle; box-sizing: border-box; padding: 0.5em 0 0.5em 1em; font-size: 1em; } .km-pane-wrapper .k-edit-form-container, .km-pane-wrapper .k-scheduler-edit-form .km-scroll-container { padding-top: 1em; width: 100%; } .km-pane-wrapper .k-mobile-list .k-edit-label { position: absolute; margin: 0; float: none; clear: none; width: 100%; } .km-pane-wrapper .k-mobile-list .k-edit-field, .km-pane-wrapper .k-mobile-list .k-edit-label label { display: block; text-align: left; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; padding: 0.1em 0; margin: 0; } .km-pane-wrapper .k-mobile-list .k-item, .km-pane-wrapper .k-mobile-list .k-edit-field, .km-pane-wrapper .k-mobile-list .k-edit-label { font-size: 1em; line-height: 1.6em; overflow: hidden; } .km-pane-wrapper .k-mobile-list .k-edit-field, .km-pane-wrapper .k-mobile-list .k-edit-label { width: 100%; float: none; clear: none; min-height: 2.7em; } .km-pane-wrapper .km-header .k-icon, .km-pane-wrapper .k-grid-toolbar .k-icon, .km-pane-wrapper .k-grid-edit .k-icon, .km-pane-wrapper .k-grid-delete .k-icon { display: none; } .km-pane-wrapper .k-mobile-list .k-edit-field { padding: 0.5em 0; } .km-pane-wrapper .k-mobile-list .k-scheduler-toolbar { padding: 0.3em 0; } .km-pane-wrapper .k-mobile-list .k-scheduler-toolbar ul li { line-height: 2em; } .km-pane-wrapper .k-mobile-list .k-item > * { line-height: normal; } .km-pane-wrapper .k-mobile-list .k-edit-buttons, .km-pane-wrapper .k-mobile-list .k-button-container { box-sizing: border-box; padding: 0.5em 1em; margin: 0; } .km-pane-wrapper .k-mobile-list > ul > li > .k-link, .km-pane-wrapper .k-mobile-list .k-filter-help-text > li > .k-link, .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3), .km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child { display: block; padding: 0.2em 1em; font-size: 0.95em; position: -webkit-sticky; margin: 0; font-weight: normal; line-height: 2em; background: transparent; border-top: 1em solid transparent; } .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3), .km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child { position: relative; } .km-pane-wrapper .k-mobile-list .k-item:first-child { border-top: 0; } .km-pane-wrapper .k-mobile-list .k-item:last-child { border-bottom: 0; } .km-pane-wrapper .k-mobile-list .k-item > .k-link, .km-pane-wrapper .k-mobile-list .k-item > .k-label { line-height: inherit; text-decoration: none; margin: -0.5em 0 -0.5em -1em; } /* Mobile list form elements */ .k-check[type='checkbox'], .k-check[type='radio'], .k-mobile-list .k-edit-field [type='checkbox'], .k-mobile-list .k-edit-field [type='radio'] { appearance: none; background-color: transparent; } .km-pane-wrapper .k-mobile-list .k-link .k-check, .km-pane-wrapper .k-mobile-list .k-label .k-check, .k-mobile-list .k-edit-field [type='checkbox'], .k-mobile-list .k-edit-field [type='radio'] { border: 0; font-size: inherit; width: 13px; height: 13px; margin: 0.26em 1em 0.26em 0; } .k-ie .km-pane-wrapper .k-icon, .k-ie .km-pane-wrapper .k-mobile-list .k-link .k-check, .k-ie .km-pane-wrapper .k-mobile-list .k-label .k-check, .k-ie .k-mobile-list .k-edit-field [type='checkbox'], .k-ie .k-mobile-list .k-edit-field [type='radio'] { font-size: inherit; text-indent: -9999px; width: 1.01em; height: 1em; } .km-pane-wrapper .k-column-menu .k-label .k-check { height: 16px; width: 16px; } .km-pane-wrapper .km-pane .k-mobile-list input:not([type='checkbox']):not([type='radio']), .km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]), .km-pane-wrapper .km-pane .k-mobile-list textarea, .km-pane-wrapper .k-mobile-list .k-widget, .km-pane-wrapper .k-edit-field > *:not([type='checkbox']):not([type='radio']):not(.k-button) { text-indent: 0; font-size: 1em; line-height: 1.6em; vertical-align: middle; height: auto; padding: 0; border: 0; margin: 0; background: transparent; box-shadow: none; border-radius: 0; } .km-pane-wrapper .k-mobile-list .k-widget { border: 0; border-radius: 0; } .k-ie .km-pane-wrapper .k-mobile-list .k-widget { height: initial; } .km-pane-wrapper .k-mobile-list .k-widget .k-input, .km-pane-wrapper .k-mobile-list .k-widget .k-state-default { border: 0; background: transparent; } .km-pane-wrapper *:not(.k-state-default):not(.k-pager-input) > input:not([type='checkbox']):not([type='radio']), .km-pane-wrapper .k-mobile-list select:not([multiple]), .km-pane-wrapper .k-mobile-list textarea, .km-pane-wrapper .k-mobile-list .k-widget, .km-pane-wrapper .k-edit-field > *:not([type='checkbox']):not([type='radio']):not(.k-button) { width: 80%; padding: 0.6em 0; margin: -0.5em 0; } .km-pane-wrapper .km-pane .k-mobile-list input, .km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]), .km-pane-wrapper .km-pane .k-mobile-list textarea, .km-pane-wrapper .k-mobile-list .k-widget, .km-pane-wrapper .k-mobile-list .k-edit-field > * { appearance: none; float: right; z-index: 1; position: relative; } .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right { padding: 10px; border-radius: 0; } .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input { float: none; width: 100%; padding: 1px 0; margin: 0; border-radius: 3px; text-indent: 30px; border-width: 1px; border-style: solid; } .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-font-icon { position: absolute; left: 20px; z-index: 1; } .km-pane-wrapper .k-scheduler-views { width: 18em; } .km-pane-wrapper .k-mobile-list .k-edit-field.k-scheduler-toolbar { background: transparent; border: 0; box-shadow: none; padding: 0.5em 1em; } .km-pane-wrapper #recurrence .k-scheduler-navigation { width: 100%; } .km-pane-wrapper .k-scheduler-views, .km-pane-wrapper .k-mobile-list .k-scheduler-navigation { display: table; table-layout: fixed; } .km-pane-wrapper .k-scheduler-views li, .km-pane-wrapper .k-mobile-list .k-scheduler-navigation li { display: table-cell; text-align: center; } .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check { margin: 0; padding-left: 1em; box-sizing: border-box; } .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:first-child { margin-top: -0.5em; } .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:last-child { margin-bottom: -0.5em; } .km-pane-wrapper .k-mobile-list .k-scheduler-timezones .k-edit-field label.k-check { text-indent: 1em; } .km-pane-wrapper .k-mobile-list .k-edit-field > .k-button { margin-left: 20%; float: left; } .km-pane-wrapper .k-mobile-list .k-picker-wrap, .km-pane-wrapper .k-mobile-list .k-numeric-wrap, .km-pane-wrapper .k-mobile-list .k-dropdown-wrap { position: static; box-shadow: none; } .km-pane-wrapper .k-mobile-list .k-datepicker .k-select, .km-pane-wrapper .k-mobile-list .k-datetimepicker .k-select, .km-pane-wrapper .k-mobile-list .k-numerictextbox .k-select { position: absolute; top: 0; right: 0; line-height: normal; } .km-pane-wrapper .k-mobile-list .k-datepicker .k-select:before, .km-pane-wrapper .k-mobile-list .k-datetimepicker .k-select:before { content: '\a0'; display: inline-block; width: 0; height: 100%; vertical-align: middle; } .km-pane-wrapper .k-mobile-list .k-numerictextbox .k-link { height: 50%; } .km-pane-wrapper .k-grid .k-button, .km-pane-wrapper .k-edit-form-container .k-button { margin: 0; } .km-pane-wrapper .k-grid .k-button + .k-button, .km-pane-wrapper .k-edit-form-container .k-button + .k-button { margin: 0 0 0 0.18em; } .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 { width: 2.4em; height: 2.4em; line-height: 2.1em; border-radius: 2em; box-sizing: border-box; } .km-pane-wrapper .k-pager-numbers .k-link, .km-pane-wrapper .k-pager-numbers .k-state-selected { width: auto; line-height: 2.2em; padding: 0 0.86em; min-width: 0.7em; } .km-pane-wrapper .k-pager-wrap { line-height: 2.4em; } @media all and (max-width: 1250px) { .km-pane-wrapper .k-pager-nav + .k-pager-nav ~ .k-pager-nav { position: absolute; right: 0.3em; top: 0.3em; } .km-pane-wrapper .k-pager-wrap .k-pager-numbers + .k-pager-nav, .km-pane-wrapper .k-pager-nav:first-child + .k-pager-nav + .k-pager-nav { right: 3em; } .km-pane-wrapper .k-pager-info, .km-pane-wrapper .k-pager-refresh { display: none; } } @media all and (max-width: 699px), (-ms-high-contrast: active) and (-ms-high-contrast: none) and (max-width: 800px) { .km-pane-wrapper *:not(.k-state-default):not(.k-pager-input) > input:not([type='checkbox']):not([type='radio']), .km-pane-wrapper .k-mobile-list select:not([multiple]), .km-pane-wrapper .k-mobile-list textarea, .km-pane-wrapper .k-mobile-list .k-widget, .km-pane-wrapper .k-edit-field > *:not([type='checkbox']):not([type='radio']):not(.k-button) { width: 50%; } .km-pane-wrapper .k-mobile-list .k-edit-field > .k-button { margin-left: 50%; } .km-pane-wrapper .k-mobile-list .k-edit-field > .k-timezone-button { margin-left: 1em; } .km-pane-wrapper .k-nav-today a { padding-left: 0.6em; padding-right: 0.6em; } .km-pane-wrapper li.k-nav-current { margin-left: 0; margin-right: 0; } .km-pane-wrapper .k-pager-wrap { position: relative; } .km-pane-wrapper .k-pager-numbers { width: auto; display: block; overflow: hidden; margin-right: 5.5em; float: none; text-overflow: ellipsis; height: 2.4em; text-align: center; } .km-pane-wrapper .k-pager-numbers li { float: none; display: inline-block; } .km-pane-wrapper .k-pager-nav { float: left; } } .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check, .km-pane-wrapper .k-mobile-list .k-edit-field > * > select:not([multiple]), .km-pane-wrapper .k-mobile-list .k-scheduler-timezones .k-edit-field label.k-check { width: 100%; } /* Mobile Scroller */ .km-scroll-container { user-select: none; -webkit-margin-collapse: separate; -webkit-transform: translatez(0); } .k-widget .km-scroll-wrapper { position: relative; padding-bottom: 0; } .km-touch-scrollbar { position: absolute; visibility: hidden; z-index: 200000; height: 0.3em; width: 0.3em; background-color: rgba(0, 0, 0, 0.7); opacity: 0; transition: opacity 0.3s linear; transition: 'opacity 0.3s linear'; } .km-vertical-scrollbar { height: 100%; right: 2px; top: 2px; } .km-horizontal-scrollbar { width: 100%; left: 2px; bottom: 2px; } /* Responsive styles */ @media only screen and (max-width: 1250px) { .k-scheduler-toolbar > ul.k-scheduler-views { position: absolute; right: 6px; top: 6px; z-index: 10000; } .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views { right: auto; left: 6px; } .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view) { display: none; } .k-scheduler-toolbar li.k-nav-current .k-lg-date-format { display: none; } .k-scheduler-toolbar li.k-nav-current .k-sm-date-format { display: inline; } .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view { display: block; border-width: 1px; } .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view { text-align: left; padding-left: 1em; } .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link { display: block; position: relative; padding-right: 2.5em; padding-left: 1em; box-sizing: border-box; } .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link { padding-left: 0; } .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after { display: block; content: ''; position: absolute; top: 50%; margin-top: -0.6em; right: 0.333em; width: 1.333em; height: 1.333em; } .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li { display: block; border: 0; border-radius: 0; } .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded { border: 1px solid #c5c5c5; background-color: #fff; background-image: none; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); } .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded { text-align: left; } } /*! */ /* animation classes */ .k-fx-end .k-fx-next, .k-fx-end .k-fx-current { transition: all 350ms ease-out; } .k-fx { position: relative; } .k-fx .k-fx-current { z-index: 0; } .k-fx .k-fx-next { z-index: 1; } .k-fx-hidden, .k-fx-hidden * { visibility: hidden !important; } .k-fx-reverse .k-fx-current { z-index: 1; } .k-fx-reverse .k-fx-next { z-index: 0; } /* Zoom */ .k-fx-zoom.k-fx-start .k-fx-next { transform: scale(0) !important; } .k-fx-zoom.k-fx-end .k-fx-next { transform: scale(1) !important; } .k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-next, .k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-next { transform: scale(1) !important; } .k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-current { transform: scale(1) !important; } .k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-current { transform: scale(0) !important; } /* Fade */ .k-fx-fade.k-fx-start .k-fx-next { will-change: opacity; opacity: 0; } .k-fx-fade.k-fx-end .k-fx-next { opacity: 1; } .k-fx-fade.k-fx-reverse.k-fx-start .k-fx-current { will-change: opacity; opacity: 1; } .k-fx-fade.k-fx-reverse.k-fx-end .k-fx-current { opacity: 0; } /* Slide */ .k-fx-slide { /* left */ /* left reverse */ /* right */ } .k-fx-slide.k-fx-end .k-fx-next .km-content, .k-fx-slide.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-end .k-fx-next .km-footer, .k-fx-slide.k-fx-end .k-fx-current .km-content, .k-fx-slide.k-fx-end .k-fx-current .km-header, .k-fx-slide.k-fx-end .k-fx-current .km-footer { transition: all 350ms ease-out; } .k-fx-slide.k-fx-start .k-fx-next .km-content { will-change: transform; transform: translatex(100%); } .k-fx-slide.k-fx-start .k-fx-next .km-header, .k-fx-slide.k-fx-start .k-fx-next .km-footer { will-change: opacity; opacity: 0; } .k-fx-slide.k-fx-end .k-fx-current .km-content { transform: translatex(-100%); } .k-fx-slide.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-end .k-fx-next .km-footer { opacity: 1; } .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-content { will-change: transform; transform: translatex(0); } .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-content { transform: translatex(100%); } .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-content { transform: translatex(-100%); } .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-content { transform: translatex(0); } .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-footer { will-change: opacity; opacity: 1; } .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-footer { opacity: 1; } .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-footer { opacity: 0; } .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-footer { opacity: 1; } .k-fx-slide.k-fx-right { /* right reverse */ } .k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-content { transform: translatex(-100%); } .k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-content { transform: translatex(100%); } .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .km-content { transform: translatex(0); } .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-content { transform: translatex(-100%); } .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-content { transform: translatex(100%); } .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .km-content { transform: translatex(0%); } /* Tile */ .k-fx-tile { /* left */ /* left reverse */ /* right */ } .k-fx-tile.k-fx-start .k-fx-next { will-change: transform; transform: translatex(100%); } .k-fx-tile.k-fx-end .k-fx-current { transform: translatex(-100%); } .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current { will-change: transform; transform: translatex(0); } .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current { transform: translatex(100%); } .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next { transform: translatex(-100%); } .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next { transform: translatex(0); } .k-fx-tile.k-fx-right { /* right reverse */ } .k-fx-tile.k-fx-right.k-fx-start .k-fx-next { transform: translatex(-100%); } .k-fx-tile.k-fx-right.k-fx-end .k-fx-current { transform: translatex(100%); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current { transform: translatex(0); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current { transform: translatex(-100%); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next { transform: translatex(100%); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next { transform: translatex(0%); } /* Tile */ .k-fx-tile { /* left */ /* left reverse */ /* right */ } .k-fx-tile.k-fx-start .k-fx-next { will-change: transform; transform: translatex(100%); } .k-fx-tile.k-fx-end .k-fx-current { transform: translatex(-100%); } .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current { will-change: transform; transform: translatex(0); } .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current { transform: translatex(100%); } .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next { transform: translatex(-100%); } .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next { transform: translatex(0); } .k-fx-tile.k-fx-right { /* right reverse */ } .k-fx-tile.k-fx-right.k-fx-start .k-fx-next { transform: translatex(-100%); } .k-fx-tile.k-fx-right.k-fx-end .k-fx-current { transform: translatex(100%); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current { transform: translatex(0); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current { transform: translatex(-100%); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next { transform: translatex(100%); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next { transform: translatex(0%); } /* Overlay */ .k-fx.k-fx-overlay.k-fx-start .k-fx-next, .k-fx.k-fx-overlay.k-fx-left.k-fx-start .k-fx-next { will-change: transform; transform: translatex(100%); } .k-fx.k-fx-overlay.k-fx-right.k-fx-start .k-fx-next { transform: translatex(-100%); } .k-fx.k-fx-overlay.k-fx-up.k-fx-start .k-fx-next { transform: translatey(100%); } .k-fx.k-fx-overlay.k-fx-down.k-fx-start .k-fx-next { transform: translatey(-100%); } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-next { transform: none; } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-current { will-change: transform; transform: none; } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-end .k-fx-current, .k-fx.k-fx-overlay.k-fx-reverse.k-fx-left.k-fx-end .k-fx-current { transform: translatex(100%); } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-right.k-fx-end .k-fx-current { transform: translatex(-100%); } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-up.k-fx-end .k-fx-current { transform: translatey(100%); } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-down.k-fx-end .k-fx-current { transform: translatey(-100%); } /*! */ /* Virtual List */ .k-virtual-wrap { position: relative; } .k-virtual-wrap .k-list.k-virtual-list { height: auto; } .k-virtual-content { overflow-y: scroll; /* has to be scroll, not auto */ -webkit-overflow-scrolling: touch; position: relative; } .k-virtual-list > .k-virtual-content { position: absolute; top: 0; width: 100%; margin: 0; padding: 0; list-style-type: none; } .k-virtual-option-label { width: 100%; margin: 0; padding: 0; list-style-type: none; } .k-virtual-wrap > .k-virtual-header { text-align: right; } .k-popup .k-item.k-first { position: relative; } .k-virtual-content > .k-virtual-list > .k-virtual-item { position: absolute; width: 100%; box-sizing: border-box; overflow: hidden; white-space: nowrap; } .k-popup .k-list .k-item > .k-group, .k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header { text-transform: uppercase; font-size: 0.857em; } .k-popup .k-list .k-item > .k-group { position: absolute; top: 0; right: 0; padding: 0 0.5em; line-height: 1.8; } .k-popup .k-state-hover > .k-group { right: -1px; } .k-virtual-item.k-first, .k-group-header + .k-list > .k-item.k-first, .k-static-header + .k-list > .k-item.k-first { border-top-style: solid; border-top-width: 1px; padding-top: 0; } .k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header { text-align: right; } /*! */ @font-face { font-family: 'KendoUIGlyphs'; src: url('../fonts/KendoUIGlyphs.eot?y6oa7j'); src: url('../fonts/KendoUIGlyphs.eot?y6oa7j?#iefix') format('embedded-opentype'), url('../fonts/KendoUIGlyphs.ttf?y6oa7j') format('truetype'), url('../fonts/KendoUIGlyphs.woff?y6oa7j') format('woff'), url('../fonts/KendoUIGlyphs.svg?y6oa7j#KendoUIGlyphs') format('svg'); font-weight: normal; font-style: normal; } .k-i-arrow-n:before { content: '\e600'; background-image: none; font-family: 'KendoUIGlyphs'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 1.3em; line-height: 1; opacity: 1; text-indent: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .k-i-arrow-e:before { content: '\e601'; background-image: none; font-family: 'KendoUIGlyphs'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 1.3em; line-height: 1; opacity: 1; text-indent: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .k-i-arrow-s:before { content: '\e602'; background-image: none; font-family: 'KendoUIGlyphs'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 1.3em; line-height: 1; opacity: 1; text-indent: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .k-i-arrow-w:before { content: '\e603'; background-image: none; font-family: 'KendoUIGlyphs'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 1.3em; line-height: 1; opacity: 1; text-indent: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .k-i-seek-n:before { content: '\e604'; } .k-i-seek-e:before { content: '\e605'; } .k-i-seek-s:before { content: '\e606'; } .k-i-seek-w:before { content: '\e607'; } .k-i-sarrow-n:before { content: '\e608'; } .k-i-sarrow-e:before { content: '\e609'; } .k-i-sarrow-s:before { content: '\e60a'; } .k-i-sarrow-w:before { content: '\e60b'; } .k-i-expand-n:before { content: '\e60c'; } .k-i-expand-e:before { content: '\e60d'; } .k-i-expand-s:before { content: '\e60e'; } .k-i-expand-w:before { content: '\e60f'; } .k-i-collapse-ne:before { content: '\e610'; } .k-i-collapse-se:before { content: '\e611'; } .k-i-collapse-sw:before { content: '\e612'; } .k-i-collapse-nw:before { content: '\e613'; } .k-i-resize-ne:before { content: '\e614'; } .k-i-resize-se:before { content: '\e615'; } .k-i-resize-sw:before { content: '\e616'; } .k-i-resize-nw:before { content: '\e617'; } .k-i-arrowhead-n:before { content: '\e618'; } .k-i-arrowhead-e:before { content: '\e619'; } .k-i-arrowhead-s:before { content: '\e61a'; } .k-i-arrowhead-w:before { content: '\e61b'; } .k-i-pencil:before { content: '\e61c'; } .k-i-x:before { content: '\e61d'; } .k-i-checkmark:before { content: '\e61e'; } .k-i-deny:before { content: '\e61f'; } .k-i-trash:before { content: '\e620'; } .k-i-plus:before { content: '\e621'; } .k-i-splus:before { content: '\e622'; } .k-i-minus:before { content: '\e623'; } .k-i-sminus:before { content: '\e624'; } .k-i-filter:before { content: '\e625'; } .k-i-filter-clear:before { content: '\e626'; } .k-i-refresh:before { content: '\e627'; } .k-i-refresh-clear:before { content: '\e628'; } .k-i-restore:before { content: '\e629'; } .k-i-maximize:before { content: '\e62a'; } .k-i-minimize:before { content: '\e62b'; } .k-i-pin:before { content: '\e62c'; } .k-i-unpin:before { content: '\e62d'; } .k-i-calendar:before { content: '\e62e'; } .k-i-clock:before { content: '\e62f'; } .k-i-search:before { content: '\e630'; } .k-i-zoom-in:before { content: '\e631'; } .k-i-zoom-out:before { content: '\e632'; } .k-i-print:before { content: '\e633'; } .k-i-folder-add:before { content: '\e634'; } .k-i-folder-up:before { content: '\e635'; } .k-i-folder-open:before { content: '\e634'; } .k-i-insert-image:before { content: '\e636'; } .k-i-image:before { content: '\e637'; } .k-i-insert-file:before { content: '\e638'; } .k-i-file:before { content: '\e639'; } .k-i-files:before { content: '\e63a'; } .k-i-pdf:before { content: '\e63b'; background-image: none; font-family: 'KendoUIGlyphs'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 1.3em; line-height: 1; opacity: 1; text-indent: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .k-i-pdfa:before { content: '\e68d'; background-image: none; font-family: 'KendoUIGlyphs'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 1.3em; line-height: 1; opacity: 1; text-indent: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .k-i-xls:before { content: '\e63c'; } .k-i-xlsa:before { content: '\e63d'; } .k-i-lock:before { content: '\e63e'; } .k-i-unlock:before { content: '\e63f'; } .k-i-rows:before { content: '\e640'; } .k-i-columns:before { content: '\e641'; } .k-i-hamburger:before { content: '\e642'; } .k-i-vbars:before { content: '\e643'; } .k-i-hbars:before { content: '\e644'; } .k-i-move:before { content: '\e645'; } .k-i-group:before { content: '\e646'; } .k-i-ungroup:before { content: '\e647'; } .k-i-dimension:before { content: '\e648'; } .k-i-connector:before { content: '\e649'; } .k-i-kpi:before { content: '\e64a'; } .k-i-undo:before { content: '\e64b'; } .k-i-redo:before { content: '\e64c'; } .k-i-undo-large:before { content: '\e64d'; } .k-i-redo-large:before { content: '\e64e'; } .k-i-rotate-ccw:before { content: '\e64f'; } .k-i-rotate-cw:before { content: '\e650'; } .k-i-cut:before { content: '\e651'; } .k-i-copy:before { content: '\e652'; } .k-i-paste:before { content: '\e653'; } .k-i-bold:before { content: '\e654'; } .k-i-italic:before { content: '\e655'; } .k-i-underline:before { content: '\e656'; } .k-i-strike-through:before { content: '\e657'; } .k-i-text:before { content: '\e658'; } .k-i-font-size:before { content: '\e68e'; } .k-i-font-family:before { content: '\e68f'; } .k-i-fx:before { content: '\e659'; } .k-i-subscript:before { content: '\e65a'; } .k-i-superscript:before { content: '\e65b'; } .k-i-background:before { content: '\e65c'; } .k-i-sum:before { content: '\e65d'; } .k-i-increase-decimal:before { content: '\e65e'; } .k-i-decrease-decimal:before { content: '\e65f'; } .k-i-justify-left:before { content: '\e660'; } .k-i-justify-center:before { content: '\e661'; } .k-i-justify-right:before { content: '\e662'; } .k-i-justify-full:before { content: '\e663'; } .k-i-justify-clear:before { content: '\e664'; } .k-i-align-top:before { content: '\e665'; } .k-i-align-middle:before { content: '\e666'; } .k-i-align-bottom:before { content: '\e667'; } .k-i-indent:before { content: '\e668'; } .k-i-outdent:before { content: '\e669'; } .k-i-insert-n:before { content: '\e66a'; } .k-i-insert-m:before { content: '\e66b'; } .k-i-insert-s:before { content: '\e66c'; } .k-i-insert-unordered-list:before { content: '\e66d'; } .k-i-insert-ordered-list:before { content: '\e66e'; } .k-i-sort-asc:before { content: '\e66f'; } .k-i-sort-desc:before { content: '\e670'; } .k-i-unsort:before { content: '\e671'; } .k-i-hyperlink:before { content: '\e672'; } .k-i-hyperlink-remove:before { content: '\e673'; } .k-i-clearformat:before { content: '\e674'; } .k-i-html:before { content: '\e675'; } .k-i-exception:before { content: '\e676'; } .k-i-custom:before { content: '\e677'; } .k-i-cog:before { content: '\e678'; } .k-i-create-table:before { content: '\e679'; } .k-i-add-column-left:before { content: '\e67a'; } .k-i-add-column-right:before { content: '\e67b'; } .k-i-delete-column:before { content: '\e67c'; } .k-i-add-row-above:before { content: '\e67d'; } .k-i-add-row-below:before { content: '\e67e'; } .k-i-delete-row:before { content: '\e67f'; } .k-i-merge-cells:before { content: '\e680'; } .k-i-normal-layout:before { content: '\e681'; } .k-i-page-layout:before { content: '\e682'; } .k-i-all-borders:before { content: '\e683'; } .k-i-inside-borders:before { content: '\e684'; } .k-i-inside-horizontal-borders:before { content: '\e685'; } .k-i-inside-vertical-borders:before { content: '\e686'; } .k-i-outside-borders:before { content: '\e687'; } .k-i-top-border:before { content: '\e688'; } .k-i-right-border:before { content: '\e689'; } .k-i-bottom-border:before { content: '\e68a'; } .k-i-left-border:before { content: '\e68b'; } .k-i-no-borders:before { content: '\e68c'; } .k-i-merge-horizontally:before { content: '\e690'; } .k-i-merge-vertically:before { content: '\e691'; } .k-i-text-wrap:before { content: '\e692'; } .k-i-dollar:before { content: '\e693'; } .k-i-percent:before { content: '\e694'; } .k-i-freeze-col:before { content: '\e695'; } .k-i-freeze-row:before { content: '\e696'; } .k-i-freeze-panes:before { content: '\e697'; } .k-i-format-number:before { content: '\e698'; } .k-i-reset-color:before { content: '\e900'; } .k-i-file-horizontal:before { content: '\e901'; } .k-i-folder:before { content: '\e902'; } .k-i-folder-open:before { content: '\e903'; } /*! */ .k-spreadsheet { width: 800px; height: 600px; position: relative; border-width: 1px; border-style: solid; cursor: default; } .k-spreadsheet .k-spreadsheet-pane { padding-right: 1px; position: absolute; border-width: 1px; border-style: solid; overflow: hidden; box-sizing: border-box; } .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; background-clip: padding-box; } .k-spreadsheet .k-spreadsheet-vaxis, .k-spreadsheet .k-spreadsheet-haxis { 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-spreadsheet-data, .k-spreadsheet .k-merged-cells-wrapper, .k-spreadsheet .k-selection-wrapper, .k-spreadsheet .k-spreadsheet-active-cell { cursor: cell; } .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; box-sizing: border-box; } .k-spreadsheet .k-spreadsheet-formula-bar { border-width: 0 1px 1px; border-style: solid; padding-left: 31px; position: relative; font-size: 12px; font-family: Arial, Verdana, sans-serif; } .k-spreadsheet .k-spreadsheet-formula-bar:before { background-image: none; font-family: 'KendoUIGlyphs'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 1.3em; line-height: 1; opacity: 1; text-indent: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e659'; display: block; height: 20px; top: 3px; border-width: 0 1px 0 0; border-style: solid; position: absolute; width: 24px; margin-left: -24px; } .k-spreadsheet .k-spreadsheet-formula-bar:after { content: ''; display: block; border-width: 0 0 1px; border-style: solid; position: absolute; bottom: 0; left: 0; width: 100%; } .k-spreadsheet .k-spreadsheet-formula-input { outline: none; border-width: 0; height: 26px; line-height: 20px; width: 100%; box-sizing: border-box; white-space: pre; padding: 3px 0.5em 0; } .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; font-size: 12px; font-family: Arial, Verdana, sans-serif; } .k-spreadsheet .k-tabstrip-wrapper { position: relative; line-height: 1.7em; } .k-spreadsheet .k-tabstrip-wrapper .k-tabstrip-items { padding: 0.3em 0 0; } .k-spreadsheet .k-spreadsheet-quick-access-toolbar { display: inline-block; position: absolute; z-index: 1; top: 0; left: 0; padding: 0.3em 0.3em 0; } .k-spreadsheet .k-spreadsheet-quick-access-toolbar .k-button { padding: 0.3em; line-height: 1.4em; } .k-spreadsheet .k-merged-cells-wrapper, .k-spreadsheet .k-selection-wrapper, .k-spreadsheet .k-filter-wrapper, .k-spreadsheet .k-spreadsheet-row-header { position: relative; } .k-spreadsheet .k-spreadsheet-column-header { position: absolute; } .k-spreadsheet .k-spreadsheet-sheets-bar { border-width: 1px 0 0; } .k-spreadsheet .k-vertical-align-center { position: relative; top: 50%; transform: translateY(-50%); } .k-spreadsheet .k-vertical-align-bottom { position: relative; top: 100%; transform: translateY(-100%); } .k-spreadsheet .k-dirty { position: absolute; top: 0; right: 0; margin: -2px 0 0 -7px; border-width: 4px; border-color: #f00 #f00 transparent transparent; } .k-spreadsheet .k-single-selection::after { content: ' '; height: 6px; width: 6px; position: absolute; display: block; bottom: 0; right: 0; border-radius: 50%; margin-bottom: -5px; margin-right: -5px; border-width: 1px; border-style: solid; z-index: 100; cursor: crosshair; } .k-spreadsheet .k-auto-fill, .k-spreadsheet .k-auto-fill-punch { 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-font-icon, .k-font-icon.k-icon, .k-font-icon.k-tool-icon { font-family: 'KendoUIGlyphs'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 1.3em; line-height: 1; opacity: 1; text-indent: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-image: none; font-size: 16px; } .k-spreadsheet .k-colorpicker .k-tool-icon { overflow: visible; } .k-button.k-reset-color, .k-button.k-custom-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: 0.4em; } .k-spreadsheet-filter { position: absolute; cursor: pointer; } .k-spreadsheet-sample { float: right; } .k-spreadsheet-clipboard-paste, .k-spreadsheet-clipboard { position: absolute; 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; user-select: none; } .k-spreadsheet-view-size { position: relative; } .k-spreadsheet-column-header, .k-spreadsheet-row-header { text-align: center; } .k-spreadsheet-column-header .k-spreadsheet-cell, .k-spreadsheet-row-header .k-spreadsheet-cell { border-style: solid; border-width: 0 1px 1px 0; } .k-spreadsheet-window .k-root-tabs { border-width: 0; margin: -1em -1em 0; padding: 0.5em 1em 0; } .k-spreadsheet-window .k-root-tabs .k-loading { display: none; } .k-spreadsheet-window .k-list-wrapper { padding: 0.15em 0; border-width: 1px; border-style: solid; height: 190px; } .k-spreadsheet-window .k-list .k-item { border-radius: 0; padding: 0.5em 0.6em 0.4em 0.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 { padding: 1em; } .k-spreadsheet-window .k-edit-label { width: 20%; } .k-spreadsheet-window .k-edit-field { width: 70%; } .k-spreadsheet-window .k-edit-field .k-textbox, .k-spreadsheet-window .k-edit-field .k-dropdown { width: 100%; } .k-spreadsheet-window .export-config { border-width: 1px 0 0; border-style: solid; padding: 1em; margin: 0 -1em; } .k-spreadsheet-window .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-edit-field > .k-orientation-label { position: relative; display: inline-block; text-align: center; width: 28px; height: 28px; line-height: 28px; border-width: 1px; border-style: solid; } .k-spreadsheet-window .k-edit-field > .k-orientation-label:before { font-family: 'KendoUIGlyphs'; font-size: 16px; } .k-spreadsheet-window .k-orientation-portrait-label:before { content: '\e639'; } .k-spreadsheet-window .k-orientation-landscape-label:before { content: '\e901'; } .k-spreadsheet-window .k-page-orientation { position: absolute; right: 4em; top: 22%; width: 64px; height: 92px; border-width: 1px; border-style: solid; } .k-spreadsheet-window .k-page-orientation:before { position: absolute; top: 0; right: 0; content: ''; display: inline-block; width: 0; height: 0; border-width: 3px; border-style: solid; margin-top: -1px; margin-right: -1px; } .k-spreadsheet-window .k-page-landscape { top: 26%; width: 92px; height: 64px; } .k-spreadsheet-window .k-margins-horizontal { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; height: 62px; border-width: 1px 0; border-style: solid; } .k-spreadsheet-window .k-margins-vertical { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 34px; height: 100%; border-width: 0 1px; border-style: solid; } .k-spreadsheet-window .k-page-landscape .k-margins-horizontal { height: 34px; } .k-spreadsheet-window .k-page-landscape .k-margins-vertical { width: 62px; } .k-spreadsheet-window .export-config:after, .k-spreadsheet-window > div:after { content: ' '; display: block; clear: both; height: 0; } .k-spreadsheet-format-cells .k-spreadsheet-preview { font-weight: bold; text-align: center; font-size: 1.16em; line-height: 3.64em; margin: 0 -0.863em 0.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: 0.6em; border-width: 0; border-radius: 0; } .k-spreadsheet-popup .k-button.k-button-icontext { display: block; text-align: left; text-transform: initial; padding: 0.6em 1.2em 0.6em 1em; 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-icon.k-font-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; } .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-spreadsheet-quick-access-toolbar .k-button, .k-button.k-spreadsheet-sheets-bar-add { border-color: transparent; background-color: transparent; background-image: none; } /* top TabStrip */ .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: 0.3em; } .k-spreadsheet-toolbar.k-toolbar > .k-button-group { border-width: 0; } .k-spreadsheet-toolbar > .k-widget, .k-spreadsheet-toolbar .k-button, .k-spreadsheet-toolbar > .k-button-group, .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 .k-separator { margin: 0 3px; width: 0; overflow: hidden; height: 1.8em; vertical-align: middle; display: inline-block; } .k-spreadsheet-formula-input > .k-syntax-func.k-syntax-at-point, .k-spreadsheet-formula-input > .k-syntax-bool.k-syntax-at-point, .k-spreadsheet-formula-input > .k-syntax-ref.k-syntax-at-point, .k-spreadsheet-formula-input > .k-syntax-str.k-syntax-at-point, .k-spreadsheet-formula-input > .k-syntax-num.k-syntax-at-point { text-decoration: underline; } .k-spreadsheet-formula-input > .k-series-a, .k-spreadsheet-formula-input > .k-series-b, .k-spreadsheet-formula-input > .k-series-c, .k-spreadsheet-formula-input > .k-series-d { background-color: transparent; } .k-spreadsheet-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 0.3em; box-shadow: none; } /* bottom TabStrip */ .k-spreadsheet-sheets-bar { position: relative; } .k-button.k-spreadsheet-sheets-bar-add { position: absolute; bottom: 0.2em; left: 0.4em; z-index: 1; } .k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove { padding: 0; margin: 0.5em 0.5em 0.5em -0.5em; } .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: 0.1em; background: none !important; border-width: 0 !important; } /* Default fonts for PDF export */ /*! */ /* sans-serif */ @font-face { font-family: 'DejaVu Sans'; src: url('../fonts/DejaVuSans.ttf?v=1.1') format('truetype'); } @font-face { font-family: 'DejaVu Sans'; font-weight: bold; src: url('../fonts/DejaVuSans-Bold.ttf?v=1.1') format('truetype'); } @font-face { font-family: 'DejaVu Sans'; font-style: italic; src: url('../fonts/DejaVuSans-Oblique.ttf?v=1.1') format('truetype'); } @font-face { font-family: 'DejaVu Sans'; font-weight: bold; font-style: italic; src: url('../fonts/DejaVuSans-BoldOblique.ttf?v=1.1') format('truetype'); } /* serif */ @font-face { font-family: 'DejaVu Serif'; src: url('../fonts/DejaVuSerif.ttf?v=1.1') format('truetype'); } @font-face { font-family: 'DejaVu Serif'; font-weight: bold; src: url('../fonts/DejaVuSerif-Bold.ttf?v=1.1') format('truetype'); } @font-face { font-family: 'DejaVu Serif'; font-style: italic; src: url('../fonts/DejaVuSerif-Italic.ttf?v=1.1') format('truetype'); } @font-face { font-family: 'DejaVu Serif'; font-weight: bold; font-style: italic; src: url('../fonts/DejaVuSerif-BoldItalic.ttf?v=1.1') format('truetype'); } /* monospace */ @font-face { font-family: 'DejaVu Mono'; src: url('../fonts/DejaVuSansMono.ttf?v=1.1') format('truetype'); } @font-face { font-family: 'DejaVu Mono'; font-weight: bold; src: url('../fonts/DejaVuSansMono-Bold.ttf?v=1.1') format('truetype'); } @font-face { font-family: 'DejaVu Mono'; font-style: italic; src: url('../fonts/DejaVuSansMono-Oblique.ttf?v=1.1') format('truetype'); } @font-face { font-family: 'DejaVu Mono'; font-weight: bold; font-style: italic; src: url('../fonts/DejaVuSansMono-BoldOblique.ttf?v=1.1') format('truetype'); } .kendo-pdf-hide-pseudo-elements:before, .kendo-pdf-hide-pseudo-elements:after { display: none !important; } .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: 0.786em 0.6em 0.786em 1.286em; } .k-filtercell > span { padding-right: 5.714em; } .k-filtercell > span > .k-button { padding-left: 0.714em; padding-right: 0.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 -0.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: 0.5em 0.15em 0.429em 0.4em; } .k-grid .k-grouping-row td { padding: 0.6em 0.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: 0.7em; } .k-pager-wrap { line-height: 1.286em; padding: 0.429em 0 0.429em 0.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: -0.4em; padding-top: 0.35em; min-width: 2.429em; } .k-pager-wrap input.k-textbox { height: 2.571em; } .k-pager-info { padding: 0.714em 1.333em 0.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: 0.714em 0.45em 0.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-list-filter { margin: 0 0.29em 0.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: 2.214em; } .k-multiselect-wrap li { border-radius: 1.071em; margin: 3px 0 3px 3px; padding: 0 1.6em 0 0.857em; line-height: 1.86em; } .k-multiselect-wrap li span { margin-right: 0.4em; } .k-multiselect-wrap .k-select { padding-top: 0; } .k-numeric-wrap .k-select { vertical-align: baseline; } .k-numerictextbox .k-link { height: 1.284em; 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-toolbar .k-button-group .k-button { line-height: inherit; } .k-toolbar .k-button-group .k-button { padding: 0 11px; } .k-toolbar .k-button, .k-toolbar .k-split-button, .k-toolbar .k-widget, .k-toolbar .k-textbox, .k-toolbar label, .k-toolbar .k-separator { line-height: 1.143em; } .k-toolbar .k-button { padding-top: 9px; padding-bottom: 9px; } .k-toolbar .k-input { height: 2.214em; line-height: 2.214em; padding: 0.11em 0; text-indent: 0.8em; border: 0; margin: 0; } .k-toolbar .k-overflow-anchor { width: 3.357em; border-left-width: 1px; padding-top: 2px; line-height: inherit; height: 100%; padding-bottom: 0; } .k-toolbar .k-separator { line-height: 47px; } .k-toolbar .k-button-group { border-width: 0 1px; border-style: solid; } .k-toolbar .k-overflow-anchor + .k-button-group, .k-toolbar .k-separator + .k-button-group, .k-toolbar .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-editor-toolbar .k-button-group .k-tool { width: 48px; height: 48px; line-height: 48px; margin: 0; text-align: center; } .k-editor-toolbar li.k-tool-group, .k-editor-toolbar li.k-overflow-tools { padding: 0; } .k-editor-toolbar .k-tool-group:first-child { border-right: 0; } .k-editor-toolbar li.k-tool-group:only-of-type { padding-top: 5px; padding-bottom: 6px; } .k-editor-toolbar .k-tool, .k-editor-toolbar .k-button-group .k-tool.k-group-end { border-width: 0; } .k-editor-toolbar .k-state-selected { font-weight: bold; } .k-editor-toolbar .k-tool, .k-editor-toolbar .k-button-group .k-tool.k-group-end { border-width: 0; } .k-editor-toolbar .k-state-selected { font-weight: bold; } .k-filebrowser .k-filebrowser-toolbar { line-height: 3.5em; } .k-filebrowser .k-filebrowser-toolbar .k-upload { margin-top: 3px; } .k-filebrowser .k-filebrowser-toolbar .k-button-icon { margin-top: -3px; } .k-filebrowser .k-upload .k-upload-button { vertical-align: bottom; } .k-filebrowser .k-search-wrap .k-search { top: 25%; right: 4px; } .k-filebrowser .k-search-wrap { padding: 2px 0.3em; } .k-filebrowser .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 0.167em 0.357em 0.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-gantt .k-task-actions { line-height: 2.429em; } .k-gantt .k-task-single { margin-top: -0.429em; } .k-gantt .k-task-template { padding: 0.643em 1.4em 0.643em 0.6em; } .k-gantt .k-task-milestone { width: 17px; height: 17px; } .k-gantt .k-task-draghandle { margin-left: 24px; border-width: 8px; border-radius: 0 50% 50% 50%; border-style: solid; bottom: -11px; } .k-gantt .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: 2.214em; } .k-colorpicker .k-selected-color { width: 2.214em; height: 2.214em; padding: 0.179em 0.23em; } /* Editor */ /* 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: 0.65em 1em; } .k-button:active .k-i-funnel-clear, .k-button:active:not(.k-state-disabled):hover .k-i-funnel-clear { background-position: -48px -96px; } .k-button:active .k-i-funnel, .k-button:active:not(.k-state-disabled):hover .k-i-funnel { background-position: -48px -80px; } .k-button:active .k-i-refresh, .k-button:active:not(.k-state-disabled):hover .k-i-refresh { background-position: -48px -112px; } .k-button:active .k-edit, .k-button:active:not(.k-state-disabled):hover .k-edit { background-position: -48px 0px; } .k-button:active .k-delete, .k-button:active:not(.k-state-disabled):hover .k-delete { background-position: -48px -16px; } .k-button:active .k-cancel, .k-button:active:not(.k-state-disabled):hover .k-cancel { background-position: -48px -48px; } .k-button:active .k-i-pdf, .k-button:active:not(.k-state-disabled):hover .k-i-pdf { background-position: -80px -80px; } .k-button:active .k-i-excel, .k-button:active:not(.k-state-disabled):hover .k-i-excel { background-position: -80px -96px; } .k-toolbar .k-state-active .k-justifyLeft, .k-toolbar .k-button:active .k-justifyLeft { background-position: -265px -144px; } .k-toolbar .k-state-active .k-justifyCenter, .k-toolbar .k-button:active .k-justifyCenter { background-position: -265px -168px; } .k-toolbar .k-state-active .k-justifyRight, .k-toolbar .k-button:active .k-justifyRight { background-position: -265px -192px; } .k-toolbar .k-state-active .k-bold, .k-toolbar .k-button:active .k-bold { background-position: -265px 0; } .k-toolbar .k-state-active .k-italic, .k-toolbar .k-button:active .k-italic { background-position: -265px -24px; } .k-toolbar .k-state-active .k-underline, .k-toolbar .k-button:active .k-underline { background-position: -265px -48px; } .k-toolbar .k-state-active .k-i-more, .k-toolbar .k-button:active .k-i-more, .k-toolbar .k-state-border-down .k-i-more, .k-toolbar .k-state-border-up .k-i-more, .k-toolbar .k-state-border-down:not(.k-state-disabled):hover .k-i-more, .k-toolbar .k-state-border-up:not(.k-state-disabled):hover .k-i-more { background-position: -80px -32px; } .k-toolbar .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-editor-toolbar .k-state-selected .k-justifyCenter { background-position: -265px -168px; } .k-editor-toolbar .k-state-selected .k-justifyRight { background-position: -265px -192px; } .k-editor-toolbar .k-state-selected .k-justifyFull { background-position: -260px -216px; } .k-editor-toolbar .k-state-selected .k-bold { background-position: -265px 0; } .k-editor-toolbar .k-state-selected .k-italic { background-position: -265px -24px; } .k-editor-toolbar .k-state-selected .k-underline { background-position: -265px -48px; } .k-editor-toolbar .k-state-selected .k-insertUnorderedList { background-position: -264px -264px; } .k-editor-toolbar .k-state-selected .k-insertOrderedList { background-position: -264px -288px; } .k-editor-toolbar .k-state-selected .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-multiselect .k-button:not(.k-state-disabled):hover .k-delete { background-position: -160px -80px; } .k-window-titlebar .k-i-maximize, .k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-maximize { background-position: -48px -144px; } .k-window-titlebar .k-i-minimize, .k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-minimize { background-position: -80px -288px; } .k-window-titlebar .k-i-pin, .k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-pin { background-position: -176px -256px; } .k-window-titlebar .k-i-custom, .k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-custom { background-position: -141px -113px; } .k-window-titlebar .k-i-refresh, .k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-refresh { background-position: -48px -112px; } .k-window-titlebar .k-i-close, .k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-close { background-position: -48px -16px; } .k-window-titlebar .k-i-restore, .k-window-titlebar .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-treeview .k-plus { background-position: 0 -16px; } .k-treeview .k-loading { background-position: 50%; } .k-splitbar-horizontal-hover .k-resize-handle { background-position: -165px -6px; } .k-splitbar-horizontal-hover .k-expand-next, .k-splitbar-horizontal-hover .k-collapse-prev { background-position: -6px -174px; } .k-splitbar-horizontal-hover .k-expand-prev, .k-splitbar-horizontal-hover .k-collapse-next { background-position: -5px -142px; } .k-splitbar-vertical-hover .k-resize-handle { background-position: -38px -309px; } .k-splitbar-vertical-hover .k-expand-prev, .k-splitbar-vertical-hover .k-collapse-next { background-position: 2px -165px; } .k-splitbar-vertical-hover .k-expand-next, .k-splitbar-vertical-hover .k-collapse-prev { background-position: 2px -134px; } .k-splitbar-horizontal.k-state-focused .k-resize-handle { background-position: -181px -6px; } .k-splitbar-horizontal.k-state-focused .k-expand-next, .k-splitbar-horizontal.k-state-focused .k-collapse-prev { background-position: -22px -174px; } .k-splitbar-horizontal.k-state-focused .k-expand-prev, .k-splitbar-horizontal.k-state-focused .k-collapse-next { background-position: -21px -142px; } .k-splitbar-vertical.k-state-focused .k-resize-handle { background-position: -70px -309px; } .k-splitbar-vertical.k-state-focused .k-expand-prev, .k-splitbar-vertical.k-state-focused .k-collapse-next { background-position: -14px -165px; } .k-splitbar-vertical.k-state-focused .k-expand-next, .k-splitbar-vertical.k-state-focused .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: 0.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-primary .k-insert, .k-primary .k-update, .k-primary:not(.k-state-disabled):hover .k-update { background-position: -48px -32px; } .k-header .k-i-pdf, .k-header .k-button:hover > .k-i-pdf { background-position: -80px -80px; } .k-header .k-i-excel, .k-header .k-button:hover > .k-i-excel { background-position: -80px -96px; } .k-grid-toolbar .k-button:active .k-add { background-position: -48px -64px; } .k-grid-toolbar .k-button:active .k-update { background-position: -48px -32px; } .k-grid-toolbar .k-button:active .k-cancel { background-position: -48px -48px; } .k-grouping-header .k-group-delete, .k-grouping-header .k-button-icon:hover > .k-icon.k-group-delete { background-position: -176px -80px; } .k-grouping-header .k-si-arrow-n, .k-grouping-header .k-link:hover > .k-icon.k-si-arrow-n { background-position: -16px -288px; } .k-grouping-header .k-si-arrow-s, .k-grouping-header .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-scheduler .k-state-default.k-state-hover .k-link .k-i-calendar { background-position: -48px -176px; } .k-scheduler .k-i-arrow-e, .k-scheduler .k-state-hover .k-link .k-i-arrow-e { background-position: -16px -208px; } .k-scheduler .k-i-arrow-w, .k-scheduler .k-state-hover .k-link .k-i-arrow-w { background-position: -16px -240px; } .k-scheduler .k-i-clock, .k-scheduler .k-state-hover .k-link .k-i-clock { opacity: 1; background-position: -48px -192px; } .k-scheduler .k-si-close, .k-scheduler .k-link:not(.k-state-disabled):hover > .k-si-close { background-position: -176px -80px; } .k-scheduler .k-i-refresh, .k-scheduler .k-link:not(.k-state-disabled):hover .k-i-refresh { background-position: -48px -112px; } .k-gantt .k-i-plus, .k-gantt .k-link:hover > .k-icon.k-si-arrow-n, .k-gantt .k-button:hover .k-i-plus { background-position: -48px -64px; } .k-gantt .k-i-collapse { background-position: 0 -32px; } .k-gantt .k-i-expand { background-position: 0 -16px; } .k-gantt .k-i-gantt-toggle, .k-gantt .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-link.k-state-selected .k-i-arrow-n, .k-pivot .k-link.k-state-selected .k-i-arrow-n, .k-panelbar .k-link:not(.k-state-disabled):hover > .k-i-arrow-n, .k-pivot .k-link:not(.k-state-disabled):hover > .k-i-arrow-n { background-position: 0 -192px; } .k-panelbar .k-link.k-state-selected .k-i-arrow-s, .k-pivot .k-link.k-state-selected .k-i-arrow-s, .k-panelbar .k-link:not(.k-state-disabled):hover > .k-i-arrow-s, .k-pivot .k-link:not(.k-state-disabled):hover > .k-i-arrow-s { background-position: 0 -224px; } .k-panelbar .k-link.k-state-selected .k-i-arrow-e, .k-pivot .k-link.k-state-selected .k-i-arrow-e, .k-panelbar .k-link:not(.k-state-disabled):hover > .k-i-arrow-e, .k-pivot .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-pivot .k-i-arrow-s { background-position: 0 -224px; } .k-pivot .k-i-arrow-e { background-position: 0 -190px; } .k-panelbar .k-link > .k-i-arrow-n { background-position: 0 -192px; } .k-panelbar .k-link > .k-i-arrow-s { background-position: 0 -224px; } .k-panelbar .k-link > .k-i-arrow-e { background-position: 0 -190px; } .k-pivot-configurator-settings .k-si-close, .k-pivot-configurator-settings .k-item.k-state-hover .k-si-close, .k-pivot-configurator-settings .k-button:hover .k-si-close { background-position: -160px -80px; } .k-pivot .k-header .k-i-arrowhead-s, .k-pivot .k-button:not(.k-state-disabled):hover .k-i-arrowhead-s { background-position: -16px -288px; } .k-pivot .k-header .k-si-close, .k-pivot .k-button:not(.k-state-disabled):hover .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-column-menu .k-link:not(.k-state-disabled):hover > .k-i-columns { background-position: -128px -304px; } .k-column-menu .k-state-active .k-filter, .k-column-menu .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-upload .k-file-error .k-warning { background-position: -176px -240px; } .k-upload .k-file-error .k-i-refresh, .k-upload .k-file-error .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-map .k-button:active .k-i-arrow-e { background-position: -16px -16px; } .k-map .k-button:active .k-i-arrow-s { background-position: -16px -32px; } .k-map .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; } .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: 0.571em 0.86em; } .km-pane-wrapper .k-pager-numbers .k-state-selected { padding: 0.971em 0.86em 0.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; } li.k-item.k-last.k-state-selected { border-left-width: 1px; } .k-progressbar-vertical li.k-item.k-last { border-bottom-width: 1px; } .k-spreadsheet-window .k-root-tabs { margin: -1.333em -1.333em 0; padding: 0; } .k-spreadsheet-window .k-root-tabs .k-tabstrip-items { padding: 0; } .k-spreadsheet-window .k-page-orientation { top: 26%; } .k-spreadsheet-window .k-page-landscape { top: 30%; } /** * Kendo UI v2016.2.607 (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. */ /*! */ /*! */ .k-theme-test-class, .ktb-theme-id-nova { opacity: 0; } .ktb-var-accent { color: #54a5d1; } .ktb-var-base { color: #ffffff; } .ktb-var-background { color: #ffffff; } .ktb-var-border-radius { border-radius: 0px; } .ktb-var-normal-background { color: #ffffff; } .ktb-var-normal-gradient { background-image: none; } .ktb-var-normal-text-color { color: #5c6a79; } .ktb-var-hover-background { color: #ffffff; } .ktb-var-hover-gradient { background-image: none; } .ktb-var-hover-text-color { color: #7c8a99; } .ktb-var-selected-background { color: #54a5d1; } .ktb-var-selected-gradient { background-image: none; } .ktb-var-selected-text-color { color: #ffffff; } .ktb-var-error { color: #ffbfc4; } .ktb-var-warning { color: #ffecc7; } .ktb-var-success { color: #a5d6a7; } .ktb-var-info { color: #80deea; } .ktb-var-series-a { color: #ff4350; } .ktb-var-series-b { color: #ff9ea5; } .ktb-var-series-c { color: #00acc1; } .ktb-var-series-d { color: #80deea; } .ktb-var-series-e { color: #ffbf46; } .ktb-var-series-f { color: #ffd78c; } .k-grid-norecords-template { background-color: #f4f4f4; border: 1px solid #e0e0e0; } /* Main colors */ .k-in, .k-item, .k-window-action { border-color: transparent; } .k-block, .k-widget { background-color: #ffffff; } .k-block, .k-widget, .k-input, .k-textbox, .k-group, .k-content, .k-header, .k-filter-row > th, .k-editable-area, .k-separator, .k-colorpicker .k-i-arrow-s, .k-textbox > input, .k-autocomplete, .k-dropdown-wrap, .k-toolbar, .k-group-footer td, .k-grid-footer, .k-footer-template td, .k-state-default, .k-state-disabled, .k-grid-header, .k-grid-header-wrap, .k-grid-header-locked, .k-grid-footer-locked, .k-grid-content-locked, .k-grid td, .k-grid td.k-state-selected, .k-grid-footer-wrap, .k-pager-wrap, .k-pager-wrap .k-link, .k-pager-refresh, .k-grouping-header, .k-grouping-header .k-group-indicator, .k-panelbar > .k-item > .k-link, .k-panel > .k-item > .k-link, .k-panelbar .k-panel, .k-panelbar .k-content, .k-treemap-tile, .k-calendar th, .k-slider-track, .k-splitbar, .k-dropzone-active, .k-tiles, .k-toolbar, .k-tooltip, .k-button-group .k-tool, .k-upload-files { border-color: #e0e0e0; } .k-group, .k-toolbar, .k-grouping-header, .k-pager-wrap, .k-group-footer td, .k-grid-footer, .k-footer-template td, .k-widget .k-status, .k-calendar th, .k-dropzone-hovered, .k-widget.k-popup { background-color: #f4f4f4; } .k-header, .k-grid-header, .k-grouping-header, .k-pager-wrap, .k-state-highlight, .k-panelbar .k-tabstrip-items .k-item { background-color: #54a5d1; border-color: #54a5d1; } .k-block, .k-widget, .k-popup, .k-content, .k-toolbar, .k-dropdown .k-input { color: #5c6a79; } .k-popup, .k-menu .k-menu-group, .k-grid .k-filter-options, .k-time-popup, .k-tooltip { box-shadow: 0 0px 6px 1px rgba(0, 0, 0, 0.2); } .k-content, .k-editable-area, .k-panelbar > li.k-item, .k-panel > li.k-item, .k-tiles { background-color: #ffffff; } .k-alt, .k-separator, .k-resource.k-alt, .k-pivot-layout > tbody > tr:first-child > td:first-child { background-color: #ffffff; } .k-icon, .k-tool-icon, .k-grouping-dropclue, .k-drop-hint, .k-column-menu .k-sprite, .k-grid-mobile .k-resize-handle-inner:before, .k-grid-mobile .k-resize-handle-inner:after, .k-pager-numbers .k-current-page .k-link:after, .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after { background-image: url('kendo/web/Nova/sprite.png'); border-color: transparent; } .k-input, input.k-textbox, textarea.k-textbox, input.k-textbox:hover, textarea.k-textbox:hover, .k-textbox > input, .k-multiselect-wrap { color: #5c6a79; background-color: #ffffff; border-color: #e0e0e0; } .k-state-selected { background-color: rgba(128, 222, 234, 0.25); } .k-state-focused { box-shadow: inset 0 0 0 1px #878787; } .k-state-hover, .k-state-hover:hover, .k-splitbar-horizontal-hover:hover, .k-splitbar-vertical-hover:hover, .k-list > .k-state-hover, .k-pager-wrap .k-link:hover, .k-dropdown .k-state-focused, .k-filebrowser-dropzone { color: #7c8a99; border-color: #ffffff; } .k-state-disabled, .k-state-disabled .k-link, .k-state-disabled .k-button, .k-dropzone em, .k-tile-empty strong, .k-slider .k-draghandle { color: #e5e9ec; } /* Border radius */ .k-block, .k-drag-clue, .k-touch-scrollbar, .k-window, .k-window-titleless .k-window-content, .k-window-action, .k-inline-block, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-notification, .k-treeview .k-in, .k-editor-inline, .k-tile, .k-slider-track, .k-slider-selection { border-radius: 0px; } .k-button, .k-textbox, .k-autocomplete, .k-autocomplete .k-input, .k-multiselect, .k-combobox, .k-dropdown, .k-dropdown-wrap, .k-datepicker, .k-timepicker, .k-colorpicker, .k-datetimepicker, .k-numerictextbox, .k-picker-wrap, .k-numeric-wrap, .k-colorpicker, .k-tooltip, .k-upload { border-radius: 3px; } .k-dropdown-wrap .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-toolbar .k-split-button .k-button { border-radius: 3px 0 0 3px; } .k-toolbar .k-split-button .k-split-button-arrow { border-radius: 0 3px 3px 0; } .k-rtl .k-dropdown-wrap .k-input, .k-rtl .k-picker-wrap .k-input, .k-rtl .k-numeric-wrap .k-input { border-radius: 0 3px 3px 0; } /* Default icons opacity */ .k-icon, .k-button .k-image, .k-panelbar > .k-state-active > .k-header > .k-icon, .k-panelbar > .k-state-active > .k-header .k-state-default .k-icon, .k-tabstrip-scrollable .k-button:active .k-icon { opacity: 0.4; } .k-primary .k-icon, .k-state-active .k-icon, .k-button:active .k-icon, .k-numerictextbox .k-state-selected .k-icon, .k-multiselect-wrap .k-icon, .k-calendar .k-header .k-icon, .k-window-titlebar .k-icon, .k-drag-clue .k-icon, .k-group-indicator .k-icon, .k-pivot-toolbar .k-icon, .k-grid-content .k-button:active .k-icon, .k-splitbar.k-state-focused .k-icon, .k-scheduler-toolbar .k-icon, .k-gantt-toolbar .k-icon, .k-toolbar .k-overflow-anchor.k-state-border-down .k-i-more, .k-panelbar > .k-state-active > .k-header .k-state-active .k-icon { opacity: 1; } .k-state-disabled .k-icon { opacity: 0.2; } /* Loading indicator */ .k-loading, .k-state-hover .k-loading { background-image: url('kendo/web/Nova/loading.gif'); background-position: 50% 50%; } .k-loading-image { background-image: url('kendo/web/Nova/loading-image.gif'); } .k-loading-color { background-color: #ffffff; } /* Button */ .k-button { color: #939eab; border-color: #939eab; background-color: #ffffff; } .k-button:focus, .k-button.k-state-focused, .k-split-button:focus { border-color: #54a5d1; outline: 0; } .k-button:hover, .k-button.k-state-hover { background-color: #ffffff; } .k-button:active, .k-button.k-state-active { color: #ffffff; background-color: #54a5d1; border-color: #54a5d1; } .k-button[disabled], .k-button.k-state-disabled, .k-state-disabled .k-button, .k-state-disabled .k-button:hover, .k-button.k-state-disabled:hover, .k-state-disabled .k-button:active, .k-button.k-state-disabled:active { color: #eceff2; border-color: #b5bdc6; background-color: #f4f4f4; } /* Primary Button */ .k-primary, .k-overflow-container .k-primary { color: #ffffff; border-color: #54a5d1; background-color: #54a5d1; } .k-primary:focus, .k-primary.k-state-focused { border-color: #4b94bb; } .k-primary:hover, .k-primary:active { color: #ffffff; background-color: #4b94bb; border-color: #4b94bb; } .k-primary.k-state-disabled, .k-state-disabled .k-primary, .k-primary.k-state-disabled:hover, .k-state-disabled .k-primary:hover, .k-primary.k-state-disabled:hover, .k-state-disabled .k-primary:active, .k-primary.k-state-disabled:active { color: #ffffff; border-color: #9ccbe4; background-color: #9ccbe4; } /* Menu */ .k-menu { background-color: #ffffff; border-color: #ffffff; } .k-menu > .k-item.k-state-hover { color: #5c6a79; } .k-menu .k-popup .k-item { color: #00acc1; } .k-menu .k-item > .k-state-active { color: #ffffff; background-color: #54a5d1; } .k-menu .k-state-selected.k-state-hover { background-color: #b0ebf2; } .k-menu .k-state-hover .k-link.k-state-active { background-color: #4b94bb; } /* Inputs */ .k-list-container { border-color: #e0e0e0; background-color: #ffffff; } .k-dropdown, .k-combobox, .k-datepicker, .k-datetimepicker, .k-colorpicker { background-color: #f4f4f4; } .k-autocomplete.k-state-default, .k-picker-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-dropdown-wrap.k-state-default { background-color: #ffffff; border-color: #e0e0e0; } .k-multiselect.k-header { background-color: #f4f4f4; border-color: #e0e0e0; } .k-autocomplete.k-state-hover, .k-picker-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-dropdown-wrap.k-state-hover { background-color: #ffffff; } .k-autocomplete.k-state-focused, .k-picker-wrap.k-state-focused, .k-numeric-wrap.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-multiselect.k-header.k-state-focused { background-color: #ffffff; border-color: #939eab; box-shadow: none; } .k-autocomplete.k-state-active, .k-picker-wrap.k-state-active, .k-numeric-wrap.k-state-active, .k-dropdown-wrap.k-state-active, .k-multiselect.k-header.k-state-active { color: #ffffff; background-color: #54a5d1; border-color: #54a5d1; } .k-textbox.k-state-disabled, .k-state-disabled .k-picker-wrap, .k-autocomplete.k-state-disabled, .k-dropdown-wrap.k-state-disabled, .k-picker-wrap.k-state-disabled, .k-multiselect.k-state-disabled, .k-numeric-wrap.k-state-disabled { background-color: #f4f4f4; border-color: #e5e9ec; } .k-numerictextbox .k-select, .k-combobox .k-select, .k-picker-wrap .k-select { border-color: #f4f4f4; } .k-autocomplete.k-state-default.k-state-border-up, .k-autocomplete.k-state-default.k-state-border-down, .k-picker-wrap.k-state-active .k-select, .k-numeric-wrap.k-state-active .k-select, .k-dropdown-wrap.k-state-active .k-select { border-color: #54a5d1; } .k-numeric-wrap .k-link.k-state-selected, .k-grid .k-numeric-wrap .k-link.k-state-selected { background-color: #54a5d1; } .k-dropdown .k-state-active .k-input { color: #ffffff; } .k-colorpicker .k-selected-color { background-color: #f4f4f4; } input.k-textbox:focus { border-color: #939eab; } input.k-textbox:active { border-color: #54a5d1; } .k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header { background: #54a5d1; color: #ffffff; } .k-popup .k-list .k-item { color: #00acc1; } .k-group-header + div > .k-list > .k-item.k-first:before { border-top-color: #54a5d1; } .k-popup .k-list .k-state-selected.k-state-focused.k-first:before { border-top-color: #33647e; } .k-popup .k-list .k-item > .k-group { background: #54a5d1; color: #ffffff; } .k-popup .k-list .k-state-selected { color: #ffffff; background-color: #54a5d1; border-color: #54a5d1; } .k-popup .k-list .k-state-focused { border-color: #9c9c9c; box-shadow: none; } .k-popup .k-list .k-state-selected.k-state-focused { border-color: #33647e; } .k-popup .k-list .k-state-selected.k-state-hover { background-color: #4384a7; } .k-multiselect .k-button { color: #ffffff; background-color: #54a5d1; border-color: #54a5d1; } .k-multiselect.k-state-focused.k-state-border-up, .k-multiselect.k-state-focused.k-state-border-down { border-color: #54a5d1; } .k-multiselect.k-header.k-state-focused .k-button, .k-multiselect.k-state-focused.k-state-border-up .k-button, .k-multiselect.k-state-focused.k-state-border-down .k-button { background-color: #54a5d1; border-color: #54a5d1; } .k-multiselect.k-header.k-state-hover .k-button, .k-multiselect .k-button:hover, .k-multiselect .k-button.k-state-hover { background-color: #4b94bb; border-color: #4b94bb; } .k-list-optionlabel { border-color: transparent; } /* Calendar */ .k-calendar th { color: #939eab; } .k-calendar td { border-radius: 50%; border-color: transparent; } .k-calendar .k-content .k-link, .k-calendar .k-footer .k-link { color: #00acc1; } .k-calendar .k-state-disabled .k-link { color: #bec5cc; } .k-calendar .k-header .k-link { color: #ffffff; } .k-calendar .k-state-hover { border-color: #ffffff; } .k-calendar .k-state-focused { border-color: #939eab; box-shadow: none; } .k-calendar .k-header .k-state-hover { background-color: #4b94bb; } .k-calendar .k-other-month, .k-calendar .k-other-month .k-link { color: #939eab; } .k-calendar .k-today { background-color: #54a5d1; } .k-calendar .k-today .k-link, .k-calendar .k-today.k-state-hover .k-link { color: #ffffff; } .k-calendar .k-today.k-state-hover { background-color: #4b94bb; border-color: #4b94bb; } .k-calendar .k-state-selected { background-color: #e0f7fa; border-color: #e0f7fa; } .k-calendar .k-state-selected.k-state-hover { background-color: #b0ebf2; border-color: #b0ebf2; } .k-calendar .k-today.k-state-selected:active { border-color: #9c9c9c; } .k-calendar .k-today:active { border-color: #33647e; } .k-calendar .k-today.k-state-selected .k-link { color: #00acc1; } .k-calendar .k-state-selected.k-state-focused { border-color: #9c9c9c; box-shadow: none; } .k-calendar .k-footer { border-color: #e0e0e0; } /* Notification */ .k-widget.k-notification.k-notification-info { color: #21b6c9; background-color: #80deea; border-color: #80deea; } .k-widget.k-notification.k-notification-success { color: #4fad53; background-color: #a5d6a7; border-color: #a5d6a7; } .k-widget.k-notification.k-notification-warning { color: #ffc147; background-color: #ffecc7; border-color: #ffecc7; } .k-widget.k-notification.k-notification-error { color: #ff404e; background-color: #ffbfc4; border-color: #ffbfc4; } /* Tooltip */ .k-widget.k-tooltip { color: #5c6a79; background-color: #f4f4f4; border-color: #e0e0e0; box-shadow: 0 4px 10px 4px rgba(0, 0, 0, 0.2); } .k-widget.k-tooltip-validation { color: #ffc147; background-color: #ffecc7; border-color: #ffecc7; box-shadow: none; border-radius: 0; } /* TreeView */ .k-treeview .k-state-hover { color: #5c6a79; } .k-treeview .k-state-selected { color: #54a5d1; } /* Splitter */ .k-splitbar { background: #f4f4f4; border-color: #f4f4f4; } .k-splitbar.k-state-focused { background-color: #54a5d1; border-color: #54a5d1; } /* Window */ .k-window { box-shadow: 0 4px 10px 4px rgba(0, 0, 0, 0.2); } .k-window > .k-header { color: #ffffff; } .k-window > .k-header .k-state-hover { background-color: #4b94bb; } /* PanelBar */ .k-panelbar { color: #5c6a79; background-color: #f4f4f4; border-color: #e0e0e0; } .k-panelbar > .k-item .k-panel > .k-item > .k-link, .k-panelbar > .k-item .k-panel > .k-item .k-panel > .k-item > .k-link, .k-panelbar .k-panel > .k-item .k-panel .k-item > .k-link { color: #5c6a79; } .k-panelbar .k-item > .k-link.k-header { color: #54a5d1; background-color: #f4f4f4; } .k-panelbar > .k-item > .k-link.k-state-hover, .k-panelbar > .k-item .k-panel > .k-item > .k-link.k-state-hover { background-color: #ffffff; } /* TabStrip */ .k-tabstrip.k-header { background-color: #f4f4f4; } .k-tabstrip-items { background-image: none; background-image: none, linear-gradient(to bottom, #303553 0%, #072138 100%); } .k-tabstrip-items .k-item { color: #ffffff; border-color: transparent; } .k-tabstrip-items .k-item.k-state-hover, .k-tabstrip-items .k-item.k-state-selected { border-top-color: #5c6a79; background-image: none; background-image: none, linear-gradient(to bottom, #202333 0%, #081421 100%); } .k-tabstrip-items .k-item.k-state-hover > a { color: white !important; } .k-tabstrip-left > .k-tabstrip-items > .k-item.k-state-active { border-right-color: #54a5d1; } .k-tabstrip-right > .k-tabstrip-items > .k-item.k-state-active { border-left-color: #54a5d1; } .k-tabstrip-top > .k-tabstrip-items .k-item.k-state-active { background-image: none; background-image: none, linear-gradient(to bottom, #202333 0%, #081421 100%); border-bottom-color: #54a5d1; } .k-tabstrip-bottom > .k-tabstrip-items > .k-item.k-state-active { border-top-color: #54a5d1; } /* ProgressbBar */ .k-progressbar { background: #c1c1c1; border-color: #c1c1c1; } .k-progressbar .k-state-selected { background-color: #54a5d1; } .k-progressbar-horizontal .k-state-selected { border-top-color: #54a5d1; border-bottom-color: #54a5d1; border-left-color: #e0e0e0; border-right-color: #e0e0e0; } .k-progressbar-horizontal .k-state-selected.k-first { border-left-color: #54a5d1; } .k-progressbar-horizontal .k-state-selected.k-last { border-right-color: #54a5d1; } .k-progressbar-vertical .k-state-selected { border-left-color: #54a5d1; border-right-color: #54a5d1; border-top-color: #e0e0e0; border-bottom-color: #e0e0e0; } .k-progressbar-vertical > .k-complete { border-top-color: #54a5d1; border-bottom-color: #54a5d1; } .k-progressbar-vertical .k-state-selected.k-first { border-top-color: #54a5d1; } .k-progressbar-vertical .k-state-selected.k-last { border-bottom-color: #54a5d1; } /* Grid */ .k-grid-header, .k-grid-header .k-header, .k-pager-wrap, .k-pager-numbers .k-state-selected, .k-grid-footer, .k-grid-footer td, .k-scheduler-header, .km-pane-wrapper .k-grid-header .k-header { background-color: #efefef; border-color: #e0e0e0; } .k-grid-header .k-header .k-link, .k-grid-header .k-header, .k-grid-header .k-link, .k-grid-header .k-link:link, .k-pager-info, .k-scheduler-header, .k-scheduler-agendaview .k-scheduler-datecolumn { color: #939eab; } .k-grid .k-alt { background-color: #f4f4f4; } .k-grid tr:hover { background-color: #ffffff; } .k-grid-header th.k-state-focused, .k-grid td.k-state-focused { box-shadow: inset 0 0 0 1px #9c9c9c; } .k-grid-toolbar .k-button, .k-grid-content .k-button { color: #54a5d1; border-color: transparent; } .k-grid-toolbar .k-button-icontext .k-icon, .k-grid-content .k-button-icontext .k-icon, .k-edit-form-container .k-edit-buttons .k-button-icontext .k-icon { display: none; } .k-grid-toolbar .k-button:hover { border-color: #ffffff; } .k-grid-content .k-button-icontext { background-color: transparent; } .k-grid-content .k-primary { color: #ffffff; background-color: #54a5d1; } .k-grid-toolbar .k-button:active, .k-grid-content .k-button-icontext:active { color: #ffffff; background-color: #54a5d1; border-color: #54a5d1; } .k-grid-content .k-button:active { border-color: #54a5d1; } .k-header.k-grid-toolbar { background-color: #f4f4f4; border-color: #e0e0e0; } .k-grid .k-grouping-header { color: rgba(255, 255, 255, 0.5); } .k-grouping-header .k-group-indicator { color: #ffffff; background-color: #4b94bb; border-color: #4b94bb; } .k-group-indicator .k-link { color: #ffffff; } .k-grouping-row { background-color: #efefef; font-weight: bold; } .k-group-cell { background-color: #efefef; } .k-filter-menu .k-button, .k-edit-form-container .k-button { color: #5c6a79; background: transparent; border-color: transparent; } .k-filter-menu .k-button:active { color: #5c6a79; } .k-filter-menu .k-primary, .k-edit-form-container .k-primary { color: #54a5d1; } .k-filter-menu .k-primary { border-left-color: #e0e0e0; } .k-filter-menu > div > div:last-child { border-color: #e0e0e0; } .k-grid td.k-state-selected, .k-grid tr.k-state-selected > td { border-color: rgba(224, 224, 224, 0.8); } .k-grid tr.k-state-selected, .k-grid td.k-state-selected, .k-grid td.k-state-selected.k-state-focused { background-color: #e0f7fa; } .k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover td { background-color: #caf1f6; } .k-grid tr:hover .k-state-focused.k-state-selected, .k-grid tr.k-state-selected:hover td.k-state-focused { box-shadow: inset 0 0 0 1px #878787; } .k-marquee-color { background-color: #86d9e4; } /* PivotGrid */ .k-alt, .k-grid.k-alt, .k-fieldselector .k-item.k-header { background-color: #efefef; border-color: #e0e0e0; } .k-pivot-toolbar .k-button { color: #ffffff; background-color: #4b94bb; border-color: #4b94bb; } .k-pivot-toolbar .k-empty { color: rgba(255, 255, 255, 0.5); } .k-fieldselector .k-item.k-header.k-state-hover { color: #5c6a79; } .k-grid-footer td, .k-pivot-rowheaders .k-grid-footer { font-weight: bold; } .k-pivot-rowheaders .k-grid tr:hover { background: none; } /* Pager */ .k-pager-wrap, .k-pager-numbers .k-link, .k-pager-numbers .k-link:link { color: #5c6a79; } .k-pager-wrap .k-link { border-color: #efefef; } .k-pager-wrap .k-link:hover { background-color: transparent; border-color: transparent; } .k-pager-numbers .k-state-selected { color: #54a5d1; border-color: #54a5d1 transparent transparent; border-radius: 0; } /* Scheduler */ .k-scheduler th, .k-scheduler tr, .k-scheduler td { border-color: #e0e0e0; } .k-scheduler-table td.k-state-selected { background-color: #e0f7fa; } .k-scheduler-toolbar { border-color: #efefef; } .k-scheduler .k-header .k-button, .k-scheduler .k-header li, .k-scheduler .k-header .k-link { color: #ffffff; } .k-scheduler .k-header .k-button { color: #ffffff; background-color: #4b94bb; border-color: #4b94bb; } .k-scheduler .k-header li, .k-scheduler .k-header .k-link, .k-gantt > .k-header li { border-color: #54a5d1; } .k-scheduler .k-scheduler-toolbar ul li.k-state-hover, .k-scheduler .k-scheduler-toolbar .k-state-selected { background-color: #54a5d1; border-color: #54a5d1; } .k-scheduler .k-header .k-button:hover, .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover, .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover .k-link { background-color: #4b94bb; border-color: #4b94bb; } .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-selected.k-state-hover, .k-scheduler-toolbar > .k-scheduler-views > li.k-state-selected { border-bottom-color: #f4f4f4; } .k-scheduler-footer { border-color: #e0e0e0; } .k-scheduler-footer > .k-header li { border-color: transparent; } .k-scheduler-footer > .k-header { background-color: #efefef; border-color: #e0e0e0; } .k-scheduler-footer > .k-header .k-link { color: #00acc1; } .k-event, .k-task-complete { color: #ffffff; background: #24c6db; border-color: #24c6db; } .k-event.k-state-selected { box-shadow: 0 0 0 2px #5c6a79; } /* Gantt */ .k-gantt .k-treelist, .k-gantt .k-treelist .k-alt, .k-gantt .k-header.k-nonwork-hour, .k-gantt .k-treelist .k-alt, .k-gantt .k-header.k-nonwork-hour { background-color: #efefef; } .k-gantt .k-treelist .k-state-selected, .k-gantt .k-treelist .k-state-selected td, .k-gantt .k-treelist .k-alt.k-state-selected, .k-gantt .k-treelist .k-alt.k-state-selected > td { background-color: #e0f7fa; } .k-gantt-toolbar { border-color: #efefef; } .k-gantt-toolbar .k-button { background-color: #54a5d1; border-color: #54a5d1; } .k-gantt > .k-header li, .k-gantt > .k-header .k-link, .k-gantt-toolbar .k-button { color: #ffffff; } .k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover, .k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover .k-link, .k-gantt .k-gantt-toolbar .k-button:hover { background-color: #4b94bb; border-color: #4b94bb; } .k-gantt-toolbar > .k-gantt-views > li.k-state-selected, .k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-selected.k-state-hover { border-bottom-color: #f4f4f4; } .k-gantt-toolbar li:first-child, .k-gantt-toolbar li:first-child > .k-link, .k-gantt-toolbar li:last-child, .k-gantt-toolbar li:last-child > .k-link { border-radius: 0; } .k-gantt .k-task-draghandle { border-color: #24c6db; } .k-task-dot:after { background-color: #939eab; border-color: #939eab; } .k-task-dot:hover:after { background-color: #5c6a79; border-color: #5c6a79; } .k-task-summary { background: #e0e0e0; } .k-task-milestone { background-color: #4fad53; } .k-task-summary-complete { background: #5c6a79; } .k-state-selected.k-task-summary { background: #92e3ed; } .k-state-selected.k-task-milestone, .k-state-selected .k-task-summary-complete { background-color: #e0f7fa; border-color: #e0f7fa; } .k-task-single { color: #ffffff; background-color: #92e3ed; border-color: #92e3ed; } .k-state-selected.k-task-single { border-color: #54a5d1; } .k-line { background-color: #5c6a79; color: #5c6a79; } .k-state-selected.k-line { background-color: #54a5d1; color: #54a5d1; } .k-resource { background-color: #f4f4f4; } /* Editor */ .k-editor.k-header, .editorToolbarWindow.k-header, .k-filebrowser .k-header { background-color: #f4f4f4; border-color: #e0e0e0; } .k-editor .k-tool.k-state-selected, .k-window .k-editor-toolbar .k-tool.k-state-selected { background-color: #939eab; border-color: #939eab; } .k-window .k-editor-toolbar .k-state-hover { background-color: #ffffff; } /* Toolbar */ .k-toolbar .k-button, .k-toolbar .k-button-group { color: #5c6a79; border-color: #e0e0e0; } .k-toolbar .k-button:active, .k-toolbar .k-button.k-state-active { color: #ffffff; } .k-toolbar .k-button-group .k-button { border-color: transparent; } .k-toolbar .k-button-group .k-button:active, .k-toolbar .k-button-group .k-button.k-state-active, .k-toolbar .k-overflow-anchor.k-state-active, .k-toolbar .k-toggle-button.k-state-active { background-color: #939eab; } .k-toolbar .k-overflow-anchor.k-state-active { border-color: #939eab; } .k-toolbar .k-overflow-anchor.k-state-border-down, .k-toolbar .k-overflow-anchor.k-state-border-up { background-color: #54a5d1; border-color: #54a5d1; } .k-overflow-container .k-overflow-button, .k-split-container .k-button { color: #00acc1; } .k-overflow-container .k-overflow-button.k-state-active, .k-split-container .k-button.k-state-active { color: #ffffff; } /* Upload */ .k-file, .k-upload { background-color: #f4f4f4; border-color: #e0e0e0; } .k-dropzone .k-upload-status { color: #939eab; } .k-file-progress { color: #5c6a79; } .k-file-progress .k-progress { background-color: #54a5d1; } .k-file-success { color: #5c6a79; } .k-file-success .k-progress { background-color: #e0f7fa; } .k-file-error { color: #ffffff; } .k-file-error .k-progress { background-color: #54a5d1; } /* Slider */ .k-slider-track { background-color: #d5d5d5; } .k-slider-selection { background-color: #54a5d1; } .k-slider-horizontal .k-tick { background-image: url('kendo/web/Nova/slider-h.gif'); } .k-slider-vertical .k-tick { background-image: url('kendo/web/Nova/slider-v.gif'); } .k-draghandle { background-color: #f4f4f4; border-color: #e0e0e0; box-shadow: 0 0px 6px 1px rgba(0, 0, 0, 0.2); border-radius: 50%; } .k-draghandle:hover { background-color: #ffffff; } /* ColorPicker */ .k-flatcolorpicker .k-hue-slider .k-draghandle { background-color: #f4f4f4; border-color: #f4f4f4; box-shadow: 0 0px 6px 1px rgba(0, 0, 0, 0.2); border-radius: 50%; } .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 { background-color: #ffffff; border-color: #ffffff; box-shadow: 0 0px 6px 1px rgba(0, 0, 0, 0.2); } /*! */ .k-checkbox-label:before { border-color: #d5d5d5; background: #f4f4f4; border-radius: 3px; } .k-checkbox-label:hover:before, .k-checkbox:checked + .k-checkbox-label:hover:before { border-color: #c2c2c2; box-shadow: none; } .k-checkbox:checked + .k-checkbox-label:before { background-color: #f4f4f4; border-color: #d5d5d5; color: #54a5d1; } .k-checkbox-label:active:before { box-shadow: none; border-color: #54a5d1; } .k-checkbox:checked + .k-checkbox-label:active:before { box-shadow: none; border-color: #54a5d1; } .k-checkbox:disabled + .k-checkbox-label { color: #b5b5b5; } .k-checkbox:disabled + .k-checkbox-label:hover:before { box-shadow: none; } .k-checkbox:disabled + .k-checkbox-label:before, .k-checkbox:checked:disabled + .k-checkbox-label:before, .k-checkbox:checked:disabled + .k-checkbox-label:active:before, .k-checkbox:checked:disabled + .k-checkbox-label:hover:before { color: #b5b5b5; background: #ffffff; border-color: #e0e0e0; border-radius: 3px; } .k-checkbox:focus + .k-checkbox-label:before { border-color: #54a5d1; box-shadow: none; } .k-checkbox:indeterminate + .k-checkbox-label:after { background-color: #54a5d1; background-image: none; border-color: #54a5d1; border-radius: 0; } .k-checkbox:indeterminate:hover + .k-checkbox-label:after { border-color: #54a5d1; background-color: #54a5d1; } /*! */ .k-radio-label:before { border-color: #e0e0e0; border-radius: 50%; background-color: #ffffff; border-width: 1px; } .k-radio-label:hover:before, .k-radio:checked + .k-radio-label:hover:before { border-color: #e0e0e0; box-shadow: none; } .k-radio:checked + .k-radio-label:after { background-color: #54a5d1; border-radius: 50%; } .k-radio-label:active:before { border-color: #54a5d1; box-shadow: none; } .k-radio:checked + .k-radio-label:active:before { box-shadow: none; border-color: #54a5d1; } .k-radio:disabled + .k-radio-label { color: #e6e6e6; } .k-radio:disabled + .k-radio-label:before, .k-radio:disabled + .k-radio-label:active:before, .k-radio:disabled + .k-radio-label:hover:after, .k-radio:disabled + .k-radio-label:hover:before { background: #ffffff; border-color: #e0e0e0; box-shadow: none; } .k-radio:focus + .k-radio-label:before { border-color: #54a5d1; box-shadow: none; } .k-radio:checked + .k-radio-label:hover:before, .k-radio:checked + .k-radio-label:active:before { border-color: #54a5d1; } /* Drag & Drop */ .k-drag-clue { color: #ffffff; box-shadow: 0 4px 10px 4px rgba(0, 0, 0, 0.2); } /* Adaptive Grid */ .k-grid-mobile .k-column-active + th.k-header { border-left-color: #e0e0e0; } .km-header { color: #54a5d1; background-color: #f4f4f4; border-color: #f4f4f4; box-shadow: 0 0px 6px 1px rgba(0, 0, 0, 0.2); } .km-pane-wrapper > .km-pane > .km-view > .km-content { background-color: #efefef; } .km-header .k-button, .km-header .k-button:hover { color: #54a5d1; border-color: #f4f4f4; background-color: #f4f4f4; } html .km-pane-wrapper .km-widget, .k-ie .km-pane-wrapper .k-widget, .k-ie .km-pane-wrapper .k-group, .k-ie .km-pane-wrapper .k-content, .k-ie .km-pane-wrapper .k-header, .k-ie .km-pane-wrapper .k-popup-edit-form .k-edit-field .k-button, .km-pane-wrapper .k-mobile-list .k-item, .km-pane-wrapper .k-mobile-list .k-edit-label, .km-pane-wrapper .k-mobile-list .k-edit-field { color: #5c6a79; } @media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) { div.km-pane-wrapper a { color: #5c6a79; } } .km-pane-wrapper .k-mobile-list .k-check, .km-pane-wrapper .k-mobile-list .k-edit-field textarea { outline: none; } .km-pane-wrapper .k-mobile-list .k-item.k-state-selected { color: #ffffff; background-color: #54a5d1; border-top-color: #54a5d1; } .km-pane-wrapper .k-mobile-list > ul > li > .k-link, .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3), .km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child { color: normal-text-color; } .km-pane-wrapper .k-mobile-list .k-item:last-child, .km-pane-wrapper .k-mobile-list > ul > li > .k-link { border-bottom: 1px solid #e0e0e0; } .km-actionsheet .k-grid-delete, .km-actionsheet .k-scheduler-delete, .km-pane-wrapper .k-scheduler-delete, .km-pane-wrapper .k-filter-menu .k-button[type='reset'] { color: #fff; border-color: red; background-color: red; } .km-actionsheet .k-grid-delete:active, .km-actionsheet .k-scheduler-delete:active, .km-pane-wrapper .k-scheduler-delete:active, .km-pane-wrapper .k-filter-menu .k-button[type='reset']:active { background-color: #990000; } .k-mobile-list .k-check:checked, .k-mobile-list .k-edit-field [type='checkbox']:checked, .k-mobile-list .k-edit-field [type='radio']:checked { opacity: 0.4; } /* IE will ignore the above selectors if these are added too */ .k-mobile-list .k-check:checked, .k-mobile-list .k-edit-field [type='checkbox']:checked, .k-mobile-list .k-edit-field [type='radio']:checked { background-image: url('kendo/web/Nova/sprite.png'); border-color: transparent; } .k-mobile-list .k-item > .k-link:active, .k-mobile-list .k-item > .k-label:active, .k-mobile-list .k-edit-label.k-check:active, .k-mobile-list .k-recur-view .k-check:active { color: #7c8a99; background-color: #ffffff; border-color: #7c8a99; } .km-pane-wrapper .k-mobile-list .k-item, .km-pane-wrapper .k-mobile-list .k-edit-field, .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check { background-color: #f4f4f4; border-top: 1px solid #e0e0e0; } .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:first-child { border-top-color: transparent; } .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right { background: #ffffff; border-color: #e0e0e0; } .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input { background-color: #ffffff; border-color: #e0e0e0; } .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input:focus { border-color: #939eab; } /* Responsive styles */ @media only screen and (max-width: 1450px) { .k-webkit, .k-ff, .k-ie11, .k-safari { /* Responsive Scheduler */ } .k-webkit .k-scheduler-toolbar .k-nav-current, .k-ff .k-scheduler-toolbar .k-nav-current, .k-ie11 .k-scheduler-toolbar .k-nav-current, .k-safari .k-scheduler-toolbar .k-nav-current { margin: 0; } } @media only screen and (max-width: 1400px) { .k-webkit, .k-ff, .k-ie11, .k-safari { /* Responsive Scheduler */ } .k-webkit .k-nav-current > .k-link .k-lg-date-format, .k-ff .k-nav-current > .k-link .k-lg-date-format, .k-ie11 .k-nav-current > .k-link .k-lg-date-format, .k-safari .k-nav-current > .k-link .k-lg-date-format { max-width: 100px; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; vertical-align: top; } .k-webkit .k-nav-current > .k-link .k-sm-date-format, .k-ff .k-nav-current > .k-link .k-sm-date-format, .k-ie11 .k-nav-current > .k-link .k-sm-date-format, .k-safari .k-nav-current > .k-link .k-sm-date-format { display: none; } .k-webkit .k-scheduler-toolbar .k-link, .k-ff .k-scheduler-toolbar .k-link, .k-ie11 .k-scheduler-toolbar .k-link, .k-safari .k-scheduler-toolbar .k-link { padding: 0 0.5em; } } @media only screen and (max-width: 1420px) { .k-webkit .k-scheduler .k-scheduler-toolbar .k-nav-current .k-link .k-i-calendar, .k-ff .k-scheduler .k-scheduler-toolbar .k-nav-current .k-link .k-i-calendar, .k-ie11 .k-scheduler .k-scheduler-toolbar .k-nav-current .k-link .k-i-calendar, .k-safari .k-scheduler .k-scheduler-toolbar .k-nav-current .k-link .k-i-calendar { display: none; } } @media only screen and (max-width: 1250px) { .k-webkit, .k-ff, .k-ie11, .k-safari { /* Responsive Pager */ } .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views { right: 13px; top: 0; } .k-webkit .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view, .k-ff .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view, .k-ie11 .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view, .k-safari .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view, .k-webkit .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view:hover, .k-ff .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view:hover, .k-ie11 .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view:hover, .k-safari .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view:hover, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover { background-position: 50% 50%; color: #ffffff; background-color: #54a5d1; border-color: #54a5d1; text-align: right; } .k-webkit .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > li, .k-ff .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > li, .k-ie11 .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > li, .k-safari .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > li, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li { border-radius: 0; } .k-webkit .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > .k-state-hover, .k-ff .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > .k-state-hover, .k-ie11 .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > .k-state-hover, .k-safari .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > .k-state-hover, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > .k-state-hover, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > .k-state-hover, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > .k-state-hover, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > .k-state-hover { background-color: #ffffff; } .k-webkit .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > .k-state-selected, .k-ff .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > .k-state-selected, .k-ie11 .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > .k-state-selected, .k-safari .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > .k-state-selected, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > .k-state-selected, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > .k-state-selected, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > .k-state-selected, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > .k-state-selected { color: #ffffff; background-color: #54a5d1; } .k-webkit .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > .k-state-hover .k-link, .k-ff .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > .k-state-hover .k-link, .k-ie11 .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > .k-state-hover .k-link, .k-safari .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > .k-state-hover .k-link, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > .k-state-hover .k-link, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > .k-state-hover .k-link, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > .k-state-hover .k-link, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > .k-state-hover .k-link { background-color: transparent; } .k-webkit .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > li.k-current-view .k-link, .k-ff .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > li.k-current-view .k-link, .k-ie11 .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > li.k-current-view .k-link, .k-safari .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > li.k-current-view .k-link, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view .k-link, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view .k-link, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view .k-link, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view .k-link { color: #ffffff; } .k-webkit .k-scheduler-toolbar > ul li:first-child, .k-ff .k-scheduler-toolbar > ul li:first-child, .k-ie11 .k-scheduler-toolbar > ul li:first-child, .k-safari .k-scheduler-toolbar > ul li:first-child, .k-webkit .k-scheduler-toolbar > ul li:first-child .k-link, .k-ff .k-scheduler-toolbar > ul li:first-child .k-link, .k-ie11 .k-scheduler-toolbar > ul li:first-child .k-link, .k-safari .k-scheduler-toolbar > ul li:first-child .k-link, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li .k-link, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li .k-link, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li .k-link, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li .k-link { border-radius: 0; } .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link { min-width: 20px; } .k-webkit .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded .k-link, .k-ff .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded .k-link, .k-ie11 .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded .k-link, .k-safari .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded .k-link, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded .k-link, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded .k-link, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded .k-link, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded .k-link { color: #00acc1; } .k-webkit .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded .k-state-selected .k-link, .k-ff .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded .k-state-selected .k-link, .k-ie11 .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded .k-state-selected .k-link, .k-safari .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded .k-state-selected .k-link, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded .k-state-selected .k-link, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded .k-state-selected .k-link, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded .k-state-selected .k-link, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded .k-state-selected .k-link { color: #ffffff; } .k-webkit .k-scheduler-views > li.k-state-selected > .k-link:after, .k-ff .k-scheduler-views > li.k-state-selected > .k-link:after, .k-ie11 .k-scheduler-views > li.k-state-selected > .k-link:after, .k-safari .k-scheduler-views > li.k-state-selected > .k-link:after { display: block; content: ''; position: absolute; top: 50%; margin-top: -0.5em; right: 0.333em; width: 1.333em; height: 1.333em; opacity: 0.45; } .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after { background-position: -14px -30px; } .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded { border-width: 1px 1px 0 1px; border-style: solid; } .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded { border-width: 1px; background-image: none; } .k-webkit .k-pager-wrap, .k-ff .k-pager-wrap, .k-ie11 .k-pager-wrap, .k-safari .k-pager-wrap { min-height: 2.7em; } .k-webkit .k-pager-wrap .k-pager-nav, .k-ff .k-pager-wrap .k-pager-nav, .k-ie11 .k-pager-wrap .k-pager-nav, .k-safari .k-pager-wrap .k-pager-nav, .k-webkit .k-pager-input, .k-ff .k-pager-input, .k-ie11 .k-pager-input, .k-safari .k-pager-input { display: inline-block; vertical-align: top; } .k-webkit .k-pager-numbers, .k-ff .k-pager-numbers, .k-ie11 .k-pager-numbers, .k-safari .k-pager-numbers, .k-webkit .k-grid .k-pager-numbers, .k-ff .k-grid .k-pager-numbers, .k-ie11 .k-grid .k-pager-numbers, .k-safari .k-grid .k-pager-numbers { position: absolute; left: 5.6em; display: -moz-inline-flex; display: -webkit-inline-flex; display: inline-flex; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; overflow: visible; height: auto; background-color: #ffffff; border: 1px solid #e0e0e0; border-radius: 3px; } .k-webkit .k-pager-numbers:first-child, .k-ff .k-pager-numbers:first-child, .k-ie11 .k-pager-numbers:first-child, .k-safari .k-pager-numbers:first-child, .k-webkit .k-grid .k-pager-numbers:first-child, .k-ff .k-grid .k-pager-numbers:first-child, .k-ie11 .k-grid .k-pager-numbers:first-child, .k-safari .k-grid .k-pager-numbers:first-child { left: 0.3em; } .k-webkit .k-pager-numbers:hover, .k-ff .k-pager-numbers:hover, .k-ie11 .k-pager-numbers:hover, .k-safari .k-pager-numbers:hover, .k-webkit .k-pager-wrap .k-pager-numbers li:hover, .k-ff .k-pager-wrap .k-pager-numbers li:hover, .k-ie11 .k-pager-wrap .k-pager-numbers li:hover, .k-safari .k-pager-wrap .k-pager-numbers li:hover { background-color: #ffffff; } .k-webkit .k-pager-numbers.k-state-expanded, .k-ff .k-pager-numbers.k-state-expanded, .k-ie11 .k-pager-numbers.k-state-expanded, .k-safari .k-pager-numbers.k-state-expanded, .k-webkit .k-grid .k-pager-numbers.k-state-expanded, .k-ff .k-grid .k-pager-numbers.k-state-expanded, .k-ie11 .k-grid .k-pager-numbers.k-state-expanded, .k-safari .k-grid .k-pager-numbers.k-state-expanded { -webkit-transform: translatey(-100%); -moz-transform: translatey(-100%); transform: translatey(-100%); } .k-webkit .km-pane-wrapper .k-pager-numbers, .k-ff .km-pane-wrapper .k-pager-numbers, .k-ie11 .km-pane-wrapper .k-pager-numbers, .k-safari .km-pane-wrapper .k-pager-numbers, .k-webkit .km-pane-wrapper .k-grid .k-pager-numbers, .k-ff .km-pane-wrapper .k-grid .k-pager-numbers, .k-ie11 .km-pane-wrapper .k-grid .k-pager-numbers, .k-safari .km-pane-wrapper .k-grid .k-pager-numbers { position: relative; left: 50%; transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); } .k-webkit .km-pane-wrapper .k-pager-numbers.k-state-expanded, .k-ff .km-pane-wrapper .k-pager-numbers.k-state-expanded, .k-ie11 .km-pane-wrapper .k-pager-numbers.k-state-expanded, .k-safari .km-pane-wrapper .k-pager-numbers.k-state-expanded, .k-webkit .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded, .k-ff .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded, .k-ie11 .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded, .k-safari .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded { -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); } .k-webkit .km-pane-wrapper .k-pager-numbers .k-link, .k-ff .km-pane-wrapper .k-pager-numbers .k-link, .k-ie11 .km-pane-wrapper .k-pager-numbers .k-link, .k-safari .km-pane-wrapper .k-pager-numbers .k-link, .k-webkit .km-pane-wrapper .k-pager-numbers .k-state-selected, .k-ff .km-pane-wrapper .k-pager-numbers .k-state-selected, .k-ie11 .km-pane-wrapper .k-pager-numbers .k-state-selected, .k-safari .km-pane-wrapper .k-pager-numbers .k-state-selected, .k-webkit .km-pane-wrapper .k-pager-wrap > .k-link, .k-ff .km-pane-wrapper .k-pager-wrap > .k-link, .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-link, .k-safari .km-pane-wrapper .k-pager-wrap > .k-link, .k-webkit .km-pane-wrapper .k-pager-wrap > .k-pager-info, .k-ff .km-pane-wrapper .k-pager-wrap > .k-pager-info, .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-pager-info, .k-safari .km-pane-wrapper .k-pager-wrap > .k-pager-info { padding-top: 0; padding-bottom: 0; } .k-webkit .k-rtl .k-pager-numbers, .k-ff .k-rtl .k-pager-numbers, .k-ie11 .k-rtl .k-pager-numbers, .k-safari .k-rtl .k-pager-numbers, .k-webkit .k-rtl .k-grid .k-pager-numbers, .k-ff .k-rtl .k-grid .k-pager-numbers, .k-ie11 .k-rtl .k-grid .k-pager-numbers, .k-safari .k-rtl .k-grid .k-pager-numbers { right: 5.6em; width: 5.15em; } .k-webkit .k-rtl .k-pager-numbers:first-child, .k-ff .k-rtl .k-pager-numbers:first-child, .k-ie11 .k-rtl .k-pager-numbers:first-child, .k-safari .k-rtl .k-pager-numbers:first-child, .k-webkit .k-rtl .k-grid .k-pager-numbers:first-child, .k-ff .k-rtl .k-grid .k-pager-numbers:first-child, .k-ie11 .k-rtl .k-grid .k-pager-numbers:first-child, .k-safari .k-rtl .k-grid .k-pager-numbers:first-child { left: auto; right: 0.3em; } .k-webkit .k-pager-numbers .k-current-page, .k-ff .k-pager-numbers .k-current-page, .k-ie11 .k-pager-numbers .k-current-page, .k-safari .k-pager-numbers .k-current-page, .k-webkit .k-grid .k-pager-numbers .k-current-page, .k-ff .k-grid .k-pager-numbers .k-current-page, .k-ie11 .k-grid .k-pager-numbers .k-current-page, .k-safari .k-grid .k-pager-numbers .k-current-page { display: block; border-left: 0; } .k-webkit .k-pager-numbers li:not(.k-current-page), .k-ff .k-pager-numbers li:not(.k-current-page), .k-ie11 .k-pager-numbers li:not(.k-current-page), .k-safari .k-pager-numbers li:not(.k-current-page) { display: none; } .k-webkit .k-pager-numbers .k-current-page .k-link, .k-ff .k-pager-numbers .k-current-page .k-link, .k-ie11 .k-pager-numbers .k-current-page .k-link, .k-safari .k-pager-numbers .k-current-page .k-link { width: 3.8em; line-height: 2.564em; padding: 0 0.429em 0 0.8em; border-radius: 3px; background-position: 50% 50%; background-color: #ffffff; border: 1px solid transparent; } .k-webkit .k-pager-numbers .k-current-page .k-link:hover, .k-ff .k-pager-numbers .k-current-page .k-link:hover, .k-ie11 .k-pager-numbers .k-current-page .k-link:hover, .k-safari .k-pager-numbers .k-current-page .k-link:hover { background-color: #ffffff; } .k-webkit .k-pager-numbers .k-current-page:hover .k-link, .k-ff .k-pager-numbers .k-current-page:hover .k-link, .k-ie11 .k-pager-numbers .k-current-page:hover .k-link, .k-safari .k-pager-numbers .k-current-page:hover .k-link { border-top: 0; } .k-webkit .k-pager-numbers .k-current-page .k-link:after, .k-ff .k-pager-numbers .k-current-page .k-link:after, .k-ie11 .k-pager-numbers .k-current-page .k-link:after, .k-safari .k-pager-numbers .k-current-page .k-link:after { display: block; content: ''; position: absolute; top: 50%; margin-top: -0.6em; right: 0.6em; width: 1.333em; height: 1.333em; opacity: 0.45; } .k-webkit .k-pager-numbers.k-state-expanded .k-current-page .k-link:after, .k-ff .k-pager-numbers.k-state-expanded .k-current-page .k-link:after, .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page .k-link:after, .k-safari .k-pager-numbers.k-state-expanded .k-current-page .k-link:after { background-position: -15px 0; opacity: 1; } .k-webkit .k-pager-numbers + .k-link, .k-ff .k-pager-numbers + .k-link, .k-ie11 .k-pager-numbers + .k-link, .k-safari .k-pager-numbers + .k-link { margin-left: 5.4em; } .k-webkit .k-rtl .k-pager-numbers + .k-link, .k-ff .k-rtl .k-pager-numbers + .k-link, .k-ie11 .k-rtl .k-pager-numbers + .k-link, .k-safari .k-rtl .k-pager-numbers + .k-link { margin-right: 5.4em; margin-left: 0; } .k-webkit .k-pager-wrap .k-pager-numbers .k-state-selected, .k-ff .k-pager-wrap .k-pager-numbers .k-state-selected, .k-ie11 .k-pager-wrap .k-pager-numbers .k-state-selected, .k-safari .k-pager-wrap .k-pager-numbers .k-state-selected, .k-webkit .k-pager-wrap .k-pager-numbers .k-link, .k-ff .k-pager-wrap .k-pager-numbers .k-link, .k-ie11 .k-pager-wrap .k-pager-numbers .k-link, .k-safari .k-pager-wrap .k-pager-numbers .k-link { color: #00acc1; display: block; margin-top: 0; margin-right: 0; padding: 1px 5px 1px 0.8em; text-align: left; border-top: 0; } .k-webkit .k-pager-wrap .k-pager-numbers .k-pager-nav, .k-ff .k-pager-wrap .k-pager-numbers .k-pager-nav, .k-ie11 .k-pager-wrap .k-pager-numbers .k-pager-nav, .k-safari .k-pager-wrap .k-pager-numbers .k-pager-nav { color: #5c6a79; } .k-webkit .k-pager-wrap .k-pager-numbers .k-state-selected, .k-ff .k-pager-wrap .k-pager-numbers .k-state-selected, .k-ie11 .k-pager-wrap .k-pager-numbers .k-state-selected, .k-safari .k-pager-wrap .k-pager-numbers .k-state-selected { color: #ffffff; background-color: #54a5d1; border-color: #54a5d1; } .k-webkit .k-pager-numbers.k-state-expanded, .k-ff .k-pager-numbers.k-state-expanded, .k-ie11 .k-pager-numbers.k-state-expanded, .k-safari .k-pager-numbers.k-state-expanded { box-sizing: border-box; padding: 2px 0 0; border-width: 1px 1px 0 1px; border-style: solid; border-color: #e0e0e0; background-color: #f4f4f4; box-shadow: 0 0px 6px 1px rgba(0, 0, 0, 0.2); } .k-webkit .k-pager-numbers.k-state-expanded .k-current-page, .k-ff .k-pager-numbers.k-state-expanded .k-current-page, .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page, .k-safari .k-pager-numbers.k-state-expanded .k-current-page { margin: -2.2em -1px 0; padding: 0; } .k-webkit .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-ff .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-safari .k-pager-numbers.k-state-expanded .k-current-page .k-link { border-radius: 0 0 3px 3px; border-top: 0; color: #ffffff; background-color: #54a5d1; border-color: #54a5d1; } .k-webkit .k-pager-numbers.k-state-expanded li, .k-ff .k-pager-numbers.k-state-expanded li, .k-ie11 .k-pager-numbers.k-state-expanded li, .k-safari .k-pager-numbers.k-state-expanded li { display: inline-block; } .k-webkit .k-gantt-toolbar > ul.k-gantt-views, .k-ff .k-gantt-toolbar > ul.k-gantt-views, .k-ie11 .k-gantt-toolbar > ul.k-gantt-views, .k-safari .k-gantt-toolbar > ul.k-gantt-views { top: 0; } .k-webkit .k-widget.k-grid .k-pager-nav + .k-pager-numbers, .k-ff .k-widget.k-grid .k-pager-nav + .k-pager-numbers, .k-ie11 .k-widget.k-grid .k-pager-nav + .k-pager-numbers, .k-safari .k-widget.k-grid .k-pager-nav + .k-pager-numbers { position: absolute; } } @media only screen and (max-width: 678px) { .k-webkit .k-pager-info, .k-ff .k-pager-info, .k-ie11 .k-pager-info, .k-safari .k-pager-info { display: none; } } @media only screen and (max-width: 530px) { .k-webkit .k-pager-sizes, .k-ff .k-pager-sizes, .k-ie11 .k-pager-sizes, .k-safari .k-pager-sizes { display: none; } } @media only screen and (max-width: 350px) { .k-webkit .k-pager-refresh, .k-ff .k-pager-refresh, .k-ie11 .k-pager-refresh, .k-safari .k-pager-refresh { display: none; } } /* Stock Chart */ .k-chart .k-mask { background-color: #f4f4f4; filter: alpha(opacity=68); -moz-opacity: 0.68; opacity: 0.68; } .k-chart .k-selection { border-color: #e0e0e0; } .k-chart .k-handle { width: 15px; height: 15px; border-width: 1px; border-style: solid; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .k-chart .k-leftHandle { left: -8px; } .k-chart .k-rightHandle { right: -8px; } .k-chart .k-handle:hover { background-color: #ffffff; } .k-chart .k-navigator-hint .k-tooltip { border: #e0e0e0; box-shadow: 0 0px 6px 1px rgba(0, 0, 0, 0.2); background: #f4f4f4; color: #5c6a79; } .k-chart .k-navigator-hint .k-scroll { background: #ffffff; height: 4px; } .k-chart-tooltip { background-image: none; } /* Map */ .k-map .k-header { background-color: #f4f4f4; border-color: #e0e0e0; } .k-map .k-marker { background-image: url('kendo/web/Nova/markers.png'); } @media only screen and (-webkit-min-device-pixel-ratio: 1.2), only screen and (min-device-pixel-ratio: 1.2) { .k-map .k-marker { background-image: url('kendo/web/Nova/markers_2x.png'); } } .k-map .k-attribution { color: #666666; } /*! */ .k-spreadsheet-row-header, .k-spreadsheet-column-header { background-color: #ffffff; } .k-spreadsheet-top-corner, .k-spreadsheet-row-header, .k-spreadsheet-column-header { background-color: #ffffff; background-image: none; color: #000000; border-color: #cccccc; } .k-spreadsheet-top-corner { border-color: #cccccc; } .k-spreadsheet-top-corner:after { border-color: transparent #cccccc #cccccc transparent; } .k-spreadsheet-pane { border-color: #cccccc; } .k-spreadsheet-pane .k-spreadsheet-vaxis, .k-spreadsheet-pane .k-spreadsheet-haxis { border-color: #e6e6e6; } .k-spreadsheet-pane .k-spreadsheet-column-header, .k-spreadsheet-pane .k-spreadsheet-row-header { border-color: #cccccc; } .k-spreadsheet-pane .k-spreadsheet-merged-cell { background-color: #ffffff; } .k-spreadsheet-pane .k-selection-partial, .k-spreadsheet-pane .k-selection-full { border-color: rgba(38, 198, 218, 0.2); background-color: rgba(38, 198, 218, 0.2); } .k-spreadsheet-pane .k-filter-range { border-color: #26c6da; } .k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-partial, .k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-full { border-bottom-color: #26c6da; } .k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-partial, .k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-full { border-right-color: #26c6da; } .k-auto-fill, .k-spreadsheet-selection { border-color: #26c6da; box-shadow: inset 0 0 0 1px #ffffff, 0 0 0 1px #26c6da; } .k-spreadsheet-selection { background-color: rgba(38, 198, 218, 0.2); } .k-spreadsheet-active-cell { border-color: #26c6da !important; background-color: #ffffff; } .k-spreadsheet-active-cell.k-single { background-color: #fff; } .k-spreadsheet > .k-spreadsheet-formula-bar { background-color: #ffffff; border-color: #ffffff #ffffff #cccccc; } .k-spreadsheet > .k-spreadsheet-formula-bar:before { border-color: #cccccc; } .k-spreadsheet > .k-spreadsheet-formula-bar:after { border-color: #ffffff; } .k-spreadsheet .k-spreadsheet-formula-input { background-color: #ffffff; color: #5c6a79; } .k-spreadsheet .k-resize-handle, .k-spreadsheet .k-resize-hint-handle, .k-spreadsheet .k-resize-hint-marker { background-color: #54a5d1; } .k-spreadsheet .k-resize-hint-vertical .k-resize-hint-handle, .k-spreadsheet .k-resize-hint-vertical .k-resize-hint-marker { background-color: #54a5d1; } .k-spreadsheet .k-single-selection::after { background-color: #26c6da; border-color: #ffffff; } .k-spreadsheet .k-auto-fill-punch { background-color: rgba(255, 255, 255, 0.5); } .k-spreadsheet .k-single-selection.k-dim-auto-fill-handle::after { background-color: rgba(38, 198, 218, 0.5); } .k-spreadsheet-format-cells .k-spreadsheet-preview { border-color: #e0e0e0; } .k-spreadsheet-filter { border-radius: 0px; background-color: #ffffff; box-shadow: inset 0 0 0 1px #e6e6e6; } .k-spreadsheet-filter.k-state-active { color: #ffffff; background-color: #54a5d1; } .k-spreadsheet-filter:hover { color: #7c8a99; background: #ffffff; border-color: #ebebeb; } .k-action-window .k-action-buttons { border-color: #e0e0e0; } .k-spreadsheet-sample { color: #adb7c1; } .k-state-selected .k-spreadsheet-sample { color: inherit; } .k-spreadsheet-window .k-list-wrapper, .k-spreadsheet-window .k-list { border-color: #e0e0e0; border-radius: 0px; } .k-spreadsheet-window .export-config, .k-spreadsheet-window .k-edit-field > .k-orientation-label { border-color: #e0e0e0; } .k-spreadsheet-window .k-edit-field > input[type='radio']:checked + .k-orientation-label { background-image: none; background-color: #54a5d1; color: #ffffff; } .k-spreadsheet-window .k-page-orientation { border-color: #939eab; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1); } .k-spreadsheet-window .k-page-orientation:before { background: #ffffff; border-color: transparent; border-bottom-color: #939eab; border-left-color: #939eab; } .k-spreadsheet-window .k-margins-horizontal, .k-spreadsheet-window .k-margins-vertical { background: transparent; border-color: #e0e0e0; } .k-spreadsheet-toolbar.k-toolbar .k-button-group .k-button { border-radius: 0px; } .k-spreadsheet-toolbar > .k-widget, .k-spreadsheet-toolbar > .k-button, .k-spreadsheet-toolbar > .k-button-group { border-radius: 0px; } .k-spreadsheet-toolbar > .k-separator { border-color: #e0e0e0; } .k-spreadsheet-toolbar .k-overflow-anchor { border-radius: 0; } .k-spreadsheet-popup { border-radius: 0px; } .k-spreadsheet-popup .k-separator { background-color: #e0e0e0; } .k-spreadsheet-popup .k-button { background-color: transparent; } .k-spreadsheet-popup .k-button:hover { background-color: #ffffff; } .k-spreadsheet-popup .k-state-active { background-color: #54a5d1; color: #000000; } .k-spreadsheet-popup .k-state-active:hover { background-color: #338ebf; } .k-spreadsheet-filter-menu .k-details { border-color: #e0e0e0; } .k-spreadsheet-filter-menu .k-details-content .k-space-right { background-color: #ffffff; } .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper { background-color: #ffffff; border-color: #e0e0e0; border-radius: 0px 0 0 0px; } .k-syntax-ref { color: #ff8822; } .k-syntax-num { color: #0099ff; } .k-syntax-func { font-weight: bold; } .k-syntax-str { color: #38b714; } .k-syntax-error { color: red; } .k-syntax-bool { color: #a9169c; } .k-syntax-startexp { font-weight: bold; } .k-syntax-paren-match { background-color: #caf200; } .k-series-a { border-color: #ff4350; background-color: rgba(255, 67, 80, 0.15); } .k-series-b { border-color: #ff9ea5; background-color: rgba(255, 158, 165, 0.15); } .k-series-c { border-color: #00acc1; background-color: rgba(0, 172, 193, 0.15); } .k-series-d { border-color: #80deea; background-color: rgba(128, 222, 234, 0.15); } .k-series-e { border-color: #ffbf46; background-color: rgba(255, 191, 70, 0.15); } .k-series-f { border-color: #ffd78c; background-color: rgba(255, 215, 140, 0.15); } .k-spreadsheet-sheets-remove:hover .k-icon { color: #cc2222; } .k-spreadsheet-formula-list .k-state-focused { background-color: #54a5d1; color: #ffffff; } @media only screen and (-webkit-min-device-pixel-ratio: 2) { .k-icon.k-font-icon { background-image: none; } } .k-spreadsheet .k-spreadsheet-quick-access-toolbar .k-button, .k-spreadsheet .k-spreadsheet-sheets-bar .k-button { box-shadow: none; color: #ffffff; border-radius: 0; line-height: 2.6em; width: 3em; } .k-spreadsheet .k-spreadsheet-quick-access-toolbar .k-button:hover, .k-spreadsheet .k-spreadsheet-sheets-bar .k-button:hover { background-image: none; background-image: none, linear-gradient(to bottom, #202333 0%, #081421 100%); border-color: #556a80; } .k-spreadsheet .k-spreadsheet-sheets-bar .k-button { padding-top: 0.5em; padding-bottom: 0.5em; line-height: 2.2em; } .k-spreadsheet .k-spreadsheet-sheets-bar-add { left: 0; bottom: 0; } .k-spreadsheet .k-spreadsheet-sheets-remove { margin: 0 0 0 -1em; } .k-spreadsheet-sheets-items { background-image: none; background-image: none, linear-gradient(to bottom, #303553 0%, #072138 100%); } .k-spreadsheet-sheets-items .k-state-default .k-link, .k-spreadsheet-tabstrip .k-state-default .k-link { color: #ffffff; } .k-spreadsheet-sheets-items .k-item.k-state-hover, .k-spreadsheet-tabstrip .k-item.k-state-hover, .k-spreadsheet-sheets-items .k-item.k-state-active, .k-spreadsheet-tabstrip .k-item.k-state-active, .k-spreadsheet-sheets-items .k-item.k-state-focused, .k-spreadsheet-tabstrip .k-item.k-state-focused { background-color: transparent; } .k-spreadsheet-sheets-items .k-item.k-state-hover .k-link, .k-spreadsheet-tabstrip .k-item.k-state-hover .k-link, .k-spreadsheet-sheets-items .k-item.k-state-active .k-link, .k-spreadsheet-tabstrip .k-item.k-state-active .k-link, .k-spreadsheet-sheets-items .k-item.k-state-focused .k-link, .k-spreadsheet-tabstrip .k-item.k-state-focused .k-link { color: #ffffff; } .k-spreadsheet-sheets-items .k-state-active .k-link, .k-spreadsheet-tabstrip .k-state-active .k-link { color: #ffffff; } .k-spreadsheet-toolbar { background: #f5f5f5; } .k-spreadsheet-toolbar > .k-button { border-color: transparent; } /** * Kendo UI v2016.2.607 (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. */ /*! */ /*! */ /*! */ /* Common Platform CSS */ @-ms-viewport { width: device-width; user-zoom: fixed; max-zoom: 1; min-zoom: 1; } @media (orientation: landscape) { .km-tablet .km-on-ios.km-horizontal.km-web:not(.km-ios-chrome) { position: fixed; bottom: 0; } } .km-root { font-size: 0.92em; } .km-root.km-retina input, .km-root.km-retina select, .km-root.km-retina textarea { font-size: 1em; } .km-root a { color: inherit; } .km-tablet { font-size: 1em; } .km-root *:focus { outline-width: 0; } .km-root, .km-pane, .km-pane-wrapper { width: 100%; height: 100%; -ms-touch-action: none; -ms-content-zooming: none; -ms-user-select: none; -webkit-user-select: none; text-size-adjust: none; overflow-x: hidden; } .km-pane-wrapper { position: absolute; } .km-pane, .km-shim { font-family: sans-serif; } .km-pane { overflow-x: hidden; position: relative; } .km-vertical .km-collapsible-pane { position: absolute; z-index: 2 !important; transition: transform 350ms ease-out; transform: translatex(-100%); } .km-vertical .km-expanded-splitview .km-collapsible-pane { transform: translatex(0); } .km-expanded-pane-shim { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; } .km-expanded-splitview .km-expanded-pane-shim { display: block; z-index: 1; } .km-root > * { margin: 0; padding: 0; } .km-root * { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .km-content { display: block; } .km-view, .km-split-content { top: 0; left: 0; position: absolute; display: flex; height: 100%; width: 100%; flex-direction: column; align-items: stretch; align-content: stretch; vertical-align: top; } .k-ff .km-view, .k-ff .km-pane { overflow: hidden; } .k-ff18 .km-view, .k-ff18 .km-pane, .k-ff19 .km-view, .k-ff19 .km-pane, .k-ff20 .km-view, .k-ff20 .km-pane, .k-ff21 .km-view, .k-ff21 .km-pane { position: relative; } .k-ff .km-view { display: -moz-inline-box; display: inline-flex; } .km-content { min-height: 1px; flex: 1; flex-align: stretch; width: auto; overflow: hidden; position: relative; } .km-content p, .km-content h1, .km-content h2, .km-content h3, .km-content h4, .km-content h5, .km-content h6 { margin-left: 1rem; margin-right: 1rem; } .km-header, .km-footer { display: block; display: -moz-box; flex-direction: column; width: 100%; } .km-header { padding: 0; } .km-footer { background: #1a1a1a; } [data-role='layout'] { display: none; } /** * The angular tags will be converted to div kendo-mobile-view * */ [data-role='view'], [data-role='drawer'], kendo-mobile-view, kendo-mobile-split-view, kendo-mobile-drawer { visibility: hidden; } .km-view { visibility: visible; } .km-header, .km-footer { position: relative; z-index: 1; } @media all and (-webkit-min-device-pixel-ratio: 10000), not all and (-webkit-min-device-pixel-ratio: 0) { .km-view { display: table; } .km-header, .km-footer, .km-content { display: table-row; } .km-header, .km-footer { height: 1px; } } .km-root .k-toolbar, .km-navbar, .km-button, .km-buttongroup, .km-tabstrip, .km-blackberry li.km-actionsheet-cancel > a { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-origin: border-box; position: relative; display: inline-block; padding: 0.4em 0.7em; margin: 0.1rem; overflow: visible; text-decoration: none; } .km-tabstrip, .km-root .k-toolbar, .km-navbar { display: block; padding: 0.8em; margin: 0; width: 100%; border-width: 0; box-sizing: border-box; } .km-native-scroller { overflow: auto; -webkit-overflow-scrolling: touch; -ms-touch-action: pan-x pan-y; -ms-overflow-style: -ms-autohiding-scrollbar; -ms-scroll-snap-type: proximity; } .km-default-content { padding: 1em; } .km-shim { left: 0; bottom: 0; position: fixed; width: 100%; height: 100% !important; background: rgba(0, 0, 0, 0.6); z-index: 10001; box-sizing: border-box; } .km-root .km-shim { position: absolute; } .km-shim:before { content: '\a0'; height: 100%; width: 0; display: inline-block; vertical-align: middle; } .km-shim .k-animation-container { box-shadow: none; border: 0; width: auto; } /* Loader */ .km-loader { top: 50%; left: 50%; width: 180px; height: 130px; z-index: 100000; padding: 30px 30px; position: absolute; margin-top: -70px; margin-left: -90px; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.5); } .km-loader h1 { font-size: 1rem; color: white; text-align: center; vertical-align: middle; } .km-loader .km-loading, .km-load-more .km-icon, .km-scroller-refresh .km-icon { animation: km-spin 1s infinite linear; display: block; margin: 0 auto; width: 35px; height: 35px; font-size: 35px; } .km-loader .km-loading:after, .km-load-more .km-icon:after { color: #ccc; } .km-loading-left, .km-loading-right { display: none; } @-webkit-keyframes km-spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes km-spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes km-spin { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } } @-o-keyframes km-spin { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(360deg); } } @-webkit-keyframes km-ios-spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-webkit-keyframes km-ios-spin1 { from { -webkit-transform: rotate(-135deg); } to { -webkit-transform: rotate(225deg); } } @-moz-keyframes km-ios-spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-moz-keyframes km-ios-spin1 { from { -moz-transform: rotate(-135deg); } to { -moz-transform: rotate(225deg); } } @keyframes km-ios-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes km-ios-spin1 { from { transform: rotate(-135deg); } to { transform: rotate(225deg); } } /* Stretched View */ .km-stretched-view { display: flex; } .km-stretched-view > * { width: 100%; } .km-stretched-view > .km-pane-wrapper { position: static; } .km-stretched-view > .km-pane-wrapper > .km-pane { position: static; } .km-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 100000; } .km-root.km-native-scrolling, .km-root.km-native-scrolling .km-view, .km-root.km-native-scrolling .km-splitview .km-pane { min-height: 100%; height: auto; -webkit-transform: none; overflow-x: visible; } .km-native-scrolling, .km-native-scrolling .km-pane, .km-native-scrolling .km-view { -ms-touch-action: auto; } .km-native-scrolling .km-pane, .km-native-scrolling .km-view { display: block; } .km-native-scrolling .km-content { -ms-flex: auto; } .km-native-scrolling .km-blackberry .km-content { min-height: auto; } /* Restore position:absolute during animation */ .km-native-scrolling .km-splitview { position: absolute; } .km-native-scrolling .km-header { position: fixed; top: 0; } .km-native-scrolling .km-android .km-header { top: auto; bottom: 0; } .km-native-scrolling .km-footer { position: fixed; bottom: 0; } .km-native-scrolling .km-android .km-footer { top: 0; bottom: auto; } .km-native-scrolling .km-badge { z-index: auto; } .km-native-scrolling .km-splitview .km-header, .km-native-scrolling .km-splitview .km-footer, .km-native-scrolling .km-popup.km-pane .km-header, .km-native-scrolling .km-popup.km-pane .km-footer { position: absolute; } .km-native-scrolling .km-modalview .km-header, .km-native-scrolling .km-modalview .km-footer { position: relative; } .km-native-scrolling .km-content { width: 100%; } .km-native-scrolling .km-shim, .km-native-scrolling .km-popup-overlay { position: fixed; top: 0; bottom: 0; height: auto !important; } .km-native-scrolling .km-drawer { position: fixed; top: 0; height: 100% !important; overflow: auto !important; -webkit-overflow-scrolling: touch; } .km-native-scrolling > .km-pane > .km-loader { position: fixed; } .km-native-scrolling .km-header, .km-native-scrolling .km-footer { z-index: 2; } /* Disabled states */ .km-state-disabled { opacity: 0.5; } /*! */ .km-badge, .km-detail { text-decoration: none; display: inline-block; vertical-align: middle; overflow: hidden; text-align: center; position: absolute; z-index: 1; height: 2em; font-size: 0.6rem; text-shadow: none; } .km-badge { top: -1em; right: -1em; line-height: 2em; margin-left: 0.5em; min-width: 0.9em; padding: 0 0.55em; -webkit-background-clip: padding-box; background-clip: padding-box; } .km-tabstrip .km-badge { top: -0.2em; right: auto; margin-left: -1em; } /* DetailButtons */ .km-detail { position: absolute; float: right; right: 0.8rem; top: 50%; margin-top: -0.7rem; width: 1.3rem; height: 1.3rem; font-size: 1rem; box-sizing: border-box; } .km-widget .km-detaildisclose { font-size: 0.8em; } .k-ff .km-detail { width: 1rem; height: 1rem; } .km-detail .km-text { display: none; } .km-widget .km-rowinsert:after, .km-widget .km-rowdelete:after, .km-widget .km-contactadd:after, .km-widget .km-detaildisclose:after, .km-widget .km-rowinsert:before, .km-widget .km-rowdelete:before, .km-widget .km-contactadd:before, .km-widget .km-detaildisclose:before, .km-detail .km-icon { left: 0.15em; top: 0.15em; line-height: 1em; font-size: 1em; position: absolute; } .km-widget .km-detaildisclose:after { left: 0.1em; top: 0.25em; text-align: center; font-weight: bold; } /* Buttons */ .km-button { cursor: pointer; outline: 0; text-align: center; } button.km-button { display: inline-block; font: inherit; } .km-button:hover { text-decoration: none; } .km-button::-moz-focus-inner { padding: 0; border: 0; } .km-ios .km-state-disabled .km-button, .km-android .km-state-disabled .km-button, .km-blackberry .km-state-disabled .km-button, .km-meego .km-state-disabled .km-button { color: #aaa; text-shadow: none; } .km-root .km-pane .k-button:focus, .km-root .km-pane .k-button:active, .km-root .km-pane .k-button:focus:active { box-shadow: none; } /*! */ .km-buttongroup { padding: 0.4rem 0.7rem; -webkit-margin-collapse: separate; margin-collapse: separate; margin: 0.5em auto; } .km-widget.km-buttongroup { padding: 0; border-color: transparent; background: none; white-space: nowrap; display: table; } .km-buttongroup > .km-button { display: table-cell; } .km-widget.km-buttongroup .km-button { margin: 0; border-width: 1px 0 1px 1px; padding: 0.48em 0.9em 0.44em; } .km-tablet .km-buttongroup .km-button { padding: 0.4em 0.8em 0.34em; } .km-widget.km-navbar .km-buttongroup { font-size: 0.95rem; line-height: 1em; margin: 0 0 0.2em; display: inline-block; height: 1.5em; top: -2px; } .k-toolbar .km-buttongroup { margin: 0; display: inline-block; } .km-tablet .km-navbar .km-buttongroup { top: -1px; } .km-widget.km-navbar .km-buttongroup > .km-button { font-size: 1em; min-width: 4rem; text-align: center; } .km-tablet .km-navbar .km-buttongroup > .km-button { min-width: 6rem; } .km-view .km-buttongroup .km-button:last-child { border-right-width: 1px; } .km-ios .km-buttongroup .km-button { font-size: 1.2em; font-weight: bold; } /*! */ .km-hide-title { display: none; } .km-show-title:after { display: block; content: '\a0'; height: 0; } .km-fill-title:after { height: auto; } .km-footer .km-show-title:after { display: inline-block; } .km-view-title, .km-dialog-title { position: relative; visibility: visible; text-align: center; font-size: 1.4em; line-height: 2.3em; margin-left: auto; margin-right: auto; } .km-horizontal .km-view-title { line-height: 2em; } .km-root .k-toolbar, .km-navbar { padding: 0; flex: 1; position: relative; overflow: hidden; display: block; border-width: 0 0 1px 0; background-color: #fff; } .k-ff.km-root .k-toolbar, .k-ff .km-navbar { overflow: visible; } .km-navbar .km-button { margin-top: 0.5rem; margin-bottom: 0.5rem; } .km-navbar .km-no-title { padding-top: 0.7rem; padding-bottom: 0.7rem; } .km-horizontal .km-navbar .km-button { margin-top: 0.3rem; margin-bottom: 0.3rem; } .km-horizontal .km-navbar .km-no-title { padding-top: 0.5rem; padding-bottom: 0.5rem; } .km-tablet.km-root .km-no-title { padding-top: 0.55rem; padding-bottom: 0.55rem; } .km-tablet .km-navbar .km-button { margin-top: 0.45rem; margin-bottom: 0.45rem; } .km-root .km-pane .km-navbar .km-no-title { visibility: visible; line-height: 0; } /* Navbar */ .km-on-ios.km-black-translucent-status-bar.km-app .km-header .km-navbar { padding-top: 1.4em; background-clip: border-box; } .km-on-ios.km-ios5.km-cordova .km-header .km-navbar, .km-on-ios.km-ios6.km-cordova .km-header .km-navbar { padding-top: 0; } .km-leftitem, .km-rightitem { z-index: 1; position: absolute; right: 0.5em; } .km-popup .km-rightitem { right: 0; } .km-leftitem { left: 0.5em; right: auto; } .km-popup .km-leftitem { left: 0; } /* Center left/right item contents */ .km-leftitem, .km-rightitem { height: 100%; } .km-on-ios.km-black-translucent-status-bar.km-app .km-leftitem, .km-on-ios.km-black-translucent-status-bar.km-app .km-rightitem { height: auto; } .km-leftitem > *, .km-rightitem > * { display: inline-block; vertical-align: middle; } .km-leftitem:before, .km-rightitem:before { content: '\a0'; display: inline-block; height: 100%; width: 0; vertical-align: middle; } /*! */ .km-tabstrip { padding: 0.4rem 0.7rem; } .km-horizontal .km-tabstrip { padding: 0.2rem 0.7rem; } .km-tabstrip { flex-align: start; flex-direction: row; -moz-box-pack: start; padding: 0; text-align: center; word-spacing: -1em; } .km-tabstrip .km-button { word-spacing: normal; box-shadow: none; vertical-align: bottom; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .km-tabstrip { word-spacing: normal; width: 100%; } } .km-tabstrip .km-button { font-family: Arial, Helvetica, sans-serif; color: #a8a8a8; padding: 0.4em 0.8em; border-width: 0; border-color: transparent; background: none; margin: 0; text-align: center; } .km-tabstrip .km-button:first-child { border-left: 0; } .km-tabstrip .km-button:last-child { border-right: 0; } /*! */ .km-switch input[type='checkbox'] { display: none; } .km-switch, .km-checkbox { text-align: left; font-size: 1rem; display: inline-block; width: 6.4rem; height: 2rem; line-height: 2rem; position: relative; overflow: hidden; } .km-switch-wrapper, .km-slider-wrapper { display: block; height: 100%; width: 100%; overflow: hidden; } .km-switch-background, .km-slider-background { display: block; margin: 0 1px 1px -5em; height: 100%; width: 200%; } .km-switch-container { top: 0; left: 0; position: absolute; display: block; height: 100%; width: 100%; overflow: hidden; background: transparent; box-sizing: border-box; } .km-checkbox { width: 1.8rem; height: 1.8rem; } .km-checkbox-checked:after { content: '\a0'; display: block; width: 100%; height: 100%; } .km-switch-handle { top: 0; left: 0; width: 2.72em; height: 100%; display: inline-block; margin: -1px 0 0 -1px; background-color: #000; } .km-switch-label-on, .km-switch-label-off { display: block; width: 130%; font-size: 1em; line-height: 2em; text-align: center; position: absolute; text-transform: uppercase; } .km-switch-label-off { left: 104%; } .km-switch-label-on { left: -134%; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); } .km-list .km-switch { position: absolute; top: 50%; right: 0.8rem; margin-top: -1rem; } /*! */ .km-listview-link:after { width: 0.5rem; height: 0.5rem; content: '\a0'; display: inline-block; vertical-align: middle; margin-left: -0.2rem; border-style: solid; border-width: 0.24rem 0.24rem 0 0; transform: rotate(45deg); } .km-listview-wrapper > ul:not(.km-listview) { margin: 0 auto; } .km-list, .km-listview { padding: 0; margin: 0; list-style-type: none; } .km-listinset, .km-listgroupinset { margin: 1em; } .k-ff .km-listinset:after, .k-ff .km-listgroupinset:after { display: block; height: 0; content: '\a0'; } .km-listinset, .km-listgroupinset .km-list { overflow: hidden; } .km-listview .km-switch { margin-top: -0.95rem; position: absolute; right: 0.8rem; top: 50%; } .km-listview .km-list { text-indent: 0; } .km-list > li, .km-widget .km-listview-link, .km-widget .km-listview-label { margin: 0; display: block; position: relative; list-style-type: none; vertical-align: middle; box-sizing: border-box; padding: 0.5em 0.7em; } .km-list > li { line-height: 1.6em; overflow: hidden; } .km-virtual-list { position: relative; width: 100%; -webkit-transform: translateZ(0); } .km-virtual-list > li { width: 100%; position: absolute; top: 0; -webkit-transform: translateZ(0); } .km-widget.km-list .km-load-more, .km-widget .km-list .km-load-more { border-bottom: 0; } .km-list > li > * { line-height: normal; } .km-group-title { display: block; font-weight: bold; padding: 0.2em 0; text-indent: 0.8em; } .km-listgroupinset .km-group-title { margin-top: 0.65em; line-height: 2em; } .km-list:not(.km-virtual-list) > li:first-child { border-top-width: 0; } .km-list:not(.km-virtual-list) > li:last-child { border-bottom-width: 0; } .km-widget .km-listview-link, .km-widget .km-listview-label { line-height: inherit; text-decoration: none; margin: -0.5em -0.7em; } .km-listview-link:after, .km-listview-label:after { border-color: #777; content: '\a0'; display: block; position: absolute; right: 1rem; top: 50%; margin-top: -0.32rem; } /* Filtering */ .km-filter-form { width: 100%; padding: 0.5em 0; border: 1px solid transparent; border-width: 1px 0; transform: translatez(0); } .km-filter-wrap { position: relative; margin: 0 0.7em; padding: 0.2em 0.4em; border: 1px solid transparent; } .km-widget .km-filter-wrap:before { display: inline-block; vertical-align: middle; content: '\e0e9'; font-size: 1.6em; width: 1em; height: 1em; margin-right: -1em; color: inherit; } .km-tablet .km-filter-wrap { max-width: 24em; margin: 0 auto; } .km-filter-wrap > input[type='search']::-webkit-search-cancel-button { display: none; } .km-filter-wrap input { width: 100%; box-sizing: border-box; border: 0; background: transparent; -moz-appearance: none; -webkit-appearance: none; vertical-align: middle; padding: 0 1.4em; } .km-filter-reset { display: inline-block; margin-left: -1.6em; vertical-align: middle; text-align: center; z-index: 1; text-decoration: none; height: 100%; } .km-filter-reset .km-clear { font-size: 1.6em; width: 1em; height: 1em; display: block; } .km-filter-reset > .km-text { position: absolute; top: -3333px; left: -3333px; } /* Load more */ .km-load-more { display: block; padding: 0.3em 0 1.2em; height: 3.2em; text-align: center; } .km-list .km-listview-item-badge.km-badge, .km-list .km-listview-link > .km-badge { top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 4em; } /*! */ .km-scrollview { white-space: nowrap; overflow: hidden; position: relative; width: 100%; } .km-scrollview > div > * { -webkit-transform: translatez(0); } .km-scrollview > div > [data-role='page'] { vertical-align: top; display: inline-block; min-height: 1px; } .km-scrollview .km-virtual-page { min-height: 1px; position: absolute; top: 0; left: 0; display: inline-block; } .k-ff18 .km-scrollview > div, .k-ff19 .km-scrollview > div, .k-ff20 .km-scrollview > div, .k-ff21 .km-scrollview > div { width: 0; } .km-pages { text-align: center; margin: 0; padding: 0.6em 0 0; height: 1.5em; } .km-pages li { display: inline-block; width: 0.5em; height: 0.55em; margin: 0 0.3em; } /*! */ /* Forms and icons */ .km-item label:before, .km-item label.km-item-checked:after { position: absolute; content: ' '; display: block; top: 50%; left: 0.6em; width: 36px; height: 36px; margin-top: -18px; } /* Slider */ .km-widget .k-slider { line-height: 0.6em; position: relative; display: inline-block; vertical-align: middle; text-align: center; } .km-widget .k-slider-horizontal { width: 50%; height: 0.6em; line-height: 0.6em; } .km-list .k-slider { position: absolute; right: 0; margin-top: -0.5em; top: 50%; } .km-root .k-slider-track { left: 1em !important; right: 1em; height: 100%; display: block; position: absolute; border: 0.5em solid transparent; border-width: 0.5em 0; } .km-widget .k-slider-horizontal .k-slider-track { width: auto !important; } .km-widget .k-slider .k-slider-track { background-clip: padding-box; } .km-widget .k-slider-track, .km-widget .k-slider-selection { margin-top: 0; border-radius: 5px; box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3); } .km-widget .k-slider-horizontal .k-slider-selection { top: 0; height: 100%; } .km-widget .k-slider-items { margin: 0; } .km-widget .k-slider .k-draghandle { text-indent: -3333px; left: 0; width: 1.2em; height: 1.2em; display: block; position: absolute; } .km-widget .k-slider-vertical .k-draghandle { left: -5px; } .km-widget .k-slider-tooltip { display: none; } /* Dialog */ .km-dialog { position: absolute; min-width: 19em; max-width: 25em; overflow: hidden; } .km-dialog-title { position: static; float: none; height: 2.6em; margin-top: -2.6em; font-size: 1.22em; line-height: 3em; } .km-dialog:before { content: '\a0'; display: block; overflow: visible; width: 100%; height: 3em; opacity: 0.2; } .km-dialog-content { font-weight: normal; min-height: 2em; text-align: center; } .km-dialog .km-button { display: block; margin: 0.4em; font-size: 1.3em; text-align: center; padding: 0.44em; user-select: none; } /* Form elements */ .km-list input[type='text']:not(.k-input), .km-list input[type='password'], .km-list input[type='search'], .km-list input[type='number'], .km-list input[type='tel'], .km-list input[type='url'], .km-list input[type='email'], .km-list input[type='file'], .km-list input[type='month'], .km-list input[type='color'], .km-list input[type='week'], .km-list input[type='date'], .km-list input[type='time'], .km-list input[type='datetime'], .km-list input[type='datetime-local'], .km-list select:not([multiple]), .km-list .k-dropdown, .km-list textarea { width: 50%; box-sizing: border-box; font-size: 1.2em; position: absolute; top: 50%; line-height: normal; z-index: 1; right: 0; margin-top: -1em; } .km-widget .k-slider .k-tick, .km-widget .k-slider .k-label, .km-widget .k-slider .k-button { display: none; } .km-list textarea { position: relative; width: -webkit-calc(50% + 0.7em); width: -moz-calc(50% + 0.7em); width: calc(50% + 0.7em); margin-right: -0.7em; } .km-list input, .km-list select, .km-list textarea, .km-list input[type='checkbox'], .km-list input[type='radio'] { appearance: none; -moz-appearance: none; -webkit-appearance: none; } .km-list input[type='checkbox'], .km-list input[type='radio'] { position: absolute; top: 50%; right: 0.7em; margin-top: -0.5em; background: none; } .km-widget input, .km-widget textarea { user-select: text; } .km-widget input[readonly], .km-widget input[type='image'], .km-widget select:not([multiple]) { user-select: none; } .km-list textarea { top: 0; } .km-list .k-dropdown { line-height: 1.4em; } .km-list .k-dropdown, .km-list .k-dropdown .k-input { background-color: transparent; } .km-list .k-dropdown-wrap { display: inline-block; } .km-list .km-listview-label:after, .km-list input ~ .km-listview-link:after, .km-list textarea ~ .km-listview-link:after, .km-list select ~ .km-listview-link:after, .km-list .k-dropdown ~ .km-listview-link:after { display: none; } .km-list .k-dropdown select, .km-list .k-dropdown .k-select { display: none; } .km-widget .km-list textarea { position: relative; float: right; margin-top: 0; font-family: inherit; } /* Checkboxes and Radios */ .km-listview-label input[type='radio'], .km-listview-label input[type='checkbox'] { border: 0; font-size: inherit; width: 1em; height: 0.9em; } /* Nova theme features */ .km-list label.km-required:after { content: '*'; display: inline-block; width: 1rem; height: 1rem; } .km-list .km-label-above { width: 100%; display: block; } .km-list .km-icon-label:before { display: inline-block; width: 1em; height: 1em; font: 1em/1em 'Kendo UI'; margin-right: 0.89em; } .km-list .km-label-above input[type='text']:not(.k-input), .km-list .km-label-above input[type='password'], .km-list .km-label-above input[type='search'], .km-list .km-label-above input[type='number'], .km-list .km-label-above input[type='tel'], .km-list .km-label-above input[type='url'], .km-list .km-label-above input[type='email'], .km-list .km-label-above input[type='file'], .km-list .km-label-above input[type='month'], .km-list .km-label-above input[type='color'], .km-list .km-label-above input[type='week'], .km-list .km-label-above input[type='date'], .km-list .km-label-above input[type='time'], .km-list .km-label-above input[type='datetime'], .km-list .km-label-above input[type='datetime-local'], .km-list .km-label-above select:not([multiple]), .km-list .km-label-above .k-dropdown, .km-list .km-label-above textarea { width: 100%; right: 0; padding-left: 0; transform: translateY(0); -webkit-transform: translateY(0); } .km-list textarea, .km-list fieldset input[type='password'], .km-list fieldset input[type='search'], .km-list fieldset input[type='number'], .km-list fieldset input[type='tel'], .km-list fieldset input[type='url'], .km-list fieldset input[type='email'], .km-list fieldset input[type='month'], .km-list fieldset input[type='color'], .km-list fieldset input[type='week'], .km-list fieldset input[type='date'], .km-list fieldset input[type='time'], .km-list fieldset input[type='datetime'], .km-list fieldset input[type='datetime-local'], .km-list fieldset input[type='text']:not(.k-input), .km-list fieldset select:not([multiple]), .km-list fieldset .k-dropdown-wrap { width: 100%; position: relative; transform: translateY(0); -webkit-transform: translateY(0); right: auto; } .km-list fieldset textarea { width: 100%; transform: translateY(0); -webkit-transform: translateY(0); margin-right: 0; padding-left: 0; } .km-list .km-legend-button { display: block; text-decoration: none; } .km-list .km-inline-field { display: inline-block; position: relative; width: calc(48.39%); overflow: hidden; white-space: nowrap; } .km-list .km-inline-field input[type='text']:not(.k-input), .km-list .km-inline-field input[type='password'], .km-list .km-inline-field input[type='search'], .km-list .km-inline-field input[type='number'], .km-list .km-inline-field input[type='tel'], .km-list .km-inline-field input[type='url'], .km-list .km-inline-field input[type='email'], .km-list .km-inline-field input[type='file'], .km-list .km-inline-field input[type='month'], .km-list .km-inline-field input[type='color'], .km-list .km-inline-field input[type='week'], .km-list .km-inline-field input[type='date'], .km-list .km-inline-field input[type='time'], .km-list .km-inline-field input[type='datetime'], .km-list .km-inline-field input[type='datetime-local'], .km-list .km-inline-field select:not([multiple]), .km-list .km-inline-field .k-dropdown, .km-list .km-inline-field textarea { position: absolute; width: 100%; left: 0; } .km-list .km-full-width-slider { position: relative; width: auto; display: block; } /* Standalone Checkboxes and RadioButtons */ .km-root input.km-checkbox, .km-root input.km-radio { display: inline; opacity: 0; width: 0; margin: 0; height: 0; } .km-root .km-checkbox-label, .km-root .km-radio-label { display: block; position: relative; vertical-align: middle; } .km-root .km-checkbox-label:before, .km-root .km-checkbox-label:after { content: ''; position: absolute; top: 0; } .km-root input.km-checkbox:checked + .km-checkbox-label:after { content: '\e227'; font-family: 'Kendo UI'; } .km-root .km-radio-label { position: relative; vertical-align: middle; } .km-root .km-radio-label:before { content: ''; position: absolute; top: 0; left: 0; border-radius: 50%; } .km-root input.km-radio:checked + .km-radio-label:after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 0.25rem; border-radius: 50%; } /* Validation */ .km-root .km-invalid-msg { font-size: 1.2rem; position: static; display: inline-block; border-width: 1px; padding-top: 12px; padding-bottom: 11px; width: 100%; text-align: center; } .km-root .km-icon-label.k-i-arrow-e:before { content: '\E000'; } .km-root .km-icon-label.k-i-arrow-n:before { content: '\E001'; } .km-root .km-icon-label.k-i-arrow-s:before { content: '\E002'; } .km-root .km-icon-label.k-i-arrow-w:before { content: '\E003'; } .km-root .km-icon-label.k-i-arrow-ne:before { content: '\E004'; } .km-root .km-icon-label.k-i-arrow-nw:before { content: '\E005'; } .km-root .km-icon-label.k-i-arrow-se:before { content: '\E006'; } .km-root .km-icon-label.k-i-arrow-sw:before { content: '\E007'; } .km-root .km-icon-label.k-i-seek-e:before { content: '\E008'; } .km-root .km-icon-label.k-i-seek-n:before { content: '\E009'; } .km-root .km-icon-label.k-i-seek-s:before { content: '\E00A'; } .km-root .km-icon-label.k-i-seek-w:before { content: '\E00B'; } .km-root .km-icon-label.k-si-arrow-e:before { content: '\E00C'; } .km-root .km-icon-label.k-si-arrow-n:before { content: '\E00D'; } .km-root .km-icon-label.k-si-arrow-s:before { content: '\E00E'; } .km-root .km-icon-label.k-si-arrow-w:before { content: '\E00F'; } .km-root .km-icon-label.k-i-arrowhead-e:before { content: '\E010'; } .km-root .km-icon-label.k-i-arrowhead-n:before { content: '\E011'; } .km-root .km-icon-label.k-i-arrowhead-s:before { content: '\E012'; } .km-root .km-icon-label.k-i-arrowhead-w:before { content: '\E013'; } .km-root .km-icon-label.k-i-arrowhead-ew:before { content: '\E014'; } .km-root .km-icon-label.k-i-arrowhead-ns:before { content: '\E015'; } .km-root .km-icon-label.k-i-move:before { content: '\E016'; } .km-root .km-icon-label.k-i-resize:before { content: '\E017'; } .km-root .km-icon-label.k-i-resize-45:before { content: '\E018'; } .km-root .km-icon-label.k-i-resize-135:before { content: '\E019'; } .km-root .km-icon-label.k-i-resize-h:before { content: '\E01A'; } .km-root .km-icon-label.k-i-resize-v:before { content: '\E01B'; } .km-root .km-icon-label.k-i-refresh:before { content: '\E01C'; } .km-root .km-icon-label.k-i-refresh-rev:before { content: '\E01D'; } .km-root .km-icon-label.k-si-refresh:before { content: '\E01E'; } .km-root .km-icon-label.k-si-refresh-rev:before { content: '\E01F'; } .km-root .km-icon-label.k-i-turn-en:before { content: '\E020'; } .km-root .km-icon-label.k-i-turn-es:before { content: '\E021'; } .km-root .km-icon-label.k-i-turn-ne:before { content: '\E022'; } .km-root .km-icon-label.k-i-turn-nw:before { content: '\E023'; } .km-root .km-icon-label.k-i-turn-se:before { content: '\E024'; } .km-root .km-icon-label.k-i-turn-sw:before { content: '\E025'; } .km-root .km-icon-label.k-i-turn-wn:before { content: '\E026'; } .km-root .km-icon-label.k-i-turn-ws:before { content: '\E027'; } .km-root .km-icon-label.k-i-uturn-e:before { content: '\E028'; } .km-root .km-icon-label.k-i-uturn-e-rev:before { content: '\E029'; } .km-root .km-icon-label.k-i-uturn-n:before { content: '\E02A'; } .km-root .km-icon-label.k-i-uturn-n-rev:before { content: '\E02B'; } .km-root .km-icon-label.k-i-uturn-s:before { content: '\E02C'; } .km-root .km-icon-label.k-i-uturn-s-rev:before { content: '\E02D'; } .km-root .km-icon-label.k-i-uturn-w:before { content: '\E02E'; } .km-root .km-icon-label.k-i-uturn-w-rev:before { content: '\E02F'; } .km-root .km-icon-label.k-i-tick-sign:before { content: '\E030'; } .km-root .km-icon-label.k-i-close-sign:before { content: '\E031'; } .km-root .km-icon-label.k-i-plus-sign:before { content: '\E032'; } .km-root .km-icon-label.k-i-minus-sign:before { content: '\E033'; } .km-root .km-icon-label.k-si-plus-sign:before { content: '\E034'; } .km-root .km-icon-label.k-si-minus-sign:before { content: '\E035'; } .km-root .km-icon-label.k-i-cancel:before { content: '\E036'; } .km-root .km-icon-label.k-i-tick:before { content: '\E037'; } .km-root .km-icon-label.k-i-close:before { content: '\E038'; } .km-root .km-icon-label.k-i-plus:before { content: '\E039'; } .km-root .km-icon-label.k-i-minus:before { content: '\E03A'; } .km-root .km-icon-label.k-si-plus:before { content: '\E03B'; } .km-root .km-icon-label.k-si-minus:before { content: '\E03C'; } .km-root .km-icon-label.k-i-stop:before { content: '\E03D'; } .km-root .km-icon-label.k-i-pause:before { content: '\E03E'; } .km-root .km-icon-label.k-i-eject:before { content: '\E03F'; } .km-root .km-icon-label.k-i-volume-off:before { content: '\E040'; } .km-root .km-icon-label.k-i-volume-low:before { content: '\E041'; } .km-root .km-icon-label.k-i-volume-high:before { content: '\E042'; } .km-root .km-icon-label.k-i-earphones:before { content: '\E043'; } .km-root .km-icon-label.k-i-heart:before { content: '\E044'; } .km-root .km-icon-label.k-i-heart-empty:before { content: '\E045'; } .km-root .km-icon-label.k-i-heart-half:before { content: '\E046'; } .km-root .km-icon-label.k-i-star:before { content: '\E047'; } .km-root .km-icon-label.k-i-star-empty:before { content: '\E048'; } .km-root .km-icon-label.k-i-star-half:before { content: '\E049'; } .km-root .km-icon-label.k-i-star-half-empty:before { content: '\E04A'; } .km-root .km-icon-label.k-i-chart-column:before { content: '\E04B'; } .km-root .km-icon-label.k-i-chart-bar:before { content: '\E04C'; } .km-root .km-icon-label.k-i-chart-pie:before { content: '\E04D'; } .km-root .km-icon-label.k-i-chart-donut:before { content: '\E04E'; } .km-root .km-icon-label.k-i-chart-line:before { content: '\E04F'; } .km-root .km-icon-label.k-i-chart-area:before { content: '\E050'; } .km-root .km-icon-label.k-i-chart-donut:before { content: '\E051'; } .km-root .km-icon-label.k-i-align-left:before { content: '\E052'; } .km-root .km-icon-label.k-i-align-center:before { content: '\E053'; } .km-root .km-icon-label.k-i-align-right:before { content: '\E054'; } .km-root .km-icon-label.k-i-align-justify:before { content: '\E055'; } .km-root .km-icon-label.k-i-align-clear:before { content: '\E056'; } .km-root .km-icon-label.k-i-bold:before { content: '\E057'; } .km-root .km-icon-label.k-i-bold-sans:before { content: '\E058'; } .km-root .km-icon-label.k-i-italic:before { content: '\E059'; } .km-root .km-icon-label.k-i-italic-sans:before { content: '\E05A'; } .km-root .km-icon-label.k-i-underline:before { content: '\E05B'; } .km-root .km-icon-label.k-i-underline-sans:before { content: '\E05C'; } .km-root .km-icon-label.k-i-strikethrough:before { content: '\E05D'; } .km-root .km-icon-label.k-i-strikethrough-sans:before { content: '\E05E'; } .km-root .km-icon-label.k-i-font-a:before { content: '\E05F'; } .km-root .km-icon-label.k-i-font-a-sans:before { content: '\E060'; } .km-root .km-icon-label.k-i-font-t:before { content: '\E061'; } .km-root .km-icon-label.k-i-font-t-sans:before { content: '\E062'; } .km-root .km-icon-label.k-i-brightness:before { content: '\E063'; } .km-root .km-icon-label.k-i-brightness-contrast:before { content: '\E064'; } .km-root .km-icon-label.k-i-contrast:before { content: '\E065'; } .km-root .km-icon-label.k-i-crop:before { content: '\E066'; } .km-root .km-icon-label.k-i-mirror:before { content: '\E067'; } .km-root .km-icon-label.k-i-flip-h:before { content: '\E068'; } .km-root .km-icon-label.k-i-flip-v:before { content: '\E069'; } .km-root .km-icon-label.k-i-rotate:before { content: '\E06A'; } .km-root .km-icon-label.k-i-rotate-rev:before { content: '\E06B'; } .km-root .km-icon-label.k-i-filter:before { content: '\E06C'; } .km-root .km-icon-label.k-i-filter-clear:before { content: '\E06D'; } .km-root .km-icon-label.k-i-sort-asc:before { content: '\E06E'; } .km-root .km-icon-label.k-i-sort-desc:before { content: '\E06F'; } .km-root .km-icon-label.k-i-sort-clear:before { content: '\E070'; } .km-root .km-icon-label.k-i-indent:before { content: '\E071'; } .km-root .km-icon-label.k-i-outdent:before { content: '\E072'; } .km-root .km-icon-label.k-i-hyperlink:before { content: '\E073'; } .km-root .km-icon-label.k-i-hyperlink-clear:before { content: '\E074'; } .km-root .km-icon-label.k-i-hyperlink-ext:before { content: '\E075'; } .km-root .km-icon-label.k-si-hyperlink-ext:before { content: '\E076'; } .km-root .km-icon-label.k-i-ul:before { content: '\E077'; } .km-root .km-icon-label.k-si-ul:before { content: '\E078'; } .km-root .km-icon-label.k-i-paint:before { content: '\E079'; } .km-root .km-icon-label.k-i-paste:before { content: '\E07A'; } .km-root .km-icon-label.k-i-pencil:before { content: '\E07B'; } .km-root .km-icon-label.k-i-image:before { content: '\E07C'; } .km-root .km-icon-label.k-i-image-add:before { content: '\E07D'; } .km-root .km-icon-label.k-i-print:before { content: '\E07E'; } .km-root .km-icon-label.k-i-zoom:before { content: '\E07F'; } .km-root .km-icon-label.k-i-zoom-in:before { content: '\E080'; } .km-root .km-icon-label.k-i-zoom-out:before { content: '\E081'; } .km-root .km-icon-label.k-i-asterisk:before { content: '\E082'; } .km-root .km-icon-label.k-i-clip:before { content: '\E083'; } .km-root .km-icon-label.k-i-clip-45:before { content: '\E084'; } .km-root .km-icon-label.k-i-qrcode:before { content: '\E085'; } .km-root .km-icon-label.k-i-book:before { content: '\E086'; } .km-root .km-icon-label.k-i-bookmark:before { content: '\E087'; } .km-root .km-icon-label.k-i-briefcase:before { content: '\E088'; } .km-root .km-icon-label.k-i-calendar:before { content: '\E089'; } .km-root .km-icon-label.k-i-camera-still:before { content: '\E08A'; } .km-root .km-icon-label.k-i-camera-video:before { content: '\E08B'; } .km-root .km-icon-label.k-i-certificate:before { content: '\E08C'; } .km-root .km-icon-label.k-i-clock:before { content: '\E08D'; } .km-root .km-icon-label.k-i-cloud:before { content: '\E08E'; } .km-root .km-icon-label.k-i-collapse:before { content: '\E08F'; } .km-root .km-icon-label.k-i-columns:before { content: '\E090'; } .km-root .km-icon-label.k-i-comment:before { content: '\E091'; } .km-root .km-icon-label.k-i-comment-empty:before { content: '\E092'; } .km-root .km-icon-label.k-i-comments:before { content: '\E093'; } .km-root .km-icon-label.k-i-comments-empty:before { content: '\E094'; } .km-root .km-icon-label.k-i-credit-card:before { content: '\E095'; } .km-root .km-icon-label.k-i-download:before { content: '\E096'; } .km-root .km-icon-label.k-i-draghandle:before { content: '\E097'; } .km-root .km-icon-label.k-si-draghandle:before { content: '\E098'; } .km-root .km-icon-label.k-i-envelop:before { content: '\E099'; } .km-root .km-icon-label.k-i-envelop-open:before { content: '\E09A'; } .km-root .km-icon-label.k-i-eye:before { content: '\E09B'; } .km-root .km-icon-label.k-i-file:before { content: '\E09C'; } .km-root .km-icon-label.k-i-file-add:before { content: '\E09D'; } .km-root .km-icon-label.k-i-film:before { content: '\E09E'; } .km-root .km-icon-label.k-i-flag:before { content: '\E09F'; } .km-root .km-icon-label.k-i-folder-add:before { content: '\E0A0'; } .km-root .km-icon-label.k-i-folder:before { content: '\E0A1'; } .km-root .km-icon-label.k-i-folder-open:before { content: '\E0A2'; } .km-root .km-icon-label.k-i-folder-up:before { content: '\E0A3'; } .km-root .km-icon-label.k-i-gear:before { content: '\E0A4'; } .km-root .km-icon-label.k-si-gear:before { content: '\E0A5'; } .km-root .km-icon-label.k-i-transmit:before { content: '\E0A6'; } .km-root .km-icon-label.k-i-beer:before { content: '\E0A7'; } .km-root .km-icon-label.k-i-cocktail:before { content: '\E0A8'; } .km-root .km-icon-label.k-i-coffee:before { content: '\E0A9'; } .km-root .km-icon-label.k-i-wine:before { content: '\E0AA'; } .km-root .km-icon-label.k-i-grid:before { content: '\E0AB'; } .km-root .km-icon-label.k-i-thumbs:before { content: '\E0AC'; } .km-root .km-icon-label.k-i-split-h:before { content: '\E0AD'; } .km-root .km-icon-label.k-i-split-v:before { content: '\E0AE'; } .km-root .km-icon-label.k-i-home:before { content: '\E0AF'; } .km-root .km-icon-label.k-i-inbox:before { content: '\E0B0'; } .km-root .km-icon-label.k-i-key:before { content: '\E0B1'; } .km-root .km-icon-label.k-i-login:before { content: '\E0B2'; } .km-root .km-icon-label.k-i-logout:before { content: '\E0B3'; } .km-root .km-icon-label.k-i-place:before { content: '\E0B4'; } .km-root .km-icon-label.k-i-megaphone:before { content: '\E0B5'; } .km-root .km-icon-label.k-i-note:before { content: '\E0B6'; } .km-root .km-icon-label.k-i-pin:before { content: '\E0B7'; } .km-root .km-icon-label.k-i-unpin:before { content: '\E0B8'; } .km-root .km-icon-label.k-i-power:before { content: '\E0B9'; } .km-root .km-icon-label.k-i-progress-bars:before { content: '\E0BA'; } .km-root .km-icon-label.k-i-road:before { content: '\E0BB'; } .km-root .km-icon-label.k-i-rss:before { content: '\E0BC'; } .km-root .km-icon-label.k-i-floppy:before { content: '\E0BD'; } .km-root .km-icon-label.k-i-sitemap:before { content: '\E0BE'; } .km-root .km-icon-label.k-i-tag-45:before { content: '\E0BF'; } .km-root .km-icon-label.k-i-tag-h:before { content: '\E0C0'; } .km-root .km-icon-label.k-i-thunderbolt:before { content: '\E0C1'; } .km-root .km-icon-label.k-i-tooltip:before { content: '\E0C2'; } .km-root .km-icon-label.k-i-trash:before { content: '\E0C3'; } .km-root .km-icon-label.k-i-trophy:before { content: '\E0C4'; } .km-root .km-icon-label.k-i-ungroup:before { content: '\E0C5'; } .km-root .km-icon-label.k-i-upload:before { content: '\E0C6'; } .km-root .km-icon-label.k-i-window:before { content: '\E0C7'; } .km-root .km-icon-label.k-i-tiles:before { content: '\E0C8'; } .km-root .km-icon-label.k-i-wrench:before { content: '\E0C9'; } .km-root .km-icon-label.k-i-action:before { content: '\E0CA'; } .km-root .km-icon-label.k-i-add:before { content: '\E0CB'; } .km-root .km-icon-label.k-i-add-inv:before { content: '\E0CC'; } .km-root .km-icon-label.k-i-armchair:before { content: '\E0CD'; } .km-root .km-icon-label.k-i-battery:before { content: '\E0CE'; } .km-root .km-icon-label.k-i-book-open:before { content: '\E0CF'; } .km-root .km-icon-label.k-i-camera:before { content: '\E0D0'; } .km-root .km-icon-label.k-i-cart:before { content: '\E0D1'; } .km-root .km-icon-label.k-i-time:before { content: '\E0D2'; } .km-root .km-icon-label.k-i-coffee-card:before { content: '\E0D3'; } .km-root .km-icon-label.k-i-download-arrow:before { content: '\E0D4'; } .km-root .km-icon-label.k-i-edit:before { content: '\E0D5'; } .km-root .km-icon-label.k-i-faves:before { content: '\E0D6'; } .km-root .km-icon-label.k-i-star:before { content: '\E0D7'; } .km-root .km-icon-label.k-i-featured:before { content: '\E0D8'; } .km-root .km-icon-label.k-i-forward:before { content: '\E0D9'; } .km-root .km-icon-label.k-i-cog:before { content: '\E0DA'; } .km-root .km-icon-label.k-i-globe:before { content: '\E0DB'; } .km-root .km-icon-label.k-i-globe-inv:before { content: '\E0DC'; } .km-root .km-icon-label.k-i-house:before { content: '\E0DD'; } .km-root .km-icon-label.k-i-info:before { content: '\E0DE'; } .km-root .km-icon-label.k-i-share:before { content: '\E0DF'; } .km-root .km-icon-label.k-i-more-h:before { content: '\E0E0'; } .km-root .km-icon-label.k-i-more-v:before { content: '\E0E1'; } .km-root .km-icon-label.k-i-next:before { content: '\E0E2'; } .km-root .km-icon-label.k-i-pause-a:before { content: '\E0E3'; } .km-root .km-icon-label.k-i-user:before { content: '\E0E4'; } .km-root .km-icon-label.k-i-play-a:before { content: '\E0E5'; } .km-root .km-icon-label.k-i-refresh-a:before { content: '\E0E6'; } .km-root .km-icon-label.k-i-reset:before { content: '\E0E7'; } .km-root .km-icon-label.k-i-rewind:before { content: '\E0E8'; } .km-root .km-icon-label.k-i-search-a:before { content: '\E0E9'; } .km-root .km-icon-label.k-i-stop-a:before { content: '\E0EA'; } .km-root .km-icon-label.k-i-tiles-a:before { content: '\E0EB'; } .km-root .km-icon-label.k-i-trash-a:before { content: '\E0EC'; } .km-root .km-icon-label.k-i-undo:before { content: '\E0ED'; } .km-root .km-icon-label.k-i-redo:before { content: '\E0EE'; } .km-root .km-icon-label.k-i-volume-a:before { content: '\E0EF'; } .km-root .km-icon-label.k-i-wifi:before { content: '\E0F0'; } .km-root .km-icon-label.k-i-more-lines:before { content: '\E0F1'; } .km-root .km-icon-label.k-i-pull-to-ref:before { content: '\E0F2'; } .km-root .km-icon-label.k-i-loading-android:before { content: '\E0F3'; } .km-root .km-icon-label.k-i-loading-blackberry:before { content: '\E0F4'; } .km-root .km-icon-label.k-i-loading-meego:before { content: '\E0F5'; } .km-root .km-icon-label.k-i-loading-custom:before { content: '\E0F6'; } .km-root .km-icon-label.k-i-loading-ios:before { content: '\E0F7'; } .km-root .km-icon-label.k-i-bug:before { content: '\E0F8'; } .km-root .km-icon-label.k-i-info:before { content: '\E0F9'; } .km-root .km-icon-label.k-i-warning:before { content: '\E0FA'; } .km-root .km-icon-label.k-i-question:before { content: '\E0FB'; } .km-root .km-icon-label.k-i-insert-n:before { content: '\E0FC'; } .km-root .km-icon-label.k-i-insert-m:before { content: '\E0FD'; } .km-root .km-icon-label.k-i-insert-s:before { content: '\E0FE'; } .km-root .km-icon-label.k-i-lock:before { content: '\E0FF'; } .km-root .km-icon-label.k-i-unlock:before { content: '\E100'; } .km-root .km-icon-label.k-i-phone:before { content: '\E101'; } .km-root .km-icon-label.k-i-tablet:before { content: '\E102'; } .km-root .km-icon-label.k-i-ol:before { content: '\E103'; } .km-root .km-icon-label.k-i-barcode:before { content: '\E104'; } .km-root .km-icon-label.k-i-html5:before { content: '\E105'; } .km-root .km-icon-label.k-i-css3:before { content: '\E106'; } .km-root .km-icon-label.k-i-kendoui:before { content: '\E107'; } .km-root .km-icon-label.k-i-telerik:before { content: '\E108'; } .km-root .km-icon-label.k-i-icenium:before { content: '\E109'; } .km-root .km-icon-label.k-i-sitefinity:before { content: '\E10A'; } .km-root .km-icon-label.k-i-twitter:before { content: '\E10B'; } .km-root .km-icon-label.k-i-linkedin:before { content: '\E10C'; } .km-root .km-icon-label.k-i-facebook:before { content: '\E10D'; } .km-root .km-icon-label.k-i-pinterest:before { content: '\E10E'; } .km-root .km-icon-label.k-i-youtube:before { content: '\E10F'; } .km-root .km-icon-label.k-i-vimeo:before { content: '\E110'; } .km-root .km-icon-label.k-i-behance:before { content: '\E111'; } .km-root .km-icon-label.k-i-dribbble:before { content: '\E112'; } .km-root .km-icon-label.k-i-googleplus:before { content: '\E113'; } .km-root .km-icon-label.k-i-minimize:before { content: '\E114'; } .km-root .km-icon-label.k-i-html:before { content: '\E115'; } .km-root .km-icon-label.k-i-group:before { content: '\E116'; } .km-root .km-icon-label.k-i-subscript:before { content: '\E117'; } .km-root .km-icon-label.k-i-superscript:before { content: '\E118'; } .km-root .km-icon-label.k-i-drophere:before { content: '\E119'; } /*! */ /* PopUp + ActionSheet */ .km-root .km-popup .k-item, .km-widget.km-actionsheet > li { list-style-type: none; padding: inherit 1em; border-bottom: 1px solid #555; box-sizing: border-box; } .km-widget.km-actionsheet > li { line-height: 2em; border-bottom: 0; } .km-widget.km-actionsheet > li > a { line-height: 1.5em; text-align: left; background: transparent; } .km-root .km-popup .k-list, .km-widget.km-actionsheet { padding: 0; margin: 0; } .km-root .km-popup .k-item:last-child, .km-widget.km-actionsheet > li:last-child { border: 0; } .km-widget.km-actionsheet-wrapper { width: 100%; box-shadow: none; border: 0; } .km-actionsheet-root.km-shim .k-animation-container { width: 100% !important; height: 100% !important; } .km-tablet .km-pane div.km-actionsheet-phone { background: transparent; } .km-tablet .km-actionsheet-phone li.km-actionsheet-title, .km-tablet div.km-actionsheet-phone li.km-actionsheet-cancel { display: block; } /*! */ /* PopOver */ .km-popover-root .km-popup-wrapper { position: relative !important; } .km-popup-wrapper, .km-modalview-wrapper { z-index: 10001; position: relative; background: none; border: 0; box-shadow: none; } .km-popup-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10002; } .km-popup-arrow, .km-popup-arrow:after, .km-popup-arrow:before { position: absolute; width: 15px; height: 15px; top: 0; left: 0; z-index: 2; } .km-left .km-popup-arrow, .km-right .km-popup-arrow { margin-top: -8px; } .km-up .km-popup-arrow, .km-down .km-popup-arrow { margin-left: -8px; } .km-popup-arrow:after, .km-popup-arrow:before { display: block; content: '\a0'; width: 0; height: 0; } .km-up .km-popup-arrow { top: auto; bottom: 0; } .km-left .km-popup-arrow { left: auto; right: 0; } .km-popup.km-pane { box-sizing: border-box; width: 100%; height: 100%; min-height: 100px; background: transparent; } .km-popover-root .km-view { position: relative; } .km-popover-root .km-content { -ms-flex: auto; } /*! */ /* Drawer */ .km-drawer, [data-role='drawer'] { top: 0; left: auto; width: 250px; } .km-drawer .km-header, .km-drawer .km-footer { z-index: 0; } .km-left-drawer { left: 0; } .km-right-drawer { right: 0; } /*! */ /* ModalView */ .km-modalview-root { text-align: center; } .km-modalview-root > .k-animation-container { text-align: left; position: relative !important; top: auto !important; left: auto !important; display: inline-block !important; vertical-align: middle; } .km-modalview, .km-modalview-wrapper:before { overflow: hidden; position: relative; display: inline-flex; width: 100%; height: 100%; vertical-align: middle; max-height: 100%; } .km-modalview .km-content { box-flex: 1; } .km-auto-height .km-content { -ms-flex: auto; } .km-native-scrolling .km-view.km-modalview { display: -webkit-inline-flex; display: inline-flex; } .km-modalview-root:before, .km-modalview-wrapper:before { vertical-align: middle; height: 100%; margin-left: -1px; content: '\a0'; width: 0px; display: inline-block; } /*! */ /* Pull to refresh */ .km-scroller-pull { width: 100%; display: block; position: absolute; line-height: 3em; font-size: 1.4em; text-align: center; transform: translate3d(0, -3em, 0); } .km-scroller-pull .km-template { display: inline-block; min-width: 200px; text-align: left; } .km-load-more .km-icon, .km-widget .km-scroller-pull .km-icon { display: inline-block; height: 2rem; margin-right: 1rem; vertical-align: middle; width: 2rem; font-size: 2rem; transform: rotate(0deg); transition: transform 300ms linear; } .km-widget .km-scroller-release .km-icon { transform: rotate(180deg); } .km-widget .km-scroller-refresh .km-icon { transition: none; } /* Scroller */ .km-touch-scrollbar { position: absolute; visibility: hidden; z-index: 200000; height: 0.4em; width: 0.4em; background-color: #333; opacity: 0; transform-origin: 0 0; transition: opacity 0.3s linear; } .km-vertical-scrollbar { height: 100%; right: 2px; top: 0; } .km-horizontal-scrollbar { width: 100%; left: 0; bottom: 2px; } .km-scrollview, .km-scroll-container { user-select: none; -moz-user-select: -moz-none; -webkit-margin-collapse: separate; margin-collapse: separate; } .km-scroll-wrapper { position: relative; } .km-scroll-header { position: absolute; z-index: 1001; width: 100%; top: 0; left: 0; } /*! */ /* SplitView */ div.km-splitview > .km-content, kendo-mobile-split-view.km-splitview > .km-content { flex-direction: row; } div.km-split-vertical > .km-content, kendo-mobile-split-view.km-split-vertical > .km-content { flex-direction: column; } div.km-split-content > .km-pane { flex: 2; width: auto; height: auto; } div.km-split-content > .km-pane:first-child { flex: 1; } div.km-split-horizontal > .km-content > .km-pane { top: 0; bottom: 0; } .km-split-vertical > .km-content > .km-pane > .km-view { display: -webkit-box; } /*! */ /* Platform specific workarounds */ .km-on-wp .km-view, .km-on-wp .km-header, .km-on-wp .km-footer, .km-on-wp .km-slider, .km-on-wp .km-switch, .km-on-wp .km-filter-reset, .km-on-wp .km-shim .k-animation-container, .km-on-wp .km-scroll-container { transform: translateZ(0); } .km-ios, .km-blackberry, .km-on-ios .km-view, .km-on-ios .km-header, .km-on-ios .km-footer, .km-on-ios .km-slider, .km-on-ios .km-switch, .km-on-ios .km-group-title, .km-on-ios .km-filter-reset, .km-on-ios .km-shim .k-animation-container, .km-on-ios .km-scroll-container, .km-on-blackberry .km-view, .km-on-blackberry .km-content, .km-on-blackberry .km-header, .km-on-blackberry .km-footer, .km-on-blackberry .km-icon, .km-on-blackberry .km-switch, .km-on-blackberry .km-popup .k-item, .km-on-blackberry .km-actionsheet-wrapper, .km-on-android.km-4 .k-slider { -webkit-transform: translatez(0); } .km-on-android.km-4 .km-switch, .km-on-android.km-4 .km-listview-wrapper, .km-on-android.km-4 .km-content, .km-on-android.km-4 .km-switch-handle, .km-android.km-4.km-on-android .km-switch-wrapper, .km-on-android.km-4 .km-scroll-container, .km-on-meego .km-content, .km-on-meego .km-switch, .km-on-meego .km-icon, .km-on-meego .km-header, .km-on-meego .km-footer, .km-on-meego .km-content, .km-on-meego .km-switch-handle, .km-on-meego .km-switch-wrapper { -webkit-transform: translatez(0); -webkit-backface-visibility: hidden; } .km-android4.km-ios-chrome .km-listview-wrapper { -webkit-transform: none; } .km-native-scrolling .km-header, .km-native-scrolling .km-footer, .km-native-scrolling .km-shim, .km-native-scrolling .km-popup-overlay, .km-native-scrolling .km-drawer, .km-native-scrolling > .km-pane > .km-loader, .km-on-android.km-4 .km-scroller-pull .km-icon { -webkit-backface-visibility: hidden; } .km-on-android.km-4 input { -webkit-user-modify: read-write-plaintext-only; } .km-wp .km-view .km-absolute, .km-meego .km-view .km-absolute { position: absolute; } /*! */ .km-widget { font-size: 1em; } .km-root .km-pane, .km-root .km-view, .km-root .km-slider, .km-root .km-switch, .km-root .km-group-title, .km-root .km-filter-reset, .km-root .km-shim .k-animation-container { transform: none; } .km-widget, .km-widget * { box-sizing: border-box; background-clip: border-box; } .km-toolbar, .km-navbar, .km-tabstrip, .km-tabstrip .km-button { border-radius: 0; } .km-touch-scrollbar { border: 0; box-sizing: border-box; border-radius: 1em; } .km-popup .k-popup { font-size: 1em !important; } .km-popup-wrapper.k-popup { box-shadow: none; background: none; } .km-popup .k-item, .km-actionsheet > li > a { text-decoration: none; padding: 0.5em 0 0.5em 0.6em; border: 0; border-radius: 0; border-bottom-width: 1px; border-bottom-style: solid; box-sizing: border-box; } .km-actionsheet-wrapper, .km-popup .k-list-container { bottom: 0; border: 0; border-bottom-width: 1px; border-bottom-style: solid; border-radius: 0; box-sizing: border-box; } .km-popup { left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; box-sizing: border-box; } .km-popup .k-list-container { width: 100% !important; height: auto !important; max-height: 80%; } .km-shim .k-animation-container { left: 0; top: auto; bottom: 0; } /* Loader & Pull-to-refresh */ .km-loader:before, .km-scroller-refresh.km-load-more, .km-scroller-pull { border-radius: 20em; overflow: visible; } .km-loader:before { content: '\a0'; display: block; position: absolute; margin-top: -2em; margin-left: -2em; width: 4em; height: 4em; top: 50%; left: 50%; border-radius: 5em; } .km-loader { left: 0; top: 0; margin: 0; width: 100%; height: 100%; } .km-loader h1 { display: none; font-size: 1em; position: absolute; left: -50%; width: 200%; top: 55%; } .km-loading, .km-loader .km-loading-left, .km-loader .km-loading-right, .km-load-more.km-scroller-refresh .km-icon, .km-scroller-pull.km-scroller-refresh .km-icon, .km-scroller-refresh .km-loading-left, .km-scroller-refresh .km-loading-right { font-size: 1em; display: block; width: 0.36em; height: 1em; position: absolute; top: 50%; left: 50%; margin-left: -0.8em; margin-top: -0.5em; border-radius: 1em; animation: km-webload 0.6s infinite linear; background-clip: padding-box; } .km-load-more.km-scroller-refresh .km-icon, .km-scroller-pull.km-scroller-refresh .km-icon, .km-scroller-refresh .km-loading-left, .km-scroller-refresh .km-loading-right { height: 0.6em; margin-top: -0.3em; margin-left: -0.6em; width: 0.25em; animation: km-webrefresh 0.6s infinite linear; } .km-root .km-loading-left { margin-left: -0.2em; animation-delay: 0.2s; } .km-root .km-loading-right { margin-left: 0.42em; animation-delay: 0.4s; } @keyframes km-webload { 0% { height: 1em; margin-top: -0.5em; } 33% { height: 2em; margin-top: -1em; } 66% { height: 1em; margin-top: -0.5em; } } @-moz-keyframes km-webload { 0% { height: 1em; margin-top: -0.5em; } 33% { height: 2em; margin-top: -1em; } 66% { height: 1em; margin-top: -0.5em; } } @-webkit-keyframes km-webload { 0% { height: 1em; margin-top: -0.5em; } 33% { height: 2em; margin-top: -1em; } 66% { height: 1em; margin-top: -0.5em; } } @keyframes km-webrefresh { 0% { height: 0.6em; margin-top: -0.3em; } 33% { height: 1.2em; margin-top: -0.6em; } 66% { height: 0.6em; margin-top: -0.3em; } } @-moz-keyframes km-webrefresh { 0% { height: 0.6em; margin-top: -0.3em; } 33% { height: 1.2em; margin-top: -0.6em; } 66% { height: 0.6em; margin-top: -0.3em; } } @-webkit-keyframes km-webrefresh { 0% { height: 0.6em; margin-top: -0.3em; } 33% { height: 1.2em; margin-top: -0.6em; } 66% { height: 0.6em; margin-top: -0.3em; } } /*! */ /*! */ /* Icon per-widget styles */ .km-detail .km-icon, .km-button .km-icon, .km-list .km-icon, .km-ios .km-button .km-icon { width: 1em; height: 1em; font-size: 1em; margin-left: -0.3em; margin-right: 0.3em; vertical-align: baseline; display: inline-block; background-size: auto 100%; } html .km-widget .km-view .km-notext { margin-left: 0; margin-right: 0; } .km-buttongroup .km-button .km-icon { width: 1em; height: 1em; font-size: 1em; margin: 0.05em 0.16em 0 0; } .km-tabstrip .km-button .km-icon { width: 2.5rem; height: 2.5rem; font-size: 2.5rem; } .km-tabstrip .km-image, .km-tabstrip .km-button .km-icon { margin: 0 auto 0.1em; display: inline-block; } .km-tabstrip .km-text { display: block; } .km-phone .km-tabstrip .km-icon { height: 2.2rem; width: 2.2rem; font-size: 2.2rem; } .km-phone .km-horizontal .km-tabstrip .km-icon { height: 2rem; width: 2rem; font-size: 2rem; } /* Icons */ @font-face { font-family: 'Kendo UI'; src: url('../fonts/kendoui.woff?v=1.1') format('woff'), url('../fonts/kendoui.ttf?v=1.1') format('truetype'), url('../fonts/kendoui.svg#kendoui') format('svg'); } body:before { font-family: 'Kendo UI'; content: '\a0'; font-size: 0; width: 0; height: 0; position: absolute; z-index: -1; } .km-root .km-pane .km-view .km-icon { -webkit-background-clip: text; background-size: 0 0; } .km-icon { position: relative; } .km-icon:after, .km-icon:before, .km-contactadd:after, .km-contactadd:before, .km-rowdelete:after, .km-rowdelete:before, .km-rowinsert:after, .km-rowinsert:before, .km-detaildisclose:after, .km-detaildisclose:before, .km-loading:after, .km-filter-wrap:before { position: relative; content: '\a0'; display: block; width: 100%; height: 100%; text-align: left; vertical-align: middle; background-size: auto; font: 1em/1em 'Kendo UI'; } .km-icon:before, .km-contactadd:before, .km-rowdelete:before, .km-rowinsert:before, .km-detaildisclose:before { position: absolute; margin-top: 1px; color: rgba(0, 0, 0, 0.7); display: none; } .km-state-active .km-icon:before, .km-state-active .km-contactadd:before, .km-state-active .km-rowdelete:before, .km-state-active .km-rowinsert:before, .km-state-active .km-detaildisclose:before { display: block; } .km-ios7 .km-detaildisclose:after { font-family: serif; } .km-ios7 .km-icon:before, .km-ios7 .km-contactadd:before, .km-ios7 .km-rowdelete:before, .km-ios7 .km-rowinsert:before, .km-ios7 .km-detaildisclose:before { display: none; } .k-webkit .km-ios:not(.km-android):not(.km-blackberry6):not(.km-blackberry7) .km-icon:after, .k-webkit .km-blackberry:not(.km-android):not(.km-blackberry6):not(.km-blackberry7) .km-icon:after, .k-safari .km-ios:not(.km-android):not(.km-blackberry6):not(.km-blackberry7) .km-icon:after, .k-safari .km-blackberry:not(.km-android):not(.km-blackberry6):not(.km-blackberry7) .km-icon:after { background-image: inherit; background-repeat: inherit; background-position: inherit; background-color: currentcolor; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .km-root .km-pane.km-on-blackberry.km-blackberry6 .km-view .km-icon:after, .km-root .km-pane.km-on-blackberry.km-blackberry7 .km-view .km-icon:after, .km-root .km-pane.km-pane.km-on-android .km-view .km-icon:after, .km-root .km-pane.km-pane.km-on-meego .km-view .km-icon:after { background: none; -webkit-text-fill-color: inherit; } .km-contactadd:after, .km-contactadd:before, .km-rowinsert:after, .km-rowinsert:before { content: '\E039'; } .km-rowdelete:after, .km-rowdelete:before { content: '\E03a'; } .km-detaildisclose:after, .km-detaildisclose:before { content: '\E0E2'; } .km-action:after, .km-action:before { content: '\e0ca'; } .km-add:after, .km-add:before { content: '\e0cb'; } .km-arrow-n:after, .km-arrow-n:before { content: '\e001'; } .km-arrow-s:after, .km-arrow-s:before { content: '\e002'; } .km-battery:after, .km-battery:before { content: '\e0ce'; } .km-bookmarks:after, .km-bookmarks:before { content: '\e0cf'; } .km-camera:after, .km-camera:before { content: '\e0d0'; } .km-cart:after, .km-cart:before { content: '\e0d1'; } .km-edit:after, .km-compose:after, .km-edit:before, .km-compose:before { content: '\e0d5'; } .km-contacts:after, .km-contacts:before { content: '\e0e4'; } .km-trash:after, .km-delete:after, .km-trash:before, .km-delete:before { content: '\e0ec'; } .km-details:after, .km-details:before { content: '\e0e2'; } .km-download:after, .km-downloads:after, .km-download:before, .km-downloads:before { content: '\e0d4'; } .km-fastforward:after, .km-fastforward:before { content: '\e0d9'; } .km-toprated:after, .km-favorites:after, .km-toprated:before, .km-favorites:before { content: '\e0d7'; } .km-featured:after, .km-featured:before { content: '\e0d8'; } .km-globe:after, .km-globe:before { content: '\e0dc'; } .km-history:after, .km-history:before { content: '\e0e7'; } .km-home:after, .km-home:before { content: '\e0dd'; } .km-info:after, .km-about:after, .km-info:before, .km-about:before { content: '\e0de'; } .km-minus:after, .km-minus:before { content: '\e033'; } .km-more:after, .km-more:before { content: '\e0e0'; } .km-mostrecent:after, .km-mostrecent:before { content: '\e0cc'; } .km-mostviewed:after, .km-mostviewed:before { content: '\e0d6'; } .km-organize:after, .km-organize:before { content: '\e0eb'; } .km-pause:after, .km-pause:before { content: '\e0e3'; } .km-play:after, .km-play:before { content: '\e0e5'; } .km-plus:after, .km-plus:before { content: '\e032'; } .km-recents:after, .km-recents:before { content: '\e0d2'; } .km-refresh:after, .km-refresh:before { content: '\e0e6'; } .km-reply:after, .km-reply:before { content: '\e0ed'; } .km-rewind:after, .km-rewind:before { content: '\e0e8'; } .km-search:after, .km-search:before { content: '\e0e9'; } .km-settings:after, .km-settings:before { content: '\e0da'; } .km-share:after, .km-share:before { content: '\e0df'; } .km-sounds:after, .km-volume:after, .km-sounds:before, .km-volume:before { content: '\e0ef'; } .km-stop:after, .km-stop:before { content: '\e0ea'; } .km-wifi:after, .km-wifi:before { content: '\e0f0'; } .km-drawer-icon:after, .km-drawer-icon:before, .km-hamburger:before, .km-hamburger:after { content: '\e105'; } .km-root .km-pane .km-icon.km-check { -webkit-background-clip: initial; } .km-root .km-pane .km-check:checked:after, .km-widget .km-check:checked:after { content: '\e227'; } .km-android .km-more:after, .km-android .km-more:before { content: '\e0e1'; } .km-meego .km-more:after, .km-meego .km-more:before { content: '\e0f1'; } .km-wp .km-loading:after, .km-wp .km-load-more .km-icon:after, .km-wp .km-scroller-refresh .km-icon:after { content: '\e0f6'; } .km-meego .km-loading:after, .km-meego .km-load-more .km-icon:after, .km-meego .km-scroller-refresh .km-icon:after { content: '\e0f6'; } .km-root .km-android .km-loading:after, .km-android .km-load-more .km-icon:after, .km-root .km-android .km-scroller-refresh .km-icon:after { content: '\e0f6'; } .km-scroller-pull .km-icon:after { content: '\e0f2'; } .km-icon.km-phone:after, .km-ios7 .km-state-active .km-phone:after { content: '\e326'; } .km-ios7 .km-detaildisclose:after { content: 'i'; } .km-ios7 .km-action:after { content: '\e1ff'; } .km-ios7 .km-add:after { content: '\e200'; } .km-ios7 .km-mostrecent:after { content: '\e201'; } .km-ios7 .km-battery:after { content: '\e203'; } .km-ios7 .km-bookmarks:after { content: '\e204'; } .km-ios7 .km-camera:after { content: '\e205'; } .km-ios7 .km-cart:after { content: '\e206'; } .km-ios7 .km-recents:after { content: '\e207'; } .km-ios7 .km-download:after, .km-ios7 .km-downloads:after { content: '\e209'; } .km-ios7 .km-edit:after { content: '\e20a'; } .km-ios7 .km-mostviewed:after { content: '\e20b'; } .km-ios7 .km-toprated:after, .km-ios7 .km-favorites:after { content: '\e20c'; } .km-ios7 .km-featured:after { content: '\e20d'; } .km-ios7 .km-fastforward:after { content: '\e20e'; } .km-ios7 .km-settings:after { content: '\e20f'; } .km-ios7 .km-globe:after { content: '\e211'; } .km-ios7 .km-home:after { content: '\e212'; } .km-ios7 .km-info:after, .km-ios7 .km-about:after { content: '\e213'; } .km-ios7 .km-share:after { content: '\e214'; } .km-ios7 .km-more:after { content: '\e215'; } .km-ios7 .km-details:after { content: '\e217'; } .km-ios7 .km-pause:after { content: '\e218'; } .km-ios7 .km-contacts:after { content: '\e219'; } .km-ios7 .km-play:after { content: '\e21a'; } .km-ios7 .km-refresh:after { content: '\e21b'; } .km-ios7 .km-history:after { content: '\e21c'; } .km-ios7 .km-rewind:after { content: '\e21d'; } .km-ios7 .km-search:after { content: '\e21e'; } .km-ios7 .km-stop:after { content: '\e21f'; } .km-ios7 .km-organize:after { content: '\e220'; } .km-ios7 .km-trash:after, .km-ios7 .km-delete:after { content: '\e221'; } .km-ios7 .km-reply:after { content: '\e222'; } .km-ios7 .km-forward:after { content: '\e223'; } .km-ios7 .km-sounds:after, .km-ios7 .km-volume:after { content: '\e224'; } .km-ios7 .km-wifi:after { content: '\e225'; } .km-ios7 .km-phone:after { content: '\e226'; } .km-ios7 .km-state-active .km-action:after { content: '\e2ff'; } .km-ios7 .km-state-active .km-add:after { content: '\e300'; } .km-ios7 .km-state-active .km-mostrecent:after { content: '\e301'; } .km-ios7 .km-state-active .km-battery:after { content: '\e303'; } .km-ios7 .km-state-active .km-bookmarks:after { content: '\e304'; } .km-ios7 .km-state-active .km-camera:after { content: '\e305'; } .km-ios7 .km-state-active .km-cart:after { content: '\e306'; } .km-ios7 .km-state-active .km-recents:after { content: '\e307'; } .km-ios7 .km-state-active .km-download:after, .km-ios7 .km-state-active .km-downloads:after { content: '\e309'; } .km-ios7 .km-state-active .km-edit:after { content: '\e30a'; } .km-ios7 .km-state-active .km-mostviewed:after { content: '\e30b'; } .km-ios7 .km-state-active .km-toprated:after, .km-ios7 .km-state-active .km-favorites:after { content: '\e30c'; } .km-ios7 .km-state-active .km-featured:after { content: '\e30d'; } .km-ios7 .km-state-active .km-fastforward:after { content: '\e30e'; } .km-ios7 .km-state-active .km-settings:after { content: '\e30f'; } .km-ios7 .km-state-active .km-globe:after { content: '\e311'; } .km-ios7 .km-state-active .km-home:after { content: '\e312'; } .km-ios7 .km-state-active .km-info:after, .km-ios7 .km-state-active .km-about:after { content: '\e313'; } .km-ios7 .km-state-active .km-share:after { content: '\e314'; } .km-ios7 .km-state-active .km-more:after { content: '\e315'; } .km-ios7 .km-state-active .km-details:after { content: '\e317'; } .km-ios7 .km-state-active .km-pause:after { content: '\e318'; } .km-ios7 .km-state-active .km-contacts:after { content: '\e319'; } .km-ios7 .km-state-active .km-play:after { content: '\e31a'; } .km-ios7 .km-state-active .km-refresh:after { content: '\e31b'; } .km-ios7 .km-state-active .km-history:after { content: '\e31c'; } .km-ios7 .km-state-active .km-rewind:after { content: '\e31d'; } .km-ios7 .km-state-active .km-search:after { content: '\e31e'; } .km-ios7 .km-state-active .km-stop:after { content: '\e31f'; } .km-ios7 .km-state-active .km-organize:after { content: '\e320'; } .km-ios7 .km-state-active .km-trash:after, .km-ios7 .km-state-active .km-delete:after { content: '\e321'; } .km-ios7 .km-state-active .km-reply:after { content: '\e322'; } .km-ios7 .km-state-active .km-forward:after { content: '\e323'; } .km-ios7 .km-state-active .km-sounds:after, .km-ios7 .km-state-active .km-volume:after { content: '\e324'; } .km-ios7 .km-state-active .km-wifi:after { content: '\e325'; } .km-arrowdown:after, .km-arrowdown:before { content: '\e002'; } .km-wp .km-scroller-pull .km-icon:after { content: '\E0D4'; } .km-on-wp.km-app .km-icon:after, .km-on-wp.km-app .km-filter-wrap:before, .km-on-wp.km-app .km-state-active .km-icon:after { color: transparent; background-image: url('kendo/mobile/images/wp8_icons.png'); background-size: auto 100%; height: 1em; margin-top: 0; vertical-align: middle; } .km-wp-light.km-app .km-icon:after, .km-wp-light.km-app .km-filter-wrap:before { background-image: url('kendo/mobile/images/wp8_inverseicons.png'); } .km-on-wp.km-app .km-icon { line-height: 1em; } .km-on-wp.km-app .km-icon:before { display: none; } .km-on-wp.km-app .km-action:after { background-position-x: 20%; } .km-on-wp.km-app .km-add:after, .km-on-wp.km-app .km-filter-reset .km-clear:after { background-position-x: 22%; } .km-on-wp.km-app .km-battery:after { background-position-x: 24%; } .km-on-wp.km-app .km-bookmarks:after { background-position-x: 26%; } .km-on-wp.km-app .km-camera:after { background-position-x: 28%; } .km-on-wp.km-app .km-cart:after { background-position-x: 30%; } .km-on-wp.km-app .km-edit:after, .km-on-wp.km-app .km-compose:after { background-position-x: 32%; } .km-on-wp.km-app .km-contacts:after { background-position-x: 34%; } .km-on-wp.km-app .km-trash:after, .km-on-wp.km-app .km-delete:after { background-position-x: 36%; } .km-on-wp.km-app .km-details:after { background-position-x: 38%; } .km-on-wp.km-app .km-download:after, .km-on-wp.km-app .km-downloads:after { background-position-x: 40%; } .km-on-wp.km-app .km-fastforward:after { background-position-x: 42%; } .km-on-wp.km-app .km-toprated:after, .km-on-wp.km-app .km-favorites:after { background-position-x: 44%; } .km-on-wp.km-app .km-featured:after { background-position-x: 46%; } .km-on-wp.km-app .km-globe:after { background-position-x: 48%; } .km-on-wp.km-app .km-history:after { background-position-x: 50%; } .km-on-wp.km-app .km-home:after { background-position-x: 52%; } .km-on-wp.km-app .km-info:after, .km-on-wp.km-app .km-about:after { background-position-x: 54%; } .km-on-wp.km-app .km-more:after { background-position-x: 56%; } .km-on-wp.km-app .km-mostrecent:after { background-position-x: 58%; } .km-on-wp.km-app .km-mostviewed:after { background-position-x: 60%; } .km-on-wp.km-app .km-organize:after { background-position-x: 62%; } .km-on-wp.km-app .km-pause:after { background-position-x: 64%; } .km-on-wp.km-app .km-play:after { background-position-x: 66%; } .km-on-wp.km-app .km-recents:after { background-position-x: 68%; } .km-on-wp.km-app .km-refresh:after { background-position-x: 70%; } .km-on-wp.km-app .km-reply:after { background-position-x: 72%; } .km-on-wp.km-app .km-rewind:after { background-position-x: 74%; } .km-on-wp.km-app .km-search:after, .km-on-wp.km-app .km-filter-wrap:before { background-position-x: 76%; } .km-on-wp.km-app .km-settings:after { background-position-x: 78%; } .km-on-wp.km-app .km-share:after { background-position-x: 80%; } .km-on-wp.km-app .km-sounds:after, .km-on-wp.km-app .km-volume:after { background-position-x: 82%; } .km-on-wp.km-app .km-stop:after { background-position-x: 84%; } .km-on-wp.km-app .km-wifi:after { background-position-x: 86%; } .km-on-wp.km-app.km-android .km-more:after { background-position-x: 88%; } .km-on-wp.km-app.km-meego .km-more:after { background-position-x: 90%; } .km-on-wp.km-app.km-meego .km-loading:after, .km-on-wp.km-app.km-meego .km-load-more .km-icon:after, .km-on-wp.km-app.km-meego .km-scroller-refresh .km-icon:after { background-position-x: 94%; } .km-on-wp.km-app .km-scroller-pull .km-icon:after { background-position-x: 100%; } .km-on-wp.km-app .km-filter-wrap:before { display: inline-block; content: '\a0'; } .km-on-wp.km-app .km-filter-reset .km-clear:after { transform: rotate(45deg); } .km-list .km-icon-label.k-i-arrow-e:before { content: '\E000'; } .km-list .km-icon-label.k-i-arrow-n:before { content: '\E001'; } .km-list .km-icon-label.k-i-arrow-s:before { content: '\E002'; } .km-list .km-icon-label.k-i-arrow-w:before { content: '\E003'; } .km-list .km-icon-label.k-i-arrow-ne:before { content: '\E004'; } .km-list .km-icon-label.k-i-arrow-nw:before { content: '\E005'; } .km-list .km-icon-label.k-i-arrow-se:before { content: '\E006'; } .km-list .km-icon-label.k-i-arrow-sw:before { content: '\E007'; } .km-list .km-icon-label.k-i-seek-e:before { content: '\E008'; } .km-list .km-icon-label.k-i-seek-n:before { content: '\E009'; } .km-list .km-icon-label.k-i-seek-s:before { content: '\E00A'; } .km-list .km-icon-label.k-i-seek-w:before { content: '\E00B'; } .km-list .km-icon-label.k-si-arrow-e:before { content: '\E00C'; } .km-list .km-icon-label.k-si-arrow-n:before { content: '\E00D'; } .km-list .km-icon-label.k-si-arrow-s:before { content: '\E00E'; } .km-list .km-icon-label.k-si-arrow-w:before { content: '\E00F'; } .km-list .km-icon-label.k-i-arrowhead-e:before { content: '\E010'; } .km-list .km-icon-label.k-i-arrowhead-n:before { content: '\E011'; } .km-list .km-icon-label.k-i-arrowhead-s:before { content: '\E012'; } .km-list .km-icon-label.k-i-arrowhead-w:before { content: '\E013'; } .km-list .km-icon-label.k-i-arrowhead-ew:before { content: '\E014'; } .km-list .km-icon-label.k-i-arrowhead-ns:before { content: '\E015'; } .km-list .km-icon-label.k-i-move:before { content: '\E016'; } .km-list .km-icon-label.k-i-resize:before { content: '\E017'; } .km-list .km-icon-label.k-i-resize-45:before { content: '\E018'; } .km-list .km-icon-label.k-i-resize-135:before { content: '\E019'; } .km-list .km-icon-label.k-i-resize-h:before { content: '\E01A'; } .km-list .km-icon-label.k-i-resize-v:before { content: '\E01B'; } .km-list .km-icon-label.k-i-refresh:before { content: '\E01C'; } .km-list .km-icon-label.k-i-refresh-rev:before { content: '\E01D'; } .km-list .km-icon-label.k-si-refresh:before { content: '\E01E'; } .km-list .km-icon-label.k-si-refresh-rev:before { content: '\E01F'; } .km-list .km-icon-label.k-i-turn-en:before { content: '\E020'; } .km-list .km-icon-label.k-i-turn-es:before { content: '\E021'; } .km-list .km-icon-label.k-i-turn-ne:before { content: '\E022'; } .km-list .km-icon-label.k-i-turn-nw:before { content: '\E023'; } .km-list .km-icon-label.k-i-turn-se:before { content: '\E024'; } .km-list .km-icon-label.k-i-turn-sw:before { content: '\E025'; } .km-list .km-icon-label.k-i-turn-wn:before { content: '\E026'; } .km-list .km-icon-label.k-i-turn-ws:before { content: '\E027'; } .km-list .km-icon-label.k-i-uturn-e:before { content: '\E028'; } .km-list .km-icon-label.k-i-uturn-e-rev:before { content: '\E029'; } .km-list .km-icon-label.k-i-uturn-n:before { content: '\E02A'; } .km-list .km-icon-label.k-i-uturn-n-rev:before { content: '\E02B'; } .km-list .km-icon-label.k-i-uturn-s:before { content: '\E02C'; } .km-list .km-icon-label.k-i-uturn-s-rev:before { content: '\E02D'; } .km-list .km-icon-label.k-i-uturn-w:before { content: '\E02E'; } .km-list .km-icon-label.k-i-uturn-w-rev:before { content: '\E02F'; } .km-list .km-icon-label.k-i-tick-sign:before { content: '\E030'; } .km-list .km-icon-label.k-i-close-sign:before { content: '\E031'; } .km-list .km-icon-label.k-i-plus-sign:before { content: '\E032'; } .km-list .km-icon-label.k-i-minus-sign:before { content: '\E033'; } .km-list .km-icon-label.k-si-plus-sign:before { content: '\E034'; } .km-list .km-icon-label.k-si-minus-sign:before { content: '\E035'; } .km-list .km-icon-label.k-i-cancel:before { content: '\E036'; } .km-list .km-icon-label.k-i-tick:before { content: '\E037'; } .km-list .km-icon-label.k-i-close:before { content: '\E038'; } .km-list .km-icon-label.k-i-plus:before { content: '\E039'; } .km-list .km-icon-label.k-i-minus:before { content: '\E03A'; } .km-list .km-icon-label.k-si-plus:before { content: '\E03B'; } .km-list .km-icon-label.k-si-minus:before { content: '\E03C'; } .km-list .km-icon-label.k-i-stop:before { content: '\E03D'; } .km-list .km-icon-label.k-i-pause:before { content: '\E03E'; } .km-list .km-icon-label.k-i-eject:before { content: '\E03F'; } .km-list .km-icon-label.k-i-volume-off:before { content: '\E040'; } .km-list .km-icon-label.k-i-volume-low:before { content: '\E041'; } .km-list .km-icon-label.k-i-volume-high:before { content: '\E042'; } .km-list .km-icon-label.k-i-earphones:before { content: '\E043'; } .km-list .km-icon-label.k-i-heart:before { content: '\E044'; } .km-list .km-icon-label.k-i-heart-empty:before { content: '\E045'; } .km-list .km-icon-label.k-i-heart-half:before { content: '\E046'; } .km-list .km-icon-label.k-i-star:before { content: '\E047'; } .km-list .km-icon-label.k-i-star-empty:before { content: '\E048'; } .km-list .km-icon-label.k-i-star-half:before { content: '\E049'; } .km-list .km-icon-label.k-i-star-half-empty:before { content: '\E04A'; } .km-list .km-icon-label.k-i-chart-column:before { content: '\E04B'; } .km-list .km-icon-label.k-i-chart-bar:before { content: '\E04C'; } .km-list .km-icon-label.k-i-chart-pie:before { content: '\E04D'; } .km-list .km-icon-label.k-i-chart-donut:before { content: '\E04E'; } .km-list .km-icon-label.k-i-chart-line:before { content: '\E04F'; } .km-list .km-icon-label.k-i-chart-area:before { content: '\E050'; } .km-list .km-icon-label.k-i-chart-donut:before { content: '\E051'; } .km-list .km-icon-label.k-i-align-left:before { content: '\E052'; } .km-list .km-icon-label.k-i-align-center:before { content: '\E053'; } .km-list .km-icon-label.k-i-align-right:before { content: '\E054'; } .km-list .km-icon-label.k-i-align-justify:before { content: '\E055'; } .km-list .km-icon-label.k-i-align-clear:before { content: '\E056'; } .km-list .km-icon-label.k-i-bold:before { content: '\E057'; } .km-list .km-icon-label.k-i-bold-sans:before { content: '\E058'; } .km-list .km-icon-label.k-i-italic:before { content: '\E059'; } .km-list .km-icon-label.k-i-italic-sans:before { content: '\E05A'; } .km-list .km-icon-label.k-i-underline:before { content: '\E05B'; } .km-list .km-icon-label.k-i-underline-sans:before { content: '\E05C'; } .km-list .km-icon-label.k-i-strikethrough:before { content: '\E05D'; } .km-list .km-icon-label.k-i-strikethrough-sans:before { content: '\E05E'; } .km-list .km-icon-label.k-i-font-a:before { content: '\E05F'; } .km-list .km-icon-label.k-i-font-a-sans:before { content: '\E060'; } .km-list .km-icon-label.k-i-font-t:before { content: '\E061'; } .km-list .km-icon-label.k-i-font-t-sans:before { content: '\E062'; } .km-list .km-icon-label.k-i-brightness:before { content: '\E063'; } .km-list .km-icon-label.k-i-brightness-contrast:before { content: '\E064'; } .km-list .km-icon-label.k-i-contrast:before { content: '\E065'; } .km-list .km-icon-label.k-i-crop:before { content: '\E066'; } .km-list .km-icon-label.k-i-mirror:before { content: '\E067'; } .km-list .km-icon-label.k-i-flip-h:before { content: '\E068'; } .km-list .km-icon-label.k-i-flip-v:before { content: '\E069'; } .km-list .km-icon-label.k-i-rotate:before { content: '\E06A'; } .km-list .km-icon-label.k-i-rotate-rev:before { content: '\E06B'; } .km-list .km-icon-label.k-i-filter:before { content: '\E06C'; } .km-list .km-icon-label.k-i-filter-clear:before { content: '\E06D'; } .km-list .km-icon-label.k-i-sort-asc:before { content: '\E06E'; } .km-list .km-icon-label.k-i-sort-desc:before { content: '\E06F'; } .km-list .km-icon-label.k-i-sort-clear:before { content: '\E070'; } .km-list .km-icon-label.k-i-indent:before { content: '\E071'; } .km-list .km-icon-label.k-i-outdent:before { content: '\E072'; } .km-list .km-icon-label.k-i-hyperlink:before { content: '\E073'; } .km-list .km-icon-label.k-i-hyperlink-clear:before { content: '\E074'; } .km-list .km-icon-label.k-i-hyperlink-ext:before { content: '\E075'; } .km-list .km-icon-label.k-si-hyperlink-ext:before { content: '\E076'; } .km-list .km-icon-label.k-i-ul:before { content: '\E077'; } .km-list .km-icon-label.k-si-ul:before { content: '\E078'; } .km-list .km-icon-label.k-i-paint:before { content: '\E079'; } .km-list .km-icon-label.k-i-paste:before { content: '\E07A'; } .km-list .km-icon-label.k-i-pencil:before { content: '\E07B'; } .km-list .km-icon-label.k-i-image:before { content: '\E07C'; } .km-list .km-icon-label.k-i-image-add:before { content: '\E07D'; } .km-list .km-icon-label.k-i-print:before { content: '\E07E'; } .km-list .km-icon-label.k-i-zoom:before { content: '\E07F'; } .km-list .km-icon-label.k-i-zoom-in:before { content: '\E080'; } .km-list .km-icon-label.k-i-zoom-out:before { content: '\E081'; } .km-list .km-icon-label.k-i-asterisk:before { content: '\E082'; } .km-list .km-icon-label.k-i-clip:before { content: '\E083'; } .km-list .km-icon-label.k-i-clip-45:before { content: '\E084'; } .km-list .km-icon-label.k-i-qrcode:before { content: '\E085'; } .km-list .km-icon-label.k-i-book:before { content: '\E086'; } .km-list .km-icon-label.k-i-bookmark:before { content: '\E087'; } .km-list .km-icon-label.k-i-briefcase:before { content: '\E088'; } .km-list .km-icon-label.k-i-calendar:before { content: '\E089'; } .km-list .km-icon-label.k-i-camera-still:before { content: '\E08A'; } .km-list .km-icon-label.k-i-camera-video:before { content: '\E08B'; } .km-list .km-icon-label.k-i-certificate:before { content: '\E08C'; } .km-list .km-icon-label.k-i-clock:before { content: '\E08D'; } .km-list .km-icon-label.k-i-cloud:before { content: '\E08E'; } .km-list .km-icon-label.k-i-collapse:before { content: '\E08F'; } .km-list .km-icon-label.k-i-columns:before { content: '\E090'; } .km-list .km-icon-label.k-i-comment:before { content: '\E091'; } .km-list .km-icon-label.k-i-comment-empty:before { content: '\E092'; } .km-list .km-icon-label.k-i-comments:before { content: '\E093'; } .km-list .km-icon-label.k-i-comments-empty:before { content: '\E094'; } .km-list .km-icon-label.k-i-credit-card:before { content: '\E095'; } .km-list .km-icon-label.k-i-download:before { content: '\E096'; } .km-list .km-icon-label.k-i-draghandle:before { content: '\E097'; } .km-list .km-icon-label.k-si-draghandle:before { content: '\E098'; } .km-list .km-icon-label.k-i-envelop:before { content: '\E099'; } .km-list .km-icon-label.k-i-envelop-open:before { content: '\E09A'; } .km-list .km-icon-label.k-i-eye:before { content: '\E09B'; } .km-list .km-icon-label.k-i-file:before { content: '\E09C'; } .km-list .km-icon-label.k-i-file-add:before { content: '\E09D'; } .km-list .km-icon-label.k-i-film:before { content: '\E09E'; } .km-list .km-icon-label.k-i-flag:before { content: '\E09F'; } .km-list .km-icon-label.k-i-folder-add:before { content: '\E0A0'; } .km-list .km-icon-label.k-i-folder:before { content: '\E0A1'; } .km-list .km-icon-label.k-i-folder-open:before { content: '\E0A2'; } .km-list .km-icon-label.k-i-folder-up:before { content: '\E0A3'; } .km-list .km-icon-label.k-i-gear:before { content: '\E0A4'; } .km-list .km-icon-label.k-si-gear:before { content: '\E0A5'; } .km-list .km-icon-label.k-i-transmit:before { content: '\E0A6'; } .km-list .km-icon-label.k-i-beer:before { content: '\E0A7'; } .km-list .km-icon-label.k-i-cocktail:before { content: '\E0A8'; } .km-list .km-icon-label.k-i-coffee:before { content: '\E0A9'; } .km-list .km-icon-label.k-i-wine:before { content: '\E0AA'; } .km-list .km-icon-label.k-i-grid:before { content: '\E0AB'; } .km-list .km-icon-label.k-i-thumbs:before { content: '\E0AC'; } .km-list .km-icon-label.k-i-split-h:before { content: '\E0AD'; } .km-list .km-icon-label.k-i-split-v:before { content: '\E0AE'; } .km-list .km-icon-label.k-i-home:before { content: '\E0AF'; } .km-list .km-icon-label.k-i-inbox:before { content: '\E0B0'; } .km-list .km-icon-label.k-i-key:before { content: '\E0B1'; } .km-list .km-icon-label.k-i-login:before { content: '\E0B2'; } .km-list .km-icon-label.k-i-logout:before { content: '\E0B3'; } .km-list .km-icon-label.k-i-place:before { content: '\E0B4'; } .km-list .km-icon-label.k-i-megaphone:before { content: '\E0B5'; } .km-list .km-icon-label.k-i-note:before { content: '\E0B6'; } .km-list .km-icon-label.k-i-pin:before { content: '\E0B7'; } .km-list .km-icon-label.k-i-unpin:before { content: '\E0B8'; } .km-list .km-icon-label.k-i-power:before { content: '\E0B9'; } .km-list .km-icon-label.k-i-progress-bars:before { content: '\E0BA'; } .km-list .km-icon-label.k-i-road:before { content: '\E0BB'; } .km-list .km-icon-label.k-i-rss:before { content: '\E0BC'; } .km-list .km-icon-label.k-i-floppy:before { content: '\E0BD'; } .km-list .km-icon-label.k-i-sitemap:before { content: '\E0BE'; } .km-list .km-icon-label.k-i-tag-45:before { content: '\E0BF'; } .km-list .km-icon-label.k-i-tag-h:before { content: '\E0C0'; } .km-list .km-icon-label.k-i-thunderbolt:before { content: '\E0C1'; } .km-list .km-icon-label.k-i-tooltip:before { content: '\E0C2'; } .km-list .km-icon-label.k-i-trash:before { content: '\E0C3'; } .km-list .km-icon-label.k-i-trophy:before { content: '\E0C4'; } .km-list .km-icon-label.k-i-ungroup:before { content: '\E0C5'; } .km-list .km-icon-label.k-i-upload:before { content: '\E0C6'; } .km-list .km-icon-label.k-i-window:before { content: '\E0C7'; } .km-list .km-icon-label.k-i-tiles:before { content: '\E0C8'; } .km-list .km-icon-label.k-i-wrench:before { content: '\E0C9'; } .km-list .km-icon-label.k-i-action:before { content: '\E0CA'; } .km-list .km-icon-label.k-i-add:before { content: '\E0CB'; } .km-list .km-icon-label.k-i-add-inv:before { content: '\E0CC'; } .km-list .km-icon-label.k-i-armchair:before { content: '\E0CD'; } .km-list .km-icon-label.k-i-battery:before { content: '\E0CE'; } .km-list .km-icon-label.k-i-book-open:before { content: '\E0CF'; } .km-list .km-icon-label.k-i-camera:before { content: '\E0D0'; } .km-list .km-icon-label.k-i-cart:before { content: '\E0D1'; } .km-list .km-icon-label.k-i-time:before { content: '\E0D2'; } .km-list .km-icon-label.k-i-coffee-card:before { content: '\E0D3'; } .km-list .km-icon-label.k-i-download-arrow:before { content: '\E0D4'; } .km-list .km-icon-label.k-i-edit:before { content: '\E0D5'; } .km-list .km-icon-label.k-i-faves:before { content: '\E0D6'; } .km-list .km-icon-label.k-i-star:before { content: '\E0D7'; } .km-list .km-icon-label.k-i-featured:before { content: '\E0D8'; } .km-list .km-icon-label.k-i-forward:before { content: '\E0D9'; } .km-list .km-icon-label.k-i-cog:before { content: '\E0DA'; } .km-list .km-icon-label.k-i-globe:before { content: '\E0DB'; } .km-list .km-icon-label.k-i-globe-inv:before { content: '\E0DC'; } .km-list .km-icon-label.k-i-house:before { content: '\E0DD'; } .km-list .km-icon-label.k-i-info:before { content: '\E0DE'; } .km-list .km-icon-label.k-i-share:before { content: '\E0DF'; } .km-list .km-icon-label.k-i-more-h:before { content: '\E0E0'; } .km-list .km-icon-label.k-i-more-v:before { content: '\E0E1'; } .km-list .km-icon-label.k-i-next:before { content: '\E0E2'; } .km-list .km-icon-label.k-i-pause-a:before { content: '\E0E3'; } .km-list .km-icon-label.k-i-user:before { content: '\E0E4'; } .km-list .km-icon-label.k-i-play-a:before { content: '\E0E5'; } .km-list .km-icon-label.k-i-refresh-a:before { content: '\E0E6'; } .km-list .km-icon-label.k-i-reset:before { content: '\E0E7'; } .km-list .km-icon-label.k-i-rewind:before { content: '\E0E8'; } .km-list .km-icon-label.k-i-search-a:before { content: '\E0E9'; } .km-list .km-icon-label.k-i-stop-a:before { content: '\E0EA'; } .km-list .km-icon-label.k-i-tiles-a:before { content: '\E0EB'; } .km-list .km-icon-label.k-i-trash-a:before { content: '\E0EC'; } .km-list .km-icon-label.k-i-undo:before { content: '\E0ED'; } .km-list .km-icon-label.k-i-redo:before { content: '\E0EE'; } .km-list .km-icon-label.k-i-volume-a:before { content: '\E0EF'; } .km-list .km-icon-label.k-i-wifi:before { content: '\E0F0'; } .km-list .km-icon-label.k-i-more-lines:before { content: '\E0F1'; } .km-list .km-icon-label.k-i-pull-to-ref:before { content: '\E0F2'; } .km-list .km-icon-label.k-i-loading-android:before { content: '\E0F3'; } .km-list .km-icon-label.k-i-loading-blackberry:before { content: '\E0F4'; } .km-list .km-icon-label.k-i-loading-meego:before { content: '\E0F5'; } .km-list .km-icon-label.k-i-loading-custom:before { content: '\E0F6'; } .km-list .km-icon-label.k-i-loading-ios:before { content: '\E0F7'; } .km-list .km-icon-label.k-i-bug:before { content: '\E0F8'; } .km-list .km-icon-label.k-i-info:before { content: '\E0F9'; } .km-list .km-icon-label.k-i-warning:before { content: '\E0FA'; } .km-list .km-icon-label.k-i-question:before { content: '\E0FB'; } .km-list .km-icon-label.k-i-insert-n:before { content: '\E0FC'; } .km-list .km-icon-label.k-i-insert-m:before { content: '\E0FD'; } .km-list .km-icon-label.k-i-insert-s:before { content: '\E0FE'; } .km-list .km-icon-label.k-i-lock:before { content: '\E0FF'; } .km-list .km-icon-label.k-i-unlock:before { content: '\E100'; } .km-list .km-icon-label.k-i-phone:before { content: '\E101'; } .km-list .km-icon-label.k-i-tablet:before { content: '\E102'; } .km-list .km-icon-label.k-i-ol:before { content: '\E103'; } .km-list .km-icon-label.k-i-barcode:before { content: '\E104'; } .km-list .km-icon-label.k-i-html5:before { content: '\E105'; } .km-list .km-icon-label.k-i-css3:before { content: '\E106'; } .km-list .km-icon-label.k-i-kendoui:before { content: '\E107'; } .km-list .km-icon-label.k-i-telerik:before { content: '\E108'; } .km-list .km-icon-label.k-i-icenium:before { content: '\E109'; } .km-list .km-icon-label.k-i-sitefinity:before { content: '\E10A'; } .km-list .km-icon-label.k-i-twitter:before { content: '\E10B'; } .km-list .km-icon-label.k-i-linkedin:before { content: '\E10C'; } .km-list .km-icon-label.k-i-facebook:before { content: '\E10D'; } .km-list .km-icon-label.k-i-pinterest:before { content: '\E10E'; } .km-list .km-icon-label.k-i-youtube:before { content: '\E10F'; } .km-list .km-icon-label.k-i-vimeo:before { content: '\E110'; } .km-list .km-icon-label.k-i-behance:before { content: '\E111'; } .km-list .km-icon-label.k-i-dribbble:before { content: '\E112'; } .km-list .km-icon-label.k-i-googleplus:before { content: '\E113'; } .km-list .km-icon-label.k-i-minimize:before { content: '\E114'; } .km-list .km-icon-label.k-i-html:before { content: '\E115'; } .km-list .km-icon-label.k-i-group:before { content: '\E116'; } .km-list .km-icon-label.k-i-subscript:before { content: '\E117'; } .km-list .km-icon-label.k-i-superscript:before { content: '\E118'; } .km-list .km-icon-label.k-i-drophere:before { content: '\E119'; } /* Button */ .km-button { margin: 0; padding: 0.3em 0.8em; border-width: 1px; border-style: solid; } .km-button:hover { text-decoration: none; } /* Detail Button */ .km-badge { border: 0; min-width: 1.8em; height: 1.8em; line-height: 1.8em; border-radius: 5em; } .km-detail { border-radius: 5em; min-width: 1.4em; height: 1.4em; line-height: 1.4em; border-width: 1px; border-style: solid; } .km-detaildisclose { min-width: 1.8em; height: 1.8em; line-height: 1.8em; } .km-detaildisclose:after, .km-detaildisclose:before { left: 0.1em; top: 0.35em; } .km-detail .km-icon:before { display: none; } /*! */ /* ButtonGroup */ .km-buttongroup { vertical-align: middle; background: transparent; padding: 0; margin: 0; } .km-buttongroup > * { padding: 0.36em 0.8em; } .km-buttongroup > *:not(:first-child):not(:last-child) { border-radius: 0; } .km-widget.km-buttongroup > *:last-child, .km-widget.km-buttongroup > *.km-state-active { border-right-width: 1px; } .km-widget.km-buttongroup > *.km-state-active + * { border-left-width: 0; } /*! */ /* NavBar */ .km-navbar { border-width: 1px; border-style: solid; } .km-header .km-navbar { border-width: 0 0 1px; } .km-footer .km-navbar { border-width: 1px 0 0; } /*! */ /* TabStrip */ .km-tabstrip { padding: 0; display: table; table-layout: fixed; } .km-tabstrip .km-button { font-size: 0.7em; display: table-cell; border: 0; } .km-tabstrip .km-icon:before { display: none; } /*! */ /* Switch */ .km-switch { width: 4.2em; height: 1.9em; line-height: 1.76em; overflow: hidden; vertical-align: middle; } .km-switch-wrapper { overflow: hidden; } .km-switch-background { width: 118%; position: relative; left: -95%; margin-left: 0; background: currentcolor; } .km-switch .km-switch-background { border-top-right-radius: 0; border-bottom-right-radius: 0; } .km-switch-container { padding: 1px 0 1px 1px; border-width: 0; } .km-switch-handle { width: 1.6em; margin: 0 4px 0 0; border: 1px solid transparent; background-clip: padding-box; -webkit-box-shadow: 0 1px 0 1px currentcolor, 0 -1px 0 1px currentcolor; box-shadow: 0 1px 0 1px currentcolor, 0 -1px 0 1px currentcolor; } .km-switch-label-off { left: 101%; } .km-switch-label-on { left: -171%; } .km-switch-label-on, .km-switch-label-off { text-shadow: none; width: 170%; font-size: 1em; line-height: 1.76em; vertical-align: middle; top: -2px; } .km-switch-container, .km-switch-wrapper { box-sizing: border-box; border-width: 1px; border-style: solid; background-clip: content-box; } /*! */ /* ListView */ .km-list > li { border-style: solid; border-width: 0 0 1px 0; } .km-listinset > li:first-child, .km-listgroupinset .km-list > li:first-child { border-style: solid; border-width: 1px; } .km-listinset > li, .km-listgroupinset .km-list > li { border-width: 0 1px 1px 1px; } .km-listinset > li:last-child, .km-listgroupinset .km-list > li:last-child { border-style: solid; border-width: 0 1px 1px 1px; } .km-listinset > li:first-child:last-child, .km-listgroupinset .km-list > li:first-child:last-child { border-width: 1px; } .km-listview-link:after { border-color: currentcolor; border-width: 0.2rem 0.2rem 0 0; } .km-pane:not(.km-on-android) .km-listview-link:after { width: 0.66rem; height: 0.64rem; border-width: 0; box-shadow: inset -0.2rem 0.2rem 0; } .km-listinset li:first-child > .km-listview-link, .km-listgroupinset li:first-child > .km-listview-link, .km-listinset li:first-child > .km-listview-label, .km-listgroupinset li:first-child > .km-listview-label { border-radius: 2px 2px 0 0; } .km-listinset li:last-child > .km-listview-link, .km-listgroupinset li:last-child > .km-listview-link, .km-listinset li:last-child > .km-listview-label, .km-listgroupinset li:last-child > .km-listview-label { border-radius: 0 0 2px 2px; } .km-listinset li:first-child:last-child > .km-listview-link, .km-listgroupinset li:first-child:last-child > .km-listview-link, .km-listinset li:first-child:last-child > .km-listview-label, .km-listgroupinset li:first-child:last-child > .km-listview-label { border-radius: 2px; } .km-group-title { border-style: solid; border-width: 1px 0; } .km-scroll-header .km-group-title { border-width: 0 0 1px; } .km-listgroupinset .km-group-title { border: 0; background: none; } .km-listview .km-switch { margin-top: -0.9rem; } /* Filter box */ .km-listview-wrapper form .km-filter-wrap > input { font-size: 1.2em; padding: 0.3em 1.8em; } .km-widget .km-filter-wrap:before { margin: 0.05em -1.2em 0 0.2em; } .km-filter-reset { margin: 0.05em 0 0 -2em; } .km-filter-reset .km-clear:after { content: '\e038'; } .km-filter-wrap > input { border-width: 1px; border-style: solid; } .km-load-more { height: 3.4em; } .km-load-more .km-button { margin: 0 0.8em; display: block; } .km-scroller-refresh.km-load-more { padding: 0; position: relative; margin: auto; } .km-scroller-refresh.km-load-more, .km-scroller-pull { font-size: 1em; width: 2.5em; height: 2.5em; top: 0.25em; white-space: nowrap; } .km-scroller-pull { left: 50%; margin: 0 0 0 -90px; } .km-scroller-pull .km-template { position: absolute; line-height: 2em; font-size: 1.2em; min-width: 0; top: 0; left: 3em; } .km-scroller-pull .km-icon { margin-right: 0; display: block; position: absolute; top: 50%; left: 50%; margin-left: -1rem; margin-top: -1rem; } .km-scroller-pull .km-icon:after { content: '\e012'; margin-left: -3px; } .km-scroller-refresh .km-icon:after { display: none; } .km-scroller-refresh .km-loading-left { margin-left: -0.18em; } .km-scroller-refresh .km-loading-right { margin-left: 0.28em; } /*! */ /* ScrollView */ .km-pages { padding-top: 0.5em; } .km-pages li { border-radius: 1em; } /*! */ /* Forms */ .km-list input[type='password'], .km-list input[type='search'], .km-list input[type='number'], .km-list input[type='tel'], .km-list input[type='url'], .km-list input[type='email'], .km-list input[type='month'], .km-list input[type='color'], .km-list input[type='week'], .km-list input[type='date'], .km-list input[type='time'], .km-list input[type='datetime'], .km-list input[type='datetime-local'], .km-list input[type='text']:not(.k-input), .km-list select:not([multiple]), .km-list .k-dropdown-wrap, .km-list textarea { appearance: none; font-size: 1.1rem; min-width: 6em; border: 0; padding: 0.4em; outline: none; background: transparent; } .km-list .k-dropdown-wrap { padding: 0.2em; } .km-list .k-dropdown { margin-top: -1.05em; font-weight: normal; } .km-list input[type='color'], .km-list input[type='week'], .km-list input[type='date'], .km-list input[type='time'], .km-list input[type='month'], .km-list input[type='datetime'], .km-list input[type='datetime-local'], .km-list .k-dropdown { text-align: left; } .km-list .k-dropdown .k-dropdown-wrap { display: block; border-radius: 0; background: transparent; box-shadow: none; } /* Checkboxes and Radios */ .km-listview-label input[type='checkbox'] { margin-top: -0.7em; } .km-listview-label input[type='radio'], .km-listview-label input[type='checkbox'] { border-width: 1px; border-style: solid; width: 1.4em; height: 1.4em; } .km-listview-label input[type='radio'] { width: 1.2em; height: 1.2em; border-radius: 1em; } .km-listview-label input[type='checkbox']:after { content: '\a0'; display: block; width: 90%; height: 76%; transform: scale(0.9, 1); transform-origin: 10% 50%; } .km-listview-label input[type='checkbox']:checked:after { font-size: 1.4em; } .km-listview-label input[type='radio']:after { color: transparent; } /*! */ /* PopUp + ActionSheet */ .km-actionsheet > li > a { font-size: 1.4em; font-weight: normal; text-align: center; } .km-actionsheet { max-height: 80%; } .km-actionsheet > li > a { display: block; } .km-actionsheet > li:last-child > a { border: 0; } .km-shim li.km-actionsheet-title, .km-popup li.km-actionsheet-title { display: none; } /*! */ /* PopOver */ .km-popup-wrapper { padding: 15px; } .km-popover-root .km-popup { border: 5px solid transparent; } .km-popover-root .km-popup .km-view, .km-popover-root .km-popup .km-navbar, .km-popover-root .km-popup .km-toolbar, .km-popover-root .km-popup .km-tabstrip { background: none; } .km-popover-root .km-popup .km-header { padding: 0 5px; margin: -5px -5px 2px; -webkit-margin-collapse: separate; } .km-popup-arrow:after, .km-popup-arrow:before { border-style: solid; border-width: 0 15px 15px; } .km-down .km-popup-arrow:before { margin-top: -1px; } .km-up .km-popup-arrow:after, .km-up .km-popup-arrow:before { border-width: 15px 15px 0 15px; } .km-left .km-popup-arrow:after, .km-left .km-popup-arrow:before { border-width: 15px 0 15px 15px; } .km-right .km-popup-arrow:after, .km-right .km-popup-arrow:before { border-width: 15px 15px 15px 0; } /*! */ /*! */ /*! */ /*! */ /*! */ /* Border-radius */ .km-buttongroup > *:first-child { border-radius: 3px 0 0 3px; } .km-buttongroup > *:last-child { border-radius: 0 3px 3px 0; } .km-listinset > li:first-child, .km-popover-root .km-popup .km-header, .km-listgroupinset .km-list > li:first-child { border-radius: 3px 3px 0 0; } .km-listinset > li:last-child, .km-listgroupinset .km-list > li:last-child { border-radius: 0 0 3px 3px; } .km-button, .km-switch-handle, .km-filter-wrap > input, .km-popover-root .km-popup, .km-actionsheet-wrapper.km-popup, .km-listview-label input[type='radio'], .km-listview-label input[type='checkbox'], .km-listinset > li:first-child:last-child, .km-listgroupinset .km-list > li:first-child:last-child { border-radius: 3px; } .km-switch-wrapper, .km-switch-container, .km-switch-background { border-radius: 4px; } .km-actionsheet-wrapper.km-popup { padding: 3px 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); } .km-widget, .km-content, .km-popover-root .km-content .km-widget { color: #4c5356; background: #f4f4f4; } .km-navbar { color: #4c5356; background: #f4f4f4; } .km-view { background: transparent; } /* NavBar */ .km-navbar { border-color: rgba(76, 83, 86, 0.2); } /* Button */ .km-button { background: rgba(244, 244, 244, 0.2); border-color: rgba(76, 83, 86, 0.2); } .km-state-active[style*='background'] { box-shadow: inset 0 0 0 1000px rgba(128, 128, 128, 0.4); } /* Badges and Details */ .km-detail { color: #4c5356; border-color: rgba(76, 83, 86, 0.2); background-color: #f4f4f4; } .km-detail:active, .km-state-active .km-detail { box-shadow: inset 0 0 0 1000px rgba(244, 244, 244, 0.2); } /* Switch */ .km-switch-wrapper { background-color: #bababa; } .km-switch-background { background-image: none; background-image: none, linear-gradient(to bottom, #bababa, #bababa); background-position: 4.3em 0; background-repeat: no-repeat; background-color: currentcolor; } .km-switch-handle { background: #f4f4f4; } .km-switch-off .km-switch-handle { -webkit-box-shadow: 0 1px 0 1px #bababa, 0 -1px 0 1px #bababa; box-shadow: 0 1px 0 1px #bababa, 0 -1px 0 1px #bababa; } .km-switch-wrapper, .km-switch-container, .km-switch-background { border-radius: 4px; } .km-switch-handle { border-radius: 3px; } .km-switch-container, .km-switch-wrapper { border-color: #e0e0e0; } /* ListView */ .km-list > li { background: #e7e7e7; border-color: rgba(76, 83, 86, 0.2); box-shadow: inset 0 1px 0 rgba(244, 244, 244, 0.2); } .km-listinset > li:first-child, .km-listgroupinset .km-list > li:first-child { border-color: rgba(76, 83, 86, 0.2); } .km-listinset > li:last-child, .km-listgroupinset .km-list > li:last-child { border-color: rgba(76, 83, 86, 0.2); } .km-listview-link:after { color: #97a0a4; } .km-group-title { background: #f4f4f4; border-color: rgba(76, 83, 86, 0.2); } /* ScrollView */ .km-pages li { background: rgba(76, 83, 86, 0.2); } /* Filter box */ .km-filter-wrap:before, .km-filter-reset .km-clear { color: #4c5356; } .km-filter-wrap > input { color: #4c5356; border-color: rgba(76, 83, 86, 0.2); } .km-filter-wrap > input:focus { border-color: #000; } /* Forms */ .km-list input[type='password'], .km-list input[type='search'], .km-list input[type='number'], .km-list input[type='tel'], .km-list input[type='url'], .km-list input[type='email'], .km-list input[type='month'], .km-list input[type='color'], .km-list input[type='week'], .km-list input[type='date'], .km-list input[type='time'], .km-list input[type='datetime'], .km-list input[type='datetime-local'], .km-list input[type='text']:not(.k-input), .km-list select:not([multiple]), .km-list .k-dropdown-wrap, .km-list textarea { color: #4c5356; } .km-list .k-dropdown-wrap .k-input { color: #4c5356; } .km-list select:not([multiple]) option { color: #333; } .km-list .km-state-active input[type='password'], .km-list .km-state-active input[type='search'], .km-list .km-state-active input[type='number'], .km-list .km-state-active input[type='tel'], .km-list .km-state-active input[type='url'], .km-list .km-state-active input[type='email'], .km-list .km-state-active input[type='month'], .km-list .km-state-active input[type='color'], .km-list .km-state-active input[type='week'], .km-list .km-state-active input[type='date'], .km-list .km-state-active input[type='time'], .km-list .km-state-active input[type='datetime'], .km-list .km-state-active input[type='datetime-local'], .km-list .km-state-active input[type='text']:not(.k-input), .km-list .km-state-active select:not([multiple]), .km-list .km-state-active textarea { color: #fff; } /* Checkboxes and Radios */ .km-listview-label input[type='radio'], .km-listview-label input[type='checkbox'] { border-color: rgba(76, 83, 86, 0.2); background: #f4f4f4; } .km-listview-label input[type='checkbox']:checked:after { color: #eee; } /* Shim */ .km-shim { background: rgba(0, 0, 0, 0.4); } /* PopUp + ActionSheet */ .km-popup .k-item, .km-widget.km-actionsheet-wrapper, .km-widget.km-actionsheet > li > a { background: #333333; border-bottom-color: rgba(244, 244, 244, 0.2); } .km-actionsheet-cancel > a { color: #bababa; box-shadow: inset 0 0 300px rgba(128, 128, 128, 0.3); } .km-popup { background: rgba(0, 0, 0, 0.4); } .km-actionsheet-wrapper, .km-popup .k-list-container { background: rgba(0, 0, 0, 0.4); border-top-color: rgba(244, 244, 244, 0.2); } /* PopOver */ .km-popup.km-pane { border-color: #333333; background-color: #333333; } .km-popup-arrow:after, .km-popup-arrow:before { border-color: rgba(0, 0, 0, 0.5) transparent; } .km-popup-arrow:after { border-color: #333333 transparent; } .km-left .km-popup-arrow:after, .km-right .km-popup-arrow:after { border-color: transparent #333333; } .km-down .km-popup-arrow:after { border-color: #333333 transparent; } /* Loader & Pull-to-refresh */ .km-loader { background: rgba(0, 0, 0, 0.05); } .km-loader h1 { color: #4c5356; } /* Active States */ .km-tabstrip { background: #333333; } .km-badge, .km-rowinsert, .km-rowdelete, html .km-state-active, .km-switch-label-on, .km-switch-label-off, .km-tabstrip .km-button, .km-popup .k-item, .km-actionsheet > li > a, .km-tabstrip .km-state-active, .km-scroller-pull .km-icon, .km-popover-root .km-widget, .km-popup .k-state-hover, .km-popup .k-state-focused, .km-popup .k-state-selected, .km-actionsheet > li > a:active, .km-actionsheet > li > a:hover, li.km-state-active .km-listview-link, li.km-state-active .km-listview-label, .km-state-active .km-listview-link:after { color: #ffffff; } .km-loader > *:not(h1), .km-filter-wrap > input, .km-root .km-scroller-refresh span:not(.km-template) { background-color: #ffffff; } .km-switch-handle.km-state-active { background-color: #ffffff; } .km-switch-handle, .km-switch-background { color: #10c4b2; } .km-rowinsert, .km-state-active, .km-scroller-pull, .km-loader:before, .km-touch-scrollbar, .km-pages .km-current-page, .km-tabstrip .km-state-active, .km-scroller-refresh.km-load-more, .km-popup .k-state-hover, .km-popup .k-state-focused, .km-popup .k-state-selected, .km-actionsheet > li > a:active, .km-actionsheet > li > a:hover, li.km-state-active .km-listview-link, li.km-state-active .km-listview-label, .km-listview-label input[type='radio']:checked, .km-listview-label input[type='checkbox']:checked { background: #10c4b2; } .km-filter-wrap > input:focus { border-color: #10c4b2; } .km-badge, .km-rowdelete { background: #da2228; } /*@import "kendo/web/type-nova.less";*/ .kreta-validation-summary.validation-summary-errors ul { list-style: decimal; margin: 20px; } .kreta-validation-summary.validation-summary-errors ul li { margin: 10px 0; } .kreta-validation-summary.validation-summary-errors ul li label.error.labelError { display: block; } label.error { color: #ff4350 !important; font-weight: 600; } /*.kendo-gridFunctionKommand { margin-top: 0 !important; left: 0; button { color: white; background-color: @main-blue; margin-left: 0 !important; left: 0; &:hover { background-color: @main-blue2; } } }*/ .kendo-gridFunctionKommand { margin-top: 0 !important; left: 0; } .kendo-gridFunctionKommand button { color: white; background-color: #54a5d1; margin-left: 0 !important; left: 0; } .kendo-gridFunctionKommand button:hover:not([disabled]) { background-color: #54a5d1; } .kendo-gridFunctionKommand button.kendo-gridFunctionKommandRed, .kendo-gridFunctionKommand button:hover.kendo-gridFunctionKommandRed:not([disabled]) { background-color: #a94442; } .kendo-gridFunctionKommand button.kendo-gridFunctionKommandGreen, .kendo-gridFunctionKommand button:hover.kendo-gridFunctionKommandGreen:not([disabled]) { background-color: #5cb85c; } .kendo-gridFunctionKommand button:before { margin-right: 6px; display: inline-block; top: 2px; content: '\f067'; font-family: 'FontAwesome'; } .k-pager-wrap .k-label.kendoGrid-PageInfo { margin: 0 10px; } .k-pager-wrap .k-dropdown.k-widget { margin-bottom: 0; } .k-pager-wrap .k-dropdown-wrap { min-width: 45px; max-width: 45px; } button#BtnOk, div.BtnOk > a, div.BtnOk > button { background-color: #54a5d1; float: right; color: white; border-color: transparent; } button#BtnOk:hover, div.BtnOk > a:hover, div.BtnOk > button:hover { background-color: #338bb5; } button#BtnDelete, div.BtnDelete > a, div.BtnDelete > button { background-color: #a94442; float: right; } button#BtnDelete:hover, div.BtnDelete > a:hover, div.BtnDelete > button:hover { background-color: #a94442; } button#BtnCancel, div.BtnCancel > a, div.BtnCancel > button { background-color: white; float: right; color: #5c6a79; border: 1px solid #c5d3e2; } button#BtnCancel:hover, div.BtnCancel > a:hover, div.BtnCancel > button:hover { background-color: #e5e9ec; } html, body { height: 100%; width: 100%; overflow: initial; overflow-x: hidden; font-family: 'Open Sans'; background: #e5e9ec; } body { position: relative; } /* LAYOUT */ .content-content { overflow: auto; overflow-y: hidden; } .sidebar-container { visibility: hidden; border-right: 0; width: 0; float: left !important; margin-bottom: 0; padding: 0; padding-bottom: 0; } .sidebar-container > div { visibility: hidden; opacity: 0; } .sidebar-container.sidebar-open { display: block; border-right: 1px solid #e5e9ec; width: 240px; /*margin-bottom: -500em;*/ padding: 20px 20px 20px 20px; /*padding-bottom: 500em;*/ visibility: visible; } .sidebar-container.sidebar-open > div { visibility: visible; opacity: 1; } .sidebar-container .searchPanelButton .k-button { width: 100%; } .sidebar-container .searchPanelLabel { color: #5c6a79; font-size: 12px; font-weight: 600; margin-top: 10px; } .sidebar-container .searchPanelRowValue > .k-input, .sidebar-container .searchPanelRowValue > .k-widget, .sidebar-container .searchPanelRowValue > .k-textbox { width: 100%; } .content-container { padding: 20px; padding-top: 4px; padding-bottom: 0px; float: left; width: 100%; } @media only screen and (max-height: 768px) { .k-grid-content { max-height: 44vh !important; } } .content-container .container-fluid { /*margin: 0; padding: 0;*/ } .content-container .container-fluid:first-of-type:before { display: none; } .content-container.sidebar-open { width: calc(100% - 240px); width: -moz-calc(100% - 240px); width: -webkit-calc(100% - 240px); width: -o-calc(100% - 240px); } .content-container table + .k-grid-pager { display: none; } .content-container .section-function { margin-top: 20px; } .content-container .k-grid-toolbar:after { display: inline-block !important; } .main-wrapper { padding: 20px; position: relative; overflow: hidden; padding-bottom: 100px; } .content-container.sidebar-open:after { content: ' '; display: block; clear: both; } .main-content { margin-left: 40px; background-color: white; box-sizing: content-box; } .sb-elements > div { background-color: white; padding: 20px; } .main-sidebar .row { margin: 0 !important; } .main-sidebar.sidebar-open .sb-elements { display: block; height: 100%; margin-left: 40px; background-color: white; border-right: 1px solid #e5e9ec; } .sidepanel-wrapper { width: 700px; position: relative; text-align: right; } /*.sidepanel-wrapper:before { content:""; display: block; width: 10px; height: 10px;}*/ #sidepanel_tabs { position: absolute; top: 0; margin: 0; padding: 0; list-style: none; height: 40px; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); float: right; } #sidepanel_tabs li { float: right; min-width: 80px; height: 40px; border: none; margin-left: 10px; } #sidepanel_tabs li.active:hover, #sidepanel_tabs li.closed:hover { cursor: pointer; } #sidepanel_tabs li span { display: block; padding: 10px; line-height: 20px; text-decoration: none; background-color: white; text-align: center; text-transform: uppercase; } #sidepanel_tabs li a:hover { background-color: #bbb; } .sidebar-tab-item .sb-item-text { text-align: center; } .main-sidebar .sidebar-tab-item.disabled { cursor: default !important; background-color: #c5d3e2; color: #7c8a99; opacity: 0.3; } .main-sidebar .sidebar-tab-item span { line-height: 40px; padding: 0 10px; } .main-sidebar .sb-elements .searchPanelButton { padding: 0; margin: 0; } .footer { height: 60px; position: relative; margin-top: 40px; background-color: #c5d3e2; padding: 20px; bottom: 0; } .main-content .content-content h3 { font-size: 16px; line-height: 16px; font-weight: 600; color: #445261; text-transform: uppercase; margin: 30px 0 15px 0; } .main-content .content-content .row:first-child h3 { margin-top: 0px; } .main-content .content-content hr { border-color: #c5d3e2; margin: 20px -20px; } .content-header { background-color: white; border-bottom: 1px solid #c5d3e2; margin-left: 0; margin-right: 0; background: white; min-height: 60px; box-sizing: content-box; overflow: hidden; display: none; } .content-header h1 { clear: both; font-size: 20px; font-weight: 600; line-height: 20px; color: #3c4a59; /*overflow:hidden;*/ max-width: 75%; margin: 20px 0 20px 20px; } .content-header h5 { line-height: 20px; color: #3c4a59; /*overflow:hidden;*/ max-width: 75%; margin: 20px 0 20px 20px; } .content-header .favoriteIconContainer { padding: 0; float: right; width: 128px; padding-right: 10px; } .content-header .favoriteIconContainer a { border: none; padding: 10px; margin: 0; margin-top: 10px; box-shadow: none !important; } .content-header .favoriteIconContainer a i { font-size: 20px; color: #aab7c4; } .content-header .favoriteIconContainer a i.fa-star-o { color: #c5d3e2; } .content-header .favoriteIconContainer a i.fa-star { color: #aab7c4; } .content-header .favoriteIconContainer a:hover, .content-header .favoriteIconContainer a :focus, .content-header .favoriteIconContainer a :focus:hover, .content-header .favoriteIconContainer a :active { background-color: transparent !important; box-shadow: none !important; } .main-header { height: auto; background-color: white; } .main-header .row { height: 60px; } .main-header .school-title { float: left; } .main-header .school-title h3 { color: #406a7c; margin: 17px 0 0 0; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; } .main-header .school-title a { text-decoration: none !important; } .main-header .school-title a:hover { text-decoration: none !important; } .main-header .user-state { float: right; } .main-header .usermenu { padding-top: 10px; text-align: right; } .main-header .usermenu .dropdown { display: inline-block; margin-right: 10px; } .main-header .usermenu .dropdown .userbar { height: 40px; padding-top: 0; padding-bottom: 0; border: none; background: unset; display: block; float: right; } .main-header .usermenu .dropdown .userbar:after { content: '\f0d7'; font-family: FontAwesome; font-size: 12px; top: 10px; position: relative; padding-left: 10px; } .main-header .usermenu .dropdown .userbar .username { margin-right: 15px; float: left; } .main-header .usermenu .dropdown .userbar .userimg-sm { width: 40px; height: 40px; border-radius: 999px; background-size: cover; background-position: center center; background-repeat: no-repeat; display: inline-block; float: left; } .main-header .usermenu .dropdown .userbar + .dropdown-menu { left: unset; right: 0; top: 50px; margin: 0; /*padding: 5px 0;*/ border-radius: 0; box-shadow: rgba(0, 0, 0, 0.2) 5px 5px; } .main-header .usermenu .dropdown .userbar + .dropdown-menu > li > a { padding: 10px 10px; } .main-header .usermenu .dropdown .userbar + .dropdown-menu > li > a i { margin-right: 15px; } .main-header .usermenu .dropdown .userbar + .dropdown-menu > li > a:hover { color: #30a8cb; } .main-header .usermenu .dropdown.open .userbar:after { content: '\f0d8'; font-family: FontAwesome; font-size: 12px; top: 10px; position: relative; padding-left: 10px; } .main-header .usermenu .topnotif { width: 40px; height: 40px; float: right; padding-top: 10px; text-align: center; margin-right: 10px; } .main-header .usermenu .topnotif .badge { background-color: #dd4b39; font-weight: 400; font-size: 10px; border-radius: 999px; width: 16px; height: 16px; padding: 2px 0; text-align: center; margin-left: -7px; margin-top: -15px; min-width: 25px; } .page-wrapper { position: relative; min-height: 100%; } .main-footer1 { height: 20px; width: 100%; position: absolute; background-color: transparent; bottom: 60px; display: none; } .main-footer2 { height: 60px; width: 100%; position: absolute; margin-top: 40px; padding: 20px; background-color: #c5d3e2; bottom: 0; /*bottom: 0; background-color: @kreta; padding: 20px; color: @gray5; &:before { display: block; } a { color: @main-blue; }*/ } .menu-large { position: static !important; } .megamenu { position: absolute; padding: 20px 10px; width: 100%; border: 1px solid #bac8d5; border-top: unset; box-shadow: rgba(0, 0, 0, 0.2) 5px 5px; border-radius: 0; z-index: 5; } .megamenu.row { margin: 0 0 !important; } .megamenu > li { padding: 0; margin: 0 10px; width: 205px; float: left !important; } .megamenu > li > ul { padding: 0; margin: 0; } .megamenu > li > ul > li { list-style: none; } .megamenu > li > ul > li > a { display: block; padding: 5px 10px; clear: both; font-weight: normal; line-height: 1.5em; white-space: normal; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .megamenu > li > ul > li > a:focus, .megamenu > li > ul > li > a:hover { text-decoration: none; color: #30a8cb; background-color: #e5e9ec; padding-left: 15px; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .megamenu .disabled > a, .megamenu .disabled > a:hover, .megamenu .disabled > a:focus { color: #999999; } .megamenu.disabled > a:hover, .megamenu.disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); cursor: not-allowed; } .megamenu .nav-header { padding: 5px 0; margin-bottom: 10px; display: block; min-width: 160px; text-align: left; text-transform: uppercase; font-family: 'Roboto Condensed'; font-size: 16px; margin: 0 0 10px 0; } .megamenu .nav-header.red { border-bottom: 1px solid #dd4b39; } .main-menu { height: 60px; background-color: #406a7c; z-index: 50 !important; } .main-menu .navbar-header { border-right: 1px solid rgba(255, 255, 255, 0.1); } .main-menu .navbar-header span.icon-bar { background-color: white; } .main-menu .navbar-brand { color: white; width: 100px; height: 60px; /*background-image: url('content/images/kreta_feher.png');*/ background-image: url('content/images/kreta_feher_innerpages.png'); background-repeat: no-repeat; background-position: 10px center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .main-menu .navbar { margin-bottom: 0; border: none !important; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .main-menu .nav .open > a { background-color: #385765; } .main-menu ul.navbar-nav > li { height: 60px; text-align: center; border-right: 1px solid rgba(255, 255, 255, 0.1); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .main-menu ul.navbar-nav > li > a { color: white; min-width: 120px; background-color: #406a7c; z-index: 5; max-height: 59px; padding: 30px 15px 10px 15px; -moz-transition: background 0.2s ease; -o-transition: background 0.2s ease; -webkit-transition: background 0.2s ease; transition: background 0.2s ease; display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .main-menu ul.navbar-nav > li > a:active, .main-menu ul.navbar-nav > li > a:focus { background: #385765; -moz-transition: background 0.2s ease; -o-transition: background 0.2s ease; -webkit-transition: background 0.2s ease; transition: background 0.2s ease; } .main-menu ul.navbar-nav > li > a:hover { background-color: #518094; -moz-transition: background 0.2s ease; -o-transition: background 0.2s ease; -webkit-transition: background 0.2s ease; transition: background 0.2s ease; } .main-menu ul.navbar-nav > li.menu-icon > a { padding: 10px 15px; } .main-menu ul.navbar-nav > li.dropdown > a > span:after { content: ' \f0d7'; font-family: FontAwesome; font-size: 12px; } .main-menu ul.navbar-nav > li.dropdown.open > a > span:after { content: ' \f0d8'; font-family: FontAwesome; font-size: 12px; } .main-menu ul.navbar-nav > li:hover { background-position: right 1px; } .main-menu ul.navbar-nav > li > .dropdown-menu { color: #445261; z-index: 101; background-color: white; } /*.k-window-content.k-content { overflow: unset; }*/ /* Faliújság */ .faliujsag { width: 100%; background-color: #e5e9ec; } .faliujsagertesites { width: 100%; background-color: #e5e9ec; } .faliujsagertesites .felado { width: 300px; padding-right: 20px; } .faliujsagertesites .felado span:nth-child(1) { width: 100%; float: right; color: #30a8cb; font-size: 16px; text-align: right; } .faliujsagertesites .felado span:nth-child(2) { float: right; font-size: 12px; } .faliujsagertesites .kep { width: 50px; border-right: 5px solid white; padding-right: 20px; height: 60px; position: relative; } .faliujsagertesites .kep img { width: 50px; height: 50px; border-radius: 25px; float: right; } .faliujsagertesites .kep .nagykor { width: 20px; height: 20px; border-radius: 10px; position: absolute; left: 62px; top: 20px; } .faliujsagertesites .kep .kiskor { width: 10px; height: 10px; border-radius: 5px; position: absolute; left: 67px; top: 25px; } .faliujsagertesites .kep .nagykorfeljebb { top: 13px; } .faliujsagertesites .kep .kiskorfeljebb { top: 18px; } .faliujsagertesites .uzenet { padding-left: 40px; height: 60px; } .faliujsagertesites .uzenet .uzenetkeret { height: 100%; line-height: 16px; } .faliujsagertesites .uzenet .uzenetkeret h3 { margin-top: 15px; } .faliujsagertesites .uzenet .datum { float: left; width: 80px; text-align: center; color: white; padding-top: 14px; } .faliujsagertesites .uzenet .nap { font-size: 18px; font-weight: bold; } .faliujsagertesites .uzenet .honap { font-size: 24px; color: #30a8cb; } .faliujsagertesites .uzenet .targy { float: left; color: white; } .faliujsagertesites .uzenet .vonal { width: 50px; border-right: 5px solid white; } .faliujsagertesites .uzenet .szoveg { background-color: white; width: 100%; margin-bottom: 20px; padding: 20px 0px 20px 82px; } .jovobeliesemeny { background-color: #dd4b39; } .elmultesemeny { background-color: lightgray; } .hatterszin { background-color: #e5e9ec; } .kretakek { background: #30a8cb; } .kretapirosbetuszin { color: #ff4444; } .kreatkekbetuszin { color: #30a8cb; } .kretazoldbetuszin { color: #14db17; } .feherhatter { background-color: white; } /* -------------- */ .panel-group .panel-default .panel-collapse > .panel-body { border-top: 1px solid #dddddd; } .nagyMenu { display: block; position: static; width: 100%; box-shadow: none; } .nagyMenu > li > a { display: block; padding: 5px 15px; clear: both; font-weight: normal; line-height: 1.5em; white-space: normal; /*-moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;*/ } .nagyMenu > li > a:hover { text-decoration: none; color: #30a8cb; background-color: #e5e9ec; /*padding-left: 20px; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;*/ } .nagyMenu .nagyIkon { height: 50px; float: left; width: 50px; background-color: red; font-size: 18px; padding: 12px; } .nagyMenu .nagyIkon i { font-size: 26px; margin: 0px; color: white; } .nagyMenu .menupontEsSzoveg { min-height: 50px; /*float: left;*/ padding: 0px 5px; } .ertesites { border-bottom: 1px solid #e5e9ec; border-top: 1px solid #e5e9ec; padding: 5px 0px; position: relative; cursor: pointer; } .ertesites > div > .cim { padding-left: 36px; } .ertesites > div > .cim > p { font-weight: normal; /*font-size: 16px;*/ font-family: 'Roboto Condensed'; line-height: 1em; } .ertesites > div > .cim > span { font-size: 12px; color: #999999; } .ertesites > .kuka { position: absolute; top: 0; right: 0; font-size: 12px; color: #666666; padding-top: 2px; } .ertesitesikon { width: 30px; float: left; text-align: center; font-size: 16px; margin-top: -5px; } body { /*background: grey;*/ padding: 0px; font-family: 'Open Sans'; } /*.main { background-color: #e5e9ec !important; }*/ .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .nb-item { -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 2s; /* Firefox < 16 */ -ms-animation: fadein 2s; /* Internet Explorer */ -o-animation: fadein 2s; /* Opera < 12.1 */ animation: fadein 2s; } .nb-item:first-child .nb-line { margin-top: 20px; } .nb-item:first-child .nb-circle { margin-top: 0; } .nb-item.highlighted .subject { background-color: #54a5d1; } .nb-item.highlighted .subject h4 { color: white; } .nb-date { text-align: right; min-width: 80px; padding-top: 10px; margin-right: -10px; } .nb-date span { display: block; text-align: right; } .nb-date .year { font-size: 12px; color: #aab7c4; } .nb-date .day, .nb-date .month { display: inline-block; font-size: 20px; font-weight: 400; color: #54a5d1; /*color: #333366;*/ } .nb-timeline { overflow: hidden; text-align: right; max-width: 40px; } .nb-timeline .nb-line { margin-bottom: -99999px; padding-bottom: 99999px; width: 4px; background-color: #ffffff; position: relative; float: right; margin-right: 12px; } .nb-timeline .nb-circle { width: 16px; height: 16px; background-color: #54a5d1; position: relative; margin-top: 20px; margin-right: 6px; float: right; border: 2px solid #ffffff; border-radius: 999px; z-index: 20; } .nb-content { margin-top: 10px; margin-bottom: 10px; background-color: white; box-shadow: 0 1px 1px 0 #eceff2; margin-right: 20px; border-radius: 2px; border-top: 2px solid #54a5d1; } .nb-content .subject { min-height: 36px; background-color: #ffffff; padding: 10px; margin: 0 -20px; } .nb-content .subject h4 { margin: 0; color: #445261; font-weight: 400; } .nb-content .content { padding: 20px 10px 20px 10px; margin: 0 -20px; border-bottom: 1px solid #e5e9ec; } .nb-content .footer { padding: 10px; margin: 0 -20px; height: auto; display: inline-block; overflow: visible; margin-bottom: -5px; background-color: transparent; } .nb-content .footer .author .image { width: 32px; height: 32px; border-radius: 9999px; background-size: cover; float: left; } .nb-content .footer .author .info { float: left; padding-left: 10px; } .nb-content .footer .author .info span { display: block; float: none; } .nb-content .footer .author .info .auth-name { font-weight: 600; } .nb-content .footer .author .info .auth-title { font-size: 12px; color: #445261; margin-top: -2px; } .fullwidth { width: 100%; } .contentpanel-toggle[aria-expanded='true']:after { content: '\f077'; font-family: FontAwesome; font-size: 14px; } .contentpanel-toggle[aria-expanded='false']:after { content: '\f078'; font-family: FontAwesome; font-size: 14px; } .buttonright { float: right; } .floatleft { float: left; } .dropdown-menu > li > a { cursor: pointer; } .dropdown-menu > li > a i { margin-right: 15px; } .header_sorteddown i, .header_sortedup i { margin-left: 5px; } .menuwithoutarrow > a > span::after { content: '' !important; } .contextitem:hover { background-color: #e8e8e8; } .buttonunderline button { border-bottom: 1px solid #30a8cb !important; } .buttonunderline > div + button { border-top: 1px solid #30a8cb !important; } /*------------------------ Custom Selector ------------------------*/ .selectorwrapper { width: 100%; min-height: 20px; clear: both; margin: 6px 0px; } .selectorwrapper ul { padding-left: 0px; } /*------------------------ END Custom Selector ------------------------*/ .userimg-sm { width: 40px; height: 40px; border-radius: 999px; background-size: cover; background-position: center center; background-repeat: no-repeat; display: inline-block; float: left; } /*Body Overlay ajax call*/ #bodyOverLayDiv { z-index: 10000000; height: 100%; width: 100%; } /*Body Overlay ajax call*/ #bodyOverLayImg { z-index: 10000001; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } /*Body Overlay ajax call*/ /*.k-window .row .col-xs-6 > .k-textbox, .k-window .row .col-xs-6 > .k-widget.k-input, .k-window .row .col-xs-6 > .k-widget.k-dropdown, .k-window .row .col-xs-6 > .k-widget.k-combobox, .k-window .row textarea, .k-window .row .col-xs-6 > .k-widget.k-numerictextbox { position: relative; width: 100%; float: left; } .k-list .k-item { background-image: none !important; } .modalContent .container-fluid { padding-top: 15px; } .modalContent .container-fluid .row { margin: 3px 0 3px 0; }*/ /*.main-content { padding-top: 1px; }*/ /* file start */ .k-widget.k-window .details .row:last-child { border-bottom: none; } .details .row:nth-of-type(2n) { background-color: #eceff2; } .details .row { border-bottom: 1px solid #c5d3e2; } /* -------- KENDO official LESS MODS -------- */ /* ---- kendo.common-nova.less MOD start */ .k-grid .k-icon { opacity: 0.6; } .k-header .k-i-pdf, .k-header .k-button > .k-i-pdf, .k-header .k-button:hover > .k-i-pdf, .k-header .k-button:active > .k-i-pdf, .k-header .k-button:active:not(.k-state-disabled):hover .k-i-pdf { background-position: -64px -80px !important; } .k-header .k-i-excel, .k-header .k-button > .k-i-excel, .k-header .k-button:hover > .k-i-excel, .k-header .k-button:active > .k-i-excel, .k-header .k-button:active:not(.k-state-disabled):hover .k-i-excel { background-position: -64px -96px !important; } div.k-window-content { padding: 0; } .k-calendar td { border-style: none; } /* ---- type-nova.less MOD start */ /* -- Main colors */ .k-grid { border-color: transparent; } .k-input, input.k-textbox, textarea.k-textbox, .k-textbox > input, .k-multiselect-wrap { color: #5c6a79; background-color: #ffffff; border-color: #c5d3e2; } input.k-textbox:hover, textarea.k-textbox:hover { border-color: #aab7c4; } input.k-textbox:focus:hover, textarea.k-textbox:focus { border-color: #54a5d1; } /* -- Border radius */ .k-button, .k-textbox, .k-autocomplete, .k-autocomplete .k-input, .k-multiselect, .k-combobox, .k-dropdown, .k-dropdown-wrap, .k-datepicker, .k-timepicker, .k-colorpicker, .k-datetimepicker, .k-numerictextbox, .k-picker-wrap, .k-numeric-wrap, .k-colorpicker, .k-tooltip, .k-upload { border-radius: 2px; } /* -- Default icons opacity */ .k-icon, .k-button .k-image, .k-panelbar > .k-state-active > .k-header > .k-icon, .k-panelbar > .k-state-active > .k-header .k-state-default .k-icon, .k-tabstrip-scrollable .k-button:active .k-icon { opacity: 0.6; } .k-primary .k-icon, .k-state-active .k-icon, .k-button:active .k-icon, .k-numerictextbox .k-state-selected .k-icon, .k-multiselect-wrap .k-icon, .k-calendar .k-header .k-icon, .k-window-titlebar .k-icon, .k-drag-clue .k-icon, .k-group-indicator .k-icon, .k-pivot-toolbar .k-icon, .k-grid-content .k-button:active .k-icon, .k-splitbar.k-state-focused .k-icon, .k-scheduler-toolbar .k-icon, .k-gantt-toolbar .k-icon, .k-toolbar .k-overflow-anchor.k-state-border-down .k-i-more, .k-panelbar > .k-state-active > .k-header .k-state-active .k-icon { opacity: 0.6; } .k-state-hover .k-icon { opacity: 0.8; } /* -- Button */ .k-button { color: white; border-color: transparent; background-color: #7c8a99; -moz-transition: background-color 0.24s ease-out; -o-transition: background-color 0.24s ease-out; -webkit-transition: background-color 0.24s ease-out; transition: background-color 0.24s ease-out; } .k-button:focus, .k-button.k-state-focused, .k-split-button:focus { border-color: transparent; outline: 0; } .k-button:hover, .k-button.k-state-hover { background-color: #aab7c4; -moz-transition: background-color 0.12s ease-in; -o-transition: background-color 0.12s ease-in; -webkit-transition: background-color 0.12s ease-in; transition: background-color 0.12s ease-in; } .k-button:active, .k-button.k-state-active { color: white; background-color: #5c6a79; border-color: transparent; } .k-button[disabled], .k-button.k-state-disabled, .k-state-disabled .k-button, .k-state-disabled .k-button:hover, .k-button.k-state-disabled:hover, .k-state-disabled .k-button:active, .k-button.k-state-disabled:active { color: #c5d3e2 !important; border-color: #c5d3e2 !important; background-color: transparent; } .k-button[disabled] .k-icon, .k-button.k-state-disabled .k-icon, .k-state-disabled .k-button .k-icon, .k-state-disabled .k-button:hover .k-icon, .k-button.k-state-disabled:hover .k-icon, .k-state-disabled .k-button:active .k-icon, .k-button.k-state-disabled:active .k-icon { opacity: 0.2; } .k-grid-toolbar .k-button:hover { border-color: transparent; } .k-header.k-grid-toolbar.k-grid-top .k-button { padding: 6px 2px 4px 2px; } .k-header.k-grid-toolbar.k-grid-top .k-button.k-button-icontext { height: 32px; min-width: 22px; } .k-button-icontext .k-icon, .k-button-icontext .k-image, .k-button-icontext .k-sprite { margin-right: 0; margin-left: 0; } /* -- Menu */ .k-menu { background-color: transparent; border-color: transparent; } .k-menu .k-popup .k-item { color: #5c6a79; } .k-menu .k-popup .k-item:hover { color: #54a5d1; } /* -- Inputs */ /*.k-list-container { border-color: darken(@normal-background, 12%); background-color: @normal-background; }*/ .k-autocomplete.k-state-default, .k-picker-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-dropdown-wrap.k-state-default { background-color: #ffffff; border-color: #c5d3e2; } .k-multiselect.k-header { background-color: #f4f4f4; border-color: #c5d3e2; } .k-autocomplete.k-state-hover, .k-picker-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-dropdown-wrap.k-state-hover { background-color: #ffffff; border-color: #aab7c4; } .k-autocomplete.k-state-focused, .k-picker-wrap.k-state-focused, .k-numeric-wrap.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-multiselect.k-header.k-state-focused { background-color: #ffffff; border-color: #54a5d1; box-shadow: none; border-radius: 0; } .k-autocomplete.k-state-focused .k-input, .k-picker-wrap.k-state-focused .k-input, .k-numeric-wrap.k-state-focused .k-input, .k-dropdown-wrap.k-state-focused .k-input, .k-multiselect.k-header.k-state-focused .k-input { color: #445261; } .k-autocomplete.k-state-active, .k-picker-wrap.k-state-active, .k-numeric-wrap.k-state-active, .k-dropdown-wrap.k-state-active, .k-multiselect.k-header.k-state-active { color: #ffffff; background-color: #ffffff; border-color: #54a5d1; } .k-textbox.k-state-disabled, .k-state-disabled .k-picker-wrap, .k-autocomplete.k-state-disabled, .k-dropdown-wrap.k-state-disabled, .k-picker-wrap.k-state-disabled, .k-multiselect.k-state-disabled, .k-numeric-wrap.k-state-disabled { background-color: #f4f4f4; border-color: #e5e9ec; } .k-popup .k-list .k-item { color: #5c6a79; } .k-group-header + div > .k-list > .k-item.k-first:before { border-top-color: #54a5d1; } .k-popup .k-list .k-state-selected.k-state-focused.k-first:before { border-top-color: #33647e; } .k-popup .k-list .k-item > .k-group { background: #54a5d1; color: #ffffff; } .k-popup .k-list .k-state-selected { color: #ffffff; background-color: #54a5d1; border-color: #54a5d1; } .k-popup .k-list .k-state-hover { background-color: #e6e6e6; cursor: pointer; } .k-popup.k-list-container { padding: 0 0; } .k-popup .k-list .k-state-focused { background-color: #54a5d1; color: white; border: none; } .k-popup .k-list .k-state-selected.k-state-focused { border-color: #33647e; } .k-popup .k-list .k-state-selected.k-state-hover { background-color: #409acc; } input.k-textbox:focus { border-color: #54a5d1; } input.k-textbox:active { border-color: #54a5d1; } /* -- Notification */ .k-widget.k-notification.k-notification-warning { color: #c78300; } /* -- Window */ .k-window { box-shadow: 0 4px 10px 4px rgba(0, 0, 0, 0.2); } .k-window > .k-header { color: #ffffff; background-color: #406a7c; padding: 0; height: 52px; } .k-window > .k-header .k-window-title { left: 0; right: 0; line-height: 52px; padding: 0 104px 0 20px; } .k-window .k-window-titlebar .k-window-action { width: 52px; height: 52px; } .k-window .k-window-titlebar .k-window-action .k-icon { margin-top: 18px; } .k-window > .k-header .k-state-hover { background-color: #4b94bb; } /* -- PanelBar */ .k-panelbar { color: #5c6a79; background-color: #f4f4f4; border-color: #e0e0e0; } .k-panelbar > .k-item .k-panel > .k-item > .k-link, .k-panelbar > .k-item .k-panel > .k-item .k-panel > .k-item > .k-link, .k-panelbar .k-panel > .k-item .k-panel .k-item > .k-link { color: #5c6a79; } .k-panelbar .k-item > .k-link.k-header { color: #54a5d1; background-color: #f4f4f4; font-weight: 600; font-size: 16px; } .k-panelbar > .k-item > .k-link.k-state-hover, .k-panelbar > .k-item .k-panel > .k-item > .k-link.k-state-hover { background-color: #ffffff; } .k-panelbar .k-content .row div[class^='col-'] { padding: 0; margin: 0; box-sizing: border-box; overflow: hidden; } .k-panelbar .k-content .row div[class^='col-'] div[class^='col-'] { padding: 0; margin: 0; box-sizing: border-box; overflow: hidden; float: none; } .k-panelbar .k-content div.row { box-sizing: border-box; margin: 0; } /* -- Tabstrip */ .k-tabstrip-items { background-color: #54a5d1; background-image: none !important; } .k-tabstrip-items .k-item { color: white; border-color: transparent; } .k-tabstrip-items .k-item.k-state-hover, .k-tabstrip-items .k-item.k-state-selected { background-color: #54a5d1; background-image: none !important; } .k-tabstrip-top > .k-tabstrip-items .k-item.k-state-active { background-color: white; background-image: none !important; color: #5c6a79; font-weight: 600; border-bottom-color: transparent; } /* -- Grid */ .k-content .k-grid table { width: 100%; font-family: 'Open Sans'; } .k-content .k-grid thead th a, .k-content .k-grid thead th span.k-link { font-weight: 600 !important; font-size: 13px; } .k-content .k-grid td:first-of-type, .k-content .k-grid th:first-of-type { padding-left: 10px; } .k-content .k-grid tbody tr { border-bottom: 1px solid #c5d3e2; } .k-content .k-grid tbody tr:hover td { background-color: #e5e9ec; } .k-content .k-grid tbody tr .k-hierarchy-cell { height: 36px; width: 26px; } .k-content .k-grid tbody tr td, .k-content .k-grid tbody tr .gridcell { height: 36px !important; } .k-content .k-grid tbody tr td a, .k-content .k-grid tbody tr .gridcell a { font-weight: 600; } .k-content .k-grid tbody tr td:first-of-type, .k-content .k-grid tbody tr .gridcell:first-of-type { padding-left: 4px; } .k-content .k-grid tbody tr .rowFunction { padding: 0 !important; } .k-content .k-grid tbody tr .rowFunction .k-widget { margin-bottom: 0; width: 36px; height: 36px; } .k-content .k-grid tbody tr .rowFunction .k-widget:after { display: none; } .k-content .k-grid tbody tr .rowFunction .k-widget:before { display: none; } .k-content .k-grid tbody tr .rowFunction .k-menu .k-item { height: 30px; background-color: transparent !important; } .k-content .k-grid tbody tr .rowFunction .k-menu .k-item > .k-link { padding: 4px; line-height: 16px; } .k-content .k-grid tbody tr .rowFunction .k-menu .k-item > .k-link .k-icon { margin: 0 !important; } .k-content .k-grid .k-detail-row { /*background-color: @gray6;*/ } .k-content .k-grid .k-detail-row .k-detail-cell div { border: none; } .k-content .k-grid .k-detail-row .k-detail-cell > div { padding-bottom: 10px; } .k-content .k-grid .k-detail-row:hover { background-color: white; } .k-grid-toolbar .k-button-icontext .k-icon, .k-grid-content .k-button-icontext .k-icon, .k-edit-form-container .k-edit-buttons .k-button-icontext .k-icon { display: block !important; } .k-grid-header, .k-grid-header .k-header, .k-pager-wrap, .k-pager-numbers .k-state-selected, .k-grid-footer, .k-grid-footer td, .k-scheduler-header, .km-pane-wrapper .k-grid-header .k-header { background-color: transparent; border-color: transparent; } .k-grid-header .k-header { height: 36px; border-bottom: 1px solid #aab7c4; font-weight: 600; color: #445261 !important; } .k-grid-header .k-header a, .k-grid-header .k-header span.k-link { color: #445261 !important; } .k-grid .k-alt { background-color: #eceff2; } .k-grid .k-detail-row.k-alt { background-color: transparent; } .k-grid-toolbar .k-button, .k-grid-content .k-button { color: white; border-color: transparent; } .k-grid-toolbar .k-button-icontext .k-icon, .k-grid-content .k-button-icontext .k-icon, .k-edit-form-container .k-edit-buttons .k-button-icontext .k-icon { /*display: none;*/ } .k-header.k-grid-toolbar { background-color: #ffffff; border-color: #e0e0e0; } /* -- Pager */ .k-pager-wrap, .k-pager-numbers .k-link, .k-pager-numbers .k-link:link { color: #5c6a79; } .k-pager-wrap .k-link, .k-pager-wrap .k-button { border-color: #aab7c4; background-color: white; } .k-pager-wrap .k-link:hover, .k-pager-wrap .k-button:hover { background-color: transparent; border-color: #7c8a99; } .k-pager-wrap { padding: 0; } .k-pager-wrap .k-pager-nav span { margin-top: -16px; } /* -------- type-nove.less MOD end */ /* -------- common/editor.less MOD start */ .k-editor iframe.k-content { display: block; width: 100%; height: 100%; border: 0; margin: 0; padding: 0 !important; background: #fff; } .k-editor iframe.k-content body { padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* -------- common/grid.less MOD start */ .k-grid-header th.k-header > .k-link { display: block; min-height: 18px; line-height: 18px; /* due to sorting icons*/ margin: -0.5em -0.6em -0.4em -0.6em; padding: 0.5em 0.6em 0.4em 0.6em; overflow: hidden; text-overflow: ellipsis; } .k-grid-toolbar:first-child, .k-grouping-header + .k-grid-toolbar { border-width: 0; } .k-pager-wrap { clear: both; overflow: hidden; position: relative; border-style: solid; border-width: 1px; line-height: 2em; /*MOD padding:0.333em 0 0.333em 0.250em;*/ } .k-grouping-header, .k-grid-toolbar { padding: 0; } /* -------- common/grid.less MOD end */ /* -------- common/tabstrip.less MOD start */ .content-container > .k-content .k-tabstrip-wrapper .k-tabstrip-items > .k-state-active { background-color: white; color: #54a5d1; font-weight: 600; } .k-tabstrip > .k-content, .k-panelbar .k-tabstrip > .k-content { border-width: 0; } .k-tabstrip-wrapper > .k-widget { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* -------- common/tabstrip.less MOD end */ .k-checkbox-label:before, .k-radio-label:before { top: -5px; border-color: #aab7c4; margin-right: 10px; } /* gridben kiválasztás checkbox poziciója */ .gridSelectCheckBox .k-checkbox-label:before { top: -7px; } .k-radio:hover + .k-radio-label:before, .k-checkbox:hover + .k-checkbox-label:before { border-color: #54a5d1; } .k-radio:checked + .k-radio-label:before, .k-checkbox:checked + .k-checkbox-label:before { border-color: #aab7c4; } .k-radio:checked + .k-radio-label:after, .k-checkbox:checked + .k-checkbox-label:after { top: -1px; } .k-checkbox:disabled + .k-checkbox-label:before, .k-checkbox:checked:disabled + .k-checkbox-label:before, .k-checkbox:checked:disabled + .k-checkbox-label:active:before, .k-checkbox:checked:disabled + .k-checkbox-label:hover:before { border-color: #c5d3e2; } body { font-size: 13px; } /* scroll dd */ body { position: static; } :-webkit-any(body) { position: static; } /* */ .k-numeric-wrap .k-link:hover { opacity: 1; } .k-numerictextbox .k-link .k-i-arrow-n { vertical-align: bottom; } .k-numerictextbox .k-link .k-i-arrow-s { vertical-align: top; } .k-numeric-wrap .k-link.k-state-selected, .k-dropdown-wrap.k-state-border-down .k-select { background-color: #54a5d1; } .k-select .k-link { height: 17px; } /*lists*/ ul { -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 10px; } /* fix bootstrap */ .container, .container-fluid { margin: 0 0; padding: 0 20px; } .row { margin: 0 -20px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding: 0 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Grid */ .k-content .k-grid td, .k-grid td { padding: 0 4px 0 4px !important; border-width: 0 0 1px 0; } .k-content .k-grid a.gridLinkButton:hover, .k-grid a.gridLinkButton:hover { cursor: pointer; text-decoration: none !important; } .k-grid-header th.k-header, .k-filter-row th { padding: 0 4px 6px 4px !important; border-width: 0 0 1px 0; } .k-pager-wrap > .k-link { border-radius: 2px; } .rowFunction { width: 36px; padding: 0 0 !important; } /* data"grid" */ .labelRowHeightLabel label { font-weight: 600; } .labelRowHeightValue label { font-weight: 400; } .details .k-textbox, .k-content .k-textbox, .details .k-widget, .k-content .k-widget { margin-top: 4px; margin-bottom: 4px; } .k-content .k-widget.k-tabstrip { margin-top: 0; margin-bottom: 8px; } .details textarea, .k-content textarea { resize: vertical; } .details .row, .k-content .row { min-height: 36px; } .details .row div[class^='col-sm-'], .k-content .row div[class^='col-sm-'] { padding-top: 8px; } .details { padding: 20px; } div.empty-grid { margin: 20px; font-size: 16px; font-weight: 600; color: #7c8a99; width: 100%; min-width: 240px; } div.empty-grid:before { display: inline-block; content: '\f071'; font-family: FontAwesome; font-size: 14px; margin-right: 10px; } /* tabstrips */ .k-tabstrip li.k-item .k-loading { display: none !important; } .k-tabstrip { /*border-width: 1px 1px 1px 1px; border-style: solid !important; border-color: @accent;*/ } .k-tabstrip .k-content { padding: 20px 20px; } /*div.k-window-content { position: relative; height: 100%; padding: .58em; overflow: hidden; outline: 0; .modalContent .k-content { overflow: scroll; } }*/ /* UPLOAD */ .k-button.k-upload-button { padding: 10px 14px; } /* OTHERS */ /* lentebb volt csúszva */ .k-datetimepicker .k-icon.k-i-calendar, .k-datetimepicker .k-icon.k-i-clock { top: 7px; } .k-datetimepicker .k-icon.k-i-calendar { left: 0px; } .k-widget.k-window .details .row .col-sm-1, .k-widget.k-window .details .row .col-sm-2, .k-widget.k-window .details .row .col-sm-3, .k-widget.k-window .details .row .col-sm-4, .k-widget.k-window .details .row .col-sm-5, .k-widget.k-window .details .row .col-sm-6, .k-widget.k-window .details .row .col-sm-7, .k-widget.k-window .details .row .col-sm-8, .k-widget.k-window .details .row .col-sm-9, .k-widget.k-window .details .row .col-sm-10, .k-widget.k-window .details .row .col-sm-11, .k-widget.k-window .details .row .col-sm-12 { /*padding-top: 8px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px;*/ } .col-sm-1 > span.k-input, .col-sm-1 .k-textbox, .col-sm-1 .k-combobox, .col-sm-1 .k-datepicker, .col-sm-1 .k-numerictextbox, .col-sm-1 .k-multiselect, .col-sm-1 .k-dropdown, .col-sm-2 > span.k-input, .col-sm-2 .k-textbox, .col-sm-2 .k-combobox, .col-sm-2 .k-datepicker, .col-sm-2 .k-numerictextbox, .col-sm-2 .k-multiselect, .col-sm-2 .k-dropdown, .col-sm-3 > span.k-input, .col-sm-3 .k-textbox, .col-sm-3 .k-combobox, .col-sm-3 .k-datepicker, .col-sm-3 .k-numerictextbox, .col-sm-3 .k-multiselect, .col-sm-3 .k-dropdown, .col-sm-4 > span.k-input, .col-sm-4 .k-textbox, .col-sm-4 .k-combobox, .col-sm-4 .k-datepicker, .col-sm-4 .k-numerictextbox, .col-sm-4 .k-multiselect, .col-sm-4 .k-dropdown, .col-sm-5 > span.k-input, .col-sm-5 .k-textbox, .col-sm-5 .k-combobox, .col-sm-5 .k-datepicker, .col-sm-5 .k-numerictextbox, .col-sm-5 .k-multiselect, .col-sm-5 .k-dropdown, .col-sm-6 > span.k-input, .col-sm-6 .k-textbox, .col-sm-6 .k-combobox, .col-sm-6 .k-datepicker, .col-sm-6 .k-numerictextbox, .col-sm-6 .k-multiselect, .col-sm-6 .k-dropdown, .col-sm-7 > span.k-input, .col-sm-7 .k-textbox, .col-sm-7 .k-combobox, .col-sm-7 .k-datepicker, .col-sm-7 .k-numerictextbox, .col-sm-7 .k-multiselect, .col-sm-7 .k-dropdown, .col-sm-8 > span.k-input, .col-sm-8 .k-textbox, .col-sm-8 .k-combobox, .col-sm-8 .k-datepicker, .col-sm-8 .k-numerictextbox, .col-sm-8 .k-multiselect, .col-sm-8 .k-dropdown, .col-sm-9 > span.k-input, .col-sm-9 .k-textbox, .col-sm-9 .k-combobox, .col-sm-9 .k-datepicker, .col-sm-9 .k-numerictextbox, .col-sm-9 .k-multiselect, .col-sm-9 .k-dropdown, .col-sm-10 > span.k-input, .col-sm-10 .k-textbox, .col-sm-10 .k-combobox, .col-sm-10 .k-datepicker, .col-sm-10 .k-numerictextbox, .col-sm-10 .k-multiselect, .col-sm-10 .k-dropdown, .col-sm-11 > span.k-input, .col-sm-11 .k-textbox, .col-sm-11 .k-combobox, .col-sm-11 .k-datepicker, .col-sm-11 .k-numerictextbox, .col-sm-11 .k-multiselect, .col-sm-11 .k-dropdown, .col-sm-12 > span.k-input, .col-sm-12 .k-textbox, .col-sm-12 .k-combobox, .col-sm-12 .k-datepicker, .col-sm-12 .k-numerictextbox, .col-sm-12 .k-multiselect, .col-sm-12 .k-dropdown { width: 100% !important; /*margin-bottom: 6px;*/ } .validation-summary-valid.kreta-validation-summary ul { margin: 0; } ul.bars { margin: 0; } ul.bars li { list-style: none; float: left; text-align: center; position: relative; cursor: pointer; margin-right: 5px; font-size: 14px; font-weight: 400; height: 30px; line-height: 30px; border-radius: 0; margin: 0; padding: 0 12px; border: 1px solid #c5d3e2; border-left: none; white-space: nowrap; color: #5c6a79; } ul.bars li:first-of-type { border-right: none; border-radius: 2px 0 0 2px !important; border-left: 1px solid #c5d3e2; } ul.bars li:last-of-type { border-left: none; border-radius: 0 2px 2px 0 !important; } ul.bars li:nth-of-type(2) { border-left: 1px solid #c5d3e2 !important; } ul.bars li span { display: block; color: #5c6a79; } ul.bars li.activebar { background: #54a5d1; color: #fff; /*font-weight: 600;*/ } /* KENDO CSS MODS END */ a[href$='.xls'], a[href$='.xlsx'], .excelExportLink { height: 36px; padding: 8px 8px; display: inline-block; border-radius: 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: linear-gradient( to left, rgba(0, 0, 0, 0) 50%, #54a5d1 50% ) !important; background-size: 200% 100% !important; background-position: right top !important; -moz-transition: all 0.56s ease-out; -o-transition: all 0.56s ease-out; -webkit-transition: all 0.56s ease-out; transition: all 0.56s ease-out; color: #54a5d1; font-family: 'Open Sans'; font-weight: 600; border: 1px solid #54a5d1; } a[href$='.xls']:before, a[href$='.xlsx']:before, .excelExportLink:before { font-family: 'FontAwesome'; margin-right: 10px; font-weight: 400; } a[href$='.xls']:hover, a[href$='.xlsx']:hover, .excelExportLink:hover { text-decoration: none; background: linear-gradient( to left, rgba(0, 0, 0, 0) 50%, #54a5d1 50% ) !important; background-size: 200% 100% !important; background-position: left top !important; -moz-transition: all 0.56s ease-in; -o-transition: all 0.56s ease-in; -webkit-transition: all 0.56s ease-in; transition: all 0.56s ease-in; color: white; } a[href$='.xls']:before, a[href$='.xlsx']:before, .excelExportLink:before { content: '\f1c3'; } a[href$='.pdf'] { height: 36px; padding: 8px 8px; display: inline-block; border-radius: 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: linear-gradient( to left, rgba(0, 0, 0, 0) 50%, #54a5d1 50% ) !important; background-size: 200% 100% !important; background-position: right top !important; -moz-transition: all 0.56s ease-out; -o-transition: all 0.56s ease-out; -webkit-transition: all 0.56s ease-out; transition: all 0.56s ease-out; color: #54a5d1; font-family: 'Open Sans'; font-weight: 600; border: 1px solid #54a5d1; } a[href$='.pdf']:before { font-family: 'FontAwesome'; margin-right: 10px; font-weight: 400; } a[href$='.pdf']:hover { text-decoration: none; background: linear-gradient( to left, rgba(0, 0, 0, 0) 50%, #54a5d1 50% ) !important; background-size: 200% 100% !important; background-position: left top !important; -moz-transition: all 0.56s ease-in; -o-transition: all 0.56s ease-in; -webkit-transition: all 0.56s ease-in; transition: all 0.56s ease-in; color: white; } a[href$='.pdf']:before { content: '\f1c1'; } a[href$='.doc'], a[href$='.docx'] { height: 36px; padding: 8px 8px; display: inline-block; border-radius: 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: linear-gradient( to left, rgba(0, 0, 0, 0) 50%, #54a5d1 50% ) !important; background-size: 200% 100% !important; background-position: right top !important; -moz-transition: all 0.56s ease-out; -o-transition: all 0.56s ease-out; -webkit-transition: all 0.56s ease-out; transition: all 0.56s ease-out; color: #54a5d1; font-family: 'Open Sans'; font-weight: 600; border: 1px solid #54a5d1; } a[href$='.doc']:before, a[href$='.docx']:before { font-family: 'FontAwesome'; margin-right: 10px; font-weight: 400; } a[href$='.doc']:hover, a[href$='.docx']:hover { text-decoration: none; background: linear-gradient( to left, rgba(0, 0, 0, 0) 50%, #54a5d1 50% ) !important; background-size: 200% 100% !important; background-position: left top !important; -moz-transition: all 0.56s ease-in; -o-transition: all 0.56s ease-in; -webkit-transition: all 0.56s ease-in; transition: all 0.56s ease-in; color: white; } a[href$='.doc']:before, a[href$='.docx']:before { content: '\f1c2'; } .k-header.k-grid-toolbar.k-grid-top { height: 40px; display: inline-block; width: 100%; } .k-header.k-grid-toolbar.k-grid-top:after { display: none; } .tesztrendszer { background-color: #ba2929; font-size: 22px; padding: 5px 10px 5px 10px; text-align: center; font-weight: 700; color: white; text-transform: uppercase; } .modalContent .k-textbox { width: 100%; } /* NEM JÓ HELYEN !!! */ .k-grid-norecords-template { margin: 0px; font-size: 16px; font-weight: 600; color: #7c8a99; width: 100%; min-width: 240px; } .k-grid-norecords-template:before { display: inline-block; content: '\f071'; font-family: FontAwesome; font-size: 14px; margin-right: 10px; } .k-loading-pdf-mask div.k-grid { width: 100%; } .k-grid-norecords-template { background-color: transparent; border: none; } .fullwidth { width: 100%; } .contentpanel-toggle[aria-expanded='true']:after { content: '\f077'; font-family: FontAwesome; font-size: 14px; } .contentpanel-toggle[aria-expanded='false']:after { content: '\f078'; font-family: FontAwesome; font-size: 14px; } .buttonright { float: right; } .floatleft { float: left; } .dropdown-menu > li > a { cursor: pointer; } .dropdown-menu > li > a i { margin-right: 15px; } .header_sorteddown i, .header_sortedup i { margin-left: 5px; } .menuwithoutarrow > a > span::after { content: '' !important; } .contextitem:hover { background-color: #e8e8e8; } .buttonunderline button { border-bottom: 1px solid #30a8cb !important; } .buttonunderline > div + button { border-top: 1px solid #30a8cb !important; } .ajax__tab_outer { padding: 0px !important; } .ajax__tab_tab { padding: 14px 15px !important; height: 45px !important; outline: 0 !important; } .ajax__tab_header { /*height: 45px;*/ } .ajax__tab_header > span { height: 45px; } .ajax__tab_outer, .ajax__tab_inner { height: 45px; line-height: 1em; } .ajax__tab_active { display: inline-block; height: 45px; } .ui-dialog-footerbar { padding-right: 15px !important; } .timeline { position: absolute; border-top: 1px solid red; width: 100%; margin: 0; padding: 0; z-index: 999; } .timelinesphere { display: block; width: 10px; height: 10px; border-radius: 5px; background-color: red; position: absolute; z-index: 999; } .ui-multiselect span:first-child { height: 16px; } .number-blod-red { color: #8e252c !important; font-weight: bold; } .number-blod-green { color: #0e6956 !important; font-weight: bold; } .highlighted-row-red { color: #8e252c !important; } .highlighted-row-green { color: #0e6956 !important; } .highlighted-row-yellow { color: #cc8400 !important; } @supports (-ms-accelerator: true) { .fc-icon:after { margin-left: 0px; } } .k-editable-area iframe { position: static !important; } .gridInputMaxWidth { width: 90%; } /* ROSSZ END */ /* ----------- mixins ----------- */ /* érintés optimalizálás */ /* oldalpanel ne oldalt */ /* responsive menu */ @media (min-width: 1250px) { .main-menu .navbar-collapse { padding-left: 87px; } .main-menu { height: auto; } } @media (max-width: 1250px) { .main-menu { position: relative; } .main-menu .navbar > .container-fluid { margin: 0; padding: 0; } .main-menu .navbar-header { float: none; padding-left: 15px; padding-right: 15px; } .main-menu .navbar-header .navbar-toggle[aria-expanded='true'] span.icon-bar { -moz-transition: top 0s ease, opacity 0s ease, transform 0.4s ease; -o-transition: top 0s ease, opacity 0s ease, transform 0.4s ease; -webkit-transition: top 0s ease, opacity 0s ease, transform 0.4s ease; transition: top 0s ease, opacity 0s ease, transform 0.4s ease; } .main-menu .navbar-header .navbar-toggle[aria-expanded='true'] span.icon-bar:nth-child(2) { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 7px; position: relative; -moz-transition: top 0s ease, transform 0.4s ease; -o-transition: top 0s ease, transform 0.4s ease; -webkit-transition: top 0s ease, transform 0.4s ease; transition: top 0s ease, transform 0.4s ease; } .main-menu .navbar-header .navbar-toggle[aria-expanded='true'] span.icon-bar:nth-child(3) { opacity: 0; -moz-transition: opacity 0s ease; -o-transition: opacity 0s ease; -webkit-transition: opacity 0s ease; transition: opacity 0s ease; } .main-menu .navbar-header .navbar-toggle[aria-expanded='true'] span.icon-bar:last-child { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: -7px; position: relative; -moz-transition: top 0s ease, transform 0.4s ease; -o-transition: top 0s ease, transform 0.4s ease; -webkit-transition: top 0s ease, transform 0.4s ease; transition: top 0s ease, transform 0.4s ease; } .main-menu .navbar-left, .main-menu .navbar-right { float: none !important; } .main-menu .navbar-toggle { display: block; } .main-menu .navbar-collapse { width: 100%; margin: 0; padding: 0; border-top: 1px solid #385765; overflow-x: hidden; } .main-menu .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .main-menu .navbar-collapse.collapse { display: none !important; } .main-menu .navbar-nav { float: none !important; margin-top: 0; width: 100%; margin: 0 0; } .main-menu .navbar-nav > li { clear: both; height: auto !important; border-right: none !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: relative; width: 100%; } .main-menu .navbar-nav > li.dropdown.open .sub-menu, .main-menu .navbar-nav > li.dropdown.open .megamenu { position: static; float: none; width: 100%; margin-top: 0; border: 0; -webkit-box-shadow: none !important; box-shadow: none !important; background-color: white; } .main-menu .navbar-nav > li.dropdown.open .megamenu { padding: 4px 20px 4px 60px; display: table; } .main-menu .navbar-nav > li.dropdown.open .megamenu li { padding: 0; margin: 0; } .main-menu .navbar-nav > li.dropdown.open .megamenu > li { width: 50%; float: left; display: table-cell; } .main-menu .navbar-nav > li.dropdown.open .megamenu > li:nth-child(2n + 1) { clear: left; } .main-menu .navbar-nav > li.dropdown.open .megamenu > li:nth-child(2n) { padding-left: 10px; } .main-menu .navbar-nav > li.dropdown.open .megamenu > li a { z-index: 1000 !important; background-color: white; height: 40px; padding-top: 10px; line-height: 16px; } .main-menu .navbar-nav > li.dropdown.open .megamenu > li a:focus { background-color: #e5e9ec; } .main-menu .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; } .main-menu .navbar-nav > li > ul { width: 100%; height: auto; z-index: 1000 !important; background-color: white; } .main-menu .navbar-nav > li > ul > li { width: 100%; z-index: 1000 !important; background-color: white; } .main-menu .navbar-nav > li > ul > li > a { z-index: 1000 !important; background-color: white; height: 40px; line-height: 32px; padding-left: 60px; } .main-menu .collapse.in { display: block !important; } .main-menu .navbar-brand { width: 80px !important; background: url(content/images/kreta_icon.png); } .school-title { float: left; } .school-title h3 { color: #406a7c; margin: 17px 0 0 0; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; } .school-title a { text-decoration: none !important; } .school-title a:hover { text-decoration: none !important; } .user-state { float: right; } .usermenu { padding-top: 10px; text-align: right; } .usermenu .dropdown { display: inline-block; margin-right: 10px; } .usermenu .dropdown .userbar { height: 40px; padding-top: 0; padding-bottom: 0; border: none; background: unset; display: flex; float: right; } .usermenu .dropdown .userbar:after { content: '\f0d7'; font-family: FontAwesome; font-size: 12px; top: 10px; position: relative; padding-left: 10px; } .usermenu .dropdown .userbar .userimg-sm { width: 40px; height: 40px; border-radius: 999px; background-size: cover; background-position: center center; background-repeat: no-repeat; display: inline-block; float: left; } .usermenu .dropdown .userbar + .dropdown-menu { left: unset; right: 0; top: 50px; margin: 0; /*padding: 5px 0;*/ border-radius: 0; box-shadow: rgba(0, 0, 0, 0.2) 5px 5px; } .usermenu .dropdown .userbar + .dropdown-menu > li > a { padding: 10px 10px; } .usermenu .dropdown .userbar + .dropdown-menu > li > a i { margin-right: 15px; } .usermenu .dropdown .userbar + .dropdown-menu > li > a:hover { color: #30a8cb; } .usermenu .dropdown.open .userbar:after { content: '\f0d8'; font-family: FontAwesome; font-size: 12px; top: 10px; position: relative; padding-left: 10px; } .usermenu .topnotif { width: 40px; height: 40px; float: right; padding-top: 10px; text-align: center; margin-right: 10px; } .usermenu .topnotif .badge { background-color: #dd4b39; font-weight: 400; font-size: 10px; border-radius: 999px; width: 16px; height: 16px; padding: 2px 0; text-align: center; margin-left: -10px; margin-top: -15px; } .main-header { height: auto; } .main-header .row { margin-left: -15px; margin-right: -15px; } .main-header .school-title h3 { font-size: 24px; line-height: 48px; width: auto; margin: 0; } .main-header .usermenu { padding-top: 4px; margin-right: -15px; box-sizing: border-box; } .main-header .usermenu .username { float: right; } .main-header .usermenu .userbar { padding: 0 10px; } .main-header .usermenu .userbar:focus { background-color: #e5e9ec; } .main-header .usermenu .topnotif { padding-top: 0; } .main-header .usermenu .topnotif a { width: 40px; height: 40px; display: block; padding-top: 10px; box-sizing: border-box; } .main-header .usermenu .topnotif a:focus { background-color: #e5e9ec; } .main-header .usermenu .dropdown .userbar + .dropdown-menu { top: 44px; } .main-menu { position: relative; } .main-menu .navbar > .container-fluid { margin: 0; padding: 0; } .main-menu .navbar-header { float: none; padding-left: 15px; padding-right: 15px; } .main-menu .navbar-header .navbar-toggle[aria-expanded='true'] span.icon-bar { -moz-transition: top 0s ease, opacity 0s ease, transform 0.4s ease; -o-transition: top 0s ease, opacity 0s ease, transform 0.4s ease; -webkit-transition: top 0s ease, opacity 0s ease, transform 0.4s ease; transition: top 0s ease, opacity 0s ease, transform 0.4s ease; } .main-menu .navbar-header .navbar-toggle[aria-expanded='true'] span.icon-bar:nth-child(2) { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 7px; position: relative; -moz-transition: top 0s ease, transform 0.4s ease; -o-transition: top 0s ease, transform 0.4s ease; -webkit-transition: top 0s ease, transform 0.4s ease; transition: top 0s ease, transform 0.4s ease; } .main-menu .navbar-header .navbar-toggle[aria-expanded='true'] span.icon-bar:nth-child(3) { opacity: 0; -moz-transition: opacity 0s ease; -o-transition: opacity 0s ease; -webkit-transition: opacity 0s ease; transition: opacity 0s ease; } .main-menu .navbar-header .navbar-toggle[aria-expanded='true'] span.icon-bar:last-child { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: -7px; position: relative; -moz-transition: top 0s ease, transform 0.4s ease; -o-transition: top 0s ease, transform 0.4s ease; -webkit-transition: top 0s ease, transform 0.4s ease; transition: top 0s ease, transform 0.4s ease; } .main-menu .navbar-left, .main-menu .navbar-right { float: none !important; } .main-menu .navbar-toggle { display: block; } .main-menu .navbar-collapse { width: 100%; margin: 0; padding: 0; border-top: 1px solid #385765; overflow-x: hidden; } .main-menu .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .main-menu .navbar-collapse.collapse { display: none !important; } .main-menu .navbar-nav { float: none !important; margin-top: 0; width: 100%; margin: 0 0; } .main-menu .navbar-nav > li { clear: both; height: auto !important; border-right: none !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: relative; width: 100%; } .main-menu .navbar-nav > li.dropdown.open .sub-menu, .main-menu .navbar-nav > li.dropdown.open .megamenu { position: static; float: none; width: 100%; margin-top: 0; border: 0; -webkit-box-shadow: none !important; box-shadow: none !important; background-color: white; } .main-menu .navbar-nav > li.dropdown.open .megamenu { padding: 4px 20px 4px 60px; display: table; } .main-menu .navbar-nav > li.dropdown.open .megamenu li { padding: 0; margin: 0; } .main-menu .navbar-nav > li.dropdown.open .megamenu > li { width: 50%; float: left; display: table-cell; } .main-menu .navbar-nav > li.dropdown.open .megamenu > li:nth-child(2n + 1) { clear: left; } .main-menu .navbar-nav > li.dropdown.open .megamenu > li:nth-child(2n) { padding-left: 10px; } .main-menu .navbar-nav > li.dropdown.open .megamenu > li a { z-index: 1000 !important; background-color: white; height: 40px; padding-top: 10px; line-height: 16px; } .main-menu .navbar-nav > li.dropdown.open .megamenu > li a:focus { background-color: #e5e9ec; } .main-menu .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; } .main-menu .navbar-nav > li > ul { width: 100%; height: auto; z-index: 1000 !important; background-color: white; } .main-menu .navbar-nav > li > ul > li { width: 100%; z-index: 1000 !important; background-color: white; } .main-menu .navbar-nav > li > ul > li > a { z-index: 1000 !important; background-color: white; height: 40px; line-height: 32px; padding-left: 60px; } .main-menu .collapse.in { display: block !important; } .main-menu .navbar-brand { width: 80px !important; background: url(content/images/kreta_icon.png); } /* general layout */ .main-menu { height: 48px; } .main-menu:before { display: none; } .main-menu .navbar { height: 48px; } .main-menu .navbar .container-fluid { height: 48px; padding: 0; margin-left: 0; margin-right: 0; } .main-menu .navbar .navbar-header { padding-right: 0; margin-left: 0; margin-right: 0; display: flex; align-items: center; height: 48px; } .main-menu .navbar .navbar-brand { width: 48px !important; background: url(content/images/kreta_icon.png); background-size: 32px 32px; background-position: 8px 8px; background-repeat: no-repeat; margin-left: 0; margin-right: 0; overflow: hidden; height: 48px; } .main-menu .navbar .navbar-toggle { border: none; margin: 0; padding: 0px 12px 12px 12px; } .main-menu .navbar .navbar-toggle .sr-only { display: none; } .main-menu .navbar .navbar-toggle .icon-bar { margin-top: 5px; } .main-menu .navbar .navbar-toggle .icon-bar + .icon-bar { margin-top: 5px; } .main-menu .navbar .navbar-collapse .navbar-nav { /*&:after { display: block; margin-bottom: -400em; padding-bottom: 400em; background-color: black; opacity: 0.4; }*/ } .main-menu .navbar .navbar-collapse .navbar-nav li.dropdown { padding-right: 0; padding-left: 0; border: none; border-bottom: 1px solid #6e9fb4; } .main-menu .navbar .navbar-collapse .navbar-nav li.dropdown > .dropdown-toggle, .main-menu .navbar .navbar-collapse .navbar-nav li.dropdown > a { display: block; height: 48px; padding: 12px 10px; padding-left: 12px; } .main-menu .navbar .navbar-collapse .navbar-nav li.dropdown > .dropdown-toggle i, .main-menu .navbar .navbar-collapse .navbar-nav li.dropdown > a i { float: left; font-size: 16px; line-height: 22px; width: 32px; text-align: center; } .main-menu .navbar .navbar-collapse .navbar-nav li.dropdown > .dropdown-toggle span, .main-menu .navbar .navbar-collapse .navbar-nav li.dropdown > a span { float: left; margin-left: 16px; font-size: 16px; } .main-menu .navbar .navbar-collapse .navbar-nav li.dropdown > .dropdown-toggle br, .main-menu .navbar .navbar-collapse .navbar-nav li.dropdown > a br { display: none; } } @media (max-width: 1250px) { .sidebar-container { float: none; clear: both; } .sidebar-container.sidebar-open { width: 100%; border-bottom: 1px solid #c5d3e2; margin-bottom: 0; padding-bottom: 20px; /*.searchPanelRow:nth-of-type(2n+1) { padding-right: 10px; } .searchPanelRow:nth-of-type(2n) { padding-left: 10px; }*/ } .sidebar-container.sidebar-open .sideSearchPanel { margin: 0 -20px; } .sidebar-container.sidebar-open .searchPanelRow { width: 50%; float: left; min-height: 68px; padding: 0 20px; box-sizing: border-box; } .content-container { transition: all 0s; } .content-container.sidebar-open { float: none; margin-left: 0; clear: both; transition: all 0s; width: 100%; } } .searchPanelButton { padding-bottom: 10px !important; } .sideSearchPanel { overflow-y: auto !important; height: 100%; max-height: 63vh !important; margin-right: -20px !important; padding-right: 5px; } @media only screen and (max-width: 1920px) { .sideSearchPanel { min-height: 63vh; } } @media only screen and (max-height: 768px) { .sideSearchPanel { min-height: 10vh !important; max-height: 53vh !important; } } /**/ .calendarComboBox { width: 250px; } .head-sidebar-tab-item { background-color: #54a5d1 !important; color: white; font-weight: bold; } .customNotification table { white-space: normal; } .onlylink { display: block !important; padding: 0px !important; line-height: 20px !important; text-decoration: none !important; background-color: white !important; text-align: center !important; text-transform: uppercase !important; border: 0px !important; } .onlylink::before { display: none !important; } .onlylink:hover { transition: none !important; color: initial !important; } .kretaStrikedGridRow td { text-decoration: line-through; } .mymenu { left: unset; right: 15px; } .mymenu a { text-align: right; } .mydropdown-menu { width: 250px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mydropdown-submenu { position: relative; text-align: right; } .mydropdown-submenu > .mydropdown-menu { top: 0; left: -100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mydropdown-submenu:hover > .mydropdown-menu { display: block; } .mydropdown-submenu > a:after { display: block; content: ' '; float: left; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 5px 5px 0px; border-right-color: #ccc; margin-top: 5px; margin-right: -10px; } .mydropdown-submenu:hover > a:after { border-left-color: #fff; } .mydropdown-submenu.pull-left { float: none; } .mydropdown-submenu.pull-left > .mydropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .sugo { padding: 0px; margin: 0px; border: 0px; background: initial; } .sugo i { margin-top: -5px; } .dropdown-menu .menulinkpdf { display: block !important; padding: 3px 20px !important; text-decoration: none !important; background-color: white !important; border: 0px !important; margin: 0px !important; transition: none !important; height: auto !important; } .dropdown-menu .menulinkpdf::before { display: none !important; } .dropdown-menu .menulinkpdf:hover { transition: none !important; color: initial !important; background-image: none !important; background-color: #f5f5f5 !important; } .eslgridheader { padding-left: 10px; padding-top: 40px; text-align: left; } .kretaLabelTooltip .kretaLabelTooltipImg, .kretaLabelTooltipOuter .kretaLabelTooltipImgOuter { height: 10px; padding: 0px 0px 0px 10px; background-image: url('../Content/content/images/Information_icon.png'); background-size: 10px 10px; background-repeat: no-repeat; } .kretaLabelTooltip .kretaLabelTooltipText, .kretaLabelTooltipOuter + .kretaLabelTooltipTextOuter { visibility: hidden; background-color: #f4f4f4; color: #5c6a79; text-align: center; border-radius: 6px; padding: 5px; position: absolute; z-index: 1; border: 1px solid #c0c0c0; } .kretaLabelTooltip:hover .kretaLabelTooltipText, .kretaLabelTooltipOuter:hover + .kretaLabelTooltipTextOuter { visibility: visible; } .selectTanev { width: 130px; text-align: right; border: 0; } .selectTanev * { height: 20px !important; overflow: hidden; border: 0; } .kovTanevBackgound { border: 0 !important; } .main-header.kovTanevBackgound { background-color: #30a8cb; } .main-header .kovTanevBackgound { background-color: #56d9ff; border-radius: 10px; line-height: 22px; } .main-header.kovTanevBackgound .school-title h3 { color: white; } .main-header.kovTanevBackgound .usermenu .topnotif { background-color: #56d9ff; border-radius: 10px; } .main-header.kovTanevBackgound .usermenu .dropdown { background-color: #56d9ff; border-radius: 10px; } .selectTanev .k-select { line-height: 22px; } .selectTanev .k-input { font-weight: bold; padding: 0; } .k-grid > .k-grid-toolbar > .kendo-gridFunctionKommand button.clearBefore:before { content: none; } .k-grid > .k-grid-toolbar > .kendo-gridFunctionKommand button.margin-right-20px { margin-right: 20px; } .k-grid > .k-grid-toolbar > .kendo-gridFunctionKommand button.margin-right-10px { margin-right: 10px; } .GridHeaderRightTB { float: right; position: absolute; top: 20px; right: 135px; z-index: 1; } @media (max-width: 600px) { .topnotif { display: none; } .megamenu > li > ul > li { display: inline-block; } } [data-badge]:after { background: #dd4b39; border-radius: 30px; color: #fff; content: attr(data-badge); font-size: 10px; margin-top: -10px; min-width: 20px; padding: 2px; position: absolute; text-align: center; font-family: 'Open Sans'; } [data-badge^='-']:after, [data-badge='0']:after, [data-badge='']:after { display: none; } div.hideNyelviesites { display: none !important; } div.showNyelviesites { display: inherit !important; } input.k-checkbox.disableCheckBoxFixHeight + label.k-checkbox-label { height: initial; } .h4-zero-top-margin { margin-top: 0px !important; } .windowInputLabel, .windowInputValue { display: flex; align-items: center; min-height: calc(2.694em + 8px); } .k-grid .k-grid-header .k-header span.k-link { display: inline-flex; align-items: center; } .k-checkbox-label, .k-radio-label { display: flex; } .k-grid .k-checkbox-label, .k-gird .k-radio-label { display: inline-block; } /* Disable Icon Outline */ a.k-icon:focus { outline: none; }