src/main/resources/META-INF/resources/designer/css/kendo.material.min.css

   1 /* Kendo skin */
   2 .k-theme-test-class,
   3 .ktb-theme-id-material {
   4   opacity: 0;
   5 }
   6 .ktb-var-accent {
   7   color: #3f51b5;
   8 }
   9 .ktb-var-base {
  10   color: #fff;
  11 }
  12 .ktb-var-background {
  13   color: #fff;
  14 }
  15 .ktb-var-border-radius {
  16   border-radius: 2px;
  17 }
  18 .ktb-var-normal-background {
  19   color: #fff;
  20 }
  21 .ktb-var-normal-gradient {
  22   background-image: none;
  23 }
  24 .ktb-var-normal-text-color {
  25   color: #444444;
  26 }
  27 .ktb-var-hover-background {
  28   color: #ebebeb;
  29 }
  30 .ktb-var-hover-gradient {
  31   background-image: none;
  32 }
  33 .ktb-var-hover-text-color {
  34   color: #444444;
  35 }
  36 .ktb-var-selected-background {
  37   color: #00b0ff;
  38 }
  39 .ktb-var-selected-gradient {
  40   background-image: none;
  41 }
  42 .ktb-var-selected-text-color {
  43   color: #3f51b5;
  44 }
  45 .ktb-var-error {
  46   color: #ffcdd2;
  47 }
  48 .ktb-var-warning {
  49   color: #fdefba;
  50 }
  51 .ktb-var-success {
  52   color: #c8e6c9;
  53 }
  54 .ktb-var-info {
  55   color: #bbdefb;
  56 }
  57 .ktb-var-series-a {
  58   color: #3f51b5;
  59 }
  60 .ktb-var-series-b {
  61   color: #03a9f4;
  62 }
  63 .ktb-var-series-c {
  64   color: #4caf50;
  65 }
  66 .ktb-var-series-d {
  67   color: #f9ce1d;
  68 }
  69 .ktb-var-series-e {
  70   color: #ff9800;
  71 }
  72 .ktb-var-series-f {
  73   color: #ff5722;
  74 }
  75 .k-grid-norecords-template {
  76   background-color: #fff;
  77   border: 1px solid #e6e6e6;
  78 }
  79 .k-in,
  80 .k-item,
  81 .k-window-action {
  82   border-color: transparent;
  83 }
  84 /* main colors */
  85 .k-header .k-window-actions .k-link {
  86   color: inherit;
  87 }
  88 a.k-icon {
  89   color: #444444;
  90 }
  91 a.k-icon:hover {
  92   color: #444444;
  93 }
  94 .k-button-icon .k-icon {
  95   opacity: .8;
  96 }
  97 .k-button-icon:hover .k-icon {
  98   opacity: 1;
  99 }
 100 .k-splitbar .k-resize-handle {
 101   background-color: #444444;
 102 }
 103 .k-block,
 104 .k-widget {
 105   background-color: #fff;
 106 }
 107 .k-block,
 108 .k-widget,
 109 .k-input,
 110 .k-textbox,
 111 .k-group,
 112 .k-content,
 113 .k-header,
 114 .k-filter-row > th,
 115 .k-editable-area,
 116 .k-separator,
 117 .k-textbox > input,
 118 .k-autocomplete,
 119 .k-dropdown-wrap,
 120 .k-toolbar,
 121 .k-group-footer td,
 122 .k-grid-footer,
 123 .k-footer-template td,
 124 .k-state-default,
 125 .k-state-default .k-select,
 126 .k-state-disabled,
 127 .k-grid-header,
 128 .k-grid-header-wrap,
 129 .k-grid-header-locked,
 130 .k-grid-footer-locked,
 131 .k-grid-content-locked,
 132 .k-grid td,
 133 .k-grid td.k-state-selected,
 134 .k-grid-footer-wrap,
 135 .k-pager-wrap,
 136 .k-pager-wrap .k-link,
 137 .k-pager-refresh,
 138 .k-grouping-header,
 139 .k-grouping-header .k-group-indicator,
 140 .k-panelbar > .k-item > .k-link,
 141 .k-panel > .k-item > .k-link,
 142 .k-panelbar .k-panel,
 143 .k-panelbar .k-content,
 144 .k-treemap-tile,
 145 .k-calendar th,
 146 .k-slider-track,
 147 .k-splitbar,
 148 .k-dropzone-active,
 149 .k-tiles,
 150 .k-toolbar,
 151 .k-tooltip,
 152 .k-button-group .k-tool,
 153 .k-upload-files,
 154 .k-popup.k-align .k-list .k-item:last-child {
 155   border-color: #e6e6e6;
 156 }
 157 .k-group,
 158 .k-toolbar,
 159 .k-grouping-header,
 160 .k-pager-wrap,
 161 .k-group-footer td,
 162 .k-grid-footer,
 163 .k-footer-template td,
 164 .k-widget .k-status,
 165 .k-calendar th,
 166 .k-dropzone-hovered,
 167 .k-widget.k-popup {
 168   background-color: #3f51b5;
 169 }
 170 .k-grouping-row td,
 171 td.k-group-cell,
 172 .k-resize-handle-inner {
 173   background-color: #3f51b5;
 174 }
 175 .k-list-container {
 176   border-color: rgba(0, 0, 0, 0.2);
 177   background-color: #ffffff;
 178 }
 179 .k-content,
 180 .k-editable-area,
 181 .k-panelbar > li.k-item,
 182 .k-panel > li.k-item,
 183 .k-tiles {
 184   background-color: #fff;
 185 }
 186 .k-alt,
 187 .k-separator,
 188 .k-resource.k-alt,
 189 .k-pivot-layout > tbody > tr:first-child > td:first-child {
 190   background-color: #f2f2f2;
 191 }
 192 .k-pivot-rowheaders .k-alt .k-alt,
 193 .k-header.k-alt {
 194   background-color: #dedede;
 195 }
 196 .k-textbox,
 197 .k-autocomplete.k-header,
 198 .k-dropdown-wrap.k-state-active,
 199 .k-picker-wrap.k-state-active,
 200 .k-numeric-wrap.k-state-active {
 201   border-color: #e6e6e6;
 202   background-color: #fff;
 203 }
 204 .k-textbox > input,
 205 .k-autocomplete .k-input,
 206 .k-dropdown-wrap .k-input,
 207 .k-autocomplete.k-state-focused .k-input,
 208 .k-dropdown-wrap.k-state-focused .k-input,
 209 .k-picker-wrap.k-state-focused .k-input,
 210 .k-numeric-wrap.k-state-focused .k-input {
 211   border-color: #e6e6e6;
 212 }
 213 input.k-textbox,
 214 textarea.k-textbox,
 215 input.k-textbox:hover,
 216 textarea.k-textbox:hover,
 217 .k-textbox > input {
 218   background: none;
 219 }
 220 .k-input,
 221 input.k-textbox,
 222 textarea.k-textbox,
 223 input.k-textbox:hover,
 224 textarea.k-textbox:hover,
 225 .k-textbox > input,
 226 .k-multiselect-wrap {
 227   background-color: #fff;
 228   color: #444444;
 229 }
 230 .k-input[readonly] {
 231   background-color: #fff;
 232   color: #444444;
 233 }
 234 .k-block,
 235 .k-widget,
 236 .k-popup,
 237 .k-content,
 238 .k-toolbar,
 239 .k-dropdown .k-input {
 240   color: #444444;
 241 }
 242 .k-inverse {
 243   color: #ffffff;
 244 }
 245 .k-block {
 246   color: #ffffff;
 247 }
 248 .k-link:link,
 249 .k-link:visited,
 250 .k-nav-current.k-state-hover .k-link {
 251   color: #428bca;
 252 }
 253 .k-tabstrip-items .k-link,
 254 .k-panelbar > li > .k-link {
 255   color: #444444;
 256 }
 257 .k-header,
 258 .k-treemap-title,
 259 .k-grid-header .k-header > .k-link {
 260   color: #ffffff;
 261 }
 262 .k-header,
 263 .k-grid-header,
 264 .k-toolbar,
 265 .k-dropdown-wrap,
 266 .k-picker-wrap,
 267 .k-numeric-wrap,
 268 .k-grouping-header,
 269 .k-pager-wrap,
 270 .k-textbox,
 271 .k-button,
 272 .k-progressbar,
 273 .k-draghandle,
 274 .k-autocomplete,
 275 .k-state-highlight,
 276 .k-tabstrip-items .k-item,
 277 .k-panelbar .k-tabstrip-items .k-item,
 278 .km-pane-wrapper > .km-pane > .km-view > .km-content {
 279   background-image: none;
 280   background-position: 50% 50%;
 281   background-color: #3f51b5;
 282 }
 283 .k-widget.k-tooltip {
 284   background-image: none;
 285 }
 286 .k-block,
 287 .k-header,
 288 .k-grid-header,
 289 .k-toolbar,
 290 .k-grouping-header,
 291 .k-pager-wrap,
 292 .k-button,
 293 .k-draghandle,
 294 .k-treemap-tile,
 295 html .km-pane-wrapper .k-header {
 296   background-color: #3f51b5;
 297 }
 298 /* icons */
 299 .k-icon:hover,
 300 .k-state-hover .k-icon,
 301 .k-state-selected .k-icon,
 302 .k-state-focused .k-icon,
 303 .k-column-menu .k-state-hover .k-sprite,
 304 .k-column-menu .k-state-active .k-sprite,
 305 .k-pager-numbers .k-current-page .k-link:hover:after,
 306 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view.k-state-hover > .k-link:after {
 307   opacity: 1;
 308 }
 309 .k-state-disabled .k-icon,
 310 .k-column-menu .k-sprite,
 311 .k-pager-numbers .k-current-page .k-link:after,
 312 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after {
 313   opacity: 0.7;
 314 }
 315 .k-mobile-list .k-check:checked,
 316 .k-mobile-list .k-edit-field [type=checkbox]:checked,
 317 .k-mobile-list .k-edit-field [type=radio]:checked {
 318   opacity: 0.7;
 319 }
 320 .k-tool {
 321   border-color: transparent;
 322 }
 323 /* IE will ignore the above selectors if these are added too */
 324 .k-mobile-list .k-check:checked,
 325 .k-mobile-list .k-edit-field [type=checkbox]:checked,
 326 .k-mobile-list .k-edit-field [type=radio]:checked {
 327   background-image: url('Material/sprite.png');
 328   border-color: transparent;
 329 }
 330 .k-i-loading {
 331   background-image: url('Material/loading.gif');
 332 }
 333 .k-loading-image {
 334   background-image: url('Material/loading-image.gif');
 335 }
 336 .k-loading-color {
 337   background-color: #ffffff;
 338 }
 339 .k-button {
 340   color: #444444;
 341   border-color: #fafafa;
 342   background-color: #fafafa;
 343 }
 344 .k-draghandle {
 345   border-color: #3f51b5;
 346   background-color: #3f51b5;
 347   box-shadow: none;
 348 }
 349 .k-draghandle:hover {
 350   border-color: #3f51b5;
 351   background-color: #3f51b5;
 352   box-shadow: 0 0 0 8px rgba(63, 81, 181, 0.3);
 353 }
 354 /* Scheduler */
 355 .k-scheduler {
 356   color: #ffffff;
 357   background-color: #fff;
 358 }
 359 .k-scheduler-layout {
 360   color: #444444;
 361 }
 362 .k-scheduler-datecolumn,
 363 .k-scheduler-groupcolumn {
 364   background-color: #fff;
 365   color: #444444;
 366 }
 367 .k-scheduler-times tr,
 368 .k-scheduler-times th,
 369 .k-scheduler-table td,
 370 .k-scheduler-header th,
 371 .k-scheduler-header-wrap,
 372 .k-scheduler-times {
 373   border-color: #e6e6e6;
 374 }
 375 .k-nonwork-hour {
 376   background-color: #fafafa;
 377 }
 378 .k-gantt .k-nonwork-hour {
 379   background-color: rgba(0, 0, 0, 0.02);
 380 }
 381 .k-gantt .k-header.k-nonwork-hour {
 382   background-color: rgba(0, 0, 0, 0.2);
 383 }
 384 .k-scheduler-table .k-today,
 385 .k-today > .k-scheduler-datecolumn,
 386 .k-today > .k-scheduler-groupcolumn {
 387   background-color: #e9e9e9;
 388 }
 389 .k-scheduler-now-arrow {
 390   border-left-color: #eed3d7;
 391 }
 392 .k-scheduler-now-line {
 393   background-color: #eed3d7;
 394 }
 395 .k-event,
 396 .k-task-complete {
 397   border-color: #606fc7;
 398   background: #606fc7 0 -257px none repeat-x;
 399   color: #ffffff;
 400 }
 401 .k-event-inverse {
 402   color: #444444;
 403 }
 404 .k-event.k-state-selected {
 405   background-position: 0 0;
 406   box-shadow: 0 0 0 2px #444444;
 407 }
 408 .k-event .k-resize-handle:after,
 409 .k-task-single .k-resize-handle:after {
 410   background-color: #ffffff;
 411 }
 412 .k-scheduler-marquee:before,
 413 .k-scheduler-marquee:after {
 414   border-color: #fff;
 415 }
 416 .k-panelbar .k-content,
 417 .k-panelbar .k-panel,
 418 .k-panelbar .k-item {
 419   background-color: #fff;
 420   color: #444444;
 421   border-color: #cccccc;
 422 }
 423 .k-panelbar > li > .k-link {
 424   color: #444444;
 425 }
 426 .k-panelbar > .k-item > .k-link {
 427   border-color: #cccccc;
 428 }
 429 .k-panel > li.k-item {
 430   background-color: #fff;
 431 }
 432 /* states */
 433 .k-state-active,
 434 .k-state-active:hover,
 435 .k-active-filter,
 436 .k-tabstrip .k-state-active {
 437   background-color: #ffffff;
 438   border-color: #cccccc;
 439   color: #444444;
 440 }
 441 .k-fieldselector .k-list-container {
 442   background-color: #ffffff;
 443 }
 444 .k-button:focus,
 445 .k-button.k-state-focused {
 446   border-color: #dbdbdb;
 447 }
 448 .k-button:hover,
 449 .k-button.k-state-hover {
 450   color: #444444;
 451   border-color: #ebebeb;
 452   background-color: #ebebeb;
 453 }
 454 .k-button:active,
 455 .k-button.k-state-active {
 456   color: #3f51b5;
 457   background-color: #dbdbdb;
 458   border-color: #dbdbdb;
 459 }
 460 .k-button:active:hover,
 461 .k-button.k-state-active:hover {
 462   color: #ffffff;
 463   border-color: #5c6bc0;
 464   background-color: #5c6bc0;
 465 }
 466 .k-button:focus:not(.k-state-disabled):not([disabled]) {
 467   box-shadow: 0 6px 17px 0 #c4c4c4;
 468 }
 469 .k-button:focus:active:not(.k-state-disabled):not([disabled]) {
 470   box-shadow: 0 6px 17px 0 rgba(235, 235, 235, 0.3);
 471 }
 472 .k-menu .k-state-hover > .k-state-active {
 473   background-color: transparent;
 474 }
 475 .k-state-highlight {
 476   background: #ffffff;
 477   color: #444444;
 478 }
 479 .k-state-focused,
 480 .k-grouping-row .k-state-focused {
 481   border-color: #67afe9;
 482 }
 483 .k-button.k-bare {
 484   position: relative;
 485 }
 486 .k-button.k-bare:before {
 487   content: "";
 488   background-color: currentcolor;
 489   opacity: 0.12;
 490   border-radius: inherit;
 491   height: 100%;
 492   width: 100%;
 493   position: absolute;
 494   left: 0;
 495   top: 0;
 496   z-index: -1;
 497   display: none;
 498 }
 499 .k-button.k-bare.k-state-focused:before,
 500 .k-button.k-bare:focus:before {
 501   display: block;
 502 }
 503 .k-mediaplayer-toolbar .k-button.k-bare:active,
 504 .k-mediaplayer-toolbar .k-button.k-bare.k-state-active,
 505 .k-mediaplayer-toolbar .k-button.k-bare.k-state-active:hover {
 506   color: #3f51b5;
 507 }
 508 .k-mediaplayer-toolbar .k-button.k-bare:active:before,
 509 .k-mediaplayer-toolbar .k-button.k-bare.k-state-active:before,
 510 .k-mediaplayer-toolbar .k-button.k-bare.k-state-active:hover:before {
 511   opacity: 0.24;
 512 }
 513 .k-mediaplayer-seekbar {
 514   top: -14px;
 515 }
 516 .k-quality-list {
 517   margin-left: -25px !important;
 518 }
 519 .k-calendar .k-link {
 520   color: #444444;
 521 }
 522 .k-calendar .k-footer {
 523   padding: 0;
 524 }
 525 .k-calendar .k-footer .k-nav-today {
 526   color: #444444;
 527   text-decoration: none;
 528   background-color: #fff;
 529 }
 530 .k-calendar .k-footer .k-nav-today:hover,
 531 .k-calendar .k-footer .k-nav-today.k-state-hover {
 532   background-color: #fff;
 533   text-decoration: underline;
 534 }
 535 .k-calendar .k-footer .k-nav-today:active {
 536   background-color: #fff;
 537 }
 538 .k-calendar .k-link.k-nav-fast {
 539   color: #444444;
 540 }
 541 .k-calendar .k-nav-fast.k-state-hover {
 542   text-decoration: none;
 543   background-color: #ebebeb;
 544   color: #444444;
 545 }
 546 .k-calendar .k-link.k-state-hover {
 547   border-radius: 50%;
 548 }
 549 .k-calendar .k-footer .k-link {
 550   border-radius: 0;
 551 }
 552 .k-calendar th {
 553   background-color: #3f51b5;
 554 }
 555 .k-window-titlebar .k-link {
 556   border-radius: 50%;
 557 }
 558 .k-calendar-container.k-group {
 559   border-color: rgba(0, 0, 0, 0.2);
 560 }
 561 .k-state-selected,
 562 .k-state-selected:link,
 563 .k-state-selected:visited,
 564 .k-list > .k-state-selected,
 565 .k-list > .k-state-highlight,
 566 .k-panel > .k-state-selected,
 567 .k-ghost-splitbar-vertical,
 568 .k-ghost-splitbar-horizontal,
 569 .k-draghandle.k-state-selected:hover,
 570 .k-scheduler .k-scheduler-toolbar .k-state-selected,
 571 .k-scheduler .k-today.k-state-selected,
 572 .k-marquee-color,
 573 .k-drag-clue.k-state-selected {
 574   color: #3f51b5;
 575   background-color: #fff;
 576   border-color: #ffffff;
 577 }
 578 .k-virtual-item.k-first,
 579 .k-group-header + .k-list > .k-item.k-first,
 580 .k-static-header + .k-list > .k-item.k-first {
 581   border-top-color: #ebebeb;
 582 }
 583 .k-group-header + div > .k-list > .k-item.k-first:before {
 584   border-top-color: #ebebeb;
 585 }
 586 .k-popup > .k-group-header,
 587 .k-popup > .k-virtual-wrap > .k-group-header {
 588   background: #ebebeb;
 589   color: #3f51b5;
 590 }
 591 .k-popup .k-list .k-item > .k-group {
 592   background: #ebebeb;
 593   color: #3f51b5;
 594   border-bottom-left-radius: 1px;
 595 }
 596 .k-marquee-text {
 597   color: #3f51b5;
 598 }
 599 .k-state-focused,
 600 .k-list > .k-state-focused,
 601 .k-listview > .k-state-focused,
 602 .k-listview > .k-state-focused.k-state-selected,
 603 td.k-state-focused,
 604 .k-button.k-state-focused,
 605 .k-upload-files .k-button:focus,
 606 .k-upload-files .k-button:focus:not(.k-state-disabled):not([disabled]) {
 607   box-shadow: inset 0 0 0 1px #808080;
 608 }
 609 .k-state-focused.k-state-selected,
 610 .k-list > .k-state-focused.k-state-selected,
 611 td.k-state-focused.k-state-selected {
 612   box-shadow: none;
 613 }
 614 .k-ie8 .k-panelbar span.k-state-focused,
 615 .k-ie8 .k-menu li.k-state-focused,
 616 .k-ie8 .k-listview > .k-state-focused,
 617 .k-ie8 .k-grid-header th.k-state-focused,
 618 .k-ie8 td.k-state-focused,
 619 .k-ie8 .k-tool.k-state-hover,
 620 .k-ie8 .k-button:focus,
 621 .k-ie8 .k-button.k-state-focused,
 622 .k-list > .k-state-selected.k-state-focused,
 623 .k-list-optionlabel.k-state-selected.k-state-focused {
 624   box-shadow: none;
 625 }
 626 .k-state-selected > .k-link,
 627 .k-panelbar > li > .k-state-selected,
 628 .k-panelbar > li.k-state-default > .k-link.k-state-selected {
 629   color: #3f51b5;
 630 }
 631 .k-state-hover,
 632 .k-state-hover:hover,
 633 .k-splitbar-horizontal-hover:hover,
 634 .k-splitbar-vertical-hover:hover,
 635 .k-list > .k-state-hover,
 636 .k-scheduler .k-scheduler-toolbar ul li.k-state-hover,
 637 .k-pager-wrap .k-link:hover,
 638 .k-dropdown .k-state-focused,
 639 .k-filebrowser-dropzone,
 640 .k-mobile-list .k-item > .k-link:active,
 641 .k-mobile-list .k-item > .k-label:active,
 642 .k-mobile-list .k-edit-label.k-check:active,
 643 .k-mobile-list .k-recur-view .k-check:active {
 644   color: #444444;
 645   background-color: #ebebeb;
 646   border-color: #ebebeb;
 647 }
 648 /* this selector should be used separately, otherwise old IEs ignore the whole rule */
 649 .k-mobile-list .k-scheduler-timezones .k-edit-field:nth-child(2):active {
 650   color: #444444;
 651   background-color: #ebebeb;
 652   border-color: #ebebeb;
 653 }
 654 .k-ie8 .k-window-titlebar .k-state-hover {
 655   border-color: #ebebeb;
 656 }
 657 .k-state-hover > .k-select,
 658 .k-state-focused > .k-select {
 659   border-color: #ebebeb;
 660 }
 661 .k-button:hover,
 662 .k-button.k-state-hover,
 663 .k-button:focus,
 664 .k-button.k-state-focused,
 665 .k-textbox:hover,
 666 .k-state-hover,
 667 .k-state-hover:hover,
 668 .k-pager-wrap .k-link:hover,
 669 .k-other-month.k-state-hover .k-link,
 670 div.k-filebrowser-dropzone em,
 671 .k-draghandle:hover,
 672 .k-listbox .k-item:hover:not(.k-state-disabled) {
 673   background-image: none;
 674 }
 675 .k-pager-wrap {
 676   background-color: #3f51b5;
 677   color: #ffffff;
 678 }
 679 .k-autocomplete.k-state-active,
 680 .k-picker-wrap.k-state-active,
 681 .k-numeric-wrap.k-state-active,
 682 .k-dropdown-wrap.k-state-active,
 683 .k-state-active,
 684 .k-state-active:hover,
 685 .k-state-active > .k-link,
 686 .k-button:active,
 687 .k-panelbar > .k-item > .k-state-focused {
 688   background-image: none;
 689 }
 690 .k-state-selected,
 691 .k-button:active,
 692 .k-button.k-state-active,
 693 .k-draghandle.k-state-selected:hover {
 694   background-image: none;
 695 }
 696 .k-button:active,
 697 .k-button.k-state-active,
 698 .k-draghandle.k-state-selected:hover {
 699   background-position: 50% 50%;
 700 }
 701 .k-state-hover > .k-link,
 702 .k-other-month.k-state-hover .k-link,
 703 div.k-filebrowser-dropzone em {
 704   color: #444444;
 705 }
 706 .k-autocomplete.k-state-hover,
 707 .k-autocomplete.k-state-focused,
 708 .k-picker-wrap.k-state-hover,
 709 .k-picker-wrap.k-state-focused,
 710 .k-numeric-wrap.k-state-hover,
 711 .k-numeric-wrap.k-state-focused,
 712 .k-dropdown-wrap.k-state-hover,
 713 .k-dropdown-wrap.k-state-focused {
 714   background-color: #ffffff;
 715   background-image: none;
 716   background-position: 50% 50%;
 717   border-color: #ebebeb;
 718 }
 719 .km-pane-wrapper .k-mobile-list input:not([type="checkbox"]):not([type="radio"]),
 720 .km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]),
 721 .km-pane-wrapper .k-mobile-list textarea,
 722 .k-dropdown .k-state-focused .k-input {
 723   color: #444444;
 724 }
 725 .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right {
 726   background: #fff;
 727   border-color: #e6e6e6;
 728 }
 729 .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input {
 730   background-color: #fff;
 731   border-color: #f0f0f0;
 732 }
 733 .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input + .k-i-zoom:before {
 734   color: #444444;
 735 }
 736 .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input:focus {
 737   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
 738 }
 739 .k-dropdown .k-state-hover .k-input {
 740   color: #444444;
 741 }
 742 .k-state-error {
 743   border-color: #eed3d7;
 744   background-color: #f2dede;
 745   color: #b94a48;
 746 }
 747 .k-state-disabled {
 748   opacity: .7;
 749 }
 750 .k-ie8 .k-state-disabled {
 751   filter: alpha(opacity=70);
 752 }
 753 .k-tile-empty.k-state-selected,
 754 .k-loading-mask.k-state-selected {
 755   border-width: 0;
 756   background-image: none;
 757   background-color: transparent;
 758 }
 759 .k-state-disabled,
 760 .k-state-disabled .k-link,
 761 .k-state-disabled .k-button,
 762 .k-other-month,
 763 .k-other-month .k-link,
 764 .k-dropzone em,
 765 .k-dropzone .k-upload-status,
 766 .k-tile-empty strong,
 767 .k-slider .k-draghandle {
 768   color: #999999;
 769 }
 770 .k-file .k-upload-status {
 771   color: #444444;
 772 }
 773 /* Progressbar */
 774 .k-progressbar-indeterminate {
 775   background: url('Material/indeterminate.gif');
 776 }
 777 .k-progressbar-indeterminate .k-progress-status-wrap,
 778 .k-progressbar-indeterminate .k-state-selected {
 779   display: none;
 780 }
 781 /* Slider */
 782 .k-slider-track {
 783   background-color: #e6e6e6;
 784 }
 785 .k-slider-selection {
 786   background-color: #fff;
 787 }
 788 .k-slider-horizontal .k-tick {
 789   background-image: url('Material/slider-h.gif');
 790 }
 791 .k-slider-vertical .k-tick {
 792   background-image: url('Material/slider-v.gif');
 793 }
 794 /* Tooltip */
 795 .k-widget.k-tooltip,
 796 .k-chart-crosshair-tooltip,
 797 .k-chart-shared-tooltip {
 798   border-color: rgba(100, 100, 100, 0.9);
 799   background-color: rgba(100, 100, 100, 0.9);
 800   color: #ffffff;
 801 }
 802 .k-widget.k-tooltip-validation {
 803   border-color: #fdefba;
 804   background-color: #fdefba;
 805   color: #816704;
 806 }
 807 /* Bootstrap theme fix */
 808 .input-prepend .k-tooltip-validation,
 809 .input-append .k-tooltip-validation {
 810   font-size: 12px;
 811   position: relative;
 812   top: 3px;
 813 }
 814 .k-callout-n {
 815   border-bottom-color: rgba(100, 100, 100, 0.9);
 816 }
 817 .k-callout-w {
 818   border-right-color: rgba(100, 100, 100, 0.9);
 819 }
 820 .k-callout-s {
 821   border-top-color: rgba(100, 100, 100, 0.9);
 822 }
 823 .k-callout-e {
 824   border-left-color: rgba(100, 100, 100, 0.9);
 825 }
 826 .k-tooltip-validation .k-callout-n {
 827   border-bottom-color: #fdefba;
 828 }
 829 .k-tooltip-validation .k-callout-w {
 830   border-right-color: #fdefba;
 831 }
 832 .k-tooltip-validation .k-callout-s {
 833   border-top-color: #fdefba;
 834 }
 835 .k-tooltip-validation .k-callout-e {
 836   border-left-color: #fdefba;
 837 }
 838 /* Splitter */
 839 .k-splitbar {
 840   background-color: #fafafa;
 841 }
 842 .k-restricted-size-vertical,
 843 .k-restricted-size-horizontal {
 844   background-color: #b94a48;
 845 }
 846 /* Upload */
 847 .k-file {
 848   background-color: #fff;
 849   border-color: #e6e6e6;
 850 }
 851 .k-file-progress {
 852   color: #2b98f3;
 853 }
 854 .k-file-progress .k-progress {
 855   background-color: #bbdefb;
 856 }
 857 .k-file-success .k-file-name,
 858 .k-file-success .k-upload-pct {
 859   color: #5fb662;
 860 }
 861 .k-file-success .k-progress {
 862   background-color: #c8e6c9;
 863 }
 864 .k-file-error {
 865   color: #ff3448;
 866 }
 867 .k-file-error .k-file-extension-wrapper,
 868 .k-file-error .k-multiple-files-extension-wrapper {
 869   color: #ff3448;
 870   border-color: #ff3448;
 871 }
 872 .k-file-error .k-file-extension-wrapper:before,
 873 .k-file-error .k-multiple-files-extension-wrapper:before {
 874   background-color: #fff;
 875   border-color: transparent transparent #ff3448 #ff3448;
 876 }
 877 .k-file-error .k-progress {
 878   background-color: #ffcdd2;
 879 }
 880 .k-file-extension-wrapper,
 881 .k-multiple-files-extension-wrapper {
 882   color: #999999;
 883   border-color: #999999;
 884 }
 885 .k-file-invalid .k-file-name-invalid {
 886   color: #ff3448;
 887 }
 888 .k-file-invalid-extension-wrapper,
 889 .k-multiple-files-invalid-extension-wrapper {
 890   color: #ff3448;
 891   border-color: #ff3448;
 892 }
 893 .k-file-extension-wrapper:before,
 894 .k-multiple-files-extension-wrapper:before {
 895   background-color: #fff;
 896   border-color: transparent transparent #999999 #999999;
 897 }
 898 .k-file-invalid-extension-wrapper:before,
 899 .k-multiple-files-invalid-extension-wrapper:before {
 900   background-color: #fff;
 901   border-color: transparent transparent #ff3448 #ff3448;
 902 }
 903 .k-multiple-files-extension-wrapper:after {
 904   border-top-color: #999999;
 905   border-left-color: #999999;
 906 }
 907 .k-multiple-files-invalid-extension-wrapper:after {
 908   border-top-color: #ff3448;
 909   border-left-color: #ff3448;
 910 }
 911 .k-file-size,
 912 .k-file-information,
 913 .k-file-validation-message {
 914   color: #999999;
 915 }
 916 .k-upload .k-upload-selected {
 917   color: #3f51b5;
 918   border-color: #e6e6e6;
 919 }
 920 .k-upload .k-upload-selected:hover {
 921   color: #fff;
 922   background-color: #3f51b5;
 923 }
 924 /* ImageBrowser */
 925 .k-tile {
 926   border-color: #fff;
 927 }
 928 .k-textbox:hover,
 929 .k-tiles li.k-state-hover {
 930   border-color: #ebebeb;
 931 }
 932 .k-tiles li.k-state-selected {
 933   border-color: #ffffff;
 934 }
 935 /* TreeMap */
 936 .k-leaf,
 937 .k-leaf.k-state-hover:hover {
 938   color: #fff;
 939 }
 940 .k-leaf.k-inverse,
 941 .k-leaf.k-inverse.k-state-hover:hover {
 942   color: #000;
 943 }
 944 /* Shadows */
 945 .k-widget,
 946 .k-button {
 947   box-shadow: none;
 948 }
 949 .k-slider,
 950 .k-treeview,
 951 .k-upload {
 952   box-shadow: none;
 953 }
 954 .k-state-hover {
 955   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
 956 }
 957 .k-textbox:focus,
 958 .k-autocomplete.k-state-focused,
 959 .k-dropdown-wrap.k-state-focused,
 960 .k-picker-wrap.k-state-focused,
 961 .k-numeric-wrap.k-state-focused {
 962   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
 963 }
 964 .k-state-selected {
 965   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
 966 }
 967 .k-state-active {
 968   box-shadow: none;
 969 }
 970 .k-grid td.k-state-selected.k-state-focused {
 971   background-color: #ffffff;
 972 }
 973 .k-popup,
 974 .k-menu .k-menu-group,
 975 .k-grid .k-filter-options,
 976 .k-time-popup,
 977 .k-datepicker-calendar,
 978 .k-autocomplete.k-state-border-down,
 979 .k-autocomplete.k-state-border-up,
 980 .k-dropdown-wrap.k-state-active,
 981 .k-picker-wrap.k-state-active,
 982 .k-multiselect.k-state-focused,
 983 .k-filebrowser .k-image,
 984 .k-tooltip {
 985   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
 986 }
 987 .k-calendar-container.k-popup {
 988   box-shadow: 0 0px 6px 1px rgba(0, 0, 0, 0.2);
 989 }
 990 .k-treemap-tile.k-state-hover {
 991   box-shadow: inset 0 0 0 3px #e6e6e6;
 992 }
 993 /* Window */
 994 .k-window {
 995   border-color: rgba(0, 0, 0, 0.2);
 996   box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.2);
 997   background-color: #fff;
 998 }
 999 .k-window.k-state-focused {
1000   border-color: rgba(0, 0, 0, 0.2);
1001   box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.2);
1002 }
1003 .k-window.k-window-maximized,
1004 .k-window-maximized .k-window-titlebar,
1005 .k-window-maximized .k-window-content {
1006   border-radius: 0;
1007 }
1008 .k-shadow {
1009   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
1010 }
1011 .k-inset {
1012   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
1013 }
1014 /* Selection */
1015 .k-editor-inline ::selection {
1016   background-color: #3f51b5;
1017   text-shadow: none;
1018   color: #fff;
1019 }
1020 .k-editor-inline ::-moz-selection {
1021   background-color: #3f51b5;
1022   text-shadow: none;
1023   color: #fff;
1024 }
1025 /* Notification */
1026 .k-widget.k-notification.k-notification-info {
1027   background-color: #bbdefb;
1028   color: #2b98f3;
1029   border-color: #bbdefb;
1030 }
1031 .k-widget.k-notification.k-notification-success {
1032   background-color: #c8e6c9;
1033   color: #5fb662;
1034   border-color: #c8e6c9;
1035 }
1036 .k-widget.k-notification.k-notification-warning {
1037   background-color: #fdefba;
1038   color: #f8c70d;
1039   border-color: #fdefba;
1040 }
1041 .k-widget.k-notification.k-notification-error {
1042   background-color: #ffcdd2;
1043   color: #ff3448;
1044   border-color: #ffcdd2;
1045 }
1046 /* Gantt */
1047 .k-gantt .k-treelist {
1048   background: #f2f2f2;
1049 }
1050 .k-gantt .k-treelist .k-alt {
1051   background-color: #d9d9d9;
1052 }
1053 .k-gantt .k-treelist tr:hover {
1054   background-color: #ebebeb;
1055 }
1056 .k-gantt .k-treelist .k-state-selected,
1057 .k-gantt .k-treelist .k-state-selected td,
1058 .k-gantt .k-treelist .k-alt.k-state-selected,
1059 .k-gantt .k-treelist .k-alt.k-state-selected > td {
1060   background-color: #fff;
1061 }
1062 .k-gantt .k-treelist .k-alt.k-state-selected:hover,
1063 .k-gantt .k-treelist .k-alt.k-state-selected:hover td {
1064   background-color: #00a2eb;
1065 }
1066 .k-task-dot:after {
1067   background-color: #444444;
1068   border-color: #444444;
1069 }
1070 .k-task-dot:hover:after {
1071   background-color: #ffffff;
1072 }
1073 .k-task-summary {
1074   border-color: #98a2db;
1075   background: #98a2db;
1076 }
1077 .k-task-milestone,
1078 .k-task-summary-complete {
1079   border-color: #444444;
1080   background: #444444;
1081 }
1082 .k-state-selected.k-task-summary {
1083   border-color: #98a2db;
1084   background: #98a2db;
1085 }
1086 .k-state-selected.k-task-milestone,
1087 .k-state-selected .k-task-summary-complete {
1088   border-color: #fff;
1089   background: #fff;
1090 }
1091 .k-task-single {
1092   background-color: #7a87d1;
1093   border-color: #606fc7;
1094   color: #ffffff;
1095 }
1096 .k-state-selected.k-task-single {
1097   border-color: #ffffff;
1098 }
1099 .k-line {
1100   background-color: #444444;
1101   color: #444444;
1102 }
1103 .k-state-selected.k-line {
1104   background-color: #fff;
1105   color: #fff;
1106 }
1107 .k-resource {
1108   background-color: #fff;
1109 }
1110 /* Border radius */
1111 .k-block,
1112 .k-button,
1113 .k-textbox,
1114 .k-drag-clue,
1115 .k-touch-scrollbar,
1116 .k-window,
1117 .k-window-titleless .k-window-content,
1118 .k-window-action,
1119 .k-inline-block,
1120 .k-grid .k-filter-options,
1121 .k-grouping-header .k-group-indicator,
1122 .k-autocomplete,
1123 .k-multiselect,
1124 .k-combobox,
1125 .k-dropdown,
1126 .k-dropdown-wrap,
1127 .k-datepicker,
1128 .k-timepicker,
1129 .k-colorpicker,
1130 .k-datetimepicker,
1131 .k-notification,
1132 .k-numerictextbox,
1133 .k-picker-wrap,
1134 .k-numeric-wrap,
1135 .k-list-container,
1136 .k-calendar-container,
1137 .k-calendar td,
1138 .k-calendar .k-link,
1139 .k-treeview .k-in,
1140 .k-editor-inline,
1141 .k-tooltip,
1142 .k-tile,
1143 .k-slider-track,
1144 .k-slider-selection,
1145 .k-upload {
1146   border-radius: 2px;
1147 }
1148 .k-tool {
1149   text-align: center;
1150   vertical-align: middle;
1151 }
1152 .k-toolbar .k-split-button .k-button {
1153   border-radius: 2px 0 0 2px;
1154 }
1155 .k-rtl .k-tool.k-group-start,
1156 .k-rtl .k-toolbar .k-split-button .k-button,
1157 .k-rtl .k-toolbar .k-button-group .k-group-start {
1158   border-radius: 0 2px 2px 0;
1159 }
1160 .k-toolbar .k-split-button .k-split-button-arrow {
1161   border-radius: 0 2px 2px 0;
1162 }
1163 .k-rtl .k-tool.k-group-end,
1164 .k-rtl .k-toolbar .k-button-group .k-group-end,
1165 .k-rtl .k-toolbar .k-split-button .k-split-button-arrow {
1166   border-radius: 2px 0 0 2px;
1167 }
1168 .k-calendar-container.k-state-border-up,
1169 .k-list-container.k-state-border-up,
1170 .k-autocomplete.k-state-border-up,
1171 .k-multiselect.k-state-border-up,
1172 .k-dropdown-wrap.k-state-border-up,
1173 .k-picker-wrap.k-state-border-up,
1174 .k-numeric-wrap.k-state-border-up,
1175 .k-window-content,
1176 .k-filter-menu {
1177   border-radius: 0 0 2px 2px;
1178 }
1179 .k-autocomplete.k-state-border-up .k-input,
1180 .k-dropdown-wrap.k-state-border-up .k-input,
1181 .k-picker-wrap.k-state-border-up .k-input,
1182 .k-picker-wrap.k-state-border-up .k-selected-color,
1183 .k-numeric-wrap.k-state-border-up .k-input {
1184   border-radius: 0 0 0 2px;
1185 }
1186 .k-multiselect.k-state-border-up .k-multiselect-wrap {
1187   border-radius: 0 0 2px 2px;
1188 }
1189 .k-window-titlebar,
1190 .k-block > .k-header,
1191 .k-tabstrip-items .k-item,
1192 .k-panelbar .k-tabstrip-items .k-item,
1193 .k-tabstrip-items .k-link,
1194 .k-calendar-container.k-state-border-down,
1195 .k-list-container.k-state-border-down,
1196 .k-autocomplete.k-state-border-down,
1197 .k-multiselect.k-state-border-down,
1198 .k-dropdown-wrap.k-state-border-down,
1199 .k-picker-wrap.k-state-border-down,
1200 .k-numeric-wrap.k-state-border-down {
1201   border-radius: 2px 2px 0 0;
1202 }
1203 .k-split-button.k-state-border-down > .k-button {
1204   border-radius: 2px 0 0 0;
1205 }
1206 .k-split-button.k-state-border-up > .k-button {
1207   border-radius: 0 0 0 2px;
1208 }
1209 .k-split-button.k-state-border-down > .k-split-button-arrow {
1210   border-radius: 0 2px 0 0;
1211 }
1212 .k-split-button.k-state-border-up > .k-split-button-arrow {
1213   border-radius: 0 0 2px 0;
1214 }
1215 .k-dropdown-wrap .k-input,
1216 .k-picker-wrap .k-input,
1217 .k-numeric-wrap .k-input {
1218   border-radius: 1px 0 0 1px;
1219 }
1220 .k-rtl .k-dropdown-wrap .k-input,
1221 .k-rtl .k-picker-wrap .k-input,
1222 .k-rtl .k-numeric-wrap .k-input {
1223   border-radius: 0 1px 1px 0;
1224 }
1225 .k-numeric-wrap .k-link {
1226   border-radius: 0 1px 0 0;
1227 }
1228 .k-numeric-wrap .k-link + .k-link {
1229   border-radius: 0 0 1px 0;
1230 }
1231 .k-colorpicker .k-selected-color {
1232   border-radius: 1px 0 0 1px;
1233 }
1234 .k-rtl .k-colorpicker .k-selected-color {
1235   border-radius: 0 1px 1px 0;
1236 }
1237 .k-autocomplete.k-state-border-down .k-input {
1238   border-radius: 2px 2px 0 0;
1239 }
1240 .k-dropdown-wrap.k-state-border-down .k-input,
1241 .k-picker-wrap.k-state-border-down .k-input,
1242 .k-picker-wrap.k-state-border-down .k-selected-color,
1243 .k-numeric-wrap.k-state-border-down .k-input {
1244   border-radius: 2px 0 0 0;
1245 }
1246 .k-numeric-wrap .k-link.k-state-selected {
1247   background-color: #ebebeb;
1248 }
1249 .k-multiselect.k-state-border-down .k-multiselect-wrap {
1250   border-radius: 1px 1px 0 0;
1251 }
1252 .k-dropdown-wrap .k-select,
1253 .k-picker-wrap .k-select,
1254 .k-numeric-wrap .k-select,
1255 .k-datetimepicker .k-select + .k-select,
1256 .k-list-container.k-state-border-right {
1257   border-radius: 0 2px 2px 0;
1258 }
1259 .k-rtl .k-dropdown-wrap .k-select,
1260 .k-rtl .k-picker-wrap .k-select,
1261 .k-rtl .k-numeric-wrap .k-select,
1262 .k-rtl .k-datetimepicker .k-select + .k-select,
1263 .k-rtl .k-list-container.k-state-border-right {
1264   border-radius: 2px 0 0 2px;
1265 }
1266 .k-numeric-wrap.k-expand-padding .k-input {
1267   border-radius: 2px;
1268 }
1269 .k-textbox > input,
1270 .k-autocomplete .k-input,
1271 .k-multiselect-wrap {
1272   border-radius: 1px;
1273 }
1274 .k-list .k-state-hover,
1275 .k-list .k-state-focused,
1276 .k-list .k-state-highlight,
1277 .k-list .k-state-selected,
1278 .k-fieldselector .k-list .k-item,
1279 .k-list-optionlabel,
1280 .k-dropzone,
1281 .k-listbox .k-item {
1282   border-radius: 1px;
1283 }
1284 .k-slider .k-button,
1285 .k-grid .k-slider .k-button {
1286   border-radius: 13px;
1287 }
1288 .k-draghandle {
1289   border-radius: 13px;
1290 }
1291 .k-scheduler-toolbar > ul li:first-child,
1292 .k-scheduler-toolbar > ul li:first-child .k-link,
1293 .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li,
1294 .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li .k-link {
1295   border-radius: 2px 0 0 2px;
1296 }
1297 .k-rtl .k-scheduler-toolbar > ul li:first-child,
1298 .k-rtl .k-scheduler-toolbar > ul li:first-child .k-link,
1299 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li,
1300 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li .k-link,
1301 .km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child,
1302 .km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child .k-link {
1303   border-radius: 0 2px 2px 0;
1304 }
1305 .k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today,
1306 .k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today .k-link,
1307 .k-edit-field > .k-scheduler-navigation {
1308   border-radius: 2px;
1309 }
1310 .k-scheduler-toolbar .k-nav-next,
1311 .k-scheduler-toolbar ul + ul li:last-child,
1312 .k-scheduler-toolbar .k-nav-next .k-link,
1313 .k-scheduler-toolbar ul + ul li:last-child .k-link {
1314   border-top-right-radius: 2px;
1315   border-bottom-right-radius: 2px;
1316 }
1317 .k-rtl .k-scheduler-toolbar .k-nav-next,
1318 .k-rtl .k-scheduler-toolbar ul + ul li:last-child,
1319 .k-rtl .k-scheduler-toolbar .k-nav-next .k-link,
1320 .k-rtl .k-scheduler-toolbar ul + ul li:last-child .k-link {
1321   border-radius: 2px 0 0 2px;
1322 }
1323 .k-scheduler div.k-scheduler-footer ul li,
1324 .k-scheduler div.k-scheduler-footer .k-link {
1325   border-radius: 2px;
1326 }
1327 .k-more-events,
1328 .k-event,
1329 .k-task-single,
1330 .k-task-complete,
1331 .k-event .k-link {
1332   border-radius: 1px;
1333 }
1334 .k-scheduler-mobile .k-event {
1335   border-radius: 0px;
1336 }
1337 /* Adaptive Grid */
1338 .k-grid-mobile .k-column-active + th.k-header {
1339   border-left-color: #444444;
1340 }
1341 html .km-pane-wrapper .km-widget,
1342 .k-ie .km-pane-wrapper .k-widget,
1343 .k-ie .km-pane-wrapper .k-group,
1344 .k-ie .km-pane-wrapper .k-content,
1345 .k-ie .km-pane-wrapper .k-header,
1346 .k-ie .km-pane-wrapper .k-popup-edit-form .k-edit-field .k-button,
1347 .km-pane-wrapper .k-mobile-list .k-item,
1348 .km-pane-wrapper .k-mobile-list .k-edit-label,
1349 .km-pane-wrapper .k-mobile-list .k-edit-field {
1350   color: #444444;
1351 }
1352 @media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) {
1353   div.km-pane-wrapper a {
1354     color: #444444;
1355   }
1356 }
1357 .km-pane-wrapper .k-mobile-list .k-item,
1358 .km-pane-wrapper .k-mobile-list .k-edit-field,
1359 .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check {
1360   background-color: #fff;
1361   border-top: 1px solid #e7e7e7;
1362 }
1363 .km-pane-wrapper .k-mobile-list .k-edit-field textarea {
1364   outline-width: 0;
1365 }
1366 .km-pane-wrapper .k-mobile-list .k-item.k-state-selected {
1367   background-color: #fff;
1368   border-top-color: #ffffff;
1369 }
1370 .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:first-child {
1371   border-top-color: transparent;
1372 }
1373 .km-pane-wrapper .k-mobile-list .k-item:last-child {
1374   box-shadow: inset 0 -1px 0 #e7e7e7;
1375 }
1376 .km-pane-wrapper .k-mobile-list > ul > li > .k-link,
1377 .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3),
1378 .km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child {
1379   color: #9b9b9b;
1380 }
1381 .km-pane-wrapper .k-mobile-list > ul > li > .k-link {
1382   border-bottom: 1px solid #e7e7e7;
1383 }
1384 .km-pane-wrapper .k-mobile-list .k-edit-field {
1385   box-shadow: 0 1px 1px #e7e7e7;
1386 }
1387 .km-actionsheet .k-grid-delete,
1388 .km-actionsheet .k-scheduler-delete,
1389 .km-pane-wrapper .k-scheduler-delete,
1390 .km-pane-wrapper .k-filter-menu .k-button[type=reset] {
1391   color: #fff;
1392   border-color: #eed3d7;
1393   background-color: red;
1394   background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.15));
1395 }
1396 .km-actionsheet .k-grid-delete:active,
1397 .km-actionsheet .k-scheduler-delete:active,
1398 .km-pane-wrapper .k-scheduler-delete:active,
1399 .km-pane-wrapper .k-filter-menu .k-button[type=reset]:active {
1400   background-color: #990000;
1401 }
1402 /* /Column Menu */
1403 .k-autocomplete.k-state-default,
1404 .k-picker-wrap.k-state-default,
1405 .k-numeric-wrap.k-state-default,
1406 .k-dropdown-wrap.k-state-default {
1407   background-image: none;
1408   background-position: 50% 50%;
1409   color: #444444;
1410   background-color: #fafafa;
1411   border-color: #f0f0f0;
1412 }
1413 .k-autocomplete.k-state-hover,
1414 .k-picker-wrap.k-state-hover,
1415 .k-numeric-wrap.k-state-hover,
1416 .k-dropdown-wrap.k-state-hover {
1417   background-color: #ffffff;
1418   background-image: none;
1419   background-position: 50% 50%;
1420   border-color: #f5f5f5;
1421 }
1422 .k-multiselect.k-header {
1423   border-color: #f0f0f0;
1424 }
1425 .k-multiselect.k-header.k-state-hover {
1426   border-color: #f5f5f5;
1427 }
1428 .k-autocomplete.k-state-focused,
1429 .k-picker-wrap.k-state-focused,
1430 .k-numeric-wrap.k-state-focused,
1431 .k-dropdown-wrap.k-state-focused,
1432 .k-multiselect.k-header.k-state-focused {
1433   background-color: #ffffff;
1434   background-image: none;
1435   background-position: 50% 50%;
1436   border-color: #f5f5f5;
1437   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
1438 }
1439 .k-list-container {
1440   color: #444444;
1441 }
1442 .k-nodata {
1443   color: #999999;
1444 }
1445 .k-dropdown .k-input,
1446 .k-dropdown .k-state-focused .k-input,
1447 .k-menu .k-popup {
1448   color: #444444;
1449 }
1450 .k-state-default > .k-select {
1451   border-color: #f0f0f0;
1452 }
1453 .k-state-focused > .k-select {
1454   border-color: #f5f5f5;
1455 }
1456 .k-state-hover > .k-select {
1457   border-color: #f5f5f5;
1458 }
1459 .k-tabstrip:focus {
1460   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
1461 }
1462 .k-tabstrip-items .k-state-default .k-link,
1463 .k-panelbar > li.k-state-default > .k-link {
1464   color: #ffffff;
1465 }
1466 .k-tabstrip-items .k-state-hover .k-link,
1467 .k-panelbar > li.k-state-hover > .k-link,
1468 .k-panelbar > li.k-state-default > .k-link.k-state-hover {
1469   color: #444444;
1470 }
1471 .k-panelbar > li > .k-state-focused.k-state-hover {
1472   background: #ebebeb;
1473   box-shadow: none;
1474 }
1475 .k-tabstrip-items .k-state-default,
1476 .k-panelbar .k-tabstrip-items .k-state-default {
1477   border-color: transparent;
1478 }
1479 .k-tabstrip-items .k-state-hover {
1480   border-color: #ebebeb;
1481 }
1482 .k-tabstrip .k-content.k-state-active {
1483   background-color: #fff;
1484   color: #444444;
1485 }
1486 .k-menu.k-header,
1487 .k-menu .k-item {
1488   border-color: #e6e6e6;
1489 }
1490 .k-column-menu,
1491 .k-column-menu .k-item,
1492 .k-overflow-container .k-overflow-group {
1493   border-color: #cccccc;
1494 }
1495 .k-overflow-container .k-overflow-group {
1496   box-shadow: inset 0 1px 0 #ffffff, 0 1px 0 #ffffff;
1497 }
1498 .k-toolbar-first-visible.k-overflow-group,
1499 .k-overflow-container .k-overflow-group + .k-overflow-group {
1500   box-shadow: 0 1px 0 #ffffff;
1501 }
1502 .k-toolbar-last-visible.k-overflow-group {
1503   box-shadow: inset 0 1px 0 #ffffff;
1504 }
1505 .k-column-menu .k-separator {
1506   border-color: #cccccc;
1507   background-color: transparent;
1508 }
1509 .k-menu .k-group {
1510   border-color: rgba(0, 0, 0, 0.2);
1511 }
1512 .k-grid-filter.k-state-active {
1513   background-color: #ffffff;
1514 }
1515 .k-grouping-row td,
1516 .k-group-footer td,
1517 .k-grid-footer td {
1518   color: #ffffff;
1519   border-color: #cccccc;
1520   font-weight: bold;
1521 }
1522 .k-grouping-header {
1523   color: #ffffff;
1524 }
1525 .k-header,
1526 .k-grid-header-wrap,
1527 .k-grid .k-grouping-header,
1528 .k-grid-header,
1529 .k-pager-wrap,
1530 .k-pager-wrap .k-textbox,
1531 .k-pager-wrap .k-link,
1532 .k-grouping-header .k-group-indicator,
1533 .k-gantt-toolbar .k-state-default {
1534   border-color: #cccccc;
1535 }
1536 .k-primary,
1537 .k-overflow-container .k-primary {
1538   color: #ffffff;
1539   border-color: #3f51b5;
1540   background-image: none;
1541   background-position: 50% 50%;
1542   background-color: #3f51b5;
1543   box-shadow: none;
1544 }
1545 .k-primary:focus,
1546 .k-primary.k-state-focused {
1547   color: #ffffff;
1548   border-color: #eff8ff;
1549   background-image: none;
1550   box-shadow: 0 0 8px 0 #cfe6f8;
1551 }
1552 .k-primary:hover {
1553   color: #ffffff;
1554   border-color: #5c6bc0;
1555   background-image: none;
1556   background-color: #5c6bc0;
1557   box-shadow: none;
1558 }
1559 .k-primary:focus:active:not(.k-state-disabled):not([disabled]),
1560 .k-primary:focus:not(.k-state-disabled):not([disabled]) {
1561   box-shadow: 0 0 8px 0 #cfe6f8;
1562 }
1563 .k-primary:active {
1564   color: #ffffff;
1565   border-color: #283593;
1566   background-image: none;
1567   background-color: #283593;
1568   box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3);
1569 }
1570 .k-primary.k-state-disabled,
1571 .k-state-disabled .k-primary,
1572 .k-primary.k-state-disabled:hover,
1573 .k-state-disabled .k-primary:hover,
1574 .k-primary.k-state-disabled:hover,
1575 .k-state-disabled .k-primary:active,
1576 .k-primary.k-state-disabled:active {
1577   color: #a8a8a8;
1578   border-color: #eaeaea;
1579   background-color: #eaeaea;
1580   background-image: none;
1581   box-shadow: none;
1582 }
1583 .k-pager-numbers .k-link,
1584 .k-treeview .k-in {
1585   border-color: transparent;
1586 }
1587 .k-treeview .k-icon,
1588 .k-scheduler-table .k-icon,
1589 .k-grid .k-hierarchy-cell .k-icon {
1590   background-color: transparent;
1591   border-radius: 50%;
1592 }
1593 .k-scheduler-table .k-state-hover .k-icon {
1594   background-color: transparent;
1595 }
1596 .k-button:focus,
1597 .k-split-button:focus {
1598   outline: none;
1599 }
1600 .k-split-button:focus {
1601   background-color: #dbdbdb;
1602 }
1603 .k-split-button:focus > .k-button {
1604   background: transparent;
1605   border-color: #dbdbdb;
1606 }
1607 .k-split-button:focus > .k-button.k-split-button-arrow {
1608   border-left-color: #f2f2f2;
1609 }
1610 .k-editor .k-tool {
1611   color: inherit;
1612 }
1613 .k-editor .k-tool:focus {
1614   outline: 0;
1615   border-color: #dbdbdb;
1616   box-shadow: 0 6px 17px 0 #c4c4c4;
1617 }
1618 .k-checkbox-label:before {
1619   border-color: #7f7f7f;
1620   background: #fff;
1621   border-radius: 1px;
1622 }
1623 .k-checkbox:hover + .k-checkbox-label:before,
1624 .k-checkbox:checked:hover + .k-checkbox-label:before,
1625 .k-checkbox-label:hover:before,
1626 .k-checkbox:checked + .k-checkbox-label:hover:before {
1627   border-color: #7f7f7f;
1628   box-shadow: none;
1629 }
1630 .k-checkbox:checked + .k-checkbox-label:before {
1631   background-color: #3f51b5;
1632   border-color: #3f51b5;
1633   color: #ffffff;
1634 }
1635 .k-checkbox:active + .k-checkbox-label:before,
1636 .k-checkbox-label:active:before {
1637   box-shadow: none;
1638   border-color: #7f7f7f;
1639 }
1640 .k-checkbox:checked:active + .k-checkbox-label:before,
1641 .k-checkbox:checked + .k-checkbox-label:before {
1642   box-shadow: none;
1643   border-color: #7f7f7f;
1644 }
1645 .k-checkbox:disabled + .k-checkbox-label {
1646   color: #999999;
1647 }
1648 .k-checkbox:disabled + .k-checkbox-label:hover:before {
1649   box-shadow: none;
1650 }
1651 .k-checkbox:disabled + .k-checkbox-label:before,
1652 .k-checkbox:checked:disabled + .k-checkbox-label:before,
1653 .k-checkbox:checked:disabled + .k-checkbox-label:active:before,
1654 .k-checkbox:checked:disabled + .k-checkbox-label:hover:before {
1655   color: #999999;
1656   background: #f5f5f5;
1657   border-color: #bfbfbf;
1658   border-radius: 1px;
1659 }
1660 .k-checkbox:focus + .k-checkbox-label:before {
1661   border-color: #7f7f7f;
1662   box-shadow: none;
1663 }
1664 .k-checkbox:indeterminate + .k-checkbox-label:after {
1665   background-color: #3f51b5;
1666   background-image: none;
1667   border-color: #3f51b5;
1668   border-radius: 0px;
1669 }
1670 .k-checkbox:indeterminate:hover + .k-checkbox-label:after {
1671   border-color: #3f51b5;
1672   background-color: #3f51b5;
1673 }
1674 .k-checkbox + .k-checkbox-label:after {
1675   content: "";
1676   position: absolute;
1677   top: 1px;
1678   left: 1px;
1679   border-radius: 50%;
1680   width: 1em;
1681   height: 1em;
1682 }
1683 .k-checkbox:focus + .k-checkbox-label:after {
1684   box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3);
1685 }
1686 .k-checkbox:active + .k-checkbox-label:after,
1687 .k-checkbox + .k-checkbox-label:active:after {
1688   box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3);
1689 }
1690 .k-checkbox:checked:active + .k-checkbox-label:after,
1691 .k-checkbox:checked + .k-checkbox-label:active:after {
1692   box-shadow: 0 0 0 12px rgba(63, 81, 181, 0.3);
1693 }
1694 .k-checkbox:disabled + .k-checkbox-label:active:after {
1695   box-shadow: none;
1696 }
1697 .k-checkbox:indeterminate + .k-checkbox-label:before {
1698   border-color: #3f51b5;
1699 }
1700 .k-radio-label:before {
1701   border-color: #7f7f7f;
1702   border-radius: 50%;
1703   background-color: #fff;
1704   border-width: 2px;
1705 }
1706 .k-radio-label:hover:before,
1707 .k-radio:checked + .k-radio-label:hover:before {
1708   border-color: #7f7f7f;
1709   box-shadow: none;
1710 }
1711 .k-radio:checked + .k-radio-label:after {
1712   background-color: #3f51b5;
1713   border-radius: 50%;
1714 }
1715 .k-radio-label:active:before {
1716   border-color: #6b7acb;
1717   box-shadow: 0 0 2px 0 #6b7acb;
1718 }
1719 .k-radio:checked + .k-radio-label:active:before {
1720   box-shadow: 0 0 2px 0 #6b7acb;
1721   border-color: #6b7acb;
1722 }
1723 .k-radio:disabled + .k-radio-label {
1724   color: #bfbfbf;
1725 }
1726 .k-radio:disabled + .k-radio-label:before,
1727 .k-radio:disabled + .k-radio-label:active:before,
1728 .k-radio:disabled + .k-radio-label:hover:after,
1729 .k-radio:disabled + .k-radio-label:hover:before {
1730   background: #ffffff;
1731   border-color: #bfbfbf;
1732   box-shadow: none;
1733 }
1734 .k-radio:disabled:checked + .k-radio-label:after {
1735   background-color: #3f51b5;
1736   opacity: .5;
1737 }
1738 .k-radio:focus + .k-radio-label:before {
1739   border-color: #6b7acb;
1740   box-shadow: 0 0 2px 0 #6b7acb;
1741 }
1742 .k-radio:checked + .k-radio-label:before,
1743 .k-radio:checked + .k-radio-label:hover:before {
1744   border-color: #3f51b5;
1745 }
1746 .k-radio + .k-radio-label:active:before {
1747   border-color: #7f7f7f;
1748   box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3);
1749 }
1750 .k-radio:checked + .k-radio-label:active:before {
1751   box-shadow: 0 0 0 12px rgba(63, 81, 181, 0.3);
1752 }
1753 .k-radio:focus + .k-radio-label:before {
1754   border-color: #7f7f7f;
1755   box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3);
1756 }
1757 .k-radio:disabled:checked + .k-radio-label:before,
1758 .k-radio:disabled:checked + .k-radio-label:hover:before {
1759   border-color: #bfbfbf;
1760 }
1761 .k-radio:disabled:checked + .k-radio-label:active:before {
1762   box-shadow: none;
1763 }
1764 @media screen and (-ms-high-contrast: active) {
1765   .k-editor-toolbar-wrap .k-dropdown-wrap.k-state-focused,
1766   .k-editor-toolbar-wrap .k-button-group .k-tool:focus {
1767     border-color: #fff;
1768   }
1769 }
1770 .k-button:hover .k-icon,
1771 .k-tool-icon:hover,
1772 .k-state-hover .k-tool-icon,
1773 .k-state-selected .k-tool-icon,
1774 .k-state-focused .k-tool-icon,
1775 .k-button:hover .k-tool-icon,
1776 .k-splitbar.k-splitbar-horizontal-hover .k-icon,
1777 .k-splitbar.k-splitbar-vertical-hover .k-icon,
1778 div.k-splitbar.k-state-focused .k-icon,
1779 .k-textbox:hover > .k-icon,
1780 .k-grouping-header .k-i-delete,
1781 .k-grouping-header .k-button-icon:hover > .k-icon.k-i-delete,
1782 .k-grouping-header .k-i-delete,
1783 .k-grouping-header .k-button-icon:hover > .k-icon.k-i-delete,
1784 .k-grouping-header .k-i-arrow-60-up,
1785 .k-grouping-header .k-link:hover > .k-icon.k-i-arrow-60-up,
1786 .k-grouping-header .k-i-arrow-60-up,
1787 .k-grouping-header .k-link:hover > .k-icon.k-i-arrow-60-up,
1788 .k-grouping-header .k-i-arrow-60-down,
1789 .k-grouping-header .k-link:hover > .k-icon.k-i-arrow-60-down,
1790 .k-grouping-header .k-i-arrow-60-down,
1791 .k-grouping-header .k-link:hover > .k-icon.k-i-arrow-60-down,
1792 .k-grid-toolbar .k-i-file-pdf,
1793 .k-grid-toolbar .k-button:hover > .k-i-file-pdf,
1794 .k-grid-toolbar .k-i-file-excel,
1795 .k-grid-toolbar .k-button:hover > .k-i-file-excel,
1796 .k-grid-toolbar .k-icon,
1797 .k-scheduler-toolbar .k-icon,
1798 .k-scheduler-footer .k-icon,
1799 .k-scheduler-content .k-icon,
1800 .k-gantt-toolbar .k-icon,
1801 .k-field-actions .k-icon,
1802 .k-notification .k-icon,
1803 .k-pivot-configurator-settings .k-icon:hover,
1804 .k-window-titlebar .k-icon {
1805   opacity: 1;
1806 }
1807 .k-splitbar .k-icon,
1808 .k-pivot-configurator-settings .k-icon {
1809   opacity: 0.7;
1810 }
1811 .k-pager-wrap .k-link.k-state-disabled .k-icon {
1812   opacity: 0.25;
1813 }
1814 .k-button,
1815 .k-button:hover,
1816 .k-button.k-state-hover,
1817 .k-button.k-state-focused,
1818 .k-button:focus,
1819 .k-button:focus:not(.k-state-disabled):not([disabled]) {
1820   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
1821 }
1822 .k-button,
1823 .k-header {
1824   font-weight: 500;
1825 }
1826 .k-button:active,
1827 .k-button.k-state-active,
1828 .k-button:focus,
1829 .k-button.k-state-focused {
1830   color: #444444;
1831   background-color: #dbdbdb;
1832   border-color: #dbdbdb;
1833 }
1834 .k-button:active:hover,
1835 .k-button.k-state-active:hover {
1836   color: #444444;
1837   border-color: #dbdbdb;
1838   background-color: #dbdbdb;
1839   box-shadow: 0 6px 17px 0 rgba(235, 235, 235, 0.3);
1840 }
1841 .k-button:hover,
1842 .k-button.k-state-hover,
1843 .k-button:active:hover,
1844 .k-button.k-state-active:hover {
1845   color: #444444;
1846   border-color: #ebebeb;
1847   background-color: #ebebeb;
1848 }
1849 .k-primary:active,
1850 .k-primary.k-state-active,
1851 .k-primary:focus,
1852 .k-primary.k-state-focused {
1853   color: #ffffff;
1854   border-color: #283593;
1855   background-image: none;
1856   background-color: #283593;
1857   box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3);
1858 }
1859 .k-primary:hover,
1860 .k-primary.k-state-hover,
1861 .k-primary:active:hover,
1862 .k-primary.k-state-active:hover {
1863   color: #ffffff;
1864   border-color: #5c6bc0;
1865   background-color: #5c6bc0;
1866 }
1867 .k-primary:focus:not(.k-state-disabled):not([disabled]),
1868 .k-primary:focus:active:not(.k-state-disabled):not([disabled]) {
1869   box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3);
1870 }
1871 .k-primary.k-state-disabled,
1872 .k-state-disabled .k-primary,
1873 .k-primary.k-state-disabled:hover,
1874 .k-state-disabled .k-primary:hover,
1875 .k-primary.k-state-disabled:hover,
1876 .k-state-disabled .k-primary:active,
1877 .k-primary.k-state-disabled:active {
1878   color: #a8a8a8;
1879   border-color: #eaeaea;
1880   background-color: #eaeaea;
1881   background-image: none;
1882   box-shadow: none;
1883 }
1884 .k-widget .k-button:active,
1885 .k-widget .k-button.k-state-active {
1886   color: #444444;
1887   background-color: #dbdbdb;
1888   border-color: #ebebeb;
1889 }
1890 .k-toolbar .k-overflow-anchor.k-state-active,
1891 .k-toolbar .k-overflow-anchor.k-state-border-down {
1892   background-color: #ffffff;
1893 }
1894 .k-widget .k-button:active:hover,
1895 .k-widget .k-button.k-state-active:hover {
1896   color: #444444;
1897   border-color: #ebebeb;
1898   background-color: #ebebeb;
1899 }
1900 .k-button[disabled],
1901 .k-button.k-state-disabled,
1902 .k-state-disabled .k-button,
1903 .k-state-disabled .k-button:hover,
1904 .k-button.k-state-disabled:hover,
1905 .k-state-disabled .k-button:active,
1906 .k-button.k-state-disabled:active,
1907 .k-button.k-state-disabled:active:hover,
1908 .k-listbox .k-button.k-state-disabled {
1909   color: #999999;
1910   border-color: #fafafa;
1911   background-color: #fafafa;
1912   background-image: none;
1913   box-shadow: none;
1914 }
1915 .k-dropdown .k-state-default {
1916   border-color: #fafafa;
1917   background-image: none;
1918   background-position: 50% 50%;
1919   background-color: #fafafa;
1920 }
1921 .k-dropdown,
1922 span.k-colorpicker {
1923   background-color: #fafafa;
1924 }
1925 .k-textbox {
1926   background-color: #fafafa;
1927   border-color: #f0f0f0;
1928 }
1929 .k-combobox,
1930 .k-datepicker,
1931 .k-timepicker,
1932 .k-datetimepicker {
1933   background-color: #fafafa;
1934 }
1935 .k-picker-wrap.k-state-default > .k-select {
1936   border-color: #fafafa;
1937 }
1938 .k-datepicker .k-input,
1939 .k-timepicker .k-input {
1940   background-color: #fafafa;
1941 }
1942 .k-autocomplete.k-state-active .k-input,
1943 .k-picker-wrap.k-state-active .k-input,
1944 .k-numeric-wrap.k-state-active .k-input {
1945   background-color: #fff;
1946 }
1947 .k-picker-wrap.k-state-hover > .k-select,
1948 .k-picker-wrap.k-state-focused > .k-select {
1949   border-color: #ffffff;
1950 }
1951 .k-picker-wrap.k-state-hover .k-input,
1952 .k-picker-wrap.k-state-focused .k-input {
1953   background-color: #ffffff;
1954 }
1955 .k-textbox:hover,
1956 .k-overflow-anchor:hover,
1957 .k-autocomplete.k-state-hover,
1958 .k-picker-wrap.k-state-hover,
1959 .k-numeric-wrap.k-state-hover,
1960 .k-dropdown-wrap.k-state-hover {
1961   background-color: #fff;
1962   border-color: #f5f5f5;
1963   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
1964 }
1965 .k-textbox:focus,
1966 .k-autocomplete.k-state-focused,
1967 .k-picker-wrap.k-state-focused,
1968 .k-numeric-wrap.k-state-focused,
1969 .k-dropdown-wrap.k-state-focused,
1970 .k-multiselect.k-header.k-state-focused {
1971   background-color: #ebebeb;
1972   background-image: none;
1973   background-position: 50% 50%;
1974   border-color: #ebebeb;
1975   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
1976 }
1977 .k-numeric-wrap.k-state-focused > .k-select {
1978   background-color: #ebebeb;
1979 }
1980 .k-textbox:focus,
1981 .k-autocomplete.k-state-active,
1982 .k-picker-wrap.k-state-active,
1983 .k-numeric-wrap.k-state-active,
1984 .k-dropdown-wrap.k-state-active,
1985 .k-multiselect.k-header.k-state-active {
1986   background-color: #fff;
1987   background-image: none;
1988   background-position: 50% 50%;
1989   border-color: #f5f5f5;
1990   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
1991 }
1992 .k-autocomplete.k-state-disabled,
1993 .k-picker-wrap.k-state-disabled,
1994 .k-numeric-wrap.k-state-disabled,
1995 .k-numeric-wrap.k-state-disabled .k-input,
1996 .k-numeric-wrap.k-state-disabled .k-select,
1997 .k-dropdown-wrap.k-state-disabled,
1998 .k-multiselect.k-header.k-state-disabled {
1999   background-color: #fafafa;
2000 }
2001 .k-numeric-wrap.k-state-disabled .k-select {
2002   border-color: #fafafa;
2003 }
2004 .k-numerictextbox .k-select {
2005   background-color: #fff;
2006   border-color: #fff;
2007 }
2008 .k-list > .k-state-selected.k-state-focused {
2009   box-shadow: none;
2010   color: #3f51b5;
2011 }
2012 .k-list > .k-state-selected {
2013   box-shadow: none;
2014 }
2015 .k-list > .k-state-focused {
2016   border-color: transparent;
2017   box-shadow: none;
2018 }
2019 .k-list > .k-state-hover,
2020 .k-list > .k-state-selected.k-state-hover {
2021   background-color: #ebebeb;
2022   border-color: #ebebeb;
2023 }
2024 .k-list-container {
2025   border-color: #ebebeb;
2026 }
2027 .k-grid td.k-state-focused.k-state-selected {
2028   box-shadow: inset 0 0 0 1px #808080;
2029 }
2030 .k-calendar td.k-state-focused,
2031 .k-calendar td.k-state-selected.k-state-focused {
2032   box-shadow: inset 0 0 0 1px #808080;
2033 }
2034 .k-calendar td.k-state-selected {
2035   background-color: #00b0ff;
2036   box-shadow: none;
2037 }
2038 .k-calendar td.k-state-selected.k-state-hover {
2039   background-color: #00a2eb;
2040 }
2041 .k-calendar .k-state-selected > .k-link {
2042   color: #fff;
2043 }
2044 /* Calendar */
2045 .k-calendar .k-header .k-link {
2046   color: #ffffff;
2047 }
2048 .k-calendar .k-footer {
2049   border-color: #e6e6e6;
2050 }
2051 .k-calendar td {
2052   border-radius: 50%;
2053 }
2054 .k-calendar .k-content th {
2055   background-color: #fff;
2056 }
2057 .k-calendar .k-alt {
2058   border-radius: 0;
2059   background-color: #f2f2f2;
2060 }
2061 .k-calendar .k-header .k-state-hover {
2062   background-color: #32408f;
2063 }
2064 .k-calendar .k-footer .k-nav-today {
2065   color: #3f51b5;
2066 }
2067 .k-calendar .k-nav-fast.k-state-hover {
2068   border-radius: 0;
2069 }
2070 .k-calendar .k-today {
2071   background-color: #3f51b5;
2072 }
2073 .k-calendar .k-today .k-link {
2074   color: #fff;
2075 }
2076 .k-calendar .k-today.k-state-hover {
2077   background-color: #32408f;
2078 }
2079 .k-calendar .k-today:active {
2080   box-shadow: inset 0 0 0 1px #2b387c;
2081 }
2082 .k-calendar .k-link.k-state-hover,
2083 .k-window-titlebar .k-link {
2084   box-shadow: none;
2085 }
2086 .k-window-titlebar .k-state-hover {
2087   background-color: #5c6dc4;
2088   border-color: #5c6dc4;
2089 }
2090 /* TabStrip */
2091 .k-tabstrip > .k-tabstrip-items > .k-item {
2092   border-radius: 0;
2093 }
2094 .k-tabstrip-items .k-state-active,
2095 .k-panelbar .k-tabstrip-items .k-state-active {
2096   background-color: #3f51b5;
2097   background-image: none;
2098   border-bottom-color: #00b0ff;
2099 }
2100 .k-tabstrip .k-content.k-state-active {
2101   border-color: transparent;
2102 }
2103 .k-tabstrip-items .k-item.k-state-hover {
2104   background: #5c6dc4;
2105   border-color: #5c6dc4;
2106 }
2107 .k-tabstrip-items .k-state-hover .k-link {
2108   color: #ffffff;
2109 }
2110 /* Menu */
2111 .k-group,
2112 .k-flatcolorpicker.k-group,
2113 .k-menu,
2114 .k-menu .k-group,
2115 .k-popup.k-widget.k-context-menu {
2116   color: #444444;
2117   background-color: #fff;
2118 }
2119 .k-menu .k-group,
2120 .k-popup.k-context-menu.k-group {
2121   border-color: #e6e6e6;
2122 }
2123 .k-menu.k-header,
2124 .k-menu .k-item,
2125 .k-widget.k-menu-horizontal > .k-item {
2126   box-shadow: none;
2127 }
2128 .k-menu .k-state-active,
2129 .k-popup.k-context-menu.k-group .k-state-hover {
2130   background-color: #ebebeb;
2131   border-color: #ebebeb;
2132 }
2133 /* Toolbar */
2134 .k-toolbar {
2135   background-color: #fafafa;
2136   border-color: #e6e6e6;
2137 }
2138 .k-toolbar .k-toggle-button:focus {
2139   background-color: transparent;
2140   border-color: #b3b3b3;
2141 }
2142 .k-toolbar .k-toggle-button:hover {
2143   background-color: #ebebeb;
2144 }
2145 .k-toolbar .k-toggle-button.k-state-active {
2146   color: #fff;
2147   background-color: #3f51b5;
2148   border-color: #3f51b5;
2149 }
2150 .k-toolbar .k-toggle-button.k-state-active:focus {
2151   background-color: #3f51b5;
2152   border-color: #2b387c;
2153 }
2154 .k-toolbar .k-toggle-button.k-state-active:hover {
2155   color: #fff;
2156   background-color: #32408f;
2157   border-color: #32408f;
2158 }
2159 .k-mediaplayer-toolbar {
2160   background: rgba(250, 250, 250, 0.85);
2161 }
2162 .k-toolbar .k-button {
2163   box-shadow: none;
2164 }
2165 .k-ie .k-toolbar .k-input {
2166   height: 2.2em;
2167 }
2168 .k-grid .k-header .k-button,
2169 .k-scheduler .k-header .k-button,
2170 .k-scheduler .k-header li,
2171 .k-scheduler .k-header .k-link,
2172 .k-gantt > .k-header li,
2173 .k-gantt > .k-header .k-link,
2174 .k-gantt-toolbar .k-button,
2175 .km-pane-wrapper .k-header .k-button {
2176   color: #ffffff;
2177   background-color: #3f51b5;
2178   border-color: #3f51b5;
2179   box-shadow: none;
2180 }
2181 .k-grid .k-header .k-button:hover,
2182 .k-scheduler .k-header .k-button:hover,
2183 .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover,
2184 .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover .k-link,
2185 .k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover,
2186 .k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover .k-link,
2187 .k-gantt .k-gantt-toolbar .k-button:hover,
2188 .km-pane-wrapper .k-header .k-button:hover {
2189   background-color: #5c6dc4;
2190   border-color: #5c6dc4;
2191 }
2192 .km-pane-wrapper .k-header .k-button:active:hover {
2193   color: #ffffff;
2194 }
2195 .k-scheduler .k-scheduler-toolbar ul li.k-state-hover,
2196 .k-scheduler .k-scheduler-toolbar .k-state-selected,
2197 .k-gantt-toolbar .k-button {
2198   background-color: #3f51b5;
2199   border-color: #3f51b5;
2200 }
2201 .k-gantt .k-gantt-toolbar .k-button:active {
2202   background: #fff;
2203   box-shadow: none;
2204 }
2205 .k-gantt-toolbar > .k-gantt-views > li.k-state-selected,
2206 .k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-selected.k-state-hover,
2207 .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-selected.k-state-hover,
2208 .k-scheduler-toolbar > .k-scheduler-views > li.k-state-selected {
2209   border-bottom-color: #00b0ff;
2210 }
2211 .k-scheduler-mark {
2212   border-radius: 50%;
2213 }
2214 /* Grid */
2215 .k-grid .k-alt {
2216   background-color: #fff;
2217 }
2218 .k-grouping-row td,
2219 td.k-group-cell,
2220 .k-resize-handle-inner {
2221   color: #444444;
2222   background-color: #f2f2f2;
2223 }
2224 .k-grouping-header .k-group-indicator,
2225 .k-pivot-toolbar .k-button {
2226   color: #ffffff;
2227   background-color: #32408f;
2228   border-color: #32408f;
2229   box-shadow: none;
2230 }
2231 .k-grid-header,
2232 .k-grid-header .k-header,
2233 .k-pager-wrap,
2234 .k-pager-numbers .k-state-selected,
2235 .k-grid-footer,
2236 .k-grid-footer td,
2237 .k-scheduler-header,
2238 .km-pane-wrapper .k-grid-header .k-header {
2239   color: #444444;
2240   background-color: #fafafa;
2241 }
2242 .k-header.k-scheduler-footer .k-header,
2243 .k-header.k-scheduler-footer ul.k-header li .k-link {
2244   color: #00b0ff;
2245   background-color: #fafafa;
2246 }
2247 .k-header.k-scheduler-footer ul.k-header li {
2248   background-color: #fafafa;
2249   border-color: #fafafa;
2250 }
2251 .k-header,
2252 .k-grid-header-wrap,
2253 .k-grid .k-grouping-header,
2254 .k-grid-header,
2255 .k-pager-wrap,
2256 .k-pager-wrap .k-textbox,
2257 .k-pager-wrap .k-link,
2258 .k-gantt-toolbar .k-state-default,
2259 .k-grouping-row td,
2260 .k-group-footer td,
2261 .k-grid-footer td {
2262   border-color: #e6e6e6;
2263 }
2264 .k-group-footer td,
2265 .k-footer-template td,
2266 .k-fieldselector .k-item.k-header {
2267   color: #444444;
2268   background-color: #f2f2f2;
2269 }
2270 .k-grid .k-grouping-header {
2271   color: rgba(255, 255, 255, 0.5);
2272 }
2273 .k-pager-wrap,
2274 .k-editor-toolbar {
2275   color: #444444;
2276 }
2277 .k-grouping-header .k-link,
2278 .k-grouping-header .k-link:link {
2279   color: #ffffff;
2280 }
2281 .k-scheduler-layout .k-state-selected,
2282 .k-scheduler .k-today.k-state-selected,
2283 .k-grid tr.k-state-selected,
2284 .k-grid td.k-state-selected,
2285 .k-grid td.k-state-selected.k-state-focused,
2286 .k-marquee-color,
2287 .k-gantt .k-treelist .k-state-selected,
2288 .k-gantt .k-treelist .k-state-selected td,
2289 .k-gantt .k-treelist .k-alt.k-state-selected,
2290 .k-gantt .k-treelist .k-alt.k-state-selected > td,
2291 .k-listview > .k-state-selected,
2292 .k-state-selected.k-line {
2293   background-color: #00b0ff;
2294 }
2295 .k-state-selected.k-line {
2296   color: #00b0ff;
2297 }
2298 .k-grid tr.k-state-selected,
2299 .k-grid td.k-state-selected,
2300 .k-listview > .k-state-selected,
2301 .k-state-selected .k-progress-status {
2302   color: #fff;
2303 }
2304 .k-grid tr:hover {
2305   background-color: #ebebeb;
2306 }
2307 .k-grid .k-filter-row:hover,
2308 .k-pivot-rowheaders .k-grid tr:hover {
2309   background: none;
2310 }
2311 .k-grid td.k-state-selected,
2312 .k-grid tr.k-state-selected > td {
2313   border-color: #008dcc;
2314 }
2315 .k-grid td.k-state-selected:hover,
2316 .k-grid tr.k-state-selected:hover td {
2317   background-color: #00a2eb;
2318 }
2319 .k-grid-header .k-header .k-link,
2320 .k-grid-header .k-header,
2321 .k-grid-header .k-link,
2322 .k-grid-header .k-link:link,
2323 .k-pager-info,
2324 .k-scheduler-header,
2325 .k-scheduler-agendaview .k-scheduler-datecolumn {
2326   color: #a8a8a8;
2327 }
2328 .k-gantt .k-task-draghandle {
2329   border-color: #00b0ff;
2330 }
2331 .k-grid-pager .k-link,
2332 .k-grid-pager .k-link:link {
2333   color: #444444;
2334 }
2335 .k-pager-numbers .k-link,
2336 .k-pager-wrap > .k-link {
2337   border-radius: 0;
2338 }
2339 .k-pager-numbers .k-state-selected {
2340   border-color: #3f51b5 transparent transparent;
2341   border-radius: 0;
2342   box-shadow: none;
2343   color: #3f51b5;
2344 }
2345 .k-pager-wrap .k-link {
2346   border-color: #fafafa;
2347   cursor: pointer;
2348 }
2349 .k-pager-wrap .k-link:hover {
2350   background-color: transparent;
2351   border-color: transparent;
2352 }
2353 .k-scheduler-toolbar > ul li:first-child,
2354 .k-scheduler-toolbar > ul li:first-child .k-link,
2355 .k-scheduler-toolbar .k-nav-next,
2356 .k-scheduler-toolbar ul + ul li:last-child,
2357 .k-scheduler-toolbar .k-nav-next .k-link,
2358 .k-scheduler-toolbar ul + ul li:last-child .k-link,
2359 .k-gantt-toolbar li:first-child,
2360 .k-gantt-toolbar li:first-child > .k-link,
2361 .k-gantt-toolbar li:last-child,
2362 .k-gantt-toolbar li:last-child > .k-link {
2363   border-radius: 0;
2364 }
2365 .k-grid,
2366 .k-panelbar,
2367 .k-notification,
2368 .k-popup .k-textbox:focus,
2369 .k-popup .k-autocomplete.k-state-focused,
2370 .k-popup .k-picker-wrap.k-state-focused,
2371 .k-popup .k-numeric-wrap.k-state-focused,
2372 .k-popup .k-dropdown-wrap.k-state-focused,
2373 .k-popup .k-multiselect.k-header.k-state-focused,
2374 .k-popup .k-textbox:hover,
2375 .k-popup .k-autocomplete.k-state-hover,
2376 .k-popup .k-picker-wrap.k-state-hover,
2377 .k-popup .k-numeric-wrap.k-state-hover,
2378 .k-popup .k-dropdown-wrap.k-state-hover {
2379   box-shadow: none;
2380 }
2381 /* PanelBar */
2382 .k-panelbar,
2383 .k-panelbar .k-header,
2384 .k-panelbar .k-content,
2385 .k-panel > li.k-item,
2386 .k-panelbar .k-state-selected {
2387   background-color: #fafafa;
2388 }
2389 .k-panelbar .k-grid-toolbar {
2390   background-color: #3f51b5;
2391 }
2392 .k-panelbar > li.k-state-default > .k-link {
2393   color: #444444;
2394 }
2395 .k-panelbar > li > .k-state-hover {
2396   background-color: #ebebeb;
2397 }
2398 .k-panelbar > .k-item > .k-link,
2399 .k-panelbar.k-header,
2400 .k-panelbar .k-content,
2401 .k-panelbar .k-panel,
2402 .k-panelbar .k-item {
2403   border-color: #e6e6e6;
2404 }
2405 /* Splitter */
2406 .k-splitbar {
2407   border-color: #fafafa;
2408 }
2409 .k-splitbar.k-state-focused {
2410   background-color: #3f51b5;
2411   border-color: #3f51b5;
2412   box-shadow: none;
2413 }
2414 /* Upload */
2415 .k-upload {
2416   color: #444444;
2417   background-color: #fff;
2418 }
2419 .k-upload-files .k-button {
2420   box-shadow: none;
2421 }
2422 /* Gantt */
2423 .k-task-milestone,
2424 .k-task-summary-complete,
2425 .k-state-selected.k-task-milestone,
2426 .k-state-selected .k-task-summary-complete {
2427   background-color: #3f51b5;
2428   border-color: #3f51b5;
2429 }
2430 .k-task-single {
2431   background-color: #66d0ff;
2432 }
2433 .k-task-complete {
2434   background: #00b0ff 0 -257px none repeat-x;
2435 }
2436 .k-treelist .k-state-selected,
2437 .k-treelist .k-state-selected td,
2438 .k-treelist .k-alt.k-state-selected,
2439 .k-treelist .k-alt.k-state-selected > td {
2440   background-color: #00b0ff;
2441   border-color: #00b0ff;
2442 }
2443 .k-multiselect .k-button:focus:active:not(.k-state-disabled):not([disabled]),
2444 .k-toolbar .k-button:focus:active:not(.k-state-disabled):not([disabled]),
2445 .k-group-indicator .k-button,
2446 .k-group-indicator .k-button:focus:active:not(.k-state-disabled):not([disabled]),
2447 .k-group-indicator .k-button:focus:not(.k-state-disabled):not([disabled]),
2448 .k-gantt-toolbar .k-button:focus:not(.k-state-disabled):not([disabled]),
2449 .k-gantt-toolbar .k-button:focus:active:not(.k-state-disabled):not([disabled]),
2450 .k-toolbar .k-button:focus:not(.k-state-disabled):not([disabled]),
2451 .k-toolbar .k-button:focus:active:not(.k-state-disabled):not([disabled]),
2452 .k-toolbar .k-button:active:hover,
2453 .k-toolbar .k-button.k-state-active:hover {
2454   box-shadow: none;
2455 }
2456 .k-multiselect .k-button:active:hover {
2457   color: #444444;
2458   background-color: #dbdbdb;
2459   border-color: #dbdbdb;
2460 }
2461 .k-multiselect-wrap > ul > .k-button {
2462   box-shadow: none;
2463 }
2464 /* Editor */
2465 table.k-editor {
2466   border-color: #e6e6e6;
2467 }
2468 .k-editor.k-header,
2469 .editorToolbarWindow.k-header,
2470 .k-filebrowser .k-header {
2471   background-color: #f2f2f2;
2472   box-shadow: none;
2473 }
2474 .k-filebrowser .k-header {
2475   color: #444444;
2476 }
2477 .k-editor-toolbar .k-tool,
2478 .k-group-start.k-group-end.k-tool {
2479   border-color: #f2f2f2;
2480 }
2481 .k-treeview .k-state-selected,
2482 .k-treeview .k-state-focused,
2483 .k-editor-toolbar .k-dropdown,
2484 .k-panelbar > li > .k-state-focused {
2485   box-shadow: none;
2486 }
2487 .k-treeview .k-state-focused,
2488 .k-panelbar > li > .k-state-focused {
2489   background-color: #ebebeb;
2490 }
2491 .k-editor-toolbar .k-dropdown-wrap.k-state-default,
2492 .k-toolbar .k-dropdown-wrap.k-state-default {
2493   border-color: #f2f2f2;
2494 }
2495 .k-editor-toolbar .k-tool.k-state-hover,
2496 .k-editor-toolbar .k-dropdown-wrap.k-state-hover,
2497 .k-toolbar .k-tool.k-state-hover,
2498 .k-toolbar .k-dropdown-wrap.k-state-hover {
2499   color: #444444;
2500   border-color: #ebebeb;
2501   box-shadow: none;
2502 }
2503 .k-editor-toolbar .k-tool.k-state-selected,
2504 .k-toolbar .k-button-group .k-button.k-state-active {
2505   box-shadow: none;
2506   background-color: #dbdbdb;
2507   border-color: #dbdbdb;
2508 }
2509 .k-editor-toolbar .k-tool.k-state-hover,
2510 .k-toolbar .k-button-group .k-button:hover {
2511   background-color: #ebebeb;
2512   border-color: #ebebeb;
2513 }
2514 /* Progressbar */
2515 .k-progressbar {
2516   background-color: #fafafa;
2517   border-color: #fafafa;
2518 }
2519 .k-progressbar .k-item,
2520 .k-progressbar .k-item.k-state-selected {
2521   border-color: #fff;
2522 }
2523 .k-progressbar .k-state-selected {
2524   background-color: #3f51b5;
2525   border-color: #3f51b5;
2526 }
2527 .k-widget.k-tooltip-validation {
2528   box-shadow: none;
2529 }
2530 /* Pivot Grid */
2531 .k-grid.k-alt {
2532   background-color: #fafafa;
2533 }
2534 .k-gantt .k-treelist .k-alt,
2535 .k-gantt .k-header.k-nonwork-hour {
2536   background-color: #f2f2f2;
2537 }
2538 .k-list > .k-state-hover,
2539 .k-list > .k-state-focused {
2540   color: #444444;
2541   background-color: #ebebeb;
2542   border-color: #ebebeb;
2543 }
2544 /* Slider */
2545 .k-slider-track {
2546   background-color: #cccccc;
2547   box-shadow: none;
2548 }
2549 .k-slider-selection {
2550   background-color: #3f51b5;
2551   border-color: #3f51b5;
2552 }
2553 .k-slider .k-button,
2554 .k-slider .k-button.k-state-hover,
2555 .k-slider .k-button:active:hover,
2556 .k-slider .k-button:focus,
2557 .k-slider .k-button:active {
2558   background: none;
2559   border: none;
2560   box-shadow: none;
2561 }
2562 .k-draghandle,
2563 .k-flatcolorpicker .k-slider-horizontal .k-slider-track {
2564   box-shadow: none;
2565 }
2566 .k-flatcolorpicker .k-hue-slider .k-draghandle,
2567 .k-flatcolorpicker .k-transparency-slider .k-draghandle {
2568   border-color: #3f51b5;
2569   background-color: #3f51b5;
2570   box-shadow: none;
2571 }
2572 .k-flatcolorpicker .k-hue-slider .k-draghandle:hover,
2573 .k-flatcolorpicker .k-transparency-slider .k-draghandle:hover {
2574   border-color: #3f51b5;
2575   background-color: #3f51b5;
2576   box-shadow: 0 0 0 8px rgba(63, 81, 181, 0.3);
2577 }
2578 .k-draghandle.k-state-selected,
2579 .k-draghandle.k-state-selected:link,
2580 .k-draghandle.k-state-selected:hover,
2581 .k-flatcolorpicker .k-hue-slider .k-draghandle.k-state-selected,
2582 .k-flatcolorpicker .k-transparency-slider .k-draghandle.k-state-selected {
2583   background-color: #cccccc;
2584   border-color: #cccccc;
2585 }
2586 .k-draghandle.k-state-focused,
2587 .k-draghandle.k-state-focused:link,
2588 .k-flatcolorpicker .k-hue-slider .k-draghandle.k-state-focused,
2589 .k-flatcolorpicker .k-transparency-slider .k-draghandle.k-state-focused {
2590   box-shadow: none;
2591   border-color: #3f51b5;
2592   background-color: #3f51b5;
2593 }
2594 .k-edit-form-container .k-edit-buttons {
2595   background-color: #fafafa;
2596 }
2597 .k-popup .k-button,
2598 .k-popup .k-button:active:hover {
2599   box-shadow: none;
2600 }
2601 .k-edit-form-container .k-button,
2602 .k-popup .k-button,
2603 .k-popup .k-primary:active,
2604 .k-popup .k-primary:active:hover,
2605 .k-edit-form-container .k-primary:active {
2606   color: #444444;
2607   background-color: #fafafa;
2608   border-color: #fafafa;
2609   box-shadow: none;
2610 }
2611 .k-popup .k-primary,
2612 .k-edit-form-container .k-primary {
2613   color: #00b0ff;
2614   background-color: #fafafa;
2615   border-color: #fafafa;
2616 }
2617 .k-split-wrapper .k-button,
2618 .k-overflow-container .k-button,
2619 .k-filter-menu .k-button {
2620   background: transparent;
2621   border-color: transparent;
2622 }
2623 .k-split-wrapper .k-button,
2624 .k-overflow-container .k-button {
2625   text-transform: none;
2626 }
2627 .k-split-wrapper .k-button:hover,
2628 .k-overflow-container .k-button:hover {
2629   background-color: #ebebeb;
2630   border-color: #ebebeb;
2631 }
2632 .k-split-wrapper .k-button:focus,
2633 .k-overflow-container .k-button:focus,
2634 .k-split-wrapper .k-button:focus:not(.k-state-disabled):not([disabled]),
2635 .k-overflow-container .k-button:focus:not(.k-state-disabled):not([disabled]) {
2636   color: #3f51b5;
2637   box-shadow: none;
2638 }
2639 .k-filter-menu .k-button {
2640   background: transparent;
2641   border-color: transparent;
2642 }
2643 .k-filter-menu .k-primary {
2644   border-left-color: #f0f0f0;
2645 }
2646 .k-filter-menu > div > div:last-child {
2647   border-color: #f0f0f0;
2648 }
2649 .k-popup .k-button:focus:active:not(.k-state-disabled):not([disabled]),
2650 .k-edit-form-container .k-button:focus:active:not(.k-state-disabled):not([disabled]) {
2651   box-shadow: none;
2652 }
2653 .k-edit-form-container .k-scheduler-delete {
2654   color: #00b0ff;
2655 }
2656 div.k-scheduler-marquee:before,
2657 div.k-scheduler-marquee:after {
2658   border-color: #00b0ff;
2659 }
2660 .km-pane-wrapper > .km-pane > .km-view > .km-content {
2661   color: #3f51b5;
2662   background-color: #ffffff;
2663 }
2664 .km-pane-wrapper > .km-pane .km-content .k-mobile-list > ul > li > .k-link {
2665   color: #3f51b5;
2666 }
2667 .k-popup.k-context-menu {
2668   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
2669 }
2670 .k-drag-clue {
2671   color: #444444;
2672   background-color: #ebebeb;
2673   border-color: #ebebeb;
2674   box-shadow: inset 0 0 0 1px #808080;
2675 }
2676 .k-popup > .k-group-header,
2677 .k-popup > .k-virtual-wrap > .k-group-header {
2678   color: #444444;
2679 }
2680 .k-popup .k-item > .k-group {
2681   color: #444444;
2682 }
2683 /* Responsive styles */
2684 @media only screen and (max-width: 370px) {
2685   .k-webkit .k-pager-refresh,
2686   .k-ff .k-pager-refresh,
2687   .k-ie11 .k-pager-refresh,
2688   .k-edge .k-pager-refresh,
2689   .k-safari .k-pager-refresh {
2690     display: none;
2691   }
2692 }
2693 @media only screen and (max-width: 590px) {
2694   .k-webkit .k-pager-refresh,
2695   .k-ff .k-pager-refresh,
2696   .k-ie11 .k-pager-refresh,
2697   .k-edge .k-pager-refresh,
2698   .k-safari .k-pager-refresh {
2699     margin-right: 0;
2700   }
2701 }
2702 @media only screen and (max-width: 530px) {
2703   .k-webkit .k-pager-sizes,
2704   .k-ff .k-pager-sizes,
2705   .k-ie11 .k-pager-sizes,
2706   .k-edge .k-pager-sizes,
2707   .k-safari .k-pager-sizes {
2708     display: none;
2709   }
2710 }
2711 @media only screen and (max-width: 687px) {
2712   .k-webkit .k-pager-info,
2713   .k-ff .k-pager-info,
2714   .k-ie11 .k-pager-info,
2715   .k-edge .k-pager-info,
2716   .k-safari .k-pager-info {
2717     display: none;
2718   }
2719 }
2720 @media only screen and (max-width: 1024px) {
2721   .k-scheduler-toolbar > ul.k-scheduler-views {
2722     right: 13px;
2723     top: 0;
2724   }
2725   .k-webkit,
2726   .k-ff,
2727   .k-ie11,
2728   .k-edge,
2729   .k-safari {
2730     /* Responsive Scheduler */
2731     /* Responsive Pager */
2732   }
2733   .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views,
2734   .k-ff .k-scheduler-toolbar > ul.k-scheduler-views,
2735   .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views,
2736   .k-edge .k-scheduler-toolbar > ul.k-scheduler-views,
2737   .k-safari .k-scheduler-toolbar > ul.k-scheduler-views {
2738     right: 13px;
2739     top: 0;
2740   }
2741   .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
2742   .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
2743   .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
2744   .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
2745   .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
2746   .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
2747   .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
2748   .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
2749   .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
2750   .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover {
2751     background-image: none;
2752     background-position: 50% 50%;
2753     background-color: transparent;
2754     border-color: transparent;
2755     border-radius: 2px;
2756     text-align: right;
2757   }
2758   .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
2759   .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
2760   .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
2761   .k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
2762   .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li {
2763     border-radius: 0;
2764   }
2765   .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
2766   .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
2767   .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
2768   .k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
2769   .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view {
2770     border-radius: 1px 1px 0 0;
2771   }
2772   .k-webkit .k-scheduler-toolbar > ul li:first-child,
2773   .k-ff .k-scheduler-toolbar > ul li:first-child,
2774   .k-ie11 .k-scheduler-toolbar > ul li:first-child,
2775   .k-edge .k-scheduler-toolbar > ul li:first-child,
2776   .k-safari .k-scheduler-toolbar > ul li:first-child,
2777   .k-webkit .k-scheduler-toolbar > ul li:first-child .k-link,
2778   .k-ff .k-scheduler-toolbar > ul li:first-child .k-link,
2779   .k-ie11 .k-scheduler-toolbar > ul li:first-child .k-link,
2780   .k-edge .k-scheduler-toolbar > ul li:first-child .k-link,
2781   .k-safari .k-scheduler-toolbar > ul li:first-child .k-link,
2782   .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li,
2783   .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li,
2784   .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li,
2785   .k-edge .k-scheduler-toolbar > ul.k-scheduler-views li,
2786   .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li,
2787   .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
2788   .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
2789   .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
2790   .k-edge .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
2791   .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li .k-link {
2792     border-radius: 0;
2793   }
2794   .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
2795   .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
2796   .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
2797   .k-edge .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
2798   .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
2799   .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
2800   .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
2801   .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
2802   .k-edge .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
2803   .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link {
2804     border-radius: 0 0 1px 1px;
2805   }
2806   .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
2807   .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
2808   .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
2809   .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
2810   .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover {
2811     border-color: transparent;
2812     background-image: none;
2813     background-color: transparent;
2814   }
2815   .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
2816   .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
2817   .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
2818   .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
2819   .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
2820   .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
2821   .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
2822   .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
2823   .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
2824   .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link {
2825     color: #ffffff;
2826     min-width: 20px;
2827   }
2828   .k-webkit .k-scheduler-views > li.k-state-selected > .k-link:after,
2829   .k-ff .k-scheduler-views > li.k-state-selected > .k-link:after,
2830   .k-ie11 .k-scheduler-views > li.k-state-selected > .k-link:after,
2831   .k-edge .k-scheduler-views > li.k-state-selected > .k-link:after,
2832   .k-safari .k-scheduler-views > li.k-state-selected > .k-link:after {
2833     display: block;
2834     content: "";
2835     position: absolute;
2836     top: 50%;
2837     margin-top: -0.5em;
2838     right: 0.333em;
2839     width: 1.333em;
2840     height: 1.333em;
2841   }
2842   .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
2843   .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
2844   .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
2845   .k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
2846   .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
2847     border-width: 1px;
2848     border-style: solid;
2849     border-color: transparent;
2850     /*@secondary-border-color*/
2851     background-image: none;
2852     background-color: #3f51b5;
2853     border-radius: 2px;
2854     box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
2855   }
2856   .k-webkit .k-pager-wrap,
2857   .k-ff .k-pager-wrap,
2858   .k-ie11 .k-pager-wrap,
2859   .k-edge .k-pager-wrap,
2860   .k-safari .k-pager-wrap {
2861     min-height: 2.56em;
2862   }
2863   .k-webkit .k-pager-wrap .k-pager-nav,
2864   .k-ff .k-pager-wrap .k-pager-nav,
2865   .k-ie11 .k-pager-wrap .k-pager-nav,
2866   .k-edge .k-pager-wrap .k-pager-nav,
2867   .k-safari .k-pager-wrap .k-pager-nav,
2868   .k-webkit .k-pager-input,
2869   .k-ff .k-pager-input,
2870   .k-ie11 .k-pager-input,
2871   .k-edge .k-pager-input,
2872   .k-safari .k-pager-input {
2873     display: inline-block;
2874     vertical-align: top;
2875   }
2876   .k-webkit .k-pager-numbers,
2877   .k-ff .k-pager-numbers,
2878   .k-ie11 .k-pager-numbers,
2879   .k-edge .k-pager-numbers,
2880   .k-safari .k-pager-numbers,
2881   .k-webkit .k-grid .k-pager-numbers,
2882   .k-ff .k-grid .k-pager-numbers,
2883   .k-ie11 .k-grid .k-pager-numbers,
2884   .k-edge .k-grid .k-pager-numbers,
2885   .k-safari .k-grid .k-pager-numbers {
2886     position: absolute;
2887     left: 5.6em;
2888     display: inline-flex;
2889     flex-direction: column-reverse;
2890     overflow: visible;
2891     height: auto;
2892   }
2893   .k-webkit .k-pager-numbers.k-state-expanded,
2894   .k-ff .k-pager-numbers.k-state-expanded,
2895   .k-ie11 .k-pager-numbers.k-state-expanded,
2896   .k-edge .k-pager-numbers.k-state-expanded,
2897   .k-safari .k-pager-numbers.k-state-expanded,
2898   .k-webkit .k-grid .k-pager-numbers.k-state-expanded,
2899   .k-ff .k-grid .k-pager-numbers.k-state-expanded,
2900   .k-ie11 .k-grid .k-pager-numbers.k-state-expanded,
2901   .k-edge .k-grid .k-pager-numbers.k-state-expanded,
2902   .k-safari .k-grid .k-pager-numbers.k-state-expanded {
2903     transform: translatey(-100%);
2904   }
2905   .k-webkit .km-pane-wrapper .k-pager-numbers,
2906   .k-ff .km-pane-wrapper .k-pager-numbers,
2907   .k-ie11 .km-pane-wrapper .k-pager-numbers,
2908   .k-edge .km-pane-wrapper .k-pager-numbers,
2909   .k-safari .km-pane-wrapper .k-pager-numbers,
2910   .k-webkit .km-pane-wrapper .k-grid .k-pager-numbers,
2911   .k-ff .km-pane-wrapper .k-grid .k-pager-numbers,
2912   .k-ie11 .km-pane-wrapper .k-grid .k-pager-numbers,
2913   .k-edge .km-pane-wrapper .k-grid .k-pager-numbers,
2914   .k-safari .km-pane-wrapper .k-grid .k-pager-numbers {
2915     position: relative;
2916     left: 50%;
2917     transform: translate(-50%, 0%);
2918     -webkit-transform: translate(-50%, 0%);
2919   }
2920   .k-webkit .km-pane-wrapper .k-pager-numbers.k-state-expanded,
2921   .k-ff .km-pane-wrapper .k-pager-numbers.k-state-expanded,
2922   .k-ie11 .km-pane-wrapper .k-pager-numbers.k-state-expanded,
2923   .k-edge .km-pane-wrapper .k-pager-numbers.k-state-expanded,
2924   .k-safari .km-pane-wrapper .k-pager-numbers.k-state-expanded,
2925   .k-webkit .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded,
2926   .k-ff .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded,
2927   .k-ie11 .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded,
2928   .k-edge .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded,
2929   .k-safari .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded {
2930     -webkit-transform: translate(-50%, -100%);
2931     transform: translate(-50%, -100%);
2932   }
2933   .k-webkit .km-pane-wrapper .k-pager-numbers .k-link,
2934   .k-ff .km-pane-wrapper .k-pager-numbers .k-link,
2935   .k-ie11 .km-pane-wrapper .k-pager-numbers .k-link,
2936   .k-edge .km-pane-wrapper .k-pager-numbers .k-link,
2937   .k-safari .km-pane-wrapper .k-pager-numbers .k-link,
2938   .k-webkit .km-pane-wrapper .k-pager-numbers .k-state-selected,
2939   .k-ff .km-pane-wrapper .k-pager-numbers .k-state-selected,
2940   .k-ie11 .km-pane-wrapper .k-pager-numbers .k-state-selected,
2941   .k-edge .km-pane-wrapper .k-pager-numbers .k-state-selected,
2942   .k-safari .km-pane-wrapper .k-pager-numbers .k-state-selected,
2943   .k-webkit .km-pane-wrapper .k-pager-wrap > .k-link,
2944   .k-ff .km-pane-wrapper .k-pager-wrap > .k-link,
2945   .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-link,
2946   .k-edge .km-pane-wrapper .k-pager-wrap > .k-link,
2947   .k-safari .km-pane-wrapper .k-pager-wrap > .k-link,
2948   .k-webkit .km-pane-wrapper .k-pager-wrap > .k-pager-info,
2949   .k-ff .km-pane-wrapper .k-pager-wrap > .k-pager-info,
2950   .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-pager-info,
2951   .k-edge .km-pane-wrapper .k-pager-wrap > .k-pager-info,
2952   .k-safari .km-pane-wrapper .k-pager-wrap > .k-pager-info {
2953     padding-top: 0;
2954     padding-bottom: 0;
2955   }
2956   .k-webkit .k-rtl .k-pager-numbers,
2957   .k-ff .k-rtl .k-pager-numbers,
2958   .k-ie11 .k-rtl .k-pager-numbers,
2959   .k-edge .k-rtl .k-pager-numbers,
2960   .k-safari .k-rtl .k-pager-numbers,
2961   .k-webkit .k-rtl .k-grid .k-pager-numbers,
2962   .k-ff .k-rtl .k-grid .k-pager-numbers,
2963   .k-ie11 .k-rtl .k-grid .k-pager-numbers,
2964   .k-edge .k-rtl .k-grid .k-pager-numbers,
2965   .k-safari .k-rtl .k-grid .k-pager-numbers {
2966     right: 5.6em;
2967     width: 5.15em;
2968   }
2969   .k-webkit .k-pager-numbers .k-current-page,
2970   .k-ff .k-pager-numbers .k-current-page,
2971   .k-ie11 .k-pager-numbers .k-current-page,
2972   .k-edge .k-pager-numbers .k-current-page,
2973   .k-safari .k-pager-numbers .k-current-page,
2974   .k-webkit .k-grid .k-pager-numbers .k-current-page,
2975   .k-ff .k-grid .k-pager-numbers .k-current-page,
2976   .k-ie11 .k-grid .k-pager-numbers .k-current-page,
2977   .k-edge .k-grid .k-pager-numbers .k-current-page,
2978   .k-safari .k-grid .k-pager-numbers .k-current-page {
2979     display: block;
2980     border-left: 0;
2981   }
2982   .k-webkit .k-pager-numbers li:not(.k-current-page),
2983   .k-ff .k-pager-numbers li:not(.k-current-page),
2984   .k-ie11 .k-pager-numbers li:not(.k-current-page),
2985   .k-edge .k-pager-numbers li:not(.k-current-page),
2986   .k-safari .k-pager-numbers li:not(.k-current-page) {
2987     display: none;
2988   }
2989   .k-webkit .k-pager-numbers .k-current-page .k-link,
2990   .k-ff .k-pager-numbers .k-current-page .k-link,
2991   .k-ie11 .k-pager-numbers .k-current-page .k-link,
2992   .k-edge .k-pager-numbers .k-current-page .k-link,
2993   .k-safari .k-pager-numbers .k-current-page .k-link {
2994     width: 3.8em;
2995     line-height: 2.564em;
2996     padding: 0 .429em 0 0.8em;
2997     border-radius: 2px;
2998     background-image: none;
2999     background-position: 50% 50%;
3000     background-color: #fafafa;
3001     border: 1px solid transparent;
3002     border-top: 0;
3003     box-shadow: 0 2px 2px 0 #fafafa;
3004   }
3005   .k-webkit .k-pager-numbers .k-current-page:hover .k-link,
3006   .k-ff .k-pager-numbers .k-current-page:hover .k-link,
3007   .k-ie11 .k-pager-numbers .k-current-page:hover .k-link,
3008   .k-edge .k-pager-numbers .k-current-page:hover .k-link,
3009   .k-safari .k-pager-numbers .k-current-page:hover .k-link {
3010     border-radius: 2px;
3011     background-color: #fff;
3012     border: 1px solid #ebebeb;
3013     border-top: 0;
3014     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
3015   }
3016   .k-webkit .k-pager-numbers .k-current-page .k-link:after,
3017   .k-ff .k-pager-numbers .k-current-page .k-link:after,
3018   .k-ie11 .k-pager-numbers .k-current-page .k-link:after,
3019   .k-edge .k-pager-numbers .k-current-page .k-link:after,
3020   .k-safari .k-pager-numbers .k-current-page .k-link:after {
3021     display: block;
3022     content: "";
3023     position: absolute;
3024     top: 50%;
3025     margin-top: -0.6em;
3026     right: 0.6em;
3027     width: 1.333em;
3028     height: 1.333em;
3029     background-position: 0 -30px;
3030   }
3031   .k-webkit .k-pager-numbers + .k-link,
3032   .k-ff .k-pager-numbers + .k-link,
3033   .k-ie11 .k-pager-numbers + .k-link,
3034   .k-edge .k-pager-numbers + .k-link,
3035   .k-safari .k-pager-numbers + .k-link {
3036     margin-left: 5.4em;
3037   }
3038   .k-webkit .k-rtl .k-pager-numbers + .k-link,
3039   .k-ff .k-rtl .k-pager-numbers + .k-link,
3040   .k-ie11 .k-rtl .k-pager-numbers + .k-link,
3041   .k-edge .k-rtl .k-pager-numbers + .k-link,
3042   .k-safari .k-rtl .k-pager-numbers + .k-link {
3043     margin-right: 5.4em;
3044     margin-left: 0;
3045   }
3046   .k-webkit .k-pager-wrap .k-pager-numbers .k-state-selected,
3047   .k-ff .k-pager-wrap .k-pager-numbers .k-state-selected,
3048   .k-ie11 .k-pager-wrap .k-pager-numbers .k-state-selected,
3049   .k-edge .k-pager-wrap .k-pager-numbers .k-state-selected,
3050   .k-safari .k-pager-wrap .k-pager-numbers .k-state-selected,
3051   .k-webkit .k-pager-wrap .k-pager-numbers .k-link,
3052   .k-ff .k-pager-wrap .k-pager-numbers .k-link,
3053   .k-ie11 .k-pager-wrap .k-pager-numbers .k-link,
3054   .k-edge .k-pager-wrap .k-pager-numbers .k-link,
3055   .k-safari .k-pager-wrap .k-pager-numbers .k-link {
3056     display: block;
3057     margin-top: 0;
3058     margin-right: 0;
3059     padding: 1px 5px 1px .8em;
3060     text-align: left;
3061     border-top: 0;
3062     border-radius: 1px;
3063   }
3064   .k-webkit .k-pager-wrap .k-pager-numbers li:not(.k-current-page) .k-link:hover,
3065   .k-ff .k-pager-wrap .k-pager-numbers li:not(.k-current-page) .k-link:hover,
3066   .k-ie11 .k-pager-wrap .k-pager-numbers li:not(.k-current-page) .k-link:hover,
3067   .k-edge .k-pager-wrap .k-pager-numbers li:not(.k-current-page) .k-link:hover,
3068   .k-safari .k-pager-wrap .k-pager-numbers li:not(.k-current-page) .k-link:hover {
3069     background-color: #ebebeb;
3070   }
3071   .k-webkit .k-pager-numbers.k-state-expanded,
3072   .k-ff .k-pager-numbers.k-state-expanded,
3073   .k-ie11 .k-pager-numbers.k-state-expanded,
3074   .k-edge .k-pager-numbers.k-state-expanded,
3075   .k-safari .k-pager-numbers.k-state-expanded {
3076     box-sizing: border-box;
3077     padding: 2px 0 0;
3078     border-width: 1px 1px 0 1px;
3079     border-style: solid;
3080     border-color: #ebebeb;
3081     /*@secondary-border-color*/
3082     background-color: #fff;
3083     border-radius: 2px 2px 0 0;
3084     box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
3085   }
3086   .k-webkit .k-pager-numbers.k-state-expanded .k-current-page,
3087   .k-ff .k-pager-numbers.k-state-expanded .k-current-page,
3088   .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page,
3089   .k-edge .k-pager-numbers.k-state-expanded .k-current-page,
3090   .k-safari .k-pager-numbers.k-state-expanded .k-current-page {
3091     margin: -2.2em -1px 0;
3092     padding: 0;
3093   }
3094   .k-webkit .k-pager-numbers.k-state-expanded .k-current-page .k-link,
3095   .k-ff .k-pager-numbers.k-state-expanded .k-current-page .k-link,
3096   .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page .k-link,
3097   .k-edge .k-pager-numbers.k-state-expanded .k-current-page .k-link,
3098   .k-safari .k-pager-numbers.k-state-expanded .k-current-page .k-link {
3099     border-radius: 0 0 2px 2px;
3100     background-color: #fff;
3101     border: 1px solid #ebebeb;
3102     border-top: 0;
3103     box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
3104   }
3105   .k-webkit .k-pager-numbers.k-state-expanded li,
3106   .k-ff .k-pager-numbers.k-state-expanded li,
3107   .k-ie11 .k-pager-numbers.k-state-expanded li,
3108   .k-edge .k-pager-numbers.k-state-expanded li,
3109   .k-safari .k-pager-numbers.k-state-expanded li {
3110     display: inline-block;
3111   }
3112   .k-webkit .k-gantt-toolbar > ul.k-gantt-views,
3113   .k-ff .k-gantt-toolbar > ul.k-gantt-views,
3114   .k-ie11 .k-gantt-toolbar > ul.k-gantt-views,
3115   .k-edge .k-gantt-toolbar > ul.k-gantt-views,
3116   .k-safari .k-gantt-toolbar > ul.k-gantt-views {
3117     top: 0;
3118   }
3119 }
3120 @media only screen and (max-width: 755px) {
3121   .k-webkit .k-pager-info,
3122   .k-ff .k-pager-info,
3123   .k-ie11 .k-pager-info,
3124   .k-edge .k-pager-info,
3125   .k-safari .k-pager-info {
3126     display: none;
3127   }
3128 }
3129 @media only screen and (max-width: 572px) {
3130   .k-webkit .k-pager-sizes,
3131   .k-ff .k-pager-sizes,
3132   .k-ie11 .k-pager-sizes,
3133   .k-edge .k-pager-sizes,
3134   .k-safari .k-pager-sizes {
3135     display: none;
3136   }
3137 }
3138 /* Default Theme */
3139 .k-chart .k-mask {
3140   background-color: #fff;
3141   filter: alpha(opacity=68);
3142   opacity: 0.68;
3143 }
3144 .k-chart .k-selection {
3145   border-color: #e5e5e5;
3146 }
3147 .k-chart .k-handle {
3148   width: 15px;
3149   height: 15px;
3150   background-color: #3f51b5;
3151   border-radius: 10px;
3152 }
3153 .k-chart .k-left-handle {
3154   left: -8px;
3155 }
3156 .k-chart .k-right-handle {
3157   right: -8px;
3158 }
3159 .k-chart .k-handle:hover {
3160   background-color: #00b0ff;
3161   border-color: #00b0ff;
3162 }
3163 .k-chart .k-navigator-hint .k-tooltip {
3164   border: 3px solid #ffffff;
3165   box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);
3166   background: #ffffff;
3167   color: #242424;
3168 }
3169 .k-chart .k-navigator-hint .k-scroll {
3170   background: #3f51b5;
3171   height: 4px;
3172 }
3173 .k-chart-tooltip {
3174   background-image: none;
3175 }
3176 /* Map */
3177 .k-map .k-marker {
3178   background-image: url("Material/markers.png");
3179 }
3180 @media only screen and (-webkit-min-device-pixel-ratio: 1.2), only screen and (min-device-pixel-ratio: 1.2) {
3181   .k-map .k-marker {
3182     background-image: url("Material/markers_2x.png");
3183   }
3184 }
3185 .k-map .k-attribution {
3186   color: #666666;
3187 }
3188 .k-map .k-shadow {
3189   background-color: #f9f9f9;
3190   border-color: #f9f9f9;
3191 }
3192 .k-map .k-zoom-control {
3193   border-color: #fff;
3194   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
3195   border-radius: 2px;
3196 }
3197 .k-map .k-map-controls .k-button {
3198   box-shadow: none;
3199 }
3200 .k-map .k-map-controls .k-button:focus,
3201 .k-map .k-map-controls .k-button:active,
3202 .k-map .k-map-controls .k-button:focus:active {
3203   background-color: #d6d6d6;
3204   border-color: #d6d6d6;
3205   box-shadow: none;
3206 }
3207 .k-buttons-horizontal .k-zoom-out {
3208   border-radius: 0 2px 2px 0;
3209 }
3210 .k-buttons-horizontal :first-child {
3211   border-radius: 2px 0 0 2px;
3212 }
3213 .k-rtl .k-buttons-horizontal .k-zoom-out {
3214   border-radius: 2px 0 0 2px;
3215 }
3216 .k-rtl .k-buttons-horizontal :first-child {
3217   border-radius: 0 2px 2px 0;
3218 }
3219 .k-spreadsheet-row-header,
3220 .k-spreadsheet-column-header {
3221   background-color: #fff;
3222 }
3223 .k-spreadsheet-top-corner,
3224 .k-spreadsheet-row-header,
3225 .k-spreadsheet-column-header {
3226   background-color: #fff;
3227   background-image: none;
3228   color: #000000;
3229   border-color: #cccccc;
3230 }
3231 .k-spreadsheet-top-corner {
3232   border-color: #cccccc;
3233 }
3234 .k-spreadsheet-top-corner:after {
3235   border-color: transparent #cccccc #cccccc transparent;
3236 }
3237 .k-spreadsheet-pane {
3238   border-color: #cccccc;
3239 }
3240 .k-spreadsheet-pane .k-spreadsheet-vaxis,
3241 .k-spreadsheet-pane .k-spreadsheet-haxis {
3242   border-color: #e6e6e6;
3243 }
3244 .k-spreadsheet-pane .k-spreadsheet-column-header,
3245 .k-spreadsheet-pane .k-spreadsheet-row-header {
3246   border-color: #cccccc;
3247 }
3248 .k-spreadsheet-pane .k-spreadsheet-merged-cell {
3249   background-color: #fff;
3250 }
3251 .k-spreadsheet-pane .k-selection-partial,
3252 .k-spreadsheet-pane .k-selection-full {
3253   border-color: rgba(0, 176, 255, 0.2);
3254   background-color: rgba(0, 176, 255, 0.2);
3255 }
3256 .k-spreadsheet-pane .k-filter-range {
3257   border-color: #00b0ff;
3258 }
3259 .k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-partial,
3260 .k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-full {
3261   border-bottom-color: #00b0ff;
3262 }
3263 .k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-partial,
3264 .k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-full {
3265   border-right-color: #00b0ff;
3266 }
3267 .k-auto-fill,
3268 .k-spreadsheet-selection {
3269   border-color: #00b0ff;
3270   box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #00b0ff;
3271 }
3272 .k-spreadsheet-selection {
3273   background-color: rgba(0, 176, 255, 0.2);
3274 }
3275 .k-spreadsheet-active-cell {
3276   border-color: #00b0ff !important;
3277   background-color: #fff;
3278 }
3279 .k-spreadsheet-active-cell.k-single {
3280   color: #444444;
3281   background-color: #fff;
3282 }
3283 .k-spreadsheet .k-spreadsheet-action-bar {
3284   background-color: #fff;
3285   border-color: #e6e6e6;
3286 }
3287 .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor {
3288   border-color: #cccccc;
3289 }
3290 .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar::before {
3291   border-color: #cccccc;
3292 }
3293 .k-spreadsheet .k-spreadsheet-formula-input {
3294   background-color: #fff;
3295   color: #444444;
3296 }
3297 .k-spreadsheet .k-resize-handle,
3298 .k-spreadsheet .k-resize-hint-handle,
3299 .k-spreadsheet .k-resize-hint-marker {
3300   background-color: #00b0ff;
3301 }
3302 .k-spreadsheet .k-resize-hint-vertical .k-resize-hint-handle,
3303 .k-spreadsheet .k-resize-hint-vertical .k-resize-hint-marker {
3304   background-color: #00b0ff;
3305 }
3306 .k-spreadsheet .k-single-selection::after {
3307   background-color: #00b0ff;
3308   border-color: #fff;
3309 }
3310 .k-spreadsheet .k-auto-fill-punch {
3311   background-color: rgba(255, 255, 255, 0.5);
3312 }
3313 .k-spreadsheet .k-single-selection.k-dim-auto-fill-handle::after {
3314   background-color: rgba(0, 176, 255, 0.5);
3315 }
3316 .k-spreadsheet-format-cells .k-spreadsheet-preview {
3317   border-color: #e6e6e6;
3318 }
3319 .k-spreadsheet-filter {
3320   border-radius: 2px;
3321   background-color: #fff;
3322   box-shadow: inset 0 0 0 1px #e6e6e6;
3323 }
3324 .k-spreadsheet-filter.k-state-active {
3325   color: #3f51b5;
3326   background-color: #00b0ff;
3327 }
3328 .k-spreadsheet-filter:hover {
3329   color: #444444;
3330   background: #ebebeb;
3331   border-color: #d7d7d7;
3332 }
3333 .k-action-window .k-action-buttons {
3334   border-color: #e6e6e6;
3335 }
3336 .k-spreadsheet-sample {
3337   color: #919191;
3338 }
3339 .k-state-selected .k-spreadsheet-sample {
3340   color: inherit;
3341 }
3342 .k-spreadsheet-window .k-list-wrapper,
3343 .k-spreadsheet-window .k-list {
3344   border-color: #e6e6e6;
3345   border-radius: 2px;
3346 }
3347 .k-spreadsheet-window .export-config,
3348 .k-spreadsheet-window .k-edit-field > .k-orientation-label {
3349   border-color: #e6e6e6;
3350 }
3351 .k-spreadsheet-window .k-edit-field > input[type="radio"]:checked + .k-orientation-label {
3352   background-image: none;
3353   background-color: #3f51b5;
3354   color: #6776ca;
3355 }
3356 .k-spreadsheet-window .k-page-orientation {
3357   border-color: #e6e6e6;
3358   box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
3359 }
3360 .k-spreadsheet-window .k-page-orientation:before {
3361   background: #fff;
3362   border-color: transparent;
3363   border-bottom-color: #e6e6e6;
3364   border-left-color: #e6e6e6;
3365 }
3366 .k-spreadsheet-window .k-margins-horizontal,
3367 .k-spreadsheet-window .k-margins-vertical {
3368   background: transparent;
3369   border-color: #e6e6e6;
3370 }
3371 .k-spreadsheet-window .hint-wrapper:before {
3372   background: #e6e6e6;
3373 }
3374 .k-spreadsheet-toolbar.k-toolbar .k-button-group .k-button {
3375   border-radius: 2px;
3376 }
3377 .k-spreadsheet-toolbar > .k-widget,
3378 .k-spreadsheet-toolbar > .k-button,
3379 .k-spreadsheet-toolbar > .k-button-group {
3380   border-radius: 2px;
3381 }
3382 .k-spreadsheet-toolbar > .k-separator {
3383   border-color: #e6e6e6;
3384 }
3385 .k-spreadsheet-toolbar .k-overflow-anchor {
3386   border-radius: 0;
3387 }
3388 .k-spreadsheet-popup {
3389   border-radius: 2px;
3390 }
3391 .k-spreadsheet-popup .k-separator {
3392   background-color: #e6e6e6;
3393 }
3394 .k-spreadsheet-popup .k-button {
3395   background-color: transparent;
3396 }
3397 .k-spreadsheet-popup .k-button:hover {
3398   background-color: #ebebeb;
3399 }
3400 .k-spreadsheet-popup .k-state-active {
3401   background-color: #00b0ff;
3402   color: #ffffff;
3403 }
3404 .k-spreadsheet-popup .k-state-active:hover {
3405   background-color: #008dcc;
3406 }
3407 .k-spreadsheet-filter-menu .k-details {
3408   border-color: #e6e6e6;
3409 }
3410 .k-spreadsheet-filter-menu .k-details-content .k-space-right {
3411   background-color: #fff;
3412 }
3413 .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper {
3414   background-color: #fff;
3415   border-color: #e6e6e6;
3416   border-radius: 2px 0 0 2px;
3417 }
3418 .k-syntax-ref {
3419   color: #ff8822;
3420 }
3421 .k-syntax-num {
3422   color: #0099ff;
3423 }
3424 .k-syntax-func {
3425   font-weight: bold;
3426 }
3427 .k-syntax-str {
3428   color: #38b714;
3429 }
3430 .k-syntax-error {
3431   color: red;
3432 }
3433 .k-syntax-bool {
3434   color: #a9169c;
3435 }
3436 .k-syntax-startexp {
3437   font-weight: bold;
3438 }
3439 .k-syntax-paren-match {
3440   background-color: #caf200;
3441 }
3442 .k-series-a {
3443   border-color: #3f51b5;
3444   background-color: rgba(63, 81, 181, 0.15);
3445 }
3446 .k-series-b {
3447   border-color: #03a9f4;
3448   background-color: rgba(3, 169, 244, 0.15);
3449 }
3450 .k-series-c {
3451   border-color: #4caf50;
3452   background-color: rgba(76, 175, 80, 0.15);
3453 }
3454 .k-series-d {
3455   border-color: #f9ce1d;
3456   background-color: rgba(249, 206, 29, 0.15);
3457 }
3458 .k-series-e {
3459   border-color: #ff9800;
3460   background-color: rgba(255, 152, 0, 0.15);
3461 }
3462 .k-series-f {
3463   border-color: #ff5722;
3464   background-color: rgba(255, 87, 34, 0.15);
3465 }
3466 .k-spreadsheet-sheets-remove:hover .k-icon {
3467   color: #cc2222;
3468 }
3469 .k-spreadsheet-formula-list .k-state-focused {
3470   background-color: #00b0ff;
3471   color: #3f51b5;
3472 }
3473 .k-spreadsheet .k-spreadsheet-quick-access-toolbar .k-button,
3474 .k-spreadsheet .k-spreadsheet-sheets-bar .k-button {
3475   box-shadow: none;
3476   color: #ffffff;
3477   border-radius: 0;
3478   line-height: 2.6em;
3479   width: 3em;
3480 }
3481 .k-spreadsheet .k-spreadsheet-quick-access-toolbar .k-button:hover,
3482 .k-spreadsheet .k-spreadsheet-sheets-bar .k-button:hover {
3483   background-color: #324191;
3484   border-color: #324191;
3485 }
3486 .k-spreadsheet .k-spreadsheet-sheets-bar .k-button {
3487   left: 0;
3488   bottom: 0;
3489   padding-top: .5em;
3490   padding-bottom: .5em;
3491   line-height: 2.2em;
3492 }
3493 .k-spreadsheet .k-spreadsheet-sheets-remove {
3494   margin: 0 0 0 -1em;
3495 }
3496 .k-spreadsheet-sheets-items .k-state-default .k-link,
3497 .k-spreadsheet-tabstrip .k-state-default .k-link {
3498   color: #9fa8da;
3499 }
3500 .k-spreadsheet-sheets-items .k-item.k-state-hover,
3501 .k-spreadsheet-tabstrip .k-item.k-state-hover,
3502 .k-spreadsheet-sheets-items .k-item.k-state-active,
3503 .k-spreadsheet-tabstrip .k-item.k-state-active,
3504 .k-spreadsheet-sheets-items .k-item.k-state-focused,
3505 .k-spreadsheet-tabstrip .k-item.k-state-focused {
3506   background-color: transparent;
3507 }
3508 .k-spreadsheet-sheets-items .k-item.k-state-hover .k-link,
3509 .k-spreadsheet-tabstrip .k-item.k-state-hover .k-link,
3510 .k-spreadsheet-sheets-items .k-item.k-state-active .k-link,
3511 .k-spreadsheet-tabstrip .k-item.k-state-active .k-link,
3512 .k-spreadsheet-sheets-items .k-item.k-state-focused .k-link,
3513 .k-spreadsheet-tabstrip .k-item.k-state-focused .k-link {
3514   color: #ffffff;
3515 }
3516 .k-spreadsheet-sheets-items .k-state-active .k-link,
3517 .k-spreadsheet-tabstrip .k-state-active .k-link {
3518   color: #ffffff;
3519 }
3520 .k-spreadsheet-toolbar > .k-button:not(.k-overflow-anchor) {
3521   line-height: 2em;
3522 }
3523 .k-grid .k-edit-cell input.k-checkbox,
3524 .k-grid .k-grid-edit-row input.k-checkbox {
3525   margin-top: 5px;
3526   width: 16px;
3527   height: 16px;
3528   z-index: 2;
3529 }
3530 .k-window .k-popup-edit-form .k-edit-field input.k-checkbox {
3531   width: 16px;
3532   height: 17px;
3533   margin-top: 1.1em;
3534   z-index: 2;
3535 }
3536 .k-window .k-popup-edit-form .k-edit-field label.k-checkbox-label {
3537   margin-top: 0.8em;
3538 }
3539 /* Dialog */
3540 .k-dialog .k-content {
3541   border-bottom-right-radius: 2px;
3542   border-bottom-left-radius: 2px;
3543 }
3544 .k-dialog.k-dialog-titleless .k-content {
3545   border-top-right-radius: 2px;
3546   border-top-left-radius: 2px;
3547 }
3548 .k-dialog .k-window-titlebar {
3549   border-width: 0;
3550   color: #444444;
3551 }
3552 .k-dialog .k-header {
3553   background: none;
3554 }
3555 .k-dialog.k-alert .k-window-titlebar,
3556 .k-dialog.k-confirm .k-window-titlebar,
3557 .k-dialog.k-prompt .k-window-titlebar {
3558   border-bottom: none;
3559 }
3560 .k-dialog.k-alert .k-window-titlebar .k-dialog-title,
3561 .k-dialog.k-confirm .k-window-titlebar .k-dialog-title,
3562 .k-dialog.k-prompt .k-window-titlebar .k-dialog-title {
3563   color: #444444;
3564 }
3565 .k-dialog a.k-dialog-action.k-dialog-close.k-button.k-bare:before {
3566   content: normal;
3567 }
3568 .k-dialog a.k-dialog-action.k-dialog-close {
3569   top: .3em;
3570   right: 0;
3571 }
3572 .k-dialog .k-dialog-buttongroup .k-button:active,
3573 .k-dialog .k-dialog-buttongroup .k-button:focus,
3574 .k-dialog .k-dialog-buttongroup .k-button:focus:active {
3575   box-shadow: none;
3576 }
3577 .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched {
3578   width: 100%;
3579 }
3580 .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button {
3581   display: inline-block;
3582   padding: 1.5em 0;
3583   border-radius: 0;
3584   border-bottom: 0;
3585   box-shadow: none;
3586 }
3587 .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button:first-child {
3588   border-bottom-left-radius: 2px;
3589   border-left: 0;
3590 }
3591 .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button:last-child {
3592   border-bottom-right-radius: 2px;
3593   border-right: 0;
3594 }
3595 .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal {
3596   width: auto;
3597   margin: 0;
3598   padding: 1em;
3599   text-align: right;
3600 }
3601 .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button {
3602   margin-left: 0.5em;
3603   background: none;
3604   border: none;
3605   border-radius: 0;
3606   box-shadow: none;
3607 }
3608 .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button:first-child {
3609   margin-left: 0;
3610 }
3611 .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button.k-primary {
3612   color: #00b0ff;
3613 }
3614 .k-rtl .k-grid-header .k-header:first-child,
3615 .k-rtl .k-filter-row th:first-child,
3616 .k-rtl .k-grid tbody td:first-child,
3617 .k-rtl .k-grid tfoot td:first-child {
3618   border-left-width: 0;
3619 }
3620 .k-rtl .k-dialog a.k-dialog-action.k-dialog-close {
3621   left: 0;
3622 }
3623 .k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button:first-child {
3624   border-bottom-right-radius: 2px;
3625 }
3626 .k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button:last-child {
3627   border-bottom-left-radius: 2px;
3628 }
3629 .k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal {
3630   text-align: left;
3631 }
3632 .k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button {
3633   margin-left: 0;
3634   margin-right: 0.5em;
3635 }
3636 .k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button:first-child {
3637   margin-right: 0;
3638 }
3639 .k-numeric-wrap .k-i-warning {
3640   color: #ff3448;
3641   position: absolute;
3642   top: 0;
3643   right: 2.2em;
3644   width: 2.2em;
3645 }
3646 .k-numeric-wrap.k-state-invalid {
3647   border-color: #ff3448;
3648 }
3649 .k-numeric-wrap.k-state-invalid input {
3650   color: #ff3448;
3651 }
3652 .k-maskedtextbox.k-state-invalid .k-textbox {
3653   border-color: #ff3448;
3654   color: #ff3448;
3655 }
3656 .k-maskedtextbox.k-state-invalid .k-i-warning {
3657   color: #ff3448;
3658 }
3659 .k-dateinput.k-state-invalid .k-textbox {
3660   color: #ff3448;
3661   border-color: #ff3448;
3662 }
3663 .k-dateinput.k-state-invalid .k-i-warning {
3664   margin-left: 0;
3665   margin-right: 0.7em;
3666   color: #ff3448;
3667 }
3668 .k-rtl .k-dateinput .k-i-warning {
3669   margin-right: 0;
3670   margin-left: 0.7em;
3671 }
3672 .k-datepicker .k-picker-wrap.k-state-invalid {
3673   border-color: #ff3448;
3674 }
3675 .k-datepicker .k-picker-wrap.k-state-invalid .k-input {
3676   color: #ff3448;
3677 }
3678 .k-datepicker .k-picker-wrap .k-i-warning {
3679   color: #ff3448;
3680   margin-left: 0;
3681   margin-right: 2.8em;
3682 }
3683 .k-rtl .k-datepicker .k-picker-wrap .k-i-warning {
3684   margin-right: 0;
3685   margin-left: 2.8em;
3686 }
3687 .k-listbox .k-list-scroller {
3688   border-color: #e6e6e6;
3689   background-color: #fff;
3690 }
3691 .k-listbox .k-item:hover:not(.k-state-disabled),
3692 .k-listbox .k-item.k-state-selected {
3693   background-color: #ebebeb;
3694   border-color: transparent;
3695 }
3696 .k-listbox .k-button.k-state-disabled:hover .k-icon {
3697   opacity: .7;
3698 }
3699 .k-listbox .k-button.k-state-disabled:hover .k-icon {
3700   opacity: .7;
3701 }
3702 .k-listbox .k-drop-hint {
3703   height: 0;
3704   border-top: 1px solid #3f51b5;
3705 }
3706 .k-item.k-state-selected.k-drag-clue {
3707   border-color: transparent;
3708   background-color: #ebebeb;
3709   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
3710 }
3711 .k-grid-header .k-i-sort-asc-sm,
3712 .k-grid-header .k-i-sort-desc-sm,
3713 .k-grid-header .k-sort-order {
3714   color: inherit;
3715   opacity: 1;
3716 }
3717 .k-grid-header .k-sort-order {
3718   font-size: .7em;
3719   vertical-align: text-top;
3720   line-height: 1.5em;
3721 }
3722 .k-menu-scroll-button {
3723   border-width: 0;
3724   box-shadow: none;
3725   border-color: #e6e6e6;
3726   color: #444444;
3727   background-color: #fff;
3728 }
3729 .k-menu-scroll-wrapper.horizontal .k-scroll-left {
3730   border-right-width: 1px;
3731 }
3732 .k-menu-scroll-wrapper.horizontal .k-scroll-right {
3733   border-left-width: 1px;
3734 }
3735 .k-menu-scroll-wrapper.vertical .k-scroll-up {
3736   border-bottom-width: 1px;
3737 }
3738 .k-menu-scroll-wrapper.vertical .k-scroll-down {
3739   border-top-width: 1px;
3740 }