UNPKG

@progress/kendo-ui

Version:

This package is part of the [Kendo UI for jQuery](http://www.telerik.com/kendo-ui) suite.

1,943 lines 69.8 kB
/*! * Copyright 2018 Telerik EAD * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .k-theme-test-class, .ktb-theme-id-highcontrast { opacity: 0; } .ktb-var-accent { color: #870074; } .ktb-var-base { color: #2c232b; } .ktb-var-background { color: #1b141a; } .ktb-var-border-radius { border-radius: 13px; } .ktb-var-normal-background { color: #1b141a; } .ktb-var-normal-gradient { background-image: url(textures/glass-lighter.png); } .ktb-var-normal-text-color { color: #fff; } .ktb-var-hover-background { color: #a7008f; } .ktb-var-hover-gradient { background-image: url(textures/glass-lighter.png); background-image: url(textures/glass-lighter.png), linear-gradient(to bottom, rgba(255,255,255,.2) 0%, rgba(255,255,255,.0) 100%); } .ktb-var-hover-text-color { color: #fff; } .ktb-var-selected-background { color: #870074; } .ktb-var-selected-gradient { background-image: url(textures/glass-lighter.png); background-image: url(textures/glass-lighter.png), linear-gradient(to bottom, rgba(255,255,255,.3) 0%, rgba(255,255,255,.1) 100%); } .ktb-var-selected-text-color { color: #fff; } .ktb-var-error { color: #be5138; } .ktb-var-warning { color: #e9a71d; } .ktb-var-success { color: #2b893c; } .ktb-var-info { color: #0c779b; } .ktb-var-series-a { color: #a7008f; } .ktb-var-series-b { color: #ffb800; } .ktb-var-series-c { color: #3aafff; } .ktb-var-series-d { color: #99c900; } .ktb-var-series-e { color: #b20753; } .ktb-var-series-f { color: #ff4195; } .k-grid-norecords-template { background-color: #1b141a; border: 1px solid #674c63; } .k-button { border-radius: 13px; border-color: #674c63; color: #fff; background-color: #2c232b; background-position: 50% 50%; background-image: url(textures/glass-lighter.png); } .k-button:hover, .k-button.k-state-hover { color: #fff; border-color: #a7008f; background-color: #a7008f; background-image: url(textures/glass-lighter.png); background-image: url(textures/glass-lighter.png), linear-gradient(to bottom, rgba(255,255,255,.2) 0%, rgba(255,255,255,.0) 100%); } .k-button:active, .k-button.k-state-active { color: #fff; background-color: #870074; border-color: #870074; background-image: url(textures/glass-lighter.png); background-image: url(textures/glass-lighter.png), linear-gradient(to bottom, rgba(255,255,255,.3) 0%, rgba(255,255,255,.1) 100%); box-shadow: none; } .k-button.k-state-active:hover { color: #fff; border-color: #a5028e; background-color: #a5028e; } .k-button:focus:active { box-shadow: inset 0 0 3px 1px #fff; } .k-button[disabled], .k-state-disabled .k-button, .k-state-disabled .k-button:hover, .k-button.k-state-disabled, .k-button.k-state-disabled:hover { color: #808080; border-color: #674c63; background-color: #2c232b; background-image: url(textures/glass-lighter.png); } .k-button[disabled], .k-button.k-state-disabled, .k-button.k-state-disabled:active { box-shadow: none; } .k-button:focus, .k-button:focus:hover, .k-button.k-state-focused, .k-button.k-state-focused.k-state-disabled, .k-state-disabled .k-button.k-state-focused { border-color: #674c63; box-shadow: inset 0 0 3px 1px #fff; } .k-primary { color: #fff; border-color: #a5028e; background-color: #880075; background-image: url(textures/glass-lighter.png); background-image: url(textures/glass-lighter.png), linear-gradient(to bottom, rgba(255,255,255,.3) 0%, rgba(255,255,255,.1) 100%); } .k-primary:hover, .k-primary.k-state-hover { color: #fff; border-color: #a5028e; background-color: #a5028e; background-image: url(textures/glass-lighter.png); background-image: url(textures/glass-lighter.png), linear-gradient(to bottom, rgba(255,255,255,.2) 0%, rgba(255,255,255,.0) 100%); } .k-primary:active, .k-primary.k-state-active { color: #fff; border-color: #a5028e; background-color: #880075; background-image: url(textures/glass-lighter.png); background-image: url(textures/glass-lighter.png), linear-gradient(to bottom, rgba(255,255,255,.3) 0%, rgba(255,255,255,.1) 100%); } .k-primary:focus:active:not(.k-state-disabled):not([disabled]) { box-shadow: 0 0 3px 0 #fff; } .k-primary[disabled], .k-state-disabled .k-primary, .k-state-disabled .k-primary:hover, .k-primary.k-state-disabled, .k-primary.k-state-disabled:hover { color: #b5b5b5; border-color: #a5028e; background-color: #880075; box-shadow: none; background-image: url(textures/glass-lighter.png); background-image: url(textures/glass-lighter.png), linear-gradient(to bottom, rgba(255,255,255,.3) 0%, rgba(255,255,255,.1) 100%); } .k-primary[disabled], .k-primary.k-state-disabled { box-shadow: none; } .k-primary:focus, .k-primary.k-state-focused { border-color: #fff; box-shadow: 0 0 3px 0 #fff; } .k-button-group { border-radius: 13px; } .k-button-group .k-button { border-radius: 0; } .k-button-group .k-group-start, .k-button-group .k-button:first-child { border-top-left-radius: 13px; border-bottom-left-radius: 13px; } .k-button-group .k-group-end, .k-button-group .k-button:last-child { border-top-right-radius: 13px; border-bottom-right-radius: 13px; } .k-button-group .k-group-start.k-group-end, .k-button-group .k-button:first-child:last-child { border-radius: 13px; } .k-rtl .k-button-group .k-button { border-radius: 0; } .k-rtl .k-button-group .k-group-start, .k-rtl .k-button-group .k-button:first-child { border-top-right-radius: 13px; border-bottom-right-radius: 13px; } .k-rtl .k-button-group .k-group-end, .k-rtl .k-button-group .k-button:last-child { border-top-left-radius: 13px; border-bottom-left-radius: 13px; } .k-rtl .k-button-group .k-group-start.k-group-end, .k-rtl .k-button-group .k-button:first-child:last-child { border-radius: 13px; } .k-split-button { border-radius: 13px; } .k-split-button.k-state-border-down > .k-button, .k-split-button.k-state-border-up > .k-button { color: #fff; background-color: #a7008f; border-color: #a7008f; background-image: url(textures/glass-lighter.png); background-image: url(textures/glass-lighter.png), linear-gradient(to bottom, rgba(255,255,255,.2) 0%, rgba(255,255,255,.0) 100%); box-shadow: none; } .k-split-button:focus { border-color: #674c63; outline: none; box-shadow: inset 0 0 3px 1px #fff; } .k-split-button:focus > .k-button { background: transparent; border-color: #674c63; } .k-split-button:focus:not(.k-state-disabled) > .k-state-active, .k-split-button:focus:not(.k-state-disabled) > .k-button:hover { color: #fff; background-color: #a7008f; border-color: #674c63; background-image: url(textures/glass-lighter.png); background-image: url(textures/glass-lighter.png), linear-gradient(to bottom, rgba(255,255,255,.2) 0%, rgba(255,255,255,.0) 100%); box-shadow: none; } .k-split-button.k-state-disabled { color: #808080; background: #2c232b; background-image: url(textures/glass-lighter.png); } .k-edit-buttons { border-color: #674c63; background: #2c232b; } .k-card { border-color: #674c63; color: #fff; background-color: #1b141a; } .k-card-header { border-color: #674c63; color: #fff; background-color: #2c232b; } .k-card-actions { border-color: #674c63; } .k-chat { border-color: #674c63; color: #fff; background-color: #1b141a; } .k-chat .k-timestamp { text-transform: uppercase; opacity: 0.7; } .k-chat .k-author { font-weight: bold; } .k-chat .k-bubble { border-color: #2c232b; color: #fff; background-color: #2c232b; transition: box-shadow 0.2s ease-in-out; -ms-flex-order: -1; order: -1; } .k-chat .k-alt .k-bubble { border-color: #870074; color: #ffffff; background-color: #870074; } .k-chat .k-quick-reply { border-color: #870074; color: #870074; background-color: transparent; } .k-chat .k-quick-reply:hover { border-color: #870074; color: #ffffff; background-color: #870074; } .k-chat .k-message-box { border-color: inherit; color: #fff; background-color: #1b141a; } .k-chat .k-message-box .k-button:hover { color: #870074; } .k-chat .k-toolbar-box { border-color: inherit; color: #fff; background-color: #2c232b; } .k-chat .k-toolbar-box .k-button:hover { color: #870074; background: none; } .k-chat .k-toolbar-box .k-scroll-button { background-color: #1b141a; box-shadow: 0 0 20px 5px #1b141a; } .k-chat .k-toolbar-box .k-scroll-button:hover { background-color: #1b141a; } .k-in, .k-item, .k-window-action { border-color: transparent; } .k-splitbar .k-resize-handle { background-color: #fff; } .k-block, .k-widget { background-color: #1b141a; } .k-maskedtextbox { background-color: transparent; } .k-block, .k-widget, .k-input, .k-textbox, .k-group, .k-content, .k-header, .k-filter-row > th, .k-editable-area, .k-separator, .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-default .k-select, .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-tooltip, .k-button-group .k-tool, .k-upload-files, .k-popup.k-align .k-list .k-item:last-child, .k-editor-dialog .k-tabstrip-items, .k-maskedtextbox.k-state-disabled > .k-textbox:hover, .k-dateinput.k-state-disabled > .k-textbox:hover { border-color: #674c63; } .k-group, .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-calendar .k-alt, .k-dropzone-hovered, .k-popup { background-color: #1b141a; } .k-grouping-row td, td.k-group-cell, .k-resize-handle-inner, .k-grid .k-state-selected:hover .k-group-cell { background-color: #2c232b; } .k-list-container { border-color: #674c63; background-color: #2c232b; } .k-content, .k-editable-area, .k-panelbar > li.k-item, .k-panel > li.k-item, .k-tiles { background-color: #2c232b; } .k-alt, .k-separator, .k-resource.k-alt, .k-pivot-layout > tbody > tr:first-child > td:first-child { background-color: #2c232b; } .k-pivot-rowheaders .k-alt .k-alt, .k-header.k-alt { background-color: #433541; } .k-textbox, .k-autocomplete.k-header, .k-dropdown-wrap.k-state-active, .k-picker-wrap.k-state-active, .k-numeric-wrap.k-state-active { border-color: #674c63; background-color: #2c232b; } .k-textbox > input, .k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-autocomplete.k-state-focused .k-input, .k-dropdown-wrap.k-state-focused .k-input, .k-picker-wrap.k-state-focused .k-input, .k-numeric-wrap.k-state-focused .k-input { border-color: #674c63; } input.k-textbox, textarea.k-textbox, input.k-textbox:hover, textarea.k-textbox:hover, .k-textbox > input { background: none; } .k-input, input.k-textbox, textarea.k-textbox, input.k-textbox:hover, textarea.k-textbox:hover, .k-textbox > input, .k-multiselect-wrap { background-color: #1b141a; color: #fff; } .k-input[readonly] { background-color: #1b141a; color: #fff; } .k-block, .k-widget, .k-popup, .k-content, .k-toolbar, .k-dropdown .k-input { color: #fff; } .k-inverse { color: #000000; } .k-block { color: #fff; } .k-link:link, .k-link:visited, .k-nav-current.k-state-hover .k-link { color: #fff; } .k-tabstrip-items .k-link, .k-panelbar > li > .k-link { color: #fff; } .k-header, .k-treemap-title, .k-grid-header .k-header > .k-link { color: #fff; } .k-header, .k-grid-header, .k-toolbar, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap, .k-grouping-header, .k-pager-wrap, .k-textbox, .k-progressbar, .k-draghandle, .k-autocomplete, .k-state-highlight, .k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item, .km-pane-wrapper > .km-pane > .km-view > .km-content { background-image: url(textures/glass-lighter.png); background-position: 50% 50%; background-color: #2c232b; } .k-widget.k-tooltip { background-image: url(textures/glass-lighter.png); } .k-block, .k-treemap-tile, html .km-pane-wrapper .k-header { background-color: #2c232b; } .k-mediaplayer-toolbar { background: rgba(44, 35, 43, 0.85); } .k-hr { border-color: #674c63; } .k-icon:hover, .k-state-hover .k-icon, .k-state-selected .k-icon, .k-state-focused .k-icon, .k-column-menu .k-state-hover .k-sprite, .k-column-menu .k-state-active .k-sprite, .k-pager-numbers .k-current-page .k-link:hover:after, .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view.k-state-hover > .k-link:after { opacity: 1; } .k-icon, .k-state-disabled .k-icon, .k-column-menu .k-sprite, .k-pager-numbers .k-current-page .k-link:after, .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after { opacity: 1; } .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: 1; } .k-badge { background-color: #870074; color: #fff; border-radius: 12px; } .k-tool { border-color: transparent; } .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('HighContrast/sprite.png'); border-color: transparent; } .k-mobile-list .k-check:checked, .k-mobile-list .k-edit-field [type=checkbox]:checked { font-family: 'WebComponentsIcons'; background-image: none; } .k-mobile-list .k-check:checked:before, .k-mobile-list .k-edit-field [type=checkbox]:checked:before { content: "\e118"; } .k-i-loading { background-image: url('HighContrast/loading.gif'); } .k-loading-image { background-image: url('HighContrast/loading-image.gif'); } .k-loading-color { background-color: #2c232b; } .k-draghandle { border-color: #674c63; background-color: #2c232b; box-shadow: none; } .k-draghandle:hover { border-color: #a7008f; background-color: #a7008f; box-shadow: none; } .k-scheduler { color: #000000; background-color: #1b141a; } .k-scheduler-layout { color: #fff; } .k-scheduler-datecolumn, .k-scheduler-groupcolumn { background-color: #1b141a; color: #fff; } .k-scheduler-times tr, .k-scheduler-times th, .k-scheduler-table td, .k-scheduler-header th, .k-scheduler-header-wrap, .k-scheduler-times { border-color: #674c63; } .k-scheduler-table .k-nonwork-hour, .k-scheduler-dayview .k-today.k-nonwork-hour, .k-scheduler-timelineview .k-today.k-nonwork-hour { background-color: #51404f; } .k-gantt .k-nonwork-hour { background-color: rgba(0, 0, 0, 0.02); } .k-gantt .k-header.k-nonwork-hour { background-color: rgba(0, 0, 0, 0.2); } .k-scheduler-table .k-today, .k-today > .k-scheduler-datecolumn, .k-today > .k-scheduler-groupcolumn { background-color: #473544; } .k-scheduler-now-arrow { border-left-color: #ab0093; } .k-scheduler-now-line { background-color: #ab0093; } .k-event, .k-task-complete { border-color: #f0f0f0; background: #c9c9c9 0 -257px url(textures/glass-lighter.png) repeat-x; color: #000000; } .k-event-inverse { color: #fff; } .k-event.k-state-selected { background-position: 0 0; box-shadow: 0 0 0 2px #fff; } .k-event .k-resize-handle:after, .k-task-single .k-resize-handle:after { background-color: #fff; } .k-scheduler-marquee:before, .k-scheduler-marquee:after { border-color: #870074; } .k-panelbar .k-content, .k-panelbar .k-panel, .k-panelbar .k-item { background-color: #2c232b; color: #fff; border-color: #674c63; } .k-panelbar > li > .k-link { color: #fff; } .k-panelbar > .k-item > .k-link { border-color: #674c63; } .k-panel > li.k-item { background-color: #2c232b; } .k-state-active, .k-state-active:hover, .k-active-filter { background-color: #2c232b; border-color: #a7008f; color: #fff; } .k-fieldselector .k-list-container { background-color: #2c232b; } .k-menu .k-state-hover > .k-state-active { background-color: transparent; } .k-state-highlight { background: #2c232b; color: #fff; } .k-state-focused, .k-grouping-row .k-state-focused { border-color: #fff; } .k-mediaplayer-toolbar .k-button.k-bare:active, .k-mediaplayer-toolbar .k-button.k-bare.k-state-active, .k-mediaplayer-toolbar .k-button.k-bare.k-state-active:hover { color: #870074; } .k-calendar .k-link { color: #fff; } .k-calendar .k-footer { padding: 0; } .k-calendar .k-footer .k-nav-today { color: #fff; text-decoration: none; background-color: #1b141a; } .k-calendar .k-footer .k-nav-today:hover, .k-calendar .k-footer .k-nav-today.k-state-hover { background-color: #1b141a; text-decoration: underline; } .k-calendar .k-footer .k-nav-today:active { background-color: #1b141a; } .k-calendar .k-link.k-nav-fast { color: #fff; } .k-calendar .k-nav-fast.k-state-hover { text-decoration: none; background-color: #a7008f; color: #fff; } .k-calendar .k-calendar .k-link.k-state-hover { border-radius: 13px; } .k-calendar .k-today .k-link { box-shadow: 0 0 0 1px #870074; font-weight: bold; } .k-calendar .k-today.k-state-hover .k-link, .k-calendar .k-today.k-state-focused .k-link, .k-calendar .k-today.k-state-selected .k-link { box-shadow: none; } .k-calendar .k-footer .k-link { border-radius: 0; } .k-calendar th { background-color: #1b141a; } .k-calendar td.k-state-focused.k-state-selected, .k-calendar td.k-state-selected.k-state-active, .k-calendar td.k-state-selected:active, .k-calendar td.k-state-selected.k-state-hover:active { box-shadow: inset 0 0 3px 1px #fff; } .k-window-titlebar .k-link { border-radius: 13px; } .k-calendar-container.k-group { border-color: #674c63; } .k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-tool.k-state-selected, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-marquee-color { color: #fff; background-color: #870074; border-color: #870074; } .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-color: #a7008f; } .k-group-header + div > .k-list > .k-item.k-first:before { border-top-color: #a7008f; } .k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header { background: #a7008f; color: #fff; } .k-popup .k-list .k-item > .k-group { background: #a7008f; color: #fff; border-bottom-left-radius: 12px; } .k-marquee-text { color: #fff; } .k-state-focused, .k-list > .k-state-focused, .k-listview > .k-state-focused, .k-grid-header th.k-state-focused, td.k-state-focused { box-shadow: inset 0 0 3px 1px #fff; } .k-state-focused.k-state-selected, .k-list > .k-state-focused.k-state-selected, .k-listview > .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected { box-shadow: inset 0 0 3px 1px #fff; } .k-list-optionlabel.k-state-selected.k-state-focused { box-shadow: none; } .k-state-selected > .k-link, .k-panelbar > li > .k-state-selected, .k-panelbar > li.k-state-default > .k-link.k-state-selected { color: #fff; } .k-state-hover, .k-state-hover:hover, .k-splitbar-horizontal-hover:hover, .k-splitbar-vertical-hover:hover, .k-list > .k-state-hover, .k-scheduler .k-scheduler-toolbar ul li.k-state-hover, .k-pager-wrap .k-link:hover, .k-dropdown .k-state-focused, .k-filebrowser-dropzone, .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: #fff; background-color: #a7008f; border-color: #a7008f; } .k-pager-wrap .k-link.k-state-disabled { color: #fff; border-color: #674c63; } .k-mobile-list .k-scheduler-timezones .k-edit-field:nth-child(2):active { color: #fff; background-color: #a7008f; border-color: #a7008f; } .k-state-hover > .k-select, .k-state-focused > .k-select { border-color: #a7008f; } .k-textbox:hover, .k-state-hover, .k-state-hover:hover, .k-pager-wrap .k-link:hover, div.k-filebrowser-dropzone em, .k-draghandle:hover, .k-listbox .k-item:hover:not(.k-state-disabled) { background-image: url(textures/glass-lighter.png); background-image: url(textures/glass-lighter.png), linear-gradient(to bottom, rgba(255,255,255,.2) 0%, rgba(255,255,255,.0) 100%); } .k-pager-wrap { background-color: #2c232b; color: #fff; } .k-autocomplete.k-state-active, .k-picker-wrap.k-state-active, .k-numeric-wrap.k-state-active, .k-dropdown-wrap.k-state-active, .k-state-active, .k-state-active:hover, .k-state-active > .k-link, .k-panelbar > .k-item > .k-state-focused { background-image: url(textures/glass-lighter.png); } .k-state-selected, .k-draghandle.k-state-selected:hover { background-image: url(textures/glass-lighter.png); background-image: url(textures/glass-lighter.png), linear-gradient(to bottom, rgba(255,255,255,.3) 0%, rgba(255,255,255,.1) 100%); } .k-draghandle.k-state-selected:hover { background-position: 50% 50%; } .k-state-hover > .k-link, .k-other-month.k-state-hover .k-link, div.k-filebrowser-dropzone em { color: #fff; } .k-autocomplete.k-state-hover, .k-autocomplete.k-state-focused, .k-picker-wrap.k-state-hover, .k-picker-wrap.k-state-focused, .k-numeric-wrap.k-state-hover, .k-numeric-wrap.k-state-focused, .k-dropdown-wrap.k-state-hover, .k-dropdown-wrap.k-state-focused { background-color: #a7008f; background-image: url(textures/glass-lighter.png); background-image: url(textures/glass-lighter.png), linear-gradient(to bottom, rgba(255,255,255,.2) 0%, rgba(255,255,255,.0) 100%); background-position: 50% 50%; border-color: #674c63; } .km-pane-wrapper .k-mobile-list input:not([type="checkbox"]):not([type="radio"]), .km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]), .km-pane-wrapper .k-mobile-list textarea, .k-dropdown .k-state-focused .k-input { color: #fff; } .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right { background-image: url(textures/glass-lighter.png); background-position: 50% 50%; background: #2c232b; border-color: #2c232b; } .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input { background: #1b141a; border-color: #674c63; } .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input:focus { border-color: #a7008f; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.7); } .k-dropdown .k-state-hover .k-input { color: #fff; } .k-state-error { border-color: #ab0093; background-color: #ab0093; color: #fff; } .k-state-disabled { opacity: 0.7; } .k-tile-empty.k-state-selected, .k-loading-mask.k-state-selected { border-width: 0; background-image: none; background-color: transparent; } .k-state-disabled, .k-state-disabled .k-link, .k-other-month, .k-other-month .k-link, .k-dropzone em, .k-tile-empty strong, .k-slider .k-draghandle { color: #808080; } .k-dropzone .k-upload-status { color: #fff; } .k-file .k-upload-status { color: #fff; } .k-progressbar-indeterminate { background: url('HighContrast/indeterminate.gif'); } .k-progressbar-indeterminate .k-progress-status-wrap, .k-progressbar-indeterminate .k-state-selected { display: none; } .k-slider-track { background-color: #674c63; } .k-slider-selection { background-color: #870074; } .k-slider-horizontal .k-tick { background-image: url('HighContrast/slider-h.gif'); } .k-slider-vertical .k-tick { background-image: url('HighContrast/slider-v.gif'); } .k-widget.k-tooltip, .k-chart-crosshair-tooltip, .k-chart-shared-tooltip { border-color: #c9c9c9; background-color: #2c232b; color: #fff; } .k-widget.k-tooltip-validation { border-color: #e9a71d; background-color: #e9a71d; color: #ffffff; } .input-prepend .k-tooltip-validation, .input-append .k-tooltip-validation { font-size: 12px; position: relative; top: 3px; } .k-callout-n { border-bottom-color: #c9c9c9; } .k-callout-w { border-right-color: #c9c9c9; } .k-callout-s { border-top-color: #c9c9c9; } .k-callout-e { border-left-color: #c9c9c9; } .k-tooltip-validation .k-callout-n { border-bottom-color: #e9a71d; } .k-tooltip-validation .k-callout-w { border-right-color: #e9a71d; } .k-tooltip-validation .k-callout-s { border-top-color: #e9a71d; } .k-tooltip-validation .k-callout-e { border-left-color: #e9a71d; } .k-splitbar { background-color: #2c232b; } .k-restricted-size-vertical, .k-restricted-size-horizontal { background-color: #fff; } .k-file { background-color: #2c232b; border-color: #674c63; } .k-file-progress { color: #fff; } .k-file-progress .k-progress { background-color: #fff; } .k-file-success .k-file-name, .k-file-success .k-upload-pct { color: #fff; } .k-file-success .k-progress { background-color: #2b893c; } .k-file-error { color: #fff; } .k-file-error .k-file-extension-wrapper, .k-file-error .k-multiple-files-extension-wrapper { color: #fff; border-color: #fff; } .k-file-error .k-file-extension-wrapper:before, .k-file-error .k-multiple-files-extension-wrapper:before { border-color: transparent transparent #fff #fff; } .k-file-error .k-progress { background-color: #be5138; } .k-file-extension-wrapper, .k-multiple-files-extension-wrapper { color: #fff; border-color: #fff; } .k-file-invalid .k-file-name-invalid { color: #be5138; } .k-file-invalid-extension-wrapper, .k-multiple-files-invalid-extension-wrapper { color: #be5138; border-color: #be5138; } .k-file-extension-wrapper:before, .k-multiple-files-extension-wrapper:before { background-color: #2c232b; border-color: transparent transparent #fff #fff; } .k-file-invalid-extension-wrapper:before, .k-multiple-files-invalid-extension-wrapper:before { background-color: #2c232b; border-color: transparent transparent #be5138 #be5138; } .k-multiple-files-extension-wrapper:after { border-top-color: #fff; border-left-color: #fff; } .k-multiple-files-invalid-extension-wrapper:after { border-top-color: #be5138; border-left-color: #be5138; } .k-file-size, .k-file-information, .k-file-validation-message { color: #fff; } .k-upload .k-upload-selected { border-color: #674c63; } .k-tile { border-color: #2c232b; } .k-textbox:hover, .k-tiles li.k-state-hover { border-color: #a7008f; } .k-tiles li.k-state-selected { border-color: #870074; } .k-leaf, .k-leaf.k-state-hover:hover { color: #fff; } .k-leaf.k-inverse, .k-leaf.k-inverse.k-state-hover:hover { color: #000; } .k-slider, .k-treeview, .k-upload { box-shadow: none; } .k-state-hover { box-shadow: none; } .k-textbox:focus, .k-autocomplete.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-picker-wrap.k-state-focused, .k-numeric-wrap.k-state-focused { box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.7); } .k-state-selected { box-shadow: none; } .k-state-active { box-shadow: none; } .k-grid td.k-state-selected.k-state-focused { background-color: #960081; } .k-popup, .k-menu .k-menu-group, .k-grid .k-filter-options, .k-time-popup, .k-datepicker-calendar, .k-autocomplete.k-state-border-down, .k-autocomplete.k-state-border-up, .k-dropdown-wrap.k-state-active, .k-picker-wrap.k-state-active, .k-multiselect.k-state-focused, .k-filebrowser .k-image, .k-tooltip { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.7); } .k-treemap-tile.k-state-hover { box-shadow: inset 0 0 0 3px #674c63; } .k-window { border-color: rgba(0, 0, 0, 0.7); box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.7); background-color: #1b141a; } .k-window.k-state-focused { border-color: rgba(0, 0, 0, 0.7); box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.7); } .k-window.k-window-maximized, .k-window-maximized .k-window-titlebar, .k-window-maximized .k-window-content { border-radius: 0; } .k-shadow { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.7); } .k-inset { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.7); } .k-editor-inline ::-moz-selection { background-color: #870074; text-shadow: none; color: #fff; } .k-editor-inline ::selection { background-color: #870074; text-shadow: none; color: #fff; } .k-editor-inline ::-moz-selection { background-color: #870074; text-shadow: none; color: #fff; } .k-notification-info { background-color: #0c779b; color: #fff; border-color: #0c779b; } .k-notification-success { background-color: #2b893c; color: #fff; border-color: #2b893c; } .k-notification-warning { background-color: #e9a71d; color: #fff; border-color: #e9a71d; } .k-notification-error { background-color: #be5138; color: #fff; border-color: #be5138; } .k-gantt .k-treelist { background: #2c232b; } .k-gantt .k-treelist .k-alt { background-color: #100c0f; } .k-gantt .k-treelist tr:hover { background-color: #a7008f; } .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: #870074; } .k-gantt .k-treelist .k-state-selected:hover, .k-gantt .k-treelist .k-state-selected:hover td { background-color: #a7008f; } .k-task-dot:after { background-color: #fff; border-color: #fff; } .k-task-dot:hover:after { background-color: #2c232b; } .k-task-summary { border-color: #bfbfbf; background: #bfbfbf; } .k-task-milestone, .k-task-summary-complete { border-color: #fff; background: #fff; } .k-state-selected.k-task-summary { border-color: #080006; background: #080006; } .k-state-selected.k-task-milestone, .k-state-selected .k-task-summary-complete { border-color: #870074; background: #870074; } .k-task-single { background-color: #ffffff; border-color: #f0f0f0; color: #000000; } .k-state-selected.k-task-single { border-color: #870074; } .k-line { background-color: #fff; color: #fff; } .k-state-selected.k-line { background-color: #870074; color: #870074; } .k-resource { background-color: #1b141a; } .k-block, .k-textbox, .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-autocomplete, .k-multiselect, .k-combobox, .k-dropdown, .k-dropdown-wrap, .k-datepicker, .k-timepicker, .k-colorpicker, .k-datetimepicker, .k-notification, .k-numerictextbox, .k-picker-wrap, .k-numeric-wrap, .k-list-container, .k-calendar-container, .k-calendar td, .k-calendar .k-link, .k-treeview .k-in, .k-editor-inline, .k-tooltip, .k-tile, .k-slider-track, .k-slider-selection, .k-upload, .k-split-button { border-radius: 13px; } .k-tool { text-align: center; vertical-align: middle; } .k-tool.k-group-start, .k-toolbar .k-split-button .k-button, .k-toolbar .k-button-group .k-group-start { border-radius: 13px 0 0 13px; } .k-rtl .k-tool.k-group-start, .k-rtl .k-toolbar .k-split-button .k-button, .k-rtl .k-toolbar .k-button-group .k-group-start { border-radius: 0 13px 13px 0; } .k-toolbar .k-button-group > .k-group-end { border-radius: 13px; } .k-tool.k-group-end, .k-toolbar .k-button-group .k-button + .k-group-end, .k-toolbar .k-split-button .k-split-button-arrow { border-radius: 0 13px 13px 0; } .k-rtl .k-tool.k-group-end, .k-rtl .k-toolbar .k-button-group .k-group-end, .k-rtl .k-toolbar .k-split-button .k-split-button-arrow { border-radius: 13px 0 0 13px; } .k-group-start.k-group-end.k-tool { border-radius: 13px; } .k-calendar-container.k-state-border-up, .k-list-container.k-state-border-up, .k-autocomplete.k-state-border-up, .k-multiselect.k-state-border-up, .k-dropdown-wrap.k-state-border-up, .k-picker-wrap.k-state-border-up, .k-numeric-wrap.k-state-border-up, .k-window-content, .k-filter-menu { border-radius: 0 0 13px 13px; } .k-autocomplete.k-state-border-up .k-input, .k-dropdown-wrap.k-state-border-up .k-input, .k-picker-wrap.k-state-border-up .k-input, .k-picker-wrap.k-state-border-up .k-selected-color, .k-numeric-wrap.k-state-border-up .k-input { border-radius: 0 0 0 13px; } .k-multiselect.k-state-border-up .k-multiselect-wrap { border-radius: 0 0 13px 13px; } .k-window-titlebar, .k-block > .k-header, .k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item, .k-tabstrip-items .k-link, .k-calendar-container.k-state-border-down, .k-list-container.k-state-border-down, .k-autocomplete.k-state-border-down, .k-multiselect.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-radius: 13px 13px 0 0; } .k-split-button.k-state-border-down > .k-button { border-radius: 13px 0 0 0; } .k-split-button.k-state-border-up > .k-button { border-radius: 0 0 0 13px; } .k-split-button.k-state-border-down > .k-split-button-arrow { border-radius: 0 13px 0 0; } .k-split-button.k-state-border-up > .k-split-button-arrow { border-radius: 0 0 13px 0; } .k-dropdown-wrap .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input { border-radius: 12px 0 0 12px; } .k-rtl .k-dropdown-wrap .k-input, .k-rtl .k-picker-wrap .k-input, .k-rtl .k-numeric-wrap .k-input { border-radius: 0 12px 12px 0; } .k-numeric-wrap .k-link { border-radius: 0 12px 0 0; } .k-numeric-wrap .k-link + .k-link { border-radius: 0 0 12px 0; } .k-colorpicker .k-selected-color { border-radius: 12px 0 0 12px; } .k-rtl .k-colorpicker .k-selected-color { border-radius: 0 12px 12px 0; } .k-autocomplete.k-state-border-down .k-input { border-radius: 13px 13px 0 0; } .k-dropdown-wrap.k-state-border-down .k-input, .k-picker-wrap.k-state-border-down .k-input, .k-picker-wrap.k-state-border-down .k-selected-color, .k-numeric-wrap.k-state-border-down .k-input { border-radius: 13px 0 0 0; } .k-numeric-wrap .k-link.k-state-selected { background-color: #870074; } .k-multiselect.k-state-border-down .k-multiselect-wrap { border-radius: 12px 12px 0 0; } .k-dropdown-wrap .k-select, .k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-datetimepicker .k-select + .k-select, .k-list-container.k-state-border-right { border-radius: 0 13px 13px 0; } .k-rtl .k-dropdown-wrap .k-select, .k-rtl .k-picker-wrap .k-select, .k-rtl .k-numeric-wrap .k-select, .k-rtl .k-datetimepicker .k-select + .k-select, .k-rtl .k-list-container.k-state-border-right { border-radius: 13px 0 0 13px; } .k-numeric-wrap.k-expand-padding .k-input { border-radius: 13px; } .k-textbox > input, .k-autocomplete .k-input, .k-multiselect-wrap { border-radius: 12px; } .k-list .k-state-hover, .k-list .k-state-focused, .k-list .k-state-highlight, .k-list .k-state-selected, .k-fieldselector .k-list .k-item, .k-list-optionlabel, .k-dropzone, .k-listbox .k-item { border-radius: 12px; } .k-slider .k-button, .k-grid .k-slider .k-button { border-radius: 13px; } .k-draghandle { border-radius: 0; } .k-scheduler-toolbar > ul li:first-child, .k-scheduler-toolbar > ul li:first-child .k-link, .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li, .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li .k-link { border-radius: 13px 0 0 13px; } .k-rtl .k-scheduler-toolbar > ul li:first-child, .k-rtl .k-scheduler-toolbar > ul li:first-child .k-link, .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li, .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li .k-link, .km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child, .km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child .k-link { border-radius: 0 13px 13px 0; } .k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today, .k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today .k-link, .k-edit-field > .k-scheduler-navigation { border-radius: 13px; } .k-scheduler-toolbar .k-nav-next, .k-scheduler-toolbar ul + ul li:last-child, .k-scheduler-toolbar .k-nav-next .k-link, .k-scheduler-toolbar ul + ul li:last-child .k-link { border-top-right-radius: 13px; border-bottom-right-radius: 13px; } .k-rtl .k-scheduler-toolbar .k-nav-next, .k-rtl .k-scheduler-toolbar ul + ul li:last-child, .k-rtl .k-scheduler-toolbar .k-nav-next .k-link, .k-rtl .k-scheduler-toolbar ul + ul li:last-child .k-link { border-radius: 13px 0 0 13px; } .k-scheduler div.k-scheduler-footer ul li, .k-scheduler div.k-scheduler-footer .k-link { border-radius: 13px; } .k-more-events, .k-event, .k-task-single, .k-task-complete, .k-event .k-link { border-radius: 12px; } .k-scheduler-mobile .k-event { border-radius: 11px; } .k-grid-mobile .k-column-active + th.k-header { border-left-color: #fff; } 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: #fff; } @media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) { div.km-pane-wrapper a { color: #fff; } } .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: #1b141a; border-top: 1px solid #674c63; } .km-pane-wrapper .k-mobile-list .k-edit-field textarea { outline-width: 0; } .km-pane-wrapper .k-mobile-list .k-item.k-state-selected { background-color: #870074; border-top-color: #870074; } .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:first-child { border-top-color: transparent; } .km-pane-wrapper .k-mobile-list .k-item:last-child { box-shadow: inset 0 -1px 0 #674c63; } .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: #fff; opacity: 0.7; } .km-pane-wrapper .k-mobile-list > ul > li > .k-link { border-bottom: 1px solid #674c63; } .km-pane-wrapper .k-mobile-list .k-edit-field { box-shadow: 0 1px 1px #674c63; } .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: #ab0093; background-color: red; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.15)); } .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-autocomplete.k-state-default, .k-picker-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-dropdown-wrap.k-state-default { background-image: url(textures/glass-lighter.png); background-position: 50% 50%; background-color: #2c232b; border-color: #674c63; } .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: #a7008f; background-image: url(textures/glass-lighter.png); background-image: url(textures/glass-lighter.png), linear-gradient(to bottom, rgba(255,255,255,.2) 0%, rgba(255,255,255,.0) 100%); background-position: 50% 50%; border-color: #674c63; } .k-multiselect-wrap { border-color: #674c63; } .k-multiselect-wrap.k-state-hover, .k-state-hover > .k-multiselect-wrap, .k-multiselect-wrap.k-state-hover { border-color: #674c63; background: #1b141a; color: #fff; } .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: #a7008f; background-image: url(textures/glass-lighter.png); background-image: url(textures/glass-lighter.png), linear-gradient(to bottom, rgba(255,255,255,.2) 0%, rgba(255,255,255,.0) 100%); background-position: 50% 50%; border-color: #674c63; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.7); } .k-multiselect-wrap.k-state-focused, .k-state-focused > .k-multiselect-wrap { border-color: #674c63; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.7); } .k-list-container { color: #fff; } .k-nodata { color: #808080; } .k-dropdown .k-input, .k-dropdown .k-state-focused .k-input, .k-multiselect .k-button, .k-multiselect .k-button:hover, .k-menu .k-popup { color: #fff; } .k-state-default > .k-select { border-color: #674c63; } .k-state-hover > .k-select { border-color: #674c63; } .k-state-focused > .k-select { border-color: #674c63; } .k-tabstrip:focus { box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.7); } .k-tabstrip-items .k-state-default .k-link, .k-panelbar > li.k-state-default > .k-link { color: #fff; } .k-tabstrip-items .k-state-hover .k-link, .k-panelbar > li.k-state-hover > .k-link, .k-panelbar > li.k-state-default > .k-link.k-state-hover { color: #fff; } .k-panelbar > .k-state-focused.k-state-hover { background: #a7008f; box-shadow: none; } .k-tabstrip-items .k-state-default { border-color: #674c63; } .k-tabstrip-items .k-state-hover { border-color: #a7008f; } .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-items .k-state-active { background-color: #2c232b; background-image: url(textures/glass-lighter.png); border-color: #a7008f; } .k-tabstrip-top > .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-top > .k-tabstrip-items .k-state-active { border-bottom-color: #2c232b; } .k-tabstrip .k-content.k-state-active { background-color: #2c232b; color: #fff; } .k-menu.k-header, .k-menu .k-item { border-color: #674c63; } .k-column-menu, .k-column-menu .k-item, .k-overflow-container .k-overflow-group { border-color: #674c63; } .k-overflow-container .k-overflow-group { box-shadow: inset 0 1px 0 #b499b0, 0 1px 0 #b499b0; } .k-toolbar-first-visible.k-overflow-group, .k-overflow-container .k-overflow-group + .k-overflow-group { box-shadow: 0 1px 0 #b499b0; } .k-overflow-container .k-button-group .k-button { border-radius: 13px; } .k-toolbar-last-visible.k-overflow-group { box-shadow: inset 0 1px 0 #b499b0; } .k-toolbar .k-button.k-state-disabled:focus { border-color: #674c63; box-shadow: inset 0 0 3px 1px #fff; } .k-column-menu .k-separator { border-color: #674c63; background-color: transparent; } .k-menu .k-group { border-color: #674c63; } .k-grid-filter.k-state-active { background-color: #a7008f; } .k-grouping-row td, .k-group-footer td, .k-grid-footer td { color: #fff; border-color: #674c63; font-weight: bold; } .k-grouping-header { color: #fff; } .k-grid tr:hover { color: #fff; background-color: #a7008f; background-image: url(textures/glass-lighter.png); background-image: url(textures/glass-lighter.png), linear-gradient(to bottom, rgba(255,255,255,.2) 0%, rgba(255,255,255,.0) 100%); background-position: 50% 50%; } .k-grid .k-filter-row:hover, .k-pivot-rowheaders .k-grid tr:hover { background: none; } .k-grid td.k-state-focused { box-shadow: inset 0 0 0 1px inset 0 0 3px 1px #fff; } .k-grid tr.k-state-selected, .k-grid td.k-state-selected, .k-grid td.k-state-selected.k-state-focused { background-color: #870074; } .k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover td { background-color: #cb00ae; } .k-header, .k-grid-header-wrap, .k-grid .k-grouping-header, .k-grid-header, .k-pager-wrap, .k-pager-wrap .k-textbox, .k-pager-wrap .k-link, .k-grouping-header .k-group-indicator, .k-gantt-toolbar .k-state-default { border-color: #674c63; } .k-pager-numbers .k-link, .k-treeview .k-in { border-color: transparent; } .k-treeview .k-icon, .k-scheduler-table .k-icon, .k-grid .k-hierarchy-cell .k-icon { background-color: transparent; border-radius: 13px; } .k-scheduler-table .k-state-hover .k-icon { background-color: transparent; } .k-editor .k-tool:focus { outline: 0; border-color: #674c63; box-shadow: inset 0 0 3px 1px #fff; } .k-checkbox-label:before { border-color: #fff; background: #181318; border-radius: 3px; } .k-checkbox:hover + .k-checkbox-label:before, .k-checkbox:checked:hover + .k-checkbox-label:before, .k-checkbox-label:hover:before, .k-checkbox:checked + .k-checkbox-label:hover:before { border-color: #fff; box-shadow: 0 0 0 1px #fff; } .k-checkbox:checked + .k-checkbox-label:before { background-color: #1b141a; border-color: #fff; color: #fff; } .k-checkbox:active + .k-checkbox-label:before, .k-checkbox-label:active:before { box-shadow: 0 0 3px 0 #fff; border-color: #fff; } .k-checkbox:checked:active + .k-checkbox-label:before, .k-checkbox:checked + .k-checkbox-label:active:before { box-shadow: 0 0 3px 0 #fff; border-color: #fff; } .k-checkbox:disabled + .k-checkbox-label { color: #6a5568; } .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: #6a5568; background: #1b141a; border-color: #674c63; border-radius: 3px; } .k-checkbox:focus + .k-checkbox-label:before, .k-checkbox:focus + .k-checkbox-label:hover:before { border-color: #fff; box-shadow: 0 0 3px 0 #fff; } .k-checkbox:indeterminate + .k-checkbox-label:after { background-color: #fff; background-image: url(textures/glass-lighter.png); background-image: url(textures/glass-lighter.png), linear-gradient(to bottom, rgba(255,255,255,.3) 0%, rgba(255,255,255,.1) 100%); border-color: #fff; border-radius: 2px; } .k-checkbox:indeterminate:hover + .k-checkbox-label:after { border-color: #fff; background-color: #fff; } .k-radio-label:before { border-color: #fff; border-radius: 50%; background-color: #1b141a; border-width: 1px; } .k-radio-label:hover:before, .k-radio:checked + .k-radio-label:hover:before { border-color: #fff; box-shadow: 0 0 0 1px #fff; } .k-radio:checked + .k-radio-label:after { background-color: #fff; border-radius: 50%; } .k-radio-label:active:before { border-color: #fff; box-shadow: 0 0 3px 0 #fff; } .k-radio:checked + .k-radio-label:active:before { box-shadow: 0 0 3px 0 #fff; border-color: #fff; } .k-radio:disabled + .k-radio-label { color: #808080; } .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: #1b141a; border-color: #634b5f; box-shadow: none; } .k-radio:disabled:checked + .k-radio-label:after { background-color: #fff; opacity: 0.5; } .k-radio:focus + .k-radio-label:before { border-color: #fff; box-shadow: 0 0 3px 0 #fff; } @media screen and (-ms-high-contrast: active) { .k-editor-toolbar-wrap .k-dropdown-wrap.k-state-focused, .k-editor-toolbar-wrap .k-button-group .k-tool:focus { border-color: #fff; } } @media only screen and (max-width: 1024px) { .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-edge .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-edge .km-pane-wrapper .k-grid .k-pager-numbers, .k-safari .km-pane-wrapper .k-grid .k-pager-numbers { -ms-transform: translate(-50%, 0%); 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-edge .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-edge .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded, .k-safari .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded { -ms-transform: translate(-50%, -100%); transform: translate(-50%, -100%); -webkit-transform: translate(-50%, -100%); } .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-edge .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-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-edge .k-pager-numbers .k-current-page .k-link, .k-safari .k-pager-numbers .k-current-page .k-link { background-image: url(textures/glass-lighter.png); background-position: 50% 50%; background-color: #2c232b; border-color: #674c63; } .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-edge .k-pager-numbers .k-current-pag