28019 lines
528 KiB
CSS
28019 lines
528 KiB
CSS
/*!.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;
|
|
}
|