/*! */ /*! */ /*! */ /*! */ /*! */ .k-theme-test-class, .ktb-theme-id-office365 { opacity: 0; } .ktb-var-accent { color: #1a237e; } .ktb-var-base { color: #3f51b5; } .ktb-var-background { color: #212121; } .ktb-var-border-radius { border-radius: 0px; } .ktb-var-normal-background { color: #212121; } .ktb-var-normal-gradient { background-image: none; } .ktb-var-normal-text-color { color: #f5f5f5; } .ktb-var-hover-background { color: #424242; } .ktb-var-hover-gradient { background-image: none; } .ktb-var-hover-text-color { color: #fff; } .ktb-var-selected-background { color: #1a237e; } .ktb-var-selected-gradient { background-image: none; } .ktb-var-selected-text-color { color: #f5f5f5; } .ktb-var-is-dark-theme { opacity: 1; } .ktb-var-primary { color: #f00; } .ktb-var-secondary { color: #f00; } .ktb-var-tertiary { color: #f00; } .ktb-var-error { color: #f44336; } .ktb-var-warning { color: #ffeb3b; } .ktb-var-success { color: #4caf50; } .ktb-var-info { color: #3f51b5; } .ktb-var-dark { color: #f00; } .ktb-var-light { color: #f00; } .ktb-var-inverse { color: #f00; } .ktb-var-series-a { color: #1a237e; } .ktb-var-series-b { color: #3f51b5; } .ktb-var-series-c { color: #4caf50; } .ktb-var-series-d { color: #8bc34a; } .ktb-var-series-e { color: #ff9800; } .ktb-var-series-f { color: #f44336; } .k-grid-norecords-template { background-color: #212121; border: 1px solid #575757; } /*! */ .k-button { border-radius: 0px; border-color: #424242; color: #ffffff; background-color: #424242; background-position: 50% 50%; } .k-button.k-state-default { border-color: #424242; } .k-button:hover, .k-button.k-state-hover { color: #ffffff; border-color: #545454; background-color: #545454; } .k-button:active, .k-button.k-state-active, .k-button.k-state-selected { color: #ffffff; background-color: #3f51b5; border-color: #3f51b5; } .k-button.k-state-active:hover, .k-button.k-state-selected:hover { color: #ffffff; border-color: #5869c5; background-color: #5869c5; } .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: #3f51b5; } .k-button[disabled], .k-state-disabled .k-button, .k-button.k-state-disabled, .k-button[disabled]:hover, .k-state-disabled .k-button:hover, .k-button.k-state-disabled:hover, .k-button[disabled]:focus, .k-state-disabled .k-button:focus, .k-button.k-state-disabled:focus, .k-button[disabled]:active, .k-state-disabled .k-button:active, .k-button.k-state-disabled:active { color: #ffffff; border-color: #424242; background-color: #424242; box-shadow: none; background-image: none; } .k-primary { color: #ffffff; border-color: #3f51b5; background-color: #3f51b5; } .k-primary.k-state-default { border-color: #3f51b5; } .k-primary:hover, .k-primary.k-state-hover { color: #ffffff; border-color: #5869c5; background-color: #5869c5; } .k-primary:active, .k-primary.k-state-active { color: #ffffff; border-color: #7280ce; background-color: #6b7acb; } .k-primary:focus, .k-primary:focus:hover, .k-primary.k-state-focused, .k-primary.k-state-focused.k-state-disabled, .k-state-disabled .k-primary.k-state-focused { border-color: #7280ce; } .k-primary[disabled], .k-state-disabled .k-primary, .k-primary.k-state-disabled, .k-primary[disabled]:hover, .k-state-disabled .k-primary:hover, .k-primary.k-state-disabled:hover { color: #ffffff; border-color: #3f51b5; background-color: #3f51b5; box-shadow: none; } .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: 0px; border-bottom-left-radius: 0px; } .k-button-group .k-group-end, .k-button-group .k-button:last-child { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .k-button-group .k-group-start.k-group-end, .k-button-group .k-button:first-child:last-child { border-radius: 0px; } .k-widget.k-button-group { background: none; } .k-split-button { border-radius: 0px; } .k-split-button .k-button { border-radius: 0; } .k-split-button .k-button:first-child { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .k-split-button .k-button:last-child { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .k-split-button.k-state-border-down > .k-button, .k-split-button.k-state-border-up > .k-button { color: #ffffff; background-color: #545454; border-color: #545454; box-shadow: none; } .k-split-button:focus { border-color: #3f51b5; } .k-split-button:focus .k-button { box-shadow: none; border-color: inherit; } .k-edit-buttons { border-color: #575757; background: #212121; } .k-button.k-flat.k-primary, .k-button.k-bare.k-primary, .k-button.k-flat.k-primary:hover, .k-button.k-bare.k-primary:hover, .k-button.k-flat.k-primary.k-state-hover, .k-button.k-bare.k-primary.k-state-hover, .k-button.k-flat.k-primary:active, .k-button.k-bare.k-primary:active, .k-button.k-flat.k-primary.k-state-active, .k-button.k-bare.k-primary.k-state-active, .k-button.k-flat.k-primary:hover:active, .k-button.k-bare.k-primary:hover:active, .k-button.k-flat.k-primary:hover.k-state-active, .k-button.k-bare.k-primary:hover.k-state-active { color: #3f51b5; } .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: 0px; border-bottom-right-radius: 0px; } .k-rtl .k-button-group .k-group-end, .k-rtl .k-button-group .k-button:last-child { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .k-rtl .k-button-group .k-group-start.k-group-end, .k-rtl .k-button-group .k-button:first-child:last-child { border-radius: 0px; } .k-rtl .k-split-button .k-button { border-radius: 0; } .k-rtl .k-split-button .k-button:first-child { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .k-rtl .k-split-button .k-button:last-child { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*! */ .k-avatar-icon, .k-avatar-initials { color: #ffffff; background-color: #1a237e; } /*! */ .k-card { border-color: #575757; color: #f5f5f5; background-color: #212121; } .k-card .k-card-callout { border-color: #575757; background-color: #212121; } .k-card .k-card-actions { border-color: #575757; } .k-card:focus, .k-card.k-state-focus { box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06); } .k-card-header { border-color: #575757; color: #f5f5f5; background-color: #212121; } .k-card-footer { border-color: #575757; color: #f5f5f5; background-color: #212121; } .k-card-separator { border-color: #575757; } .k-card.k-state-primary, .k-card.k-card-primary { border-color: #8d91bf; color: #0d123f; background-color: #babdd8; } .k-card.k-state-info, .k-card.k-card-info { border-color: #d5d9f0; color: #565a71; background-color: #e6e8f6; } .k-card.k-state-success, .k-card.k-card-success { border-color: #daefdb; color: #5b6f5b; background-color: #e9f5e9; } .k-card.k-state-warning, .k-card.k-card-warning { border-color: #fffdea; color: #807d6a; background-color: #fffef2; } .k-card.k-state-error, .k-card.k-card-error { border-color: #fde5e3; color: #7e6564; background-color: #feefee; } .k-card:focus .k-card-callout.k-callout-n, .k-card.k-state-focus .k-card-callout.k-callout-n { box-shadow: 1px -1px 4px 0 rgba(0, 0, 0, 0.06); } .k-card:focus .k-card-callout.k-callout-e, .k-card.k-state-focus .k-card-callout.k-callout-e { box-shadow: 2px -1px 4px 0 rgba(0, 0, 0, 0.06); } .k-card:focus .k-card-callout.k-callout-s, .k-card.k-state-focus .k-card-callout.k-callout-s { box-shadow: 2px -2px 4px 0 rgba(0, 0, 0, 0.06); } .k-card:focus .k-card-callout.k-callout-w, .k-card.k-state-focus .k-card-callout.k-callout-w { box-shadow: 2px -1px 4px 0 rgba(0, 0, 0, 0.06); } /*! */ .k-tilelayout, .k-widget.k-tilelayout { background-color: #292929; } .k-tilelayout-item:focus, .k-tilelayout-item.k-state-focus, .k-tilelayout-item.k-state-focused { box-shadow: 0 0 4px 2px rgba(255, 255, 255, 0.3); } .k-layout-item-hint { border-color: #575757; background-color: rgba(255, 255, 255, 0.2); } /*! */ .k-chat { border-color: #575757; color: #f5f5f5; background-color: #212121; } .k-chat .k-timestamp { text-transform: uppercase; opacity: 0.7; } .k-chat .k-author { font-weight: bold; } .k-chat .k-bubble { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); border-color: #424242; color: #ffffff; background-color: #424242; transition: box-shadow 0.2s ease-in-out; order: -1; } .k-chat .k-bubble:hover { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16); } .k-chat .k-state-selected .k-bubble { box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16); } .k-chat .k-alt .k-bubble { border-color: #1a237e; color: #ffffff; background-color: #1a237e; } .k-chat .k-quick-reply { border-color: #3f51b5; color: #3f51b5; background-color: transparent; } .k-chat .k-quick-reply:hover { border-color: #3f51b5; color: #ffffff; background-color: #3f51b5; } .k-chat .k-message-box { border-color: inherit; color: #f5f5f5; background-color: #212121; } .k-chat .k-message-box .k-button:hover { color: #3f51b5; } .k-chat .k-toolbar-box { border-color: inherit; color: #f5f5f5; background-color: #212121; } .k-chat .k-toolbar-box .k-button:hover { color: #3f51b5; background: none; } .k-chat .k-toolbar-box .k-scroll-button { background-color: #212121; box-shadow: 0 0 20px 5px #212121; } .k-chat .k-toolbar-box .k-scroll-button:hover { background-color: #212121; } /*! */ .k-calendar { border-color: #575757; color: #f5f5f5; background-color: #212121; } .k-calendar > .k-header { border-color: #575757; color: #f5f5f5; background-color: #212121; background-image: none; } .k-calendar th { border-color: #575757; color: #f5f5f5; background-color: #212121; } .k-calendar .k-alt { border-color: #575757; color: #f5f5f5; background-color: #353535; } .k-calendar .k-weekend { background-color: transparent; } .k-calendar .k-other-month { color: #919191; background-color: transparent; } .k-calendar .k-out-of-range { pointer-events: none; visibility: hidden; } .k-calendar .k-today .k-link { color: #1a237e; box-shadow: inset 0 0 0 1px #1a237e; } .k-calendar td.k-state-hover .k-link { border-color: #545454; color: #ffffff; background-color: #545454; background-image: none; } .k-calendar td.k-state-selected .k-link { border-color: #1a237e; color: #f5f5f5; background-color: #1a237e; background-image: none; } .k-calendar td.k-state-focused .k-link { box-shadow: inset 0 0 0px 1px #3f51b5; } .k-calendar .k-footer .k-nav-today, .k-calendar .k-calendar-header .k-today { color: #3f51b5; } .k-calendar .k-footer .k-nav-today:hover, .k-calendar .k-calendar-header .k-today:hover, .k-calendar .k-footer .k-nav-today:focus, .k-calendar .k-calendar-header .k-today:focus { color: #495bc0; } /*! */ .k-calendar-range { border-color: #575757; color: #f5f5f5; background-color: #212121; } .k-calendar-range th { color: inherit; background-color: transparent; text-transform: uppercase; } .k-calendar-range td.k-state-hover .k-link { border-color: #545454; color: #ffffff; background-color: #545454; } .k-calendar-range td.k-state-selected .k-link { border-color: #1a237e; color: #f5f5f5; background-color: #1a237e; } .k-calendar-range td.k-state-focused .k-link { box-shadow: inset 0 0 0px 1px #3f51b5; } .k-calendar-range td.k-range-start, .k-calendar-range td.k-range-mid, .k-calendar-range td.k-range-end { background-image: linear-gradient(transparent 1px, rgba(26, 35, 126, 0.3) 1px, rgba(26, 35, 126, 0.3) calc(100% - 1px), transparent calc(100% - 1px)); } .k-ie .k-calendar-range td.k-range-start, .k-ie .k-calendar-range td.k-range-mid, .k-ie .k-calendar-range td.k-range-end, .k-edge .k-calendar-range td.k-range-start, .k-edge .k-calendar-range td.k-range-mid, .k-edge .k-calendar-range td.k-range-end { background-image: none; background-color: rgba(26, 35, 126, 0.3); } .k-calendar-range td.k-range-split-start::after { background-image: linear-gradient(to left, rgba(26, 35, 126, 0.3), transparent); } .k-calendar-range td.k-range-split-end::after { background-image: linear-gradient(to right, rgba(26, 35, 126, 0.3), transparent); } .k-calendar-range .k-footer .k-nav-today { color: #1a237e; background: none; } /*! */ .k-pdf-viewer .k-toolbar .k-icon, .k-pdf-viewer .k-toolbar .k-pager-input { color: #ffffff; } .k-pdf-viewer .k-canvas { background-color: #212121; } .k-pdf-viewer .k-page { border-color: #575757; color: #f5f5f5; background-color: white; box-shadow: 0 0 15px #575757; } .k-pdf-viewer .k-search-highlight { background-color: #d3d3d3; } /*! */ kendo-scrollview.k-scrollview-wrap, div.k-scrollview { border-color: #575757; color: #f5f5f5; background-color: #212121; -webkit-tap-highlight-color: transparent; } kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-pageable, div.k-scrollview.k-scrollview-dark .k-scrollview-pageable, kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-nav, div.k-scrollview.k-scrollview-dark .k-scrollview-nav { background-color: rgba(0, 0, 0, 0.2); } kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-next, div.k-scrollview.k-scrollview-dark .k-scrollview-next, kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-prev, div.k-scrollview.k-scrollview-dark .k-scrollview-prev { color: rgba(0, 0, 0, 0.2); } kendo-scrollview.k-scrollview-wrap.k-scrollview-light .k-scrollview-pageable, div.k-scrollview.k-scrollview-light .k-scrollview-pageable, kendo-scrollview.k-scrollview-wrap.k-scrollview-light .k-scrollview-nav, div.k-scrollview.k-scrollview-light .k-scrollview-nav { background-color: rgba(255, 255, 255, 0.2); } kendo-scrollview.k-scrollview-wrap .k-scrollview:focus, .k-widget.k-scrollview .k-scrollview-wrap:focus, kendo-scrollview.k-scrollview-wrap .k-scrollview.k-state-focused, .k-widget.k-scrollview .k-scrollview-wrap.k-state-focused, kendo-scrollview.k-scrollview-wrap .k-scrollview:hover, .k-widget.k-scrollview .k-scrollview-wrap:hover, kendo-scrollview.k-scrollview-wrap .k-scrollview.k-state-hovered, .k-widget.k-scrollview .k-scrollview-wrap.k-state-hovered { outline: none; } kendo-scrollview.k-scrollview-wrap .k-scrollview:focus ~ .k-scrollview-elements .k-scrollview-pageable, .k-widget.k-scrollview .k-scrollview-wrap:focus ~ .k-scrollview-elements .k-scrollview-pageable, kendo-scrollview.k-scrollview-wrap .k-scrollview.k-state-focused ~ .k-scrollview-elements .k-scrollview-pageable, .k-widget.k-scrollview .k-scrollview-wrap.k-state-focused ~ .k-scrollview-elements .k-scrollview-pageable, kendo-scrollview.k-scrollview-wrap .k-scrollview:hover ~ .k-scrollview-elements .k-scrollview-pageable, .k-widget.k-scrollview .k-scrollview-wrap:hover ~ .k-scrollview-elements .k-scrollview-pageable, kendo-scrollview.k-scrollview-wrap .k-scrollview.k-state-hovered ~ .k-scrollview-elements .k-scrollview-pageable, .k-widget.k-scrollview .k-scrollview-wrap.k-state-hovered ~ .k-scrollview-elements .k-scrollview-pageable, kendo-scrollview.k-scrollview-wrap .k-scrollview:focus ~ .k-scrollview-elements .k-scrollview-nav, .k-widget.k-scrollview .k-scrollview-wrap:focus ~ .k-scrollview-elements .k-scrollview-nav, kendo-scrollview.k-scrollview-wrap .k-scrollview.k-state-focused ~ .k-scrollview-elements .k-scrollview-nav, .k-widget.k-scrollview .k-scrollview-wrap.k-state-focused ~ .k-scrollview-elements .k-scrollview-nav, kendo-scrollview.k-scrollview-wrap .k-scrollview:hover ~ .k-scrollview-elements .k-scrollview-nav, .k-widget.k-scrollview .k-scrollview-wrap:hover ~ .k-scrollview-elements .k-scrollview-nav, kendo-scrollview.k-scrollview-wrap .k-scrollview.k-state-hovered ~ .k-scrollview-elements .k-scrollview-nav, .k-widget.k-scrollview .k-scrollview-wrap.k-state-hovered ~ .k-scrollview-elements .k-scrollview-nav { opacity: 1; } .k-scrollview-next, .k-scrollview-prev { color: white; background-color: rgba(0, 0, 0, 0); text-shadow: rgba(0, 0, 0, 0.3) 0 0 15px; opacity: 0.7; outline-width: 0; -webkit-tap-highlight-color: transparent; } .k-scrollview-next:focus, .k-scrollview-prev:focus, .k-scrollview-next.k-state-focused, .k-scrollview-prev.k-state-focused { color: white; opacity: 1; } .k-scrollview-next:focus .k-icon::before, .k-scrollview-prev:focus .k-icon::before, .k-scrollview-next.k-state-focused .k-icon::before, .k-scrollview-prev.k-state-focused .k-icon::before { box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13); background-color: transparent; } .k-scrollview-next:hover, .k-scrollview-prev:hover, .k-scrollview-next.k-state-hovered, .k-scrollview-prev.k-state-hovered { color: white; opacity: 1; } .k-scrollview-next:hover .k-icon::before, .k-scrollview-prev:hover .k-icon::before, .k-scrollview-next.k-state-hovered .k-icon::before, .k-scrollview-prev.k-state-hovered .k-icon::before { background-color: transparent; } kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable, .k-scrollview .k-scrollview-nav { opacity: 0.7; } kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable:focus-within, .k-scrollview .k-scrollview-nav:focus-within, kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable:focus, .k-scrollview .k-scrollview-nav:focus, kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable.k-state-focused, .k-scrollview .k-scrollview-nav.k-state-focused, kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable:hover, .k-scrollview .k-scrollview-nav:hover, kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable.k-state-hovered, .k-scrollview .k-scrollview-nav.k-state-hovered { opacity: 1; background-color: transparent; } kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable > .k-button, .k-scrollview .k-scrollview-nav > .k-link { background: #424242; border: #424242; background-clip: padding-box; } kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable > .k-button.k-primary, .k-scrollview .k-scrollview-nav > .k-link.k-primary { background: #3f51b5; border: #3f51b5; } kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable > .k-button:focus, .k-scrollview .k-scrollview-nav > .k-link:focus, kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable > .k-button.k-state-focused, .k-scrollview .k-scrollview-nav > .k-link.k-state-focused, kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable > .k-button:hover, .k-scrollview .k-scrollview-nav > .k-link:hover, kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable > .k-button.k-state-hovered, .k-scrollview .k-scrollview-nav > .k-link.k-state-hovered { box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13); } /*! */ .k-switch-handle { background-clip: border-box; } .k-switch-on .k-switch-container { border-color: #666666; color: #f5f5f5; background-color: #212121; } .k-switch-on .k-switch-handle { border-color: #3f51b5; color: #f5f5f5; background-color: #3f51b5; } .k-switch-on:focus .k-switch-container, .k-switch-on.k-state-focused .k-switch-container { border-color: #3f51b5; color: #f5f5f5; background-color: #212121; } .k-switch-on:focus .k-switch-handle, .k-switch-on.k-state-focused .k-switch-handle { border-color: #3f51b5; color: #f5f5f5; background-color: #3f51b5; } .k-switch-on:hover .k-switch-container, .k-switch-on.k-state-hover .k-switch-container { border-color: #919191; color: #f5f5f5; background-color: #212121; } .k-switch-on:hover .k-switch-handle, .k-switch-on.k-state-hover .k-switch-handle { border-color: #5869c5; color: #f5f5f5; background-color: #5869c5; } .k-switch-on .k-switch-label-off { color: transparent; } .k-switch-off .k-switch-container { border-color: #666666; color: #f5f5f5; background-color: #212121; } .k-switch-off .k-switch-handle { border-color: #424242; color: #f5f5f5; background-color: #424242; } .k-switch-off:focus .k-switch-container, .k-switch-off.k-state-focused .k-switch-container { border-color: #3f51b5; color: #f5f5f5; background-color: #212121; } .k-switch-off:focus .k-switch-handle, .k-switch-off.k-state-focused .k-switch-handle { border-color: #3f51b5; color: #f5f5f5; background-color: #424242; } .k-switch-off:hover .k-switch-container, .k-switch-off.k-state-hover .k-switch-container { border-color: #919191; color: #f5f5f5; background-color: #212121; } .k-switch-off:hover .k-switch-handle, .k-switch-off.k-state-hover .k-switch-handle { border-color: #353535; color: #f5f5f5; background-color: #353535; } .k-switch-off .k-switch-label-on { color: transparent; } .k-switch { background-color: transparent; box-shadow: none; } .k-switch:focus .k-switch-container, .k-switch.k-state-focused .k-switch-container { outline: none; } .k-switch.k-state-disabled { cursor: default; } .k-switch[aria-readonly="true"] { pointer-events: none; } /*! */ .k-pane-wrapper .k-pane > .k-view > .k-content { background-position: 50% 50%; background-color: #212121; } .k-pane-wrapper .k-pane .k-grid-mobile .k-column-active + th.k-header { border-left-color: #f5f5f5; } .k-pane-wrapper .k-pane .k-grid-mobile .k-sorted .k-sort-order, .k-pane-wrapper .k-pane .k-grid-mobile .k-sorted .k-i-sort-asc-sm, .k-pane-wrapper .k-pane .k-grid-mobile .k-sorted .k-i-sort-desc-sm { color: #3f51b5; } .k-pane-wrapper .k-pane .k-grid-mobile .k-grid-filter.k-state-active, .k-pane-wrapper .k-pane .k-grid-mobile .k-header-column-menu.k-state-active { color: #212121; background-color: #3f51b5; } .k-pane-wrapper .k-pane .k-grid-mobile .k-resize-handle-inner::before { background-color: #212121; } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-nav-current { color: #f5f5f5; } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-times, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-header, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-groupcolumn, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-mobile-scheduler-agendadate { color: inherit; } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-time-period, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-mobile-scheduler-agendaweekday { color: #ffffff; } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-times, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-header, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-header-wrap, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-datecolumn, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-groupcolumn, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-group-cell, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-header-all-day { background-color: #212121; } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-other-month { background-color: #212121; } .k-pane-wrapper .k-pane .k-grid-edit-form .k-header, .k-pane-wrapper .k-pane .k-grid-column-menu .k-header, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-header, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-header { background-color: #1a237e; } .k-pane-wrapper .k-pane .k-grid-edit-form .k-header, .k-pane-wrapper .k-pane .k-grid-column-menu .k-header, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-header, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-header, .k-pane-wrapper .k-pane .k-grid-edit-form .k-header .k-link, .k-pane-wrapper .k-pane .k-grid-column-menu .k-header .k-link, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-header .k-link, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-header .k-link { color: #f5f5f5; } .k-pane-wrapper .k-pane .k-grid-edit-form .k-item, .k-pane-wrapper .k-pane .k-grid-column-menu .k-item, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-item, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-item, .k-pane-wrapper .k-pane .k-grid-edit-form .k-link, .k-pane-wrapper .k-pane .k-grid-column-menu .k-link, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-link, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-link { color: #f5f5f5; } .k-pane-wrapper .k-pane .k-grid-edit-form .k-clear, .k-pane-wrapper .k-pane .k-grid-column-menu .k-clear, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-clear, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-clear, .k-pane-wrapper .k-pane .k-grid-edit-form .k-select-all, .k-pane-wrapper .k-pane .k-grid-column-menu .k-select-all, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-select-all, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-select-all, .k-pane-wrapper .k-pane .k-grid-edit-form .k-scheduler-delete, .k-pane-wrapper .k-pane .k-grid-column-menu .k-scheduler-delete, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-scheduler-delete, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-scheduler-delete, .k-pane-wrapper .k-pane .k-grid-edit-form .k-scheduler-resetSeries, .k-pane-wrapper .k-pane .k-grid-column-menu .k-scheduler-resetSeries, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-scheduler-resetSeries, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-scheduler-resetSeries { color: #3f51b5; } .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-state-selected { color: #3f51b5; background: none; } .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-state-selected .k-link { color: inherit; } /*! */ .k-filter .k-filter-preview-field { color: #3f51b5; } .k-filter .k-filter-preview-operator { color: rgba(245, 245, 245, 0.6); } .k-filter .k-filter-item::before, .k-filter .k-filter-toolbar::before, .k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after { background-color: #575757; } /*! */ .k-drawer { border-color: #575757; color: #f5f5f5; background-color: #212121; } .k-drawer-wrapper { scrollbar-color: rgba(156, 156, 156, 0.7) #dedede; } .k-drawer-wrapper::-webkit-scrollbar-track { background: #dedede; } .k-drawer-wrapper::-webkit-scrollbar-thumb { background: rgba(156, 156, 156, 0.7); } .k-drawer-wrapper::-webkit-scrollbar-thumb:hover { background: #9c9c9c; } .k-drawer-item:hover, .k-drawer-item.k-state-hover { color: #fff; background-color: #424242; background-image: none; } .k-drawer-item:focus, .k-drawer-item.k-state-focused { background-color: #212121; box-shadow: inset 0 0 0 1px #3f51b5; } .k-drawer-item:focus:hover, .k-drawer-item.k-state-focused:hover, .k-drawer-item:focus.k-state-hover, .k-drawer-item.k-state-focused.k-state-hover { color: #fff; background-color: #424242; } .k-drawer-item.k-state-selected { color: #f5f5f5; background-color: #1a237e; } .k-drawer-item.k-state-selected:hover, .k-drawer-item.k-state-selected.k-state-hover { color: #f5f5f5; background-color: #1e2993; } .k-drawer-separator { background-color: #575757; } /*! */ .k-rating.k-widget { background-color: transparent; } .k-rating:focus, .k-rating.k-state-focused { box-shadow: none; } .k-rating:focus .k-rating-item > .k-icon, .k-rating.k-state-focused .k-rating-item > .k-icon { text-shadow: 0 2px 3.6px rgba(0, 0, 0, 0.1); } .k-rating:focus .k-rating-item.k-state-selected > .k-icon, .k-rating.k-state-focused .k-rating-item.k-state-selected > .k-icon { text-shadow: 0 2px 3.6px rgba(26, 35, 126, 0.5); } .k-rating-item { color: #575757; } .k-rating-item.k-state-selected { color: #3f51b5; background: none; box-shadow: none; } .k-rating-item.k-state-selected:focus, .k-rating-item.k-state-selected.k-state-focused { color: #3f51b5; } .k-rating-item:hover, .k-rating-item.k-state-hover { color: #3f51b5; cursor: pointer; background: none; box-shadow: none; } .k-rating-item:hover.k-state-selected, .k-rating-item.k-state-hover.k-state-selected { box-shadow: none; } .k-rating-item:focus, .k-rating-item.k-state-focused { background: none; box-shadow: none; } .k-rating-item:focus.k-state-selected, .k-rating-item.k-state-focused.k-state-selected { box-shadow: none; } /*! */ .k-timeline .k-timeline-flag { background-color: #3f51b5; color: #ffffff; } .k-timeline .k-timeline-circle { background-color: #3f51b5; } .k-timeline .k-timeline-card .k-card-header { background-color: #212121; color: #f5f5f5; } .k-timeline .k-timeline-card .k-card-body { scrollbar-color: #575757 #212121; } .k-timeline .k-timeline-card .k-card-body::-webkit-scrollbar-track { background: #212121; } .k-timeline .k-timeline-card .k-card-body::-webkit-scrollbar-thumb { background: #575757; } .k-timeline .k-timeline-card .k-card-body::-webkit-scrollbar-thumb:hover { background: #545454; } .k-timeline .k-timeline-date { color: #f5f5f5; } .k-timeline .k-timeline-arrow.k-button:not(.k-flat):not(.k-bare):not(.k-outline):not(.k-overflow-button).k-state-disabled { opacity: 1; color: #919191; background-color: #424242; border-color: #424242; } .k-timeline-vertical::after, .k-timeline-horizontal .k-timeline-track-wrap::after { background-color: #424242; border-color: #424242; } .k-timeline-horizontal .k-timeline-flag::after { background-color: #3f51b5; } .k-timeline-track-item.k-state-focus .k-timeline-circle { box-shadow: 0 3px 4px 0 rgba(255, 0, 0, 0.4); } /*! */ .k-breadcrumb:focus, .k-breadcrumb.k-state-focused { box-shadow: inset 0 0 0 1px #3f51b5; } .k-breadcrumb .k-breadcrumb-link { border-color: transparent; color: #3f51b5; background-color: transparent; } .k-breadcrumb .k-breadcrumb-link:hover, .k-breadcrumb .k-breadcrumb-link.k-state-hover { border-color: transparent; color: #495bc0; background-color: rgba(0, 0, 0, 0.08); } .k-breadcrumb .k-breadcrumb-link:focus, .k-breadcrumb .k-breadcrumb-link.k-state-focused { border-color: false; color: #3f51b5; background-color: false; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); } .k-breadcrumb .k-breadcrumb-root-link { border-color: false; color: #ffffff; background-color: false; } .k-breadcrumb .k-breadcrumb-root-link:hover, .k-breadcrumb .k-breadcrumb-root-link.k-state-hover { border-color: false; color: false; background-color: rgba(0, 0, 0, 0.08); } .k-breadcrumb .k-breadcrumb-root-link:focus, .k-breadcrumb .k-breadcrumb-root-link.k-state-focused { border-color: false; color: false; background-color: false; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); } .k-breadcrumb .k-breadcrumb-root-link, .k-breadcrumb .k-breadcrumb-delimiter-icon { color: inherit; } /*! */ .k-listgroup { border-radius: 0px; border-color: #575757; color: #f5f5f5; background-color: #212121; } .k-listgroup-flush { border-radius: 0; } /*! */ .k-messagebox-1 { border-color: #ffcccc; color: #850000; background-color: #ffb8b8; } .k-messagebox-2 { border-color: #ffcccc; color: #850000; background-color: #ffb8b8; } .k-messagebox-3 { border-color: #ffcccc; color: #850000; background-color: #ffb8b8; } /*! */ .k-badge-solid.k-badge-1 { border-color: #f00; color: #ffffff; background-color: #f00; } .k-badge-solid.k-badge-2 { border-color: #f00; color: #ffffff; background-color: #f00; } .k-badge-solid.k-badge-3 { border-color: #f00; color: #ffffff; background-color: #f00; } .k-badge-outline { border-color: currentColor; background-color: #212121; } .k-badge-outline.k-badge-1 { color: #f00; } .k-badge-outline.k-badge-2 { color: #f00; } .k-badge-outline.k-badge-3 { color: #f00; } .k-badge-border-cutout { box-shadow: 0 0 0 2px #212121; } /*! */ .k-checkbox { border-radius: 0px; border-color: #6e6e6e; color: #3f51b5; background-color: #212121; } .k-checkbox:checked::before { border-radius: 0px; } .k-checkbox.k-invalid, .k-checkbox.k-state-invalid { border-color: #6e6e6e; } .k-checkbox:hover { border-color: #6e6e6e; color: #3f51b5; background-color: #212121; } .k-checkbox:focus { box-shadow: none; border-color: #3f51b5; } .k-checkbox:indeterminate, .k-checkbox.k-state-indeterminate { border-color: #6e6e6e; color: #3f51b5; background-color: #212121; } .k-checkbox:checked { border-color: #6e6e6e; color: #3f51b5; background-color: #212121; } .k-checkbox:checked:focus { box-shadow: none; border-color: #3f51b5; } /*! */ .k-radio { border-color: #6e6e6e; color: #3f51b5; background-color: #212121; border-radius: 50%; } .k-radio::before { border-radius: 50%; } .k-radio:hover { border-color: #6e6e6e; color: #3f51b5; background-color: #212121; } .k-radio:focus { box-shadow: none; border-color: #6e6e6e; } .k-radio:checked { border-color: #6e6e6e; color: #3f51b5; background-color: #212121; } .k-radio:checked:focus { box-shadow: none; border-color: #6e6e6e; } /*! */ .k-filemanager { border-color: false; color: false; background-color: false; } .k-filemanager-toolbar { border-color: #575757; color: false; background-color: false; } .k-filemanager-navigation { border-color: #575757; color: false; background-color: false; } .k-filemanager-breadcrumb { border-color: #575757; color: false; background-color: #3f51b5; } .k-filemanager .k-dropzone-hovered { border-color: false; color: inherit; background-color: inherit; } .k-filemanager-listview { border-color: false; color: false; background-color: false; } .k-filemanager-listview .k-item { border-color: false; color: false; background-color: false; } .k-filemanager-listview .k-item.k-state-selected .k-icon { border-color: false; color: #f5f5f5; background-color: false; } .k-filemanager-listview .k-item .k-icon { border-color: false; color: #8b95d0; background-color: false; } .k-filemanager-grid { border-color: false; color: false; background-color: false; } .k-filemanager-preview { border-color: #575757; color: false; background-color: false; } .k-filemanager-preview .k-file-preview-wrapper .k-icon { border-color: false; color: #8b95d0; background-color: false; } .k-filemanager-preview .k-file-size { color: inherit; } .k-filemanager-drag-hint { border-color: false; color: #ffffff; background-color: #1a237e; } .k-filemanager-drag-hint .k-icon { border-color: false; color: #ffffff; background-color: false; } /*! */ .k-toolbar { border-color: #575757; color: #f5f5f5; background-color: #212121; } .k-overflow-container .k-button-group .k-button { border-radius: 0px; } .k-overflow-container .k-split-button .k-button { border-radius: 0px; } /*! */ .k-window { border-radius: 0px; border-color: #575757; color: #f5f5f5; background-color: #212121; box-shadow: 1px 1px 7px 1px rgba(255, 255, 255, 0.12); } .k-window.k-state-focused { border-color: #575757; box-shadow: 1px 1px 7px 1px rgba(255, 255, 255, 0.25); } .k-window-titlebar { border-top-left-radius: 0px; border-top-right-radius: 0px; border-color: #575757; color: #f5f5f5; background-color: #212121; background-image: linear-gradient(false); } .k-window-action { border-radius: 0px; } .k-window-content { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .k-window-titleless .k-window-content { border-radius: 0px; } /*! */ .k-dialog-buttongroup { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-color: #575757; } /*! */ .k-stepper { border-color: false; color: false; background-color: false; } .k-stepper .k-step:hover .k-step-indicator, .k-stepper .k-step.k-step-hover .k-step-indicator { border-color: false; color: false; background-color: #080808; } .k-stepper .k-step.k-step-disabled .k-step-indicator, .k-stepper .k-step:disabled .k-step-indicator { border-color: #575757; color: #f9f9f9; background-color: #212121; } .k-stepper .k-step-indicator { border-color: #575757; color: #f5f5f5; background-color: #212121; } .k-stepper .k-step-indicator::after { box-shadow: inset 0 0 0 2px #212121; } .k-stepper .k-step-label:only-child { border-color: #575757; color: #f5f5f5; background-color: #212121; } .k-stepper .k-step-done .k-step-indicator { border-color: #1a237e; color: #ffffff; background-color: #1a237e; } .k-stepper .k-step-done:hover .k-step-indicator, .k-stepper .k-step-done.k-step-hover .k-step-indicator { border-color: false; color: false; background-color: #111754; } .k-stepper .k-step-done.k-step-disabled .k-step-indicator, .k-stepper .k-step-done:disabled .k-step-indicator { border-color: #1d2259; color: #ffffff; background-color: #1d2259; } .k-stepper .k-step-current .k-step-indicator { border-color: #1a237e; color: #ffffff; background-color: #1a237e; } .k-stepper .k-step-current:hover .k-step-indicator, .k-stepper .k-step-current.k-step-hover .k-step-indicator { border-color: false; color: false; background-color: #111754; } .k-stepper .k-step-current.k-step-disabled .k-step-indicator, .k-stepper .k-step-current:disabled .k-step-indicator { border-color: #1d2259; color: #ffffff; background-color: #1d2259; } .k-stepper .k-step-label { color: #f5f5f5; } .k-stepper .k-step-success .k-step-label .k-icon { color: #b5dfb7; } .k-stepper .k-step-error .k-step-label { color: #fccbc7; } .k-stepper .k-step-disabled .k-step-label { color: #f9f9f9; } .k-stepper .k-step-focus .k-step-label:only-child, .k-stepper .k-step-link:focus .k-step-label:only-child { box-shadow: inset 0 0 0 2px #575757; } .k-stepper .k-step-optional .k-step-label-optional { opacity: 0.35; } /*! */ .k-widget.k-form { background: none; } .k-form-error { color: #f44336; } .k-form-legend { border-color: #575757; } /*! */ .k-tooltip, .k-tooltip.k-widget, .k-tooltip.k-popup { border-radius: 0px; border-color: #575757; color: #f5f5f5; background-color: #212121; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.18); } .k-tooltip-1 { border-color: #f00; color: #ffffff; background-color: #f00; } .k-tooltip-2 { border-color: #f00; color: #ffffff; background-color: #f00; } .k-tooltip-3 { border-color: #f00; color: #ffffff; background-color: #f00; } .k-chart-tooltip { color: white; } .k-chart-tooltip-inverse { color: black; } /*! */ .k-wizard-step:focus, .k-wizard-step.k-state-focused { box-shadow: inset 0 0 0 2px #575757; outline: none; } /*! */ .k-textarea { border-color: #666666; color: #f5f5f5; background-color: #212121; } .k-textarea::placeholder, .k-textarea > .k-input::placeholder { color: rgba(245, 245, 245, 0.5); opacity: 1; user-select: none; } .k-textarea::selection, .k-textarea .k-input::selection { color: #ffffff; background-color: #1a237e; } .k-textarea:focus, .k-textarea:focus-within, .k-textarea.k-state-focus, .k-textarea.k-state-focused { border-color: #3f51b5; color: #f5f5f5; background-color: #212121; box-shadow: none; } .k-textarea:hover, .k-textarea.k-state-hover { border-color: #ababab; color: #f5f5f5; background-color: #212121; } .k-textarea.k-invalid, .k-textarea.k-state-invalid, .k-textarea.ng-invalid.ng-touched, .k-textarea.ng-invalid.ng-dirty { border-color: rgba(244, 67, 54, 0.5); } .k-textarea:disabled::selection, .k-textarea[disabled]::selection, .k-textarea.k-state-disabled::selection { color: #f5f5f5; background-color: transparent; } .k-floating-label-container.k-textarea-container > .k-label, .k-textbox-container.k-textarea-container > .k-label { color: #f5f5f5; } .k-ie .k-textarea :-ms-input-placeholder, .k-ie .k-textarea:-ms-input-placeholder { color: rgba(245, 245, 245, 0.5); } /*! */ .k-appbar { box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.16); } .k-appbar.k-appbar-bottom { box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.16); } .k-appbar-1 { color: #ffffff; background-color: #f00; } .k-appbar-2 { color: #ffffff; background-color: #f00; } .k-appbar-3 { color: #ffffff; background-color: #f00; } /*! */ .k-loader-1 .k-loader-segment::after { background-color: #f00; } .k-loader-2 .k-loader-segment::after { background-color: #f00; } .k-loader-3 .k-loader-segment::after { background-color: #f00; } /*! */ .k-task-delayed.k-task-milestone { border-color: transparent; background-image: repeating-linear-gradient(90deg, #FFFFFF, #FFFFFF 2px, #f44336 2px, #f44336 4px); } .k-task-delayed.k-task-summary { background-color: #f6695e; border-color: #f6695e; } .k-task-delayed.k-task-summary .k-task-summary-complete { background-color: #f44336; border-color: #f44336; } .k-task-delayed.k-task-summary.k-state-selected .k-task-summary-complete { background-color: #1a237e; border-color: #1a237e; } .k-task-delayed.k-task-single { background-color: #f6695e; color: #FFFFFF; } .k-task-delayed.k-task-single.k-state-selected { background-color: #111631; color: #ffffff; } .k-task-delayed .k-task-complete { background-color: #f44336; } .k-task-delayed.k-state-selected .k-task-complete { background-color: #1a224b; } .k-task-advanced.k-task-milestone { background-color: #4caf50; border-color: transparent; } .k-task-advanced.k-task-summary { background-color: #70bf73; border-color: #70bf73; } .k-task-advanced.k-task-summary .k-task-summary-complete { background-color: #4caf50; border-color: #4caf50; } .k-task-advanced.k-task-summary.k-state-selected .k-task-summary-complete { background-color: #1a237e; border-color: #1a237e; } .k-task-advanced.k-task-single { background-color: #70bf73; color: #FFFFFF; } .k-task-advanced.k-task-single.k-state-selected { background-color: #111631; color: #ffffff; } .k-task-advanced .k-task-complete { background-color: #4caf50; } .k-task-advanced.k-state-selected .k-task-complete { background-color: #1a224b; } .k-task-planned .k-task-moment { border-color: #f00; } .k-task-planned .k-task-duration { background-color: #f00; } .k-task-planned:hover .k-task-moment { background-color: #f00; } .k-task-offset { background-image: repeating-linear-gradient(135deg, #FFF, #FFF 2px, #f44336 2px, #f44336 4px); } .k-task-offset .k-resize-handle::after { background-color: #000000; } .k-task-offset:hover { background-image: repeating-linear-gradient(135deg, #FFF, #FFF 2px, #f6695e 2px, #f6695e 4px); } .k-task-offset .k-task-actions .k-link { color: #000000; } .k-task-offset-wrap .k-task-summary-complete:after, .k-task-offset-wrap .k-task-summary:after { border-right-color: transparent; } .k-rtl .k-task-offset-wrap .k-task-summary-complete:after, .k-rtl .k-task-offset-wrap .k-task-summary:after { border-right-color: inherit; } .k-rtl .k-task-offset-wrap .k-task-summary-complete:before, .k-rtl .k-task-offset-wrap .k-task-summary:before { border-left-color: transparent; } .k-summary-wrap .k-task-offset:after { border-color: transparent; border-right-color: #f44336; } .k-rtl .k-summary-wrap .k-task-offset:before { border-color: transparent; border-left-color: #f44336; } .k-rtl .k-summary-wrap .k-task-offset:after { border-right-color: transparent; } .k-pdf-export .k-task-offset { background-color: #f44336; } .k-offset-tooltip-delayed { background-color: #f44336; color: #FFFFFF; } .k-planned-tooltip { background-color: #f00; color: #FFFFFF; } /*! */ .k-imageeditor { border-color: #575757; color: #f5f5f5; background-color: #212121; } .k-imageeditor-content { border-color: false; color: false; background-color: #000000; } .k-imageeditor-canvas { background: linear-gradient(45deg, rgba(0, 0, 0, 0.09) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.09) 75%, rgba(0, 0, 0, 0.09) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.09) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.09) 75%, rgba(0, 0, 0, 0.09) 0), white; background-repeat: repeat, repeat; background-position: 0px 0px, calc(10px / 2) calc(10px / 2); transform-origin: 0 0 0; background-origin: padding-box, padding-box; background-clip: border-box, border-box; background-size: 10px 10px, 10px 10px; box-shadow: none; text-shadow: none; transition: none; transform: scaleX(1) scaleY(1) scaleZ(1); } .k-imageeditor-action-pane { border-color: #575757; color: false; background-color: #212121; } .k-imageeditor-crop { border-color: white; color: false; background-color: false; } .k-imageeditor-crop-overlay { background-color: rgba(0, 0, 0, 0.3); } .k-imageeditor-crop .k-resize-handle { border-color: white; color: false; background-color: false; } /*! */ .k-expander { border-color: #575757; color: #f5f5f5; background-color: #212121; } .k-expander-header { border-color: #f5f5f5; color: #f5f5f5; background-color: #212121; outline: none; } .k-expander-header:focus, .k-expander-header.k-state-focused { box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13); } .k-expander-title { color: #f00; } .k-expander-sub-title { opacity: 0.65; } /*! */ .k-fab { box-shadow: 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.2); } .k-fab.k-fab-1 { border-color: #f00; color: #ffffff; background-color: #f00; } .k-fab.k-fab-2 { border-color: #f00; color: #ffffff; background-color: #f00; } .k-fab.k-fab-3 { border-color: #f00; color: #ffffff; background-color: #f00; } .k-state-hover.k-fab-1, .k-fab.k-fab-1:hover { border-color: #e60000; background-color: #e60000; } .k-state-hover.k-fab-2, .k-fab.k-fab-2:hover { border-color: #e60000; background-color: #e60000; } .k-state-hover.k-fab-3, .k-fab.k-fab-3:hover { border-color: #e60000; background-color: #e60000; } .k-fab.k-state-focus, .k-fab:focus { box-shadow: 0 1px 10px rgba(0, 0, 0, 0.22), 0 4px 5px rgba(0, 0, 0, 0.24), 0 2px 4px rgba(0, 0, 0, 0.2); } .k-state-active.k-fab-1, .k-state-selected.k-fab-1, .k-fab-1:active { border-color: #cc0000; background-color: #cc0000; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.2), 0px 3px 4px rgba(255, 0, 0, 0.4); } .k-state-active.k-fab-2, .k-state-selected.k-fab-2, .k-fab-2:active { border-color: #cc0000; background-color: #cc0000; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.2), 0px 3px 4px rgba(255, 0, 0, 0.4); } .k-state-active.k-fab-3, .k-state-selected.k-fab-3, .k-fab-3:active { border-color: #cc0000; background-color: #cc0000; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.2), 0px 3px 4px rgba(255, 0, 0, 0.4); } .k-fab.k-state-disabled, .k-fab:disabled { box-shadow: 0 4px 5px rgba(0, 0, 0, 0.06), 0 1px 10px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.08); opacity: 1; } .k-state-disabled.k-fab-1, .k-fab-1:disabled { background-color: #ff8080; } .k-state-disabled.k-fab-2, .k-fab-2:disabled { background-color: #ff8080; } .k-state-disabled.k-fab-3, .k-fab-3:disabled { background-color: #ff8080; } .k-fab-item-text { border-color: #575757; color: #f5f5f5; background-color: #212121; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.2); } .k-fab-item-icon { border-color: #ebebeb; color: #000000; background-color: #ebebeb; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.2); } .k-fab-item.k-state-hover { background-image: none; color: inherit; background-color: inherit; border-color: inherit; box-shadow: none; } .k-fab-item.k-state-hover .k-fab-item-icon, .k-fab-item:hover .k-fab-item-icon { border-color: #dedede; background-color: #dedede; } .k-fab-item:focus .k-fab-item-text, .k-fab-item:focus .k-fab-item-icon, .k-fab-item.k-state-focus .k-fab-item-text, .k-fab-item.k-state-focus .k-fab-item-icon { box-shadow: 0 1px 10px rgba(0, 0, 0, 0.22), 0 4px 5px rgba(0, 0, 0, 0.24), 0 2px 4px rgba(0, 0, 0, 0.2); } .k-fab-item.k-state-active .k-fab-item-icon, .k-fab-item:active .k-fab-item-icon { border-color: #d2d2d2; background-color: #d2d2d2; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.2), 0px 3px 4px rgba(235, 235, 235, 0.4); } .k-fab-item.k-state-disabled, .k-fab-item:disabled { opacity: 1; } .k-fab-item.k-state-disabled .k-fab-item-text, .k-fab-item:disabled .k-fab-item-text, .k-fab-item.k-state-disabled .k-fab-item-icon, .k-fab-item:disabled .k-fab-item-icon { color: #fdfdfd; background-color: #4d4d4d; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.06), 0 1px 10px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.08); opacity: 1; } .k-popup.k-fab-popup { box-shadow: none; } /*! */ .k-bottom-nav-solid.k-bottom-nav-1 { color: #ffa6a6; background-color: #f00; } .k-bottom-nav-solid.k-bottom-nav-1 .k-bottom-nav-item.k-state-selected, .k-bottom-nav-solid.k-bottom-nav-1 .k-bottom-nav-item.k-state-active, .k-bottom-nav-solid.k-bottom-nav-1 .k-bottom-nav-item:active { color: #ffffff; background-color: inherit; box-shadow: none; background-image: none; } .k-bottom-nav-solid.k-bottom-nav-1 .k-bottom-nav-item.k-state-focus, .k-bottom-nav-solid.k-bottom-nav-1 .k-bottom-nav-item.k-state-focused, .k-bottom-nav-solid.k-bottom-nav-1 .k-bottom-nav-item:focus { background-color: rgba(255, 166, 166, 0.2); } .k-bottom-nav-solid.k-bottom-nav-2 { color: #ffa6a6; background-color: #f00; } .k-bottom-nav-solid.k-bottom-nav-2 .k-bottom-nav-item.k-state-selected, .k-bottom-nav-solid.k-bottom-nav-2 .k-bottom-nav-item.k-state-active, .k-bottom-nav-solid.k-bottom-nav-2 .k-bottom-nav-item:active { color: #ffffff; background-color: inherit; box-shadow: none; background-image: none; } .k-bottom-nav-solid.k-bottom-nav-2 .k-bottom-nav-item.k-state-focus, .k-bottom-nav-solid.k-bottom-nav-2 .k-bottom-nav-item.k-state-focused, .k-bottom-nav-solid.k-bottom-nav-2 .k-bottom-nav-item:focus { background-color: rgba(255, 166, 166, 0.2); } .k-bottom-nav-solid.k-bottom-nav-3 { color: #ffa6a6; background-color: #f00; } .k-bottom-nav-solid.k-bottom-nav-3 .k-bottom-nav-item.k-state-selected, .k-bottom-nav-solid.k-bottom-nav-3 .k-bottom-nav-item.k-state-active, .k-bottom-nav-solid.k-bottom-nav-3 .k-bottom-nav-item:active { color: #ffffff; background-color: inherit; box-shadow: none; background-image: none; } .k-bottom-nav-solid.k-bottom-nav-3 .k-bottom-nav-item.k-state-focus, .k-bottom-nav-solid.k-bottom-nav-3 .k-bottom-nav-item.k-state-focused, .k-bottom-nav-solid.k-bottom-nav-3 .k-bottom-nav-item:focus { background-color: rgba(255, 166, 166, 0.2); } .k-bottom-nav-solid .k-bottom-nav-item.k-state-disabled { color: inherit; } .k-bottom-nav-flat { border-color: #575757; color: #f5f5f5; background-color: #212121; } .k-bottom-nav-flat.k-bottom-nav-1 .k-bottom-nav-item.k-state-selected, .k-bottom-nav-flat.k-bottom-nav-1 .k-bottom-nav-item.k-state-active, .k-bottom-nav-flat.k-bottom-nav-1 .k-bottom-nav-item:active { box-shadow: none; background-color: inherit; background-image: none; color: #f00; } .k-bottom-nav-flat.k-bottom-nav-2 .k-bottom-nav-item.k-state-selected, .k-bottom-nav-flat.k-bottom-nav-2 .k-bottom-nav-item.k-state-active, .k-bottom-nav-flat.k-bottom-nav-2 .k-bottom-nav-item:active { box-shadow: none; background-color: inherit; background-image: none; color: #f00; } .k-bottom-nav-flat.k-bottom-nav-3 .k-bottom-nav-item.k-state-selected, .k-bottom-nav-flat.k-bottom-nav-3 .k-bottom-nav-item.k-state-active, .k-bottom-nav-flat.k-bottom-nav-3 .k-bottom-nav-item:active { box-shadow: none; background-color: inherit; background-image: none; color: #f00; } .k-bottom-nav-flat .k-bottom-nav-item.k-state-focus, .k-bottom-nav-flat .k-bottom-nav-item.k-state-focused, .k-bottom-nav-flat .k-bottom-nav-item:focus, .k-bottom-nav-flat .k-bottom-nav-item.k-state-focus.k-state-selected, .k-bottom-nav-flat .k-bottom-nav-item.k-state-focused.k-state-selected, .k-bottom-nav-flat .k-bottom-nav-item.k-state-selected:focus { background-color: rgba(245, 245, 245, 0.05); } .k-ie .k-bottom-nav-item { background-color: transparent; } .k-in, .k-item { border-color: transparent; } .k-splitbar .k-resize-handle { background-color: #f5f5f5; } .k-block, .k-widget { background-color: #212121; } .k-block, .k-widget, .k-input, .k-group, .k-content, .k-header, .k-filter-row > th, .k-separator, .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-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-slider-track, .k-splitbar, .k-dropzone-active, .k-upload-files, .k-upload .k-action-buttons, .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: #575757; } .k-group, .k-grouping-header, .k-group-footer td, .k-grid-footer, .k-footer-template td, .k-widget .k-status, .k-dropzone-hovered, .k-popup { background-color: #212121; } .k-grouping-row td, td.k-group-cell, .k-resize-handle-inner { background-color: #212121; } .k-list-container { border-color: #575757; background-color: #212121; } .k-content, .k-panelbar > li.k-item, .k-panel > li.k-item { background-color: #212121; } .k-alt, .k-separator, .k-resource.k-alt, .k-pivot-layout > tbody > tr:first-child > td:first-child { background-color: #212121; } .k-pivot-rowheaders .k-alt .k-alt, .k-header.k-alt { background-color: #353535; } .k-textbox, .k-dropdown-wrap.k-state-active, .k-picker-wrap.k-state-active, .k-numeric-wrap.k-state-active { border-color: #575757; background-color: #3f51b5; } .k-textbox > input, .k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-textbox.k-state-focused, .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: #575757; } .k-input, .k-textbox, .k-textbox > input, .k-multiselect-wrap { background-color: #212121; color: #f5f5f5; } .k-input-label { color: #f5f5f5; } .k-text-error { color: #f44336; } .k-input[readonly] { background-color: #212121; color: #f5f5f5; } .k-block, .k-widget, .k-popup, .k-content, .k-toolbar, .k-dropdown .k-input { color: #f5f5f5; } .k-inverse { color: #212121; } .k-block { color: #f5f5f5; } .k-link { color: #3f51b5; } .k-tabstrip-items .k-link, .k-panelbar > li > .k-link { color: #f5f5f5; } .k-header, .k-treemap-title, .k-grid-header .k-header > .k-link { color: #f5f5f5; } .k-header, .k-grid-header, .k-toolbar, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap, .k-grouping-header, .k-progressbar, .k-draghandle, .k-autocomplete, .k-state-highlight, .k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item { background-position: 50% 50%; background-color: #212121; } .k-block, .k-treemap-tile { background-color: #212121; } .k-mediaplayer-toolbar { background: rgba(33, 33, 33, 0.85); } .k-hr { border-color: #575757; } .k-i-loading { background-image: url('Office365/loading.gif'); } .k-loading-image { background-image: url('Office365/loading-image.gif'); } .k-loading-color { background-color: #212121; } .k-draghandle { border-color: #3f51b5; background-color: #3f51b5; box-shadow: none; } .k-draghandle:hover { border-color: #3f51b5; background-color: #3f51b5; box-shadow: none; } .k-drop-hint-line { background-color: #1a237e; } .k-drop-hint-h .k-drop-hint-start { border-left-color: #1a237e; } .k-drop-hint-h .k-drop-hint-end { border-right-color: #1a237e; } .k-drop-hint-v .k-drop-hint-start { border-top-color: #1a237e; } .k-drop-hint-v .k-drop-hint-end { border-bottom-color: #1a237e; } .k-scheduler { color: #ffffff; background-color: #212121; } .k-scheduler-layout { color: #f5f5f5; } .k-scheduler-datecolumn, .k-scheduler-groupcolumn { background-color: #212121; color: #f5f5f5; } .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: #575757; } .k-nonwork-hour { background-color: #212121; } .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-monthview .k-today { background-color: #292929; } .k-today > .k-scheduler-datecolumn, .k-today > .k-scheduler-groupcolumn { color: #3f51b5; } .k-scheduler-weekview .k-scheduler-header th.k-today, .k-scheduler-workWeekview .k-scheduler-header th.k-today { position: relative; } .k-scheduler-weekview .k-scheduler-header th.k-today:before, .k-scheduler-workWeekview .k-scheduler-header th.k-today:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; right: 0; border-bottom: 3px solid #3f51b5; } .k-scheduler-monthview .k-today { position: relative; } .k-scheduler-monthview .k-today:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; border-top: 3px solid #3f51b5; } .k-scheduler-now-arrow { border-left-color: #454545; } .k-scheduler-now-line { background-color: #454545; } .k-event, .k-task-complete { border-color: #1a224b; background: #1a224b; color: #ffffff; } .k-event-inverse { color: #000000; } .k-scheduler-content .k-event.k-state-selected { background-position: 0 0; box-shadow: 0 0 0 2px #f5f5f5, inset 4px 0 0 0 rgba(255, 255, 255, 0.5); } .k-event .k-resize-handle:after, .k-task-single .k-resize-handle:after { background-color: #212121; } .k-scheduler-marquee:before, .k-scheduler-marquee:after { border-color: #1a237e; } .k-panelbar .k-content, .k-panelbar .k-panel, .k-panelbar .k-item { background-color: #212121; color: #f5f5f5; border-color: #575757; } .k-panelbar > li > .k-link { color: #f5f5f5; } .k-panelbar > .k-item > .k-link { border-color: #575757; } .k-panel > li.k-item { background-color: #212121; } .k-state-active, .k-state-active:hover, .k-active-filter, .k-tabstrip .k-state-active { background-color: #424242; border-color: #3f51b5; color: #f5f5f5; } .k-fieldselector .k-list-container { background-color: #212121; } .k-menu .k-state-hover > .k-state-active { background-color: transparent; } .k-state-highlight { background: #212121; color: #f5f5f5; } .k-state-focused, .k-grouping-row .k-state-focused { border-color: #3f51b5; } .k-mediaplayer-toolbar .k-button.k-flat:active, .k-mediaplayer-toolbar .k-button.k-flat.k-state-active, .k-mediaplayer-toolbar .k-button.k-flat.k-state-active:hover { color: #3f51b5; } .k-mediaplayer-toolbar .k-button.k-flat:active:before, .k-mediaplayer-toolbar .k-button.k-flat.k-state-active:before, .k-mediaplayer-toolbar .k-button.k-flat.k-state-active:hover:before { opacity: 0.24; } .k-slider.k-mediaplayer-seekbar { top: -14px; } .k-calendar-container.k-group { border-color: #575757; } .k-state-selected, .k-state-selected:link, .k-state-selected:visited, .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-today.k-state-selected, .k-marquee-color { color: #f5f5f5; background-color: #1a237e; border-color: #1a237e; } .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: #919191; } .k-group-header + div > .k-list > .k-item.k-first:before { border-top-color: #919191; } .k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header { background: #919191; color: #f5f5f5; } .k-popup .k-list .k-item > .k-group { background: #919191; color: #212121; border-bottom-left-radius: 0px; } .k-marquee-text { color: #f5f5f5; } .k-state-focused, .k-list > .k-state-focused, td.k-state-focused { box-shadow: none; } .k-listview > .k-state-focused, .k-listview > .k-state-focused.k-state-selected { box-shadow: inset 0 0 0 1px #3f51b5; } .k-state-focused.k-state-selected, .k-list > .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected { box-shadow: none; } .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: #f5f5f5; } .k-state-hover, .k-splitbar-horizontal-hover, .k-splitbar-vertical-hover, .k-list > .k-state-hover, .k-dropdown .k-state-focused, .k-filebrowser-dropzone { color: #fff; background-color: #424242; border-color: #919191; } .k-state-hover > .k-select, .k-state-focused > .k-select { border-color: #919191; } .k-state-hover, .k-other-month.k-state-hover .k-link, div.k-filebrowser-dropzone em, .k-draghandle:hover, .k-listbox .k-item:hover:not(.k-state-disabled) { background-image: none; } .k-pager-wrap { border-color: #575757; color: #f5f5f5; background-color: #212121; } .k-pager-wrap .k-link { border-color: transparent; color: #3f51b5; background-color: transparent; } .k-pager-wrap .k-link:hover { color: #fff; background-color: #424242; border-color: #919191; } .k-pager-wrap .k-link.k-state-disabled { color: #3f51b5; } .k-pager-wrap .k-pager-numbers .k-link { border-color: transparent; background-color: transparent; color: #f5f5f5; } .k-pager-wrap .k-pager-numbers .k-link:hover { background-color: #424242; } .k-pager-wrap .k-pager-numbers .k-state-selected { border-top-color: #3f51b5; color: #3f51b5; } .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: none; } .k-state-selected { background-image: none; } .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: #4c4c4c; background-image: none; background-position: 50% 50%; border-color: #3f51b5; } .k-dropdown .k-state-focused .k-input { color: #f5f5f5; } .k-dropdown .k-state-hover .k-input { color: #fff; } .k-state-error { border-color: #454545; background-color: #f33a2c; color: #bdbdbd; } .k-state-disabled { opacity: 0.6; } .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-dropzone .k-upload-status, .k-slider .k-draghandle { color: #919191; } .k-file .k-upload-status { color: #f5f5f5; } .k-progressbar-indeterminate { background: url('Office365/indeterminate.gif'); } .k-progressbar-indeterminate .k-progress-status-wrap, .k-progressbar-indeterminate .k-state-selected { display: none; } .k-slider-track { background-color: #575757; } .k-slider-selection { background-color: #1a237e; } .k-slider-horizontal .k-tick { background-image: url('Office365/slider-h.gif'); } .k-slider-vertical .k-tick { background-image: url('Office365/slider-v.gif'); } .k-chart-crosshair-tooltip, .k-chart-shared-tooltip { border-color: #575757; background-color: #212121; color: #f5f5f5; } .k-splitbar { background-color: #424242; } .k-restricted-size-vertical, .k-restricted-size-horizontal { background-color: #bdbdbd; } .k-dropzone { color: #f5f5f5; background-color: #212121; background-position: 50% 50%; } .k-file { background-color: #212121; border-color: #575757; } .k-file:last-child { border-radius: 0 0 0px 0px; } .k-file-progress .k-progress { background-color: #3f51b5; } .k-file-success .k-file-validation-message, .k-file-success .k-upload-pct { color: #4caf50; } .k-file-success .k-progress { background-color: #4caf50; } .k-file-error .k-file-validation-message, .k-file-invalid .k-file-validation-message, .k-file-error .k-upload-pct, .k-file-invalid .k-upload-pct { color: #f44336; } .k-file-error .k-progress, .k-file-invalid .k-progress { background-color: #f44336; } .k-file-extension-wrapper, .k-multiple-files-extension-wrapper, .k-file-group-wrapper, .k-multiple-files-group-wrapper, .k-file-invalid-group-wrapper { color: #919191; border-color: #919191; } .k-file-extension-wrapper:before, .k-multiple-files-extension-wrapper:before { background-color: #212121; border-color: transparent transparent #919191 #919191; } .k-multiple-files-extension-wrapper:after { border-top-color: #919191; border-left-color: #919191; } .k-file-size, .k-file-information, .k-file-validation-message { color: #919191; } .k-textbox:hover { border-color: #919191; } .k-leaf, .k-leaf.k-state-hover { color: #fff; } .k-leaf.k-inverse, .k-leaf.k-inverse.k-state-hover { color: #000; } .k-slider, .k-treeview, .k-upload { box-shadow: none; } .k-state-hover { box-shadow: none; } .k-textbox:focus, .k-textbox.k-state-focused, .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: none; } .k-state-selected { box-shadow: none; } .k-state-active { box-shadow: none; } .k-grid td.k-state-selected.k-state-focused { background-color: #171f71; } .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-wrap.k-state-focused, .k-state-focused > .k-multiselect-wrap, .k-filebrowser .k-image { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.18); } .k-treemap-tile.k-state-hover { box-shadow: inset 0 0 0 3px #575757; } .k-shadow { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.18); } .k-inset { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.18); } .k-editor-inline ::selection { background-color: #1a237e; text-shadow: none; color: #fff; } .k-editor-inline ::-moz-selection { background-color: #1a237e; text-shadow: none; color: #fff; } .k-window-content.editorToolbarWindow { color: #f5f5f5; background-color: #212121; } /*! */ .k-notification { border-radius: 0px; } .k-notification-info { background-color: #3f51b5; color: #ffffff; border-color: #3f51b5; } .k-notification-success { background-color: #4caf50; color: #ffffff; border-color: #4caf50; } .k-notification-warning { background-color: #ffeb3b; color: #000000; border-color: #ffeb3b; } .k-notification-error { background-color: #f44336; color: #ffffff; border-color: #f44336; } .k-gantt .k-treelist { background: #212121; } .k-gantt .k-treelist .k-alt { background-color: #3b3b3b; } .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: #1a237e; } .k-gantt .k-treelist .k-state-selected:hover, .k-gantt .k-treelist .k-state-selected:hover td { background-color: #353963; } .k-task-dot:after { background-color: #f5f5f5; border-color: #f5f5f5; } .k-task-dot:hover:after { background-color: #212121; } .k-task-summary { border-color: #4f4f4f; background: #4f4f4f; } .k-task-milestone, .k-task-summary-complete { border-color: #f5f5f5; background: #f5f5f5; } .k-state-selected.k-task-summary { border-color: #fff; background: #fff; } .k-state-selected.k-task-milestone, .k-state-selected .k-task-summary-complete { border-color: #1a237e; background: #1a237e; } .k-task-single { background-color: #111631; border-color: #1a224b; color: #ffffff; } .k-state-selected.k-task-single { border-color: #1a237e; } .k-gantt-line { background-color: #f5f5f5; color: #f5f5f5; } .k-state-selected.k-gantt-line { background-color: #1a237e; color: #1a237e; } .k-resource { background-color: #212121; } .k-block, .k-textbox, .k-drag-clue, .k-touch-scrollbar, .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-numerictextbox, .k-picker-wrap, .k-numeric-wrap, .k-list-container, .k-calendar-container, .k-treeview .k-in, .k-editor-inline, .k-slider-track, .k-slider-selection, .k-upload { border-radius: 0px; } .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-filter-menu { border-radius: 0 0 0px 0px; } .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 0px; } .k-multiselect.k-state-border-up .k-multiselect-wrap { border-radius: 0 0 0px 0px; } .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: 0px 0px 0 0; } .k-dropdown-wrap .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input { border-radius: 0px 0 0 0px; } .k-rtl .k-dropdown-wrap .k-input, .k-rtl .k-picker-wrap .k-input, .k-rtl .k-numeric-wrap .k-input { border-radius: 0 0px 0px 0; } .k-numeric-wrap .k-link { border-radius: 0 0px 0 0; } .k-numeric-wrap .k-link + .k-link { border-radius: 0 0 0px 0; } .k-colorpicker .k-selected-color { border-radius: 0px 0 0 0px; } .k-rtl .k-colorpicker .k-selected-color { border-radius: 0 0px 0px 0; } .k-autocomplete.k-state-border-down .k-input { border-radius: 0px 0px 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: 0px 0 0 0; } .k-numeric-wrap .k-link.k-state-selected { background-color: #3f51b5; } .k-multiselect.k-state-border-down .k-multiselect-wrap { border-radius: 0px 0px 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 0px 0px 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: 0px 0 0 0px; } .k-numeric-wrap.k-expand-padding .k-input { border-radius: 0px; } .k-textbox > input, .k-autocomplete .k-input, .k-multiselect-wrap { border-radius: 0px; } .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: 0px; } .k-slider .k-button, .k-grid .k-slider .k-button { border-radius: 0px; } .k-draghandle { border-radius: 0px; } .k-more-events, .k-event, .k-task-single, .k-task-complete, .k-event .k-link { border-radius: 0px; } .k-scheduler-mobile .k-event { border-radius: -1px; } .k-autocomplete, .k-picker-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-dropdown-wrap.k-state-default { background-position: 50% 50%; background-color: #212121; border-color: #666666; } .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: #4c4c4c; background-image: none; background-position: 50% 50%; border-color: #ababab; } .k-multiselect-wrap { border-color: #666666; } .k-multiselect-wrap.k-state-hover, .k-state-hover > .k-multiselect-wrap, .k-multiselect-wrap.k-state-hover { border-color: #ababab; background: #212121; color: #f5f5f5; } .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: #4c4c4c; background-image: none; background-position: 50% 50%; border-color: #3f51b5; box-shadow: none; } .k-multiselect-wrap.k-state-focused, .k-state-focused > .k-multiselect-wrap { border-color: #3f51b5; box-shadow: none; } .k-list-container { color: #f5f5f5; } .k-nodata { color: #919191; } .k-dropdown .k-input, .k-dropdown .k-state-focused .k-input, .k-menu .k-popup { color: #f5f5f5; } .k-state-default > .k-select { border-color: #666666; } .k-state-hover > .k-select { border-color: #ababab; } .k-state-focused > .k-select { border-color: #3f51b5; } .k-tabstrip:focus { box-shadow: none; } .k-tabstrip-items .k-state-default .k-link, .k-panelbar > li.k-state-default > .k-link { color: #f5f5f5; } .k-tabstrip-items .k-state-hover .k-link, .k-tabstrip-items .k-state-active .k-link { color: #3f51b5; } .k-panelbar > li.k-state-hover > .k-link, .k-panelbar > li.k-state-default > .k-link.k-state-hover { color: #fff; } .k-panelbar > li > .k-state-focused.k-state-hover { background: #424242; box-shadow: none; } .k-tabstrip-items .k-state-default { border-color: transparent; } .k-tabstrip-items .k-state-hover { border-color: #919191; } .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-items .k-state-active { background-color: #212121; background-image: none; border-color: #3f51b5; } .k-tabstrip .k-content.k-state-active { background-color: #212121; color: #f5f5f5; } .k-menu.k-header, .k-menu .k-item { border-color: #212121; } .k-column-menu, .k-column-menu .k-item, .k-grid-columnmenu-popup, .k-columnmenu-item-wrapper { border-color: #575757; } .k-column-menu .k-separator { border-color: #575757; background-color: transparent; } .k-column-menu-group-header-text { color: #f5f5f5; border-color: #f5f5f5; } .k-menu .k-group { border-color: #575757; } .k-menu .k-link.k-state-active { background-color: #3f51b5; color: #212121; } .k-menu .k-state-hover .k-state-active { background-color: #5869c5; } .k-grid-filter.k-state-active { background-color: #212121; } .k-grid-filter.k-state-active .k-icon { opacity: 1; } .k-grouping-row td, .k-group-footer td, .k-grid-footer td { color: #f5f5f5; border-color: #575757; font-weight: bold; } .k-grouping-header { color: #f5f5f5; } .k-header, .k-grid-header-wrap, .k-grid .k-grouping-header, .k-grid-header, .k-grouping-header .k-group-indicator, .k-gantt-toolbar .k-state-default { border-color: #575757; } .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: 0px; } .k-scheduler-table .k-state-hover .k-icon { background-color: transparent; } .k-button:hover .k-icon, .k-splitbar.k-splitbar-horizontal-hover .k-icon, .k-splitbar.k-splitbar-vertical-hover .k-icon, div.k-splitbar.k-state-focused .k-icon, .k-textbox:hover > .k-icon, .k-grouping-header .k-i-delete, .k-grouping-header .k-button-icon:hover > .k-icon.k-i-delete, .k-grouping-header .k-i-delete, .k-grouping-header .k-button-icon:hover > .k-icon.k-i-delete, .k-grouping-header .k-i-arrow-60-up, .k-grouping-header .k-link:hover > .k-icon.k-i-arrow-60-up, .k-grouping-header .k-i-arrow-60-up, .k-grouping-header .k-link:hover > .k-icon.k-i-arrow-60-up, .k-grouping-header .k-i-arrow-60-down, .k-grouping-header .k-link:hover > .k-icon.k-i-arrow-60-down, .k-grouping-header .k-i-arrow-60-down, .k-grouping-header .k-link:hover > .k-icon.k-i-arrow-60-down, .k-scheduler-content .k-icon, .k-gantt-toolbar .k-icon, .k-field-actions .k-icon, .k-notification .k-icon, .k-pivot-configurator-settings .k-icon:hover { opacity: 0.8; } .k-state-disabled .k-icon, .k-state-disabled .k-button .k-icon, .k-button.k-state-disabled .k-icon { opacity: 0.3; } .k-numerictextbox .k-select, .k-combobox .k-select, .k-picker-wrap .k-select { border-color: #212121; } .k-autocomplete.k-state-focused, .k-picker-wrap.k-state-focused, .k-numeric-wrap.k-state-focused, .k-dropdown-wrap.k-state-focused { background-color: #212121; } .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 { border-color: #515151; } .k-multiselect-wrap.k-state-disabled, .k-state-disabled > .k-multiselect-wrap { border-color: #515151; } .k-autocomplete.k-state-border-down { border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 0; } input.k-textbox:focus, .k-textbox.k-state-focused { border-color: #3f51b5; } .k-multiselect-wrap.k-state-border-up .k-button, .k-multiselect-wrap.k-state-border-down .k-button, .k-state-border-up > .k-multiselect-wrap .k-button, .k-state-border-down > .k-multiselect-wrap .k-button { color: #212121; background-color: #3f51b5; border-color: #3f51b5; } .k-dropdown-wrap.k-state-default.k-state-active, .k-picker-wrap.k-state-default.k-state-active { color: #212121; background-color: #3f51b5; border-color: #3f51b5; } .k-picker-wrap.k-state-default.k-state-active .k-select, .k-dropdown-wrap.k-state-default.k-state-active .k-select { border-color: #3f51b5; } .k-dropdown .k-state-default.k-state-active .k-input, .k-state-selected .k-progress-status { color: #212121; } .k-list > .k-state-hover { border-color: #424242; } .k-list > .k-item.k-state-focused, .k-treeview .k-in.k-state-focused { border-color: #3f51b5; } .k-list > .k-state-selected { background-color: #1a237e; border-color: #1a237e; } .k-popup { box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.18); } .k-splitbar { border-color: #424242; } .k-splitbar-horizontal-hover, .k-splitbar-vertical-hover { background-color: #4c4c4c; border-color: #4c4c4c; } .k-splitbar.k-state-focused { background-color: #3f51b5; border-color: #3f51b5; } .k-marquee-color { background-color: #3f51b5; } .k-grid .k-state-selected, .k-grid td.k-state-selected.k-state-focused { background-color: #1a237e; } .k-grid tr:hover, .k-gantt .k-treelist tr:hover { background-color: #424242; } .k-grid .k-filter-row:hover, .k-pivot-rowheaders .k-grid tr:hover { background: none; } .k-grid tr.k-state-selected:hover, .k-grid td.k-state-selected:hover { background-color: #353963; } .k-gantt .k-treelist .k-alt, .k-gantt .k-header.k-nonwork-hour { background-color: #212121; } .k-grid-header th.k-state-focused, .k-grid td.k-state-focused { box-shadow: inset 0 0 0 1px #3f51b5; } .k-grid td, .k-grid .k-grouping-header, .k-grid-header-wrap { border-color: transparent; } .k-grid tr th { border-left-color: transparent; } .k-pivot .k-grid-header th.k-header, .k-pivot-layout > tbody > tr:first-child > td:first-child { border-color: #575757; } .k-group-footer td { border-top-color: #575757; } .k-grouping-header .k-group-indicator { background-color: #424242; border-color: #424242; } .k-grouping-header .k-group-indicator .k-link { color: #f5f5f5; } .k-progressbar { background-color: #515151; border-color: #515151; } .k-progressbar .k-state-default { border-color: #515151 #212121 #515151; } .k-progressbar .k-state-selected { background-color: #3f51b5; border-color: #3f51b5; } .k-progressbar.k-progressbar-vertical .k-state-selected { border-color: #3f51b5; } .k-tabstrip.k-header { background-color: #424242; } .k-tabstrip .k-item { background-color: #424242; border-color: #424242; } .k-tabstrip .k-item.k-state-active { background-color: #212121; border-color: #212121; } .k-tabstrip .k-content { border-color: transparent; } .k-slider-track { background-color: #666666; } .k-slider-selection { background-color: #3f51b5; } .k-draghandle { background-color: #3f51b5; border-color: #3f51b5; } .k-draghandle:hover, .k-draghandle.k-state-selected, .k-draghandle.k-state-selected:hover { background-color: #5869c5; border-color: #5869c5; } .k-flatcolorpicker .k-selected-color input.k-color-value, .k-flatcolorpicker .k-hsv-rectangle { border-color: #575757; } .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 { background-color: #575757; border-color: #575757; } .k-flatcolorpicker .k-slider-horizontal .k-slider-track { box-shadow: none; } .k-treeview .k-state-selected { color: #3f51b5; background-color: #212121; } .k-gantt-toolbar .k-link { color: #f5f5f5; } .k-gantt-toolbar .k-state-selected .k-link { color: #3f51b5; } .k-gantt .k-gantt-toolbar ul li, .k-gantt .k-gantt-toolbar ul li.k-state-hover, .k-gantt .k-gantt-toolbar ul li.k-state-selected { background-color: #212121; border-color: transparent; } .k-fieldselector .k-item.k-header { border-color: #424242; background-color: #424242; } .k-fieldselector .k-item.k-header.k-state-hover { border-color: #545454; background-color: #545454; } .k-scheduler .k-nonwork-hour { background-color: #161d69; } .k-scheduler-content .k-event { box-shadow: inset 4px 0 0 0 rgba(255, 255, 255, 0.5); } .k-scheduler-times tr, .k-scheduler-times th, .k-scheduler-table td, .k-scheduler-header th, .k-scheduler-header-wrap, .k-scheduler-times { border-left-color: transparent; border-right-color: transparent; } .k-gantt .k-gantt-timeline tr:first-child .k-header { border-color: #575757; } .k-gantt .k-treelist .k-alt { background-color: #212121; } .k-panelbar > li > .k-state-selected, .k-panelbar > .k-item > .k-link.k-state-selected, .k-panelbar > li.k-state-default > .k-link.k-state-selected { color: #212121; background-color: #3f51b5; } .k-panelbar .k-state-selected.k-state-hover { background-color: #1a237e; color: #fff; } .k-panelbar.k-header, .k-panelbar .k-content, .k-panelbar .k-panel, .k-panelbar .k-item, .k-panelbar > .k-item > .k-link { border-color: #212121; } .k-notification { box-shadow: none; } .k-chart .k-mask { background-color: #fff; filter: alpha(opacity=68); opacity: 0.68; } .k-chart .k-selection { border-color: #e5e5e5; } .k-chart .k-handle { width: 15px; height: 15px; background-color: #00b0ff; border-radius: 10px; } .k-chart .k-left-handle { left: -8px; } .k-chart .k-right-handle { right: -8px; } .k-chart .k-handle:hover { background-color: #00b0ff; border-color: #00b0ff; } .k-chart .k-navigator-hint .k-tooltip { border: 3px solid #ffffff; box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2); background: #ffffff; color: #242424; } .k-chart .k-navigator-hint .k-scroll { background: #3f51b5; height: 4px; } .k-map { border-color: #575757; color: #f5f5f5; background-color: #212121; } .k-map .k-navigator { border-color: #424242; color: #ffffff; background-color: #424242; background-position: 50% 50%; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.18); } .k-map .k-zoom-control { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.18); } .k-map .k-marker { color: #1a237e; } /*! */ .k-spreadsheet-row-header, .k-spreadsheet-column-header { background-color: #212121; } .k-spreadsheet-top-corner, .k-spreadsheet-row-header, .k-spreadsheet-column-header { background-color: #212121; background-image: none; color: #ffffff; border-color: #dadada; } .k-spreadsheet-top-corner { border-color: #dadada; } .k-spreadsheet-top-corner:after { border-color: transparent #dadada #dadada transparent; } .k-spreadsheet-pane { border-color: #c8c8c8; } .k-spreadsheet-pane .k-spreadsheet-vaxis, .k-spreadsheet-pane .k-spreadsheet-haxis { border-color: #c8c8c8; } .k-spreadsheet-pane .k-spreadsheet-column-header, .k-spreadsheet-pane .k-spreadsheet-row-header { border-color: #dadada; } .k-spreadsheet-pane .k-spreadsheet-merged-cell { background-color: #212121; } .k-spreadsheet-pane .k-selection-partial, .k-spreadsheet-pane .k-selection-full { border-color: rgba(63, 81, 181, 0.2); background-color: rgba(63, 81, 181, 0.2); } .k-spreadsheet-pane .k-filter-range { border-color: #3f51b5; } .k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-partial, .k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-full { border-bottom-color: #3f51b5; } .k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-partial, .k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-full { border-right-color: #3f51b5; } .k-auto-fill, .k-spreadsheet-selection { border-color: #3f51b5; box-shadow: inset 0 0 0 1px #3f51b5; } .k-spreadsheet-selection { background-color: rgba(63, 81, 181, 0.2); } .k-spreadsheet-active-cell { box-shadow: inset 0 0 0 1px #3f51b5; background-color: #212121; } .k-spreadsheet-active-cell.k-right { box-shadow: inset 0 0 0 1px #3f51b5, inset -1px 0 0 1px #3f51b5; } .k-spreadsheet-active-cell.k-bottom { box-shadow: inset 0 0 0 1px #3f51b5, inset 0 -1px 0 1px #3f51b5; } .k-spreadsheet-active-cell.k-bottom.k-right { box-shadow: inset 0 0 0 1px #3f51b5, inset -1px -1px 0 1px #3f51b5; } .k-spreadsheet-active-cell.k-single { color: #f5f5f5; background-color: #212121; } .k-spreadsheet .k-spreadsheet-action-bar { background-color: #212121; border-color: #575757; } .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor { border-color: #dadada; } .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar::before { border-color: #dadada; } .k-spreadsheet .k-spreadsheet-formula-input { background-color: #212121; color: #f5f5f5; } .k-spreadsheet .k-resize-handle, .k-spreadsheet .k-resize-hint-handle, .k-spreadsheet .k-resize-hint-marker { background-color: #1a237e; } .k-spreadsheet .k-resize-hint-vertical .k-resize-hint-handle, .k-spreadsheet .k-resize-hint-vertical .k-resize-hint-marker { background-color: #1a237e; } .k-spreadsheet .k-single-selection::after { background-color: #3f51b5; border-color: #212121; } .k-spreadsheet .k-auto-fill-punch { background-color: rgba(33, 33, 33, 0.5); } .k-spreadsheet .k-single-selection.k-dim-auto-fill-handle::after { background-color: rgba(63, 81, 181, 0.5); } .k-spreadsheet .k-spreadsheet-cell-comment { color: #f5f5f5; background-color: #212121; border-color: #575757; } .k-spreadsheet .k-spreadsheet-has-comment:after { border-color: #3f51b5 #3f51b5 transparent transparent; } .k-spreadsheet .k-dirty { border-color: #f44336 transparent transparent #f44336; } .k-spreadsheet-format-cells .k-spreadsheet-preview { border-color: #575757; } .k-spreadsheet-filter { border-radius: 0px; background-color: #212121; box-shadow: inset 0 0 0 1px #c8c8c8; } .k-spreadsheet-filter.k-state-active { color: #f5f5f5; background-color: #1a237e; } .k-spreadsheet-filter:hover { color: #fff; background: #424242; border-color: #2e2e2e; } .k-action-window .k-action-buttons { border-color: #575757; background: #212121; } .k-spreadsheet-sample { color: #ffffff; } .k-state-selected .k-spreadsheet-sample { color: inherit; } .k-spreadsheet-window .k-list { border-color: #575757; border-radius: 0px; } .k-spreadsheet-popup { border-radius: 0px; } .k-spreadsheet-popup .k-separator { background-color: #575757; } .k-spreadsheet-popup .k-button { background-color: transparent; } .k-spreadsheet-popup .k-button:hover { background-color: #424242; } .k-spreadsheet-popup .k-state-active { background-color: #1a237e; color: #000000; } .k-spreadsheet-popup .k-state-active:hover { background-color: #111754; } .k-spreadsheet-filter-menu .k-details { border-color: #575757; } .k-spreadsheet-filter-menu .k-details-content .k-space-right { background-color: #212121; } .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper { background-color: #212121; border-color: #575757; 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: #1a237e; background-color: rgba(26, 35, 126, 0.15); } .k-series-b { border-color: #3f51b5; background-color: rgba(63, 81, 181, 0.15); } .k-series-c { border-color: #4caf50; background-color: rgba(76, 175, 80, 0.15); } .k-series-d { border-color: #8bc34a; background-color: rgba(139, 195, 74, 0.15); } .k-series-e { border-color: #ff9800; background-color: rgba(255, 152, 0, 0.15); } .k-series-f { border-color: #f44336; background-color: rgba(244, 67, 54, 0.15); } .k-spreadsheet-sheets-remove:hover .k-icon { color: #cc2222; } .k-spreadsheet-formula-list .k-state-focused { background-color: #1a237e; color: #f5f5f5; } .k-spreadsheet-insert-image-dialog { border-color: #575757; border-radius: 0px; } .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover, .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-state-hovered { box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.5); border-radius: 0px; } .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover div, .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-state-hovered div { color: #fff; } .k-spreadsheet-drawing.k-spreadsheet-active-drawing { outline-color: #3f51b5; } .k-spreadsheet-drawing .k-spreadsheet-drawing-handle { border-color: #fff; background-color: #3f51b5; border-radius: 50%; } .k-spreadsheet-drawing-anchor-cell { background: rgba(63, 81, 181, 0.2); } .k-rtl .k-spreadsheet .k-spreadsheet-has-comment::after { border-color: #3f51b5 transparent transparent #3f51b5; } .k-rtl .k-spreadsheet .k-dirty { border-color: #f44336 #f44336 transparent transparent; } .k-spreadsheet-sheets-bar { background-color: #f4f4f4; } .k-spreadsheet-sheets-bar .k-item, .k-spreadsheet-sheets-bar .k-item.k-state-active { border-color: #dadada; } .k-mediaplayer .k-toolbar > * { margin-top: -0.1em; } .k-mediaplayer .k-toolbar .k-button-icon { margin-top: 0.2em; } .k-mediaplayer .k-mediaplayer-currenttime { margin-top: 0; } .k-mediaplayer .k-align-right { margin-top: 0; } .k-mediaplayer .k-align-right .k-mediaplayer-volume { margin: -2px 6px 0; } .k-numeric-wrap .k-i-warning { color: #f44336; position: absolute; top: 0; right: 1.9em; width: 1.9em; } .k-numeric-wrap.k-state-invalid { border-color: #f44336; } .k-numeric-wrap.k-state-invalid input { color: #f44336; } .k-rtl .k-numeric-wrap.k-state-invalid .k-i-warning { right: auto; left: 1.9em; } .k-maskedtextbox.k-state-invalid .k-textbox { border-color: #f44336; color: #f44336; } .k-maskedtextbox.k-state-invalid .k-i-warning { color: #f44336; } .k-dateinput.k-state-invalid .k-textbox { color: #f44336; border-color: #f44336; } .k-dateinput.k-state-invalid .k-i-warning { margin-left: 0; margin-right: 0.6em; color: #f44336; } .k-rtl .k-dateinput .k-i-warning { margin-right: 0; margin-left: 0.6em; } .k-datepicker .k-picker-wrap.k-state-invalid, .k-timepicker .k-picker-wrap.k-state-invalid { border-color: #f44336; } .k-datepicker .k-picker-wrap.k-state-invalid .k-input, .k-timepicker .k-picker-wrap.k-state-invalid .k-input { color: #f44336; } .k-datepicker .k-picker-wrap .k-i-warning, .k-timepicker .k-picker-wrap .k-i-warning { color: #f44336; margin-left: 0; margin-right: 2.1em; } .k-rtl .k-datepicker .k-picker-wrap .k-i-warning, .k-rtl .k-timepicker .k-picker-wrap .k-i-warning { margin-right: 0; margin-left: 2.1em; } .k-datetimepicker .k-picker-wrap.k-state-invalid { border-color: #f44336; } .k-datetimepicker .k-picker-wrap.k-state-invalid .k-input { color: #f44336; } .k-datetimepicker .k-picker-wrap .k-i-warning { color: #f44336; margin-left: 0; margin-right: 5.6em; } .k-rtl .k-datetimepicker .k-picker-wrap .k-icon.k-i-warning { margin-right: 0; margin-left: 5.6em; } .k-time-header .k-time-now { color: #1a237e; background: transparent; } .k-time-header .k-time-now:hover, .k-time-header .k-time-now:focus { color: #495bc0; } .k-time-list-wrapper { background-color: #212121; } .k-time-list-wrapper .k-title { border-color: #575757; color: #919191; background-color: #212121; background: #212121; } .k-time-list-wrapper.k-state-focused .k-title { color: #ffffff; opacity: 1; } .k-time-list-wrapper.k-state-focused::before, .k-time-list-wrapper.k-state-focused::after { background-color: rgba(255, 255, 255, 0.04); } .k-time-list::before, .k-time-list::after { box-shadow: 0 0 3em 1.5em #212121; } .k-time-list .k-item:hover { color: #1a237e; } .k-time-container { background: transparent; } .k-time-highlight { background-color: #212121; border-color: #575757; } .k-datetime-container .k-date-tab .k-datetime-buttongroup, .k-datetime-container .k-date-tab .k-datetime-selector { background-color: #212121; } .k-listbox .k-list-scroller { border-color: #575757; background-color: #212121; } .k-listbox .k-item { padding: 1px 7px 1px 7px; } .k-listbox .k-item:hover:not(.k-state-selected):not(.k-state-disabled) { color: #fff; background-color: #424242; border-color: transparent; } .k-listbox .k-state-selected { border-color: transparent; } .k-listbox .k-drop-hint { height: 0; border-top: 1px solid #1a237e; } .k-grid-header .k-link .k-icon.k-i-sort-asc-sm, .k-grid-header .k-link .k-icon.k-i-sort-desc-sm, .k-grid-header .k-link .k-sort-order { color: #3f51b5; margin-top: 0; } .k-menu-scroll-button { border-width: 0; box-shadow: none; border-color: #575757; color: #f5f5f5; background-position: 50% 50%; background-color: #212121; } .k-menu-scroll-wrapper.horizontal .k-scroll-left { border-right-width: 1px; } .k-menu-scroll-wrapper.horizontal .k-scroll-right { border-left-width: 1px; } .k-menu-scroll-wrapper.vertical .k-scroll-up { border-bottom-width: 1px; } .k-menu-scroll-wrapper.vertical .k-scroll-down { border-top-width: 1px; } .k-dropdowngrid-popup { border-color: #575757; color: #f5f5f5; background-color: #212121; } .k-dropdowngrid-popup .k-header { border-color: #575757; color: #f5f5f5; background-color: #212121; } .k-dropdowngrid-popup .k-group-header { border-color: #575757; color: #f5f5f5; background-color: #212121; } .k-dropdowngrid-popup .k-cell { border-color: #575757; } .k-dropdowngrid-popup .k-item:nth-child(2n) { background-color: #212121; } .k-dropdowngrid-popup .k-footer { border-color: #575757; color: #f5f5f5; background-color: #212121; } .k-dropdowngrid-popup .k-item.k-state-hover { border-color: #575757; color: #f5f5f5; background-color: #424242; } .k-dropdowngrid-popup .k-item.k-state-selected { border-color: #575757; color: #f5f5f5; background-color: #1a237e; } .k-dropdowngrid-popup .k-group-cell span { background-color: #f5f5f5; color: #212121; } .k-grid-list > .k-item.k-last > .k-cell, .k-grid-list > .k-item.k-last > .k-group-cell, .k-grid-list > .k-item.k-last > .k-spacer-cell { border-bottom-color: #f5f5f5; } .k-calendar .k-today .k-link { color: #3f51b5; box-shadow: inset 0 0 0 1px #3f51b5; } .k-master-row .k-grid-content-sticky { background-color: #212121; } .k-master-row.k-alt .k-grid-content-sticky { background-color: #212121; } .k-master-row.k-state-selected .k-grid-content-sticky { background-color: #1a237e; background-position: 50% 50%; } .k-master-row:hover .k-grid-content-sticky, .k-master-row.k-state-hover .k-grid-content-sticky { background-color: #424242; } .k-master-row.k-state-selected:hover .k-grid-content-sticky, .k-master-row.k-state-selected.k-state-hover .k-grid-content-sticky { background-color: #353963; background-image: none; } .k-grid-header .k-grid-header-sticky, .k-master-row .k-grid-content-sticky, .k-grouping-row .k-grid-content-sticky, .k-footer-template .k-grid-footer-sticky { border-left-color: #a3a3a3; border-right-color: #a3a3a3; } .k-grid-header-locked, .k-grid-content-locked, .k-grid-header-locked .k-header, .k-grid-content-locked td { border-left-color: #a3a3a3; border-right-color: #a3a3a3; }