/* Minification failed. Returning unminified contents. (13940,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (26858,20): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' */ /* COPYRIGHT 2017 Panton Incorporated All rights reserved. This copyright notice is Copyright Management Information under 17 USC 1202 and is included to protect this work and deter copyright infringement. Removal or alteration of this Copyright Management Information without the express written permission of Panton Incorporated is prohibited, and any such unauthorized removal or alteration will be a violation of federal law. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { zoom: 1; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; zoom: 1; } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-noicons { padding-left: .7em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; zoom: 1; } .ui-autocomplete { position: absolute; top: 0; /* #8656 */ cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; font-size:0em; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; outline: none; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; } .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .ui-menu .ui-state-disabled a { cursor: default; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } /* right-aligned */ .ui-menu .ui-menu-icon { position: static; float: right; } .ui-progressbar { height:2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;} .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-spinner { position:relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* more specificity required here to overide default borders */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } /* vertical centre icon */ .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position:-65px -16px; } .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } /* Fades and background-images don't work well together in IE6, drop the image */ * html .ui-tooltip { background-image: none; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; } .ui-widget-content a { color: #222222/*{fcContent}*/; } .ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; } .ui-widget-header a { color: #222222/*{fcHeader}*/; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121/*{fcHover}*/; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */ /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; } .ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; } .ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; } .ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/; } .ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/; } .ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -khtml-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -khtml-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; } .ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -khtml-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; } /* COPYRIGHT 2017 Panton Incorporated All rights reserved. This copyright notice is Copyright Management Information under 17 USC 1202 and is included to protect this work and deter copyright infringement. Removal or alteration of this Copyright Management Information without the express written permission of Panton Incorporated is prohibited, and any such unauthorized removal or alteration will be a violation of federal law. */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; } .ui-widget-content a { color: #222222/*{fcContent}*/; } .ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; } .ui-widget-header a { color: #222222/*{fcHeader}*/; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121/*{fcHover}*/; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */ /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; } .ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; } .ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; } .ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/; } .ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/; } .ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -khtml-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -khtml-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; } .ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -khtml-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; } /* COPYRIGHT 2017 Panton Incorporated All rights reserved. This copyright notice is Copyright Management Information under 17 USC 1202 and is included to protect this work and deter copyright infringement. Removal or alteration of this Copyright Management Information without the express written permission of Panton Incorporated is prohibited, and any such unauthorized removal or alteration will be a violation of federal law. */ html, body { height: 100%; border: 0; margin: 0; padding: 0; } body { font-size: 12px; font-family: Verdana,Arial,sans-serif; position: absolute; height: 100%; width: 100%; } pre { white-space: pre-wrap; } #headerMenu { /* menu will be at the fixed position */ width: 100%; position: fixed; z-index: 100; font-size: 13px; } #body { position: absolute; bottom: 0; /*overflow: auto;*/ /* add scroll if needed, menu will be at the fixed position */ width: 100%; } body:after { /* Fixes issue: www.kendoui.com/forums/ui/grid/menus-not-fully-closing-in-chrome.aspx */ content: ""; display: block; visibility: hidden; height: 0; font: 0/0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .input-validation-error, span.k-autocomplete.input-validation-error, .k-textbox.input-validation-error, .k-textbox.input-validation-error:hover, .k-input.input-validation-error, .k-input.input-validation-error:hover { /*border: 2px solid red;*/ background-color: rgb(255, 188, 188); } #menus { display: table; width: 100%; } #mainMenu { display: table-cell; background: lightyellow; } #printMenu { display: table-cell; white-space: nowrap; vertical-align: top; width: 1px; } #userMenu { display: table-cell; white-space: nowrap; vertical-align: top; width: 1px; } div#userMenu > ul { float: right; } #transactionName { display: block; float: left; font-family: Trebuchet MS; font-size: 18px; font-weight: bold; line-height: 26px; margin-left: 56px; width: 180px; } .spacer { height: 1px; clear: both; } .menu-toolbar { border: 1px solid #696969; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: auto; background-color: white; background: #e9f1fe; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5ZjFmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iI2NiZTJmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iI2E0YzhmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkN2YxZmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #e9f1fe 0%, #cbe2ff 48%, #a4c8f2 52%, #d7f1fb 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9f1fe), color-stop(48%,#cbe2ff), color-stop(52%,#a4c8f2), color-stop(100%,#d7f1fb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e9f1fe 0%,#cbe2ff 48%,#a4c8f2 52%,#d7f1fb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e9f1fe 0%,#cbe2ff 48%,#a4c8f2 52%,#d7f1fb 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e9f1fe 0%,#cbe2ff 48%,#a4c8f2 52%,#d7f1fb 100%); /* IE10+ */ background: linear-gradient(to bottom, #e9f1fe 0%,#cbe2ff 48%,#a4c8f2 52%,#d7f1fb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f1fe', endColorstr='#d7f1fb',GradientType=0 ); /* IE6-8 */ } .no-legend > legend { display: none; } .legend-style1 { } .fieldset-style1 { margin: 5px; float: left; border: 2px solid navy; -webkit-box-shadow: 4px 4px 6px #d5d5d5; box-shadow: 4px 4px 6px #d5d5d5; /*border-radius: 10px;*/ /*box-shadow: 2px 2px 4px gray;*/ } .fieldset-style2 { border: 1px solid navy; float: left; -webkit-box-shadow: 2px 2px 4px #b0b0b0; box-shadow: 2px 2px 4px #b0b0b0; } .editor-label { display: block; float: left; text-align: left; margin: 0.5em 0px 0px 0px; white-space: nowrap; } .editor-label-multiline { display: block; float: left; text-align: left; margin: 0.5em 0px 0px 0px; white-space: pre-line; } .readonly-label { display: block; float: left; text-align: left; margin: 0.5em 0px 0px 0.5em; vertical-align: middle; } /*#region Widths */ .percent-width, span.percent-width, input.percent-width { width: 100%; } .x-large-width, span.x-large-width, input.x-large-width { width: 260px; } .large-width, span.large-width, input.large-width, label.large-width { width: 150px; } .medium-width, span.medium-width, input.medium-width { width: 110px; } .small-width, span.small-width, input.small-width { width: 70px; } .x-small-width, span.x-small-width, input.x-small-width { width: 50px; } /*#endregion */ .table { display: table; border-collapse: collapse; } .table .row { display: table-row; } .row .cell-auto { display: table-cell; vertical-align: middle; width: auto; } .row .cell-auto-with-padding { display: table-cell; vertical-align: top; width: auto; padding-right: 0.5em; } .row .cell { display: table-cell; vertical-align: middle; width: 100%; } .row .cell-with-padding { padding-top: 0.5em; padding-bottom: 0.5em; display: table-cell; vertical-align: middle; width: 100%; } .input-integer, .input-double, .input-percent { width: 0.5em; text-align: left; } .checkbox-Text, .radio-buttonText { margin: 0 0 0 0; min-width: 5px; } input[type=checkbox], input[type=radio] { vertical-align: middle; position: relative; bottom: 1px; } input[type=radio] { bottom: 2px; } .editor-label::after, .editor-label-multiline::after { content: ':'; } .editor-field { margin: 0.01em 0 0 0; width: auto; } .text-field { margin: 0.01em 0 0 0; width: auto; float: left; } .numericColumnContent { text-align: right; } .textColumnContent { -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .sp-inline-label { margin-left: 0.5em; } .sp-window { display: none; } .padding-right-55 { padding-right: 55px; } .margin-right-20 { margin-right: 20px; } /* COPYRIGHT 2017 Panton Incorporated All rights reserved. This copyright notice is Copyright Management Information under 17 USC 1202 and is included to protect this work and deter copyright infringement. Removal or alteration of this Copyright Management Information without the express written permission of Panton Incorporated is prohibited, and any such unauthorized removal or alteration will be a violation of federal law. */ .toast-title { font-weight: bold; } .toast-message { -ms-word-wrap: break-word; word-wrap: break-word; } .toast-message a, .toast-message label { color: #FFF; } .toast-message a:hover { color: #CCC; text-decoration: none; } .toast-top-left { left: 12px; top: 12px; } .toast-bottom-right { bottom: 12px; right: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } #toast-container { position: fixed; z-index: 9999; } #toast-container > div { background-position: 15px center; background-repeat: no-repeat; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; -moz-box-shadow: 0 0 12px #999999; -webkit-box-shadow: 0 0 12px #999999; box-shadow: 0 0 12px #999999; color: #FFFFFF; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); margin: 0 0 6px; -moz-opacity: 0.8; opacity: 0.8; padding: 15px 15px 15px 50px; width: 300px; } .toast { background-color: #030303; } .toast-success { background-color: #51A351; } .toast-error { background-color: #BD362F; } .toast-info { background-color: #2F96B4; } .toast-warning { background-color: #F89406; } .toast-top-right { right: 12px; top: 12px; } #toast-container > :hover { -moz-box-shadow: 0 0 12px #000000; -webkit-box-shadow: 0 0 12px #000000; box-shadow: 0 0 12px #000000; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; } #toast-container > .toast-info { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; } #toast-container > .toast-error { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; } #toast-container > .toast-success { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; } #toast-container > .toast-warning { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; } /*Responsive Design*/ @media all and (max-width: 240px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 108px; } } @media all and (min-width: 241px) and (max-width: 320px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 128px; } } @media all and (min-width: 321px) and (max-width: 480px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 192px; } } @media all and (min-width: 481px) and (max-width: 768px) { #toast-container > div { padding: 15px 15px 15px 50px; width: 300px; } } @media all and (min-width: 769px) { #toast-container > div { padding: 15px 15px 15px 50px; width: 300px; } } /* COPYRIGHT 2017 Panton Incorporated All rights reserved. This copyright notice is Copyright Management Information under 17 USC 1202 and is included to protect this work and deter copyright infringement. Removal or alteration of this Copyright Management Information without the express written permission of Panton Incorporated is prohibited, and any such unauthorized removal or alteration will be a violation of federal law. */ /* ---------------------------------------------- -----------------jQuery - Cluetip --------------- ---------------------------------------------- */ /* global */ div.ui-cluetip { font-size: 1em; } .ui-cluetip-header, .ui-cluetip-content { padding: 12px; } .ui-cluetip-header { font-size: 1em; margin: 0; overflow: hidden; } .cluetip-title .cluetip-close { float: right; position: relative; } .cluetip-close img { border: 0; } #cluetip-waitimage { width: 43px; height: 11px; position: absolute; /*background-image: url(images/wait.gif); I dont think we need this image, but if we do, then make sure we dont get a 400 error*/ } .cluetip-arrows { display: none; position: absolute; top: 0; left: -11px; width: 11px; height: 22px; background-repeat: no-repeat; background-position: 0 0; border-width: 0; } .cluetip-extra { display: none; } /*************************************** =cluetipClass: 'default' -------------------------------------- */ .cluetip-default, .cluetip-default .cluetip-outer { background-color: #d9d9c2; } .cluetip-default .ui-cluetip-header { background-color: #87876a; } /* default arrows */ div.cluetip-default .cluetip-arrows { border-width: 0; background: transparent none; } div.clue-right-default .cluetip-arrows { background-image: url(images/darrowleft.gif); } div.clue-left-default .cluetip-arrows { background-image: url(images/darrowright.gif); left: 100%; margin-right: -11px; } div.clue-top-default .cluetip-arrows { background-image: url(images/darrowdown.gif); top: 100%; left: 50%; margin-left: -11px; width: 22px; height: 11px; } div.clue-bottom-default .cluetip-arrows { background-image: url(images/darrowup.gif); top: -11px; left: 50%; margin-left: -11px; width: 22px; height: 11px; } /*************************************** =cluetipClass: 'jtip' -------------------------------------- */ .cluetip-jtip { background-color: #fff; } .cluetip-jtip .cluetip-outer { border: 2px solid #ccc; position: relative; background-color: #fff; } .cluetip-jtip .cluetip-inner { padding: 5px; display: inline-block; } .cluetip-jtip div.cluetip-close { text-align: right; margin: 0 5px 0; color: #900; } .cluetip-jtip .ui-cluetip-header { background-color: #ccc; padding: 6px; /* margin-bottom: 1em;*/ } /* jtip arrows */ div.cluetip-jtip .cluetip-arrows { border-width: 0; background: transparent none; } div.clue-right-jtip .cluetip-arrows { background-image: url(images/arrowleft.gif); } div.clue-left-jtip .cluetip-arrows { background-image: url(images/arrowright.gif); left: 100%; margin-right: -11px; } div.clue-top-jtip .cluetip-arrows { background-image: url(images/arrowdown.gif); top: 100%; left: 50%; width: 22px; height: 11px; margin-left: -11px; } div.clue-bottom-jtip .cluetip-arrows { background-image: url(images/arrowup.gif); top: -11px; left: 50%; width: 22px; height: 11px; margin-left: -11px; } /*************************************** =cluetipClass: 'rounded' -------------------------------------- */ .cluetip-rounded { -webkit-border-radius: 26px; -moz-border-radius: 26px; border-radius: 26px; background-color: #fff; border: 1px solid #ccc; } .cluetip-rounded .cluetip-outer { -webkit-border-radius: 26px; -moz-border-radius: 26px; border-radius: 26px; background-color: #fff; } .cluetip-rounded .cluetip-arrows { border-color: #ccc; } /* need to be more specific here to override ThemeRoller defaults */ div.cluetip-rounded .cluetip-arrows { font-size: 0; line-height: 0%; width: 0; height: 0; border-style: solid; background: transparent none; } div.clue-right-rounded .cluetip-arrows { border-width: 11px 11px 11px 0; border-top-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } div.clue-left-rounded .cluetip-arrows { left: 100%; margin-right: -11px; border-width: 11px 0 11px 11px; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; } div.clue-top-rounded .cluetip-arrows { top: 100%; left: 50%; border-width: 11px 11px 0 11px; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } .clue-bottom-rounded .cluetip-arrows { top: -11px; left: 50%; border-width: 0 11px 11px 11px; border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; } /* stupid IE6 HasLayout hack */ .cluetip-rounded .cluetip-title, .cluetip-rounded .cluetip-inner { zoom: 1; } .ui-widget-content.ui-cluetip-content { background: #fdf1c1; } div.cluetip-arrows.ui-state-default{ border-right-color: #fdf1c1; } /** * Kendo UI v2021.2.511 (http://www.telerik.com/kendo-ui) * Copyright 2021 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved. * * Kendo UI commercial licenses may be obtained at * http://www.telerik.com/purchase/license-agreement/kendo-ui-complete * If you do not own a commercial license, this file shall be governed by the trial license terms. */ .k-theme-test-class, .ktb-theme-id-default { opacity: 0; } .ktb-var-accent { color: #7bd2f6; } .ktb-var-base { color: #daecf4; } .ktb-var-background { color: #fff; } .ktb-var-border-radius { border-radius: 4px; } .ktb-var-normal-background { color: #fff; } .ktb-var-normal-gradient { background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%); } .ktb-var-normal-text-color { color: #003f59; } .ktb-var-hover-background { color: #7bd2f6; } .ktb-var-hover-gradient { background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%); } .ktb-var-hover-text-color { color: #003f59; } .ktb-var-selected-background { color: #13688c; } .ktb-var-selected-gradient { background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 100%); } .ktb-var-selected-text-color { color: #fff; } .ktb-var-is-dark-theme { opacity: 0; } .ktb-var-primary { color: #7bd2f6; } .ktb-var-secondary { color: #daecf4; } .ktb-var-tertiary { color: #0069a5; } .ktb-var-error { color: #db4240; } .ktb-var-warning { color: #ffb400; } .ktb-var-success { color: #37b400; } .ktb-var-info { color: #0066cc; } .ktb-var-dark { color: #000000; } .ktb-var-light { color: #ffffff; } .ktb-var-inverse { color: #000000; } .ktb-var-series-a { color: #0069a5; } .ktb-var-series-b { color: #0098ee; } .ktb-var-series-c { color: #7bd2f6; } .ktb-var-series-d { color: #ffb800; } .ktb-var-series-e { color: #ff8517; } .ktb-var-series-f { color: #e34a00; } .k-grid-norecords-template { background-color: #fff; border: 1px solid #bbdceb; } .k-button { border-radius: 4px; border-color: #93c8df; color: #003f59; background-color: #daecf4; background-position: 50% 50%; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%); } .k-button.k-state-default { border-color: #93c8df; } .k-button:hover, .k-button.k-state-hover { color: #003f59; border-color: #8bc4dd; background-color: #55c5f3; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%); } .k-button:active, .k-button.k-state-active, .k-button.k-state-selected { color: #fff; background-color: #126183; border-color: #126183; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 100%); } .k-button.k-state-active:hover, .k-button.k-state-selected:hover { color: #003f59; border-color: #77c9eb; background-color: #63caf4; } .k-button:focus:active { box-shadow: 0 0 2px 1px #7bd2f6; } .k-button:focus, .k-button:focus:hover, .k-button.k-state-focused, .k-button.k-state-focused.k-state-disabled, .k-state-disabled .k-button.k-state-focused { border-color: #68cbf5; box-shadow: 0 0 2px 1px #7bd2f6; } .k-button[disabled], .k-state-disabled .k-button, .k-button.k-state-disabled, .k-button[disabled]:hover, .k-state-disabled .k-button:hover, .k-button.k-state-disabled:hover, .k-button[disabled]:focus, .k-state-disabled .k-button:focus, .k-button.k-state-disabled:focus, .k-button[disabled]:active, .k-state-disabled .k-button:active, .k-button.k-state-disabled:active { color: #003f59; border-color: #93c8df; background-color: #daecf4; box-shadow: none; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%); } .k-primary { color: #003f59; border-color: #77c9eb; background-color: #7bd2f6; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%); } .k-primary.k-state-default { border-color: #77c9eb; } .k-primary:hover, .k-primary.k-state-hover { color: #003f59; border-color: #77c9eb; background-color: #63caf4; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%); } .k-primary:active, .k-primary.k-state-active { color: #fff; border-color: #126183; background-color: #126183; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 100%); } .k-primary:focus:active:not(.k-state-disabled):not([disabled]) { box-shadow: 0 0 2px 1px #13688c; } .k-primary:focus, .k-primary:focus:hover, .k-primary.k-state-focused, .k-primary.k-state-focused.k-state-disabled, .k-state-disabled .k-primary.k-state-focused { border-color: #5ac7f4; box-shadow: 0 0 2px 1px #13688c; } .k-primary[disabled], .k-state-disabled .k-primary, .k-primary.k-state-disabled, .k-primary[disabled]:hover, .k-state-disabled .k-primary:hover, .k-primary.k-state-disabled:hover { color: #003f59; border-color: #77c9eb; background-color: #7bd2f6; box-shadow: none; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%); } .k-button-group .k-button { border-radius: 0; } .k-button-group .k-group-start, .k-button-group .k-button:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .k-button-group .k-group-end, .k-button-group .k-button:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .k-button-group .k-group-start.k-group-end, .k-button-group .k-button:first-child:last-child { border-radius: 4px; } .k-widget.k-button-group { background: none; } .k-split-button { border-radius: 4px; } .k-split-button .k-button { border-radius: 0; } .k-split-button .k-button:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .k-split-button .k-button:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .k-split-button.k-state-border-down > .k-button, .k-split-button.k-state-border-up > .k-button { color: #003f59; background-color: #55c5f3; border-color: #8bc4dd; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%); box-shadow: none; } .k-split-button:focus { box-shadow: 0 0 2px 1px #7bd2f6; border-color: #68cbf5; } .k-split-button:focus .k-button { box-shadow: none; border-color: inherit; } .k-edit-buttons { border-color: #bbdceb; background: #d9ecf5; } .k-button.k-flat.k-primary, .k-button.k-bare.k-primary, .k-button.k-flat.k-primary:hover, .k-button.k-bare.k-primary:hover, .k-button.k-flat.k-primary.k-state-hover, .k-button.k-bare.k-primary.k-state-hover, .k-button.k-flat.k-primary:active, .k-button.k-bare.k-primary:active, .k-button.k-flat.k-primary.k-state-active, .k-button.k-bare.k-primary.k-state-active, .k-button.k-flat.k-primary:hover:active, .k-button.k-bare.k-primary:hover:active, .k-button.k-flat.k-primary:hover.k-state-active, .k-button.k-bare.k-primary:hover.k-state-active { color: #7bd2f6; } .k-button.k-button-clear { border-color: transparent !important; color: #003f59; background: none !important; box-shadow: none !important; } .k-button.k-button-clear::before { display: none; } .k-button.k-button-clear::after { display: block; } .k-button.k-button-clear:hover, .k-button.k-button-clear.k-state-hover, .k-button.k-button-clear:active, .k-button.k-button-clear.k-state-active, .k-button.k-button-clear:focus, .k-button.k-button-clear.k-state-focused { color: #001017; } .k-button.k-button-clear:active::after, .k-button.k-button-clear.k-state-active::after { background: transparent; } .k-button.k-button-clear.k-state-focused::after, .k-button.k-button-clear.k-state-focused:active::after { background-color: #003f59; opacity: 0.1; } .k-rtl .k-button-group .k-button { border-radius: 0; } .k-rtl .k-button-group .k-group-start, .k-rtl .k-button-group .k-button:first-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .k-rtl .k-button-group .k-group-end, .k-rtl .k-button-group .k-button:last-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .k-rtl .k-button-group .k-group-start.k-group-end, .k-rtl .k-button-group .k-button:first-child:last-child { border-radius: 4px; } .k-rtl .k-split-button .k-button { border-radius: 0; } .k-rtl .k-split-button .k-button:first-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .k-rtl .k-split-button .k-button:last-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .k-avatar-icon, .k-avatar-initials { color: #000000; background-color: #7bd2f6; } .k-card { border-color: #bbdceb; color: #003f59; background-color: #fff; } .k-card .k-card-callout { border-color: #bbdceb; background-color: #fff; } .k-card .k-card-actions { border-color: #bbdceb; } .k-card:focus, .k-card.k-state-focus { border-color: rgba(0, 0, 0, 0.15); box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06); } .k-card-header { border-color: #bbdceb; color: #00435e; background-color: #d9ecf5; } .k-card-footer { border-color: #bbdceb; color: #00435e; background-color: #d9ecf5; } .k-card-separator { border-color: #bbdceb; } .k-card.k-state-primary, .k-card.k-card-primary { border-color: #bde9fb; color: #3e697b; background-color: #d7f2fc; } .k-card.k-state-info, .k-card.k-card-info { border-color: #80b3e6; color: #003366; background-color: #b3d1f0; } .k-card.k-state-success, .k-card.k-card-success { border-color: #9bda80; color: #1c5a00; background-color: #c3e9b3; } .k-card.k-state-warning, .k-card.k-card-warning { border-color: #ffda80; color: #805a00; background-color: #ffe9b3; } .k-card.k-state-error, .k-card.k-card-error { border-color: #eda1a0; color: #6e2120; background-color: #f4c6c6; } .k-card:focus .k-card-callout, .k-card.k-state-focus .k-card-callout { border-color: rgba(0, 0, 0, 0.15); } .k-card:focus .k-card-callout.k-callout-n, .k-card.k-state-focus .k-card-callout.k-callout-n { box-shadow: 1px -1px 4px 0 rgba(0, 0, 0, 0.06); } .k-card:focus .k-card-callout.k-callout-e, .k-card.k-state-focus .k-card-callout.k-callout-e { box-shadow: 2px -1px 4px 0 rgba(0, 0, 0, 0.06); } .k-card:focus .k-card-callout.k-callout-s, .k-card.k-state-focus .k-card-callout.k-callout-s { box-shadow: 2px -2px 4px 0 rgba(0, 0, 0, 0.06); } .k-card:focus .k-card-callout.k-callout-w, .k-card.k-state-focus .k-card-callout.k-callout-w { box-shadow: 2px -1px 4px 0 rgba(0, 0, 0, 0.06); } .k-tilelayout, .k-widget.k-tilelayout { background-color: #f5f5f5; } .k-tilelayout-item:focus, .k-tilelayout-item.k-state-focus, .k-tilelayout-item.k-state-focused { box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.3); } .k-layout-item-hint { border-color: #bbdceb; background-color: rgba(255, 255, 255, 0.2); } .k-chat { border-color: #bbdceb; color: #003f59; background-color: #fff; } .k-chat .k-timestamp { text-transform: uppercase; opacity: 0.7; } .k-chat .k-author { font-weight: bold; } .k-chat .k-bubble { border-color: #daecf4; color: #003f59; background-color: #daecf4; transition: box-shadow 0.2s ease-in-out; -ms-flex-order: -1; order: -1; } .k-chat .k-alt .k-bubble { border-color: #7bd2f6; color: #000000; background-color: #7bd2f6; } .k-chat .k-quick-reply { border-color: #7bd2f6; color: #7bd2f6; background-color: transparent; } .k-chat .k-quick-reply:hover { border-color: #7bd2f6; color: #000000; background-color: #7bd2f6; } .k-chat .k-message-box { border-color: inherit; color: #003f59; background-color: #fff; } .k-chat .k-message-box .k-button:hover { color: #7bd2f6; } .k-chat .k-toolbar-box { border-color: inherit; color: #003f59; background-color: #d9ecf5; } .k-chat .k-toolbar-box .k-button:hover { color: #7bd2f6; background: none; } .k-chat .k-toolbar-box .k-scroll-button { background-color: #fff; box-shadow: 0 0 20px 5px #fff; } .k-chat .k-toolbar-box .k-scroll-button:hover { background-color: #fff; } .k-calendar { border-color: #bbdceb; color: #003f59; background-color: #fff; } .k-calendar > .k-header { border-color: #bbdceb; color: #00435e; background-color: #d9ecf5; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%); } .k-calendar th { border-color: #bbdceb; color: #003f59; background-color: #f5f5f5; } .k-calendar .k-alt { border-color: #bbdceb; color: #003f59; background-color: #f5f5f5; } .k-calendar .k-weekend { background-color: transparent; } .k-calendar .k-other-month { color: #9fcee2; background-color: transparent; } .k-calendar .k-out-of-range { pointer-events: none; visibility: hidden; } .k-calendar .k-today .k-link { color: #7bd2f6; box-shadow: inset 0 0 0 1px #7bd2f6; } .k-calendar td.k-state-hover .k-link { border-color: #8bc4dd; color: #003f59; background-color: #55c5f3; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%); } .k-calendar td.k-state-selected .k-link { border-color: #146b90; color: #fff; background-color: #13688c; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 100%); } .k-calendar td.k-state-focused .k-link { box-shadow: inset 0 0 2px 1px #7bd2f6; } .k-calendar .k-footer .k-nav-today, .k-calendar .k-calendar-header .k-today { color: #7bd2f6; } .k-calendar .k-footer .k-nav-today:hover, .k-calendar .k-calendar-header .k-today:hover, .k-calendar .k-footer .k-nav-today:focus, .k-calendar .k-calendar-header .k-today:focus { color: #68cbf5; } .k-calendar-range { border-color: #bbdceb; color: #003f59; background-color: #fff; } .k-calendar-range th { color: inherit; background-color: transparent; text-transform: uppercase; } .k-calendar-range td.k-state-hover .k-link { border-color: #8bc4dd; color: #003f59; background-color: #55c5f3; } .k-calendar-range td.k-state-selected .k-link { border-color: #146b90; color: #fff; background-color: #13688c; } .k-calendar-range td.k-state-focused .k-link { box-shadow: inset 0 0 2px 1px #7bd2f6; } .k-calendar-range td.k-range-start, .k-calendar-range td.k-range-mid, .k-calendar-range td.k-range-end { background-image: linear-gradient(transparent 1px, rgba(19, 104, 140, 0.3) 1px, rgba(19, 104, 140, 0.3) calc(100% - 1px), transparent calc(100% - 1px)); } .k-ie .k-calendar-range td.k-range-start, .k-ie .k-calendar-range td.k-range-mid, .k-ie .k-calendar-range td.k-range-end, .k-edge .k-calendar-range td.k-range-start, .k-edge .k-calendar-range td.k-range-mid, .k-edge .k-calendar-range td.k-range-end { background-image: none; background-color: rgba(19, 104, 140, 0.3); } .k-calendar-range td.k-range-split-start::after { background-image: linear-gradient(to left, rgba(19, 104, 140, 0.3), transparent); } .k-calendar-range td.k-range-split-end::after { background-image: linear-gradient(to right, rgba(19, 104, 140, 0.3), transparent); } .k-calendar-range .k-footer .k-nav-today { color: #7bd2f6; background: none; } .k-pdf-viewer .k-toolbar .k-icon, .k-pdf-viewer .k-toolbar .k-pager-input { color: #003f59; } .k-pdf-viewer .k-canvas { background-color: #fff; } .k-pdf-viewer .k-page { border-color: #bbdceb; color: #003f59; background-color: white; box-shadow: 0 0 15px #bbdceb; } .k-pdf-viewer .k-search-highlight { background-color: #4d4d4d; } kendo-scrollview.k-scrollview-wrap, div.k-scrollview { border-color: #bbdceb; color: #003f59; background-color: #fff; -webkit-tap-highlight-color: transparent; } kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-pageable, div.k-scrollview.k-scrollview-dark .k-scrollview-pageable, kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-nav, div.k-scrollview.k-scrollview-dark .k-scrollview-nav { background-color: rgba(0, 0, 0, 0.2); } kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-next, div.k-scrollview.k-scrollview-dark .k-scrollview-next, kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-prev, div.k-scrollview.k-scrollview-dark .k-scrollview-prev { color: rgba(0, 0, 0, 0.2); } kendo-scrollview.k-scrollview-wrap.k-scrollview-light .k-scrollview-pageable, div.k-scrollview.k-scrollview-light .k-scrollview-pageable, kendo-scrollview.k-scrollview-wrap.k-scrollview-light .k-scrollview-nav, div.k-scrollview.k-scrollview-light .k-scrollview-nav { background-color: rgba(255, 255, 255, 0.2); } kendo-scrollview.k-scrollview-wrap .k-scrollview:focus, .k-widget.k-scrollview .k-scrollview-wrap:focus, kendo-scrollview.k-scrollview-wrap .k-scrollview.k-state-focused, .k-widget.k-scrollview .k-scrollview-wrap.k-state-focused, kendo-scrollview.k-scrollview-wrap .k-scrollview:hover, .k-widget.k-scrollview .k-scrollview-wrap:hover, kendo-scrollview.k-scrollview-wrap .k-scrollview.k-state-hovered, .k-widget.k-scrollview .k-scrollview-wrap.k-state-hovered { outline: none; } kendo-scrollview.k-scrollview-wrap .k-scrollview:focus ~ .k-scrollview-elements .k-scrollview-pageable, .k-widget.k-scrollview .k-scrollview-wrap:focus ~ .k-scrollview-elements .k-scrollview-pageable, kendo-scrollview.k-scrollview-wrap .k-scrollview.k-state-focused ~ .k-scrollview-elements .k-scrollview-pageable, .k-widget.k-scrollview .k-scrollview-wrap.k-state-focused ~ .k-scrollview-elements .k-scrollview-pageable, kendo-scrollview.k-scrollview-wrap .k-scrollview:hover ~ .k-scrollview-elements .k-scrollview-pageable, .k-widget.k-scrollview .k-scrollview-wrap:hover ~ .k-scrollview-elements .k-scrollview-pageable, kendo-scrollview.k-scrollview-wrap .k-scrollview.k-state-hovered ~ .k-scrollview-elements .k-scrollview-pageable, .k-widget.k-scrollview .k-scrollview-wrap.k-state-hovered ~ .k-scrollview-elements .k-scrollview-pageable, kendo-scrollview.k-scrollview-wrap .k-scrollview:focus ~ .k-scrollview-elements .k-scrollview-nav, .k-widget.k-scrollview .k-scrollview-wrap:focus ~ .k-scrollview-elements .k-scrollview-nav, kendo-scrollview.k-scrollview-wrap .k-scrollview.k-state-focused ~ .k-scrollview-elements .k-scrollview-nav, .k-widget.k-scrollview .k-scrollview-wrap.k-state-focused ~ .k-scrollview-elements .k-scrollview-nav, kendo-scrollview.k-scrollview-wrap .k-scrollview:hover ~ .k-scrollview-elements .k-scrollview-nav, .k-widget.k-scrollview .k-scrollview-wrap:hover ~ .k-scrollview-elements .k-scrollview-nav, kendo-scrollview.k-scrollview-wrap .k-scrollview.k-state-hovered ~ .k-scrollview-elements .k-scrollview-nav, .k-widget.k-scrollview .k-scrollview-wrap.k-state-hovered ~ .k-scrollview-elements .k-scrollview-nav { opacity: 1; } .k-scrollview-next, .k-scrollview-prev { color: white; background-color: rgba(0, 0, 0, 0); text-shadow: rgba(0, 0, 0, 0.3) 0 0 15px; opacity: 0.7; outline-width: 0; -webkit-tap-highlight-color: transparent; } .k-scrollview-next:focus, .k-scrollview-prev:focus, .k-scrollview-next.k-state-focused, .k-scrollview-prev.k-state-focused { color: white; opacity: 1; } .k-scrollview-next:focus .k-icon::before, .k-scrollview-prev:focus .k-icon::before, .k-scrollview-next.k-state-focused .k-icon::before, .k-scrollview-prev.k-state-focused .k-icon::before { box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13); background-color: transparent; } .k-scrollview-next:hover, .k-scrollview-prev:hover, .k-scrollview-next.k-state-hovered, .k-scrollview-prev.k-state-hovered { color: white; opacity: 1; } .k-scrollview-next:hover .k-icon::before, .k-scrollview-prev:hover .k-icon::before, .k-scrollview-next.k-state-hovered .k-icon::before, .k-scrollview-prev.k-state-hovered .k-icon::before { background-color: transparent; } kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable, .k-scrollview .k-scrollview-nav { opacity: 0.7; } kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable:focus-within, .k-scrollview .k-scrollview-nav:focus-within, kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable:focus, .k-scrollview .k-scrollview-nav:focus, kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable.k-state-focused, .k-scrollview .k-scrollview-nav.k-state-focused, kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable:hover, .k-scrollview .k-scrollview-nav:hover, kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable.k-state-hovered, .k-scrollview .k-scrollview-nav.k-state-hovered { opacity: 1; background-color: transparent; } kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable > .k-button, .k-scrollview .k-scrollview-nav > .k-link { background: #daecf4; border: #93c8df; background-clip: padding-box; } kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable > .k-button.k-primary, .k-scrollview .k-scrollview-nav > .k-link.k-primary { background: #7bd2f6; border: #77c9eb; } kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable > .k-button:focus, .k-scrollview .k-scrollview-nav > .k-link:focus, kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable > .k-button.k-state-focused, .k-scrollview .k-scrollview-nav > .k-link.k-state-focused, kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable > .k-button:hover, .k-scrollview .k-scrollview-nav > .k-link:hover, kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable > .k-button.k-state-hovered, .k-scrollview .k-scrollview-nav > .k-link.k-state-hovered { box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13); } .k-switch-handle { background-clip: border-box; } .k-switch-on .k-switch-container { border-color: #93c8df; color: #7bd2f6; background-color: #fff; } .k-switch-on .k-switch-handle { border-color: #77c9eb; color: #7bd2f6; background-color: #7bd2f6; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%); } .k-switch-on:focus, .k-switch-on.k-state-focused { box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3); } .k-switch-on:focus .k-switch-container, .k-switch-on.k-state-focused .k-switch-container { border-color: #58a9cd; color: #7bd2f6; background-color: #fff; } .k-switch-on:focus .k-switch-handle, .k-switch-on.k-state-focused .k-switch-handle { border-color: #77c9eb; color: #7bd2f6; background-color: #7bd2f6; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%); } .k-switch-on:hover .k-switch-container, .k-switch-on.k-state-hover .k-switch-container { border-color: #58a9cd; color: #7bd2f6; background-color: #fff; } .k-switch-on:hover .k-switch-handle, .k-switch-on.k-state-hover .k-switch-handle { border-color: #77c9eb; color: #7bd2f6; background-color: #7bd2f6; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%); } .k-switch-on .k-switch-label-off { color: transparent; } .k-switch-off .k-switch-container { border-color: #93c8df; color: #003f59; background-color: #fff; } .k-switch-off .k-switch-handle { border-color: #93c8df; color: #003f59; background-color: #daecf4; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%); } .k-switch-off:focus, .k-switch-off.k-state-focused { box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3); } .k-switch-off:focus .k-switch-container, .k-switch-off.k-state-focused .k-switch-container { border-color: #58a9cd; color: #003f59; background-color: #fff; } .k-switch-off:focus .k-switch-handle, .k-switch-off.k-state-focused .k-switch-handle { border-color: #58a9cd; color: #003f59; background-color: #daecf4; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%); } .k-switch-off:hover .k-switch-container, .k-switch-off.k-state-hover .k-switch-container { border-color: #58a9cd; color: #003f59; background-color: #fff; } .k-switch-off:hover .k-switch-handle, .k-switch-off.k-state-hover .k-switch-handle { border-color: #58a9cd; color: #003f59; background-color: #55c5f3; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%); } .k-switch-off .k-switch-label-on { color: transparent; } .k-switch { background-color: transparent; box-shadow: none; } .k-switch:focus .k-switch-container, .k-switch.k-state-focused .k-switch-container { outline: none; } .k-switch.k-state-disabled { cursor: default; } .k-switch[aria-readonly="true"] { pointer-events: none; } .k-pane-wrapper .k-pane > .k-view > .k-content { background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%); background-position: 50% 50%; background-color: #d9ecf5; } .k-pane-wrapper .k-pane .k-grid-mobile .k-column-active + th.k-header { border-left-color: #003f59; } .k-pane-wrapper .k-pane .k-grid-mobile .k-sorted .k-sort-order, .k-pane-wrapper .k-pane .k-grid-mobile .k-sorted .k-i-sort-asc-sm, .k-pane-wrapper .k-pane .k-grid-mobile .k-sorted .k-i-sort-desc-sm { color: #7bd2f6; } .k-pane-wrapper .k-pane .k-grid-mobile .k-grid-filter.k-state-active, .k-pane-wrapper .k-pane .k-grid-mobile .k-header-column-menu.k-state-active { color: #fff; background-color: #7bd2f6; } .k-pane-wrapper .k-pane .k-grid-mobile .k-resize-handle-inner::before { background-color: #fff; } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-nav-current { color: #7bd2f6; } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-times, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-header, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-groupcolumn, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-mobile-scheduler-agendadate { color: inherit; } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-time-period, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-mobile-scheduler-agendaweekday { color: #73d6ff; } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-times, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-header, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-header-wrap, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-datecolumn, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-groupcolumn, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-group-cell, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-header-all-day { background-color: #d9ecf5; } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-other-month { background-color: #e6f2f8; } .k-pane-wrapper .k-pane .k-grid-edit-form .k-header, .k-pane-wrapper .k-pane .k-grid-column-menu .k-header, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-header, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-header { background-color: #7bd2f6; } .k-pane-wrapper .k-pane .k-grid-edit-form .k-header, .k-pane-wrapper .k-pane .k-grid-column-menu .k-header, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-header, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-header, .k-pane-wrapper .k-pane .k-grid-edit-form .k-header .k-link, .k-pane-wrapper .k-pane .k-grid-column-menu .k-header .k-link, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-header .k-link, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-header .k-link { color: #fff; } .k-pane-wrapper .k-pane .k-grid-edit-form .k-item, .k-pane-wrapper .k-pane .k-grid-column-menu .k-item, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-item, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-item, .k-pane-wrapper .k-pane .k-grid-edit-form .k-link, .k-pane-wrapper .k-pane .k-grid-column-menu .k-link, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-link, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-link { color: #003f59; } .k-pane-wrapper .k-pane .k-grid-edit-form .k-clear, .k-pane-wrapper .k-pane .k-grid-column-menu .k-clear, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-clear, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-clear, .k-pane-wrapper .k-pane .k-grid-edit-form .k-select-all, .k-pane-wrapper .k-pane .k-grid-column-menu .k-select-all, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-select-all, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-select-all, .k-pane-wrapper .k-pane .k-grid-edit-form .k-scheduler-delete, .k-pane-wrapper .k-pane .k-grid-column-menu .k-scheduler-delete, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-scheduler-delete, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-scheduler-delete, .k-pane-wrapper .k-pane .k-grid-edit-form .k-scheduler-resetSeries, .k-pane-wrapper .k-pane .k-grid-column-menu .k-scheduler-resetSeries, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-scheduler-resetSeries, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-scheduler-resetSeries { color: #7bd2f6; } .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-state-selected { color: #7bd2f6; background: none; } .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-state-selected .k-link { color: inherit; } .k-filter .k-filter-preview-field { color: #7bd2f6; } .k-filter .k-filter-preview-operator { color: rgba(0, 63, 89, 0.6); } .k-filter .k-filter-item::before, .k-filter .k-filter-toolbar::before, .k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after { background-color: #bbdceb; } .k-drawer { border-color: #bbdceb; color: #003f59; background-color: #fff; } .k-drawer-wrapper { scrollbar-color: rgba(156, 156, 156, 0.7) #dedede; } .k-drawer-wrapper::-webkit-scrollbar-track { background: #dedede; } .k-drawer-wrapper::-webkit-scrollbar-thumb { background: rgba(156, 156, 156, 0.7); } .k-drawer-wrapper::-webkit-scrollbar-thumb:hover { background: #9c9c9c; } .k-drawer-item:hover, .k-drawer-item.k-state-hover { color: #003f59; background-color: #7bd2f6; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%); } .k-drawer-item:focus, .k-drawer-item.k-state-focused { background-color: #fff; box-shadow: inset 0 0 3px 1px #59cfff; } .k-drawer-item:focus:hover, .k-drawer-item.k-state-focused:hover, .k-drawer-item:focus.k-state-hover, .k-drawer-item.k-state-focused.k-state-hover { color: #003f59; background-color: #7bd2f6; } .k-drawer-item.k-state-selected { color: #fff; background-color: #13688c; } .k-drawer-item.k-state-selected:hover, .k-drawer-item.k-state-selected.k-state-hover { color: #fff; background-color: #105776; } .k-drawer-separator { background-color: #bbdceb; } .k-rating.k-widget { background-color: transparent; } .k-rating:focus, .k-rating.k-state-focused { box-shadow: none; } .k-rating:focus .k-rating-item > .k-icon, .k-rating.k-state-focused .k-rating-item > .k-icon { text-shadow: 0 2px 3.6px rgba(0, 0, 0, 0.1); } .k-rating:focus .k-rating-item.k-state-selected > .k-icon, .k-rating.k-state-focused .k-rating-item.k-state-selected > .k-icon { text-shadow: 0 2px 3.6px rgba(123, 210, 246, 0.5); } .k-rating-item { color: #003f59; } .k-rating-item.k-state-selected { color: #7bd2f6; background: none; box-shadow: none; } .k-rating-item.k-state-selected:focus, .k-rating-item.k-state-selected.k-state-focused { color: #7bd2f6; } .k-rating-item:hover, .k-rating-item.k-state-hover { color: #7bd2f6; cursor: pointer; background: none; box-shadow: none; } .k-rating-item:hover.k-state-selected, .k-rating-item.k-state-hover.k-state-selected { box-shadow: none; } .k-rating-item:focus, .k-rating-item.k-state-focused { background: none; box-shadow: none; } .k-rating-item:focus.k-state-selected, .k-rating-item.k-state-focused.k-state-selected { box-shadow: none; } .k-timeline .k-timeline-flag { background-color: #7bd2f6; color: #000000; } .k-timeline .k-timeline-circle { background-color: #7bd2f6; } .k-timeline .k-timeline-card .k-card-header { background-color: #fff; color: #003f59; } .k-timeline .k-timeline-card .k-card-body { scrollbar-color: #bbdceb #fff; } .k-timeline .k-timeline-card .k-card-body::-webkit-scrollbar-track { background: #fff; } .k-timeline .k-timeline-card .k-card-body::-webkit-scrollbar-thumb { background: #bbdceb; } .k-timeline .k-timeline-card .k-card-body::-webkit-scrollbar-thumb:hover { background: #8bc4dd; } .k-timeline .k-timeline-date { color: #003f59; } .k-timeline .k-timeline-arrow.k-button:not(.k-flat):not(.k-bare):not(.k-outline):not(.k-overflow-button).k-state-disabled { opacity: 1; color: #9fcee2; background-color: #daecf4; border-color: #a3d0e4; } .k-timeline-vertical::after, .k-timeline-horizontal .k-timeline-track-wrap::after { background-color: #daecf4; border-color: #93c8df; } .k-timeline-horizontal .k-timeline-flag::after { background-color: #7bd2f6; } .k-timeline-track-item.k-state-focus .k-timeline-circle { box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06); } .k-breadcrumb:focus, .k-breadcrumb.k-state-focused { box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); } .k-breadcrumb .k-breadcrumb-link { border-color: transparent; color: #7bd2f6; background-color: transparent; } .k-breadcrumb .k-breadcrumb-link:hover, .k-breadcrumb .k-breadcrumb-link.k-state-hover { border-color: transparent; color: #68cbf5; background-color: rgba(0, 0, 0, 0.08); } .k-breadcrumb .k-breadcrumb-link:focus, .k-breadcrumb .k-breadcrumb-link.k-state-focused { border-color: false; color: #7bd2f6; background-color: false; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); } .k-breadcrumb .k-breadcrumb-root-link { border-color: false; color: #003f59; background-color: false; } .k-breadcrumb .k-breadcrumb-root-link:hover, .k-breadcrumb .k-breadcrumb-root-link.k-state-hover { border-color: false; color: false; background-color: rgba(0, 0, 0, 0.08); } .k-breadcrumb .k-breadcrumb-root-link:focus, .k-breadcrumb .k-breadcrumb-root-link.k-state-focused { border-color: false; color: false; background-color: false; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); } .k-breadcrumb .k-breadcrumb-root-link, .k-breadcrumb .k-breadcrumb-delimiter-icon { color: inherit; } .k-listgroup { border-radius: 4px; border-color: #bbdceb; color: #003f59; background-color: #fff; } .k-listgroup-flush { border-radius: 0; } .k-messagebox-primary { border-color: #e5f6fd; color: #406d80; background-color: #daf2fc; } .k-messagebox-secondary { border-color: #f8fbfd; color: #717b7f; background-color: #f5fafc; } .k-messagebox-tertiary { border-color: #cce1ed; color: #003756; background-color: #b8d5e6; } .k-messagebox-info { border-color: #cce0f5; color: #00356a; background-color: #b8d4f1; } .k-messagebox-success { border-color: #d7f0cc; color: #1d5e00; background-color: #c7eab8; } .k-messagebox-warning { border-color: #fff0cc; color: #855e00; background-color: #ffeab8; } .k-messagebox-error { border-color: #f8d9d9; color: #722221; background-color: #f5caca; } .k-messagebox-dark { border-color: #cccccc; color: #000000; background-color: #b8b8b8; } .k-messagebox-light { border-color: #ffffff; color: #858585; background-color: #ffffff; } .k-messagebox-inverse { border-color: #cccccc; color: #000000; background-color: #b8b8b8; } .k-badge-solid.k-badge-primary { border-color: #7bd2f6; color: #000000; background-color: #7bd2f6; } .k-badge-solid.k-badge-secondary { border-color: #daecf4; color: #000000; background-color: #daecf4; } .k-badge-solid.k-badge-tertiary { border-color: #0069a5; color: #ffffff; background-color: #0069a5; } .k-badge-solid.k-badge-info { border-color: #0066cc; color: #ffffff; background-color: #0066cc; } .k-badge-solid.k-badge-success { border-color: #37b400; color: #ffffff; background-color: #37b400; } .k-badge-solid.k-badge-warning { border-color: #ffb400; color: #000000; background-color: #ffb400; } .k-badge-solid.k-badge-error { border-color: #db4240; color: #ffffff; background-color: #db4240; } .k-badge-solid.k-badge-dark { border-color: #000000; color: #ffffff; background-color: #000000; } .k-badge-solid.k-badge-light { border-color: #ffffff; color: #000000; background-color: #ffffff; } .k-badge-solid.k-badge-inverse { border-color: #000000; color: #ffffff; background-color: #000000; } .k-badge-outline { border-color: currentColor; background-color: #fff; } .k-badge-outline.k-badge-primary { color: #7bd2f6; } .k-badge-outline.k-badge-secondary { color: #daecf4; } .k-badge-outline.k-badge-tertiary { color: #0069a5; } .k-badge-outline.k-badge-info { color: #0066cc; } .k-badge-outline.k-badge-success { color: #37b400; } .k-badge-outline.k-badge-warning { color: #ffb400; } .k-badge-outline.k-badge-error { color: #db4240; } .k-badge-outline.k-badge-dark { color: #000000; } .k-badge-outline.k-badge-light { color: #ffffff; } .k-badge-outline.k-badge-inverse { color: #000000; } .k-badge-border-cutout { box-shadow: 0 0 0 2px #fff; } .k-checkbox { border-radius: 4px; border-color: #a3d0e4; color: #7bd2f6; background-color: #fff; } .k-checkbox:checked::before { border-radius: 4px; } .k-checkbox.k-invalid, .k-checkbox.k-state-invalid { border-color: #a3d0e4; } .k-checkbox:hover { border-color: #a3d0e4; color: #7bd2f6; background-color: #fff; } .k-checkbox:focus { box-shadow: 0 0 3px 0 #7bd2f6; border-color: #7bd2f6; } .k-checkbox:indeterminate, .k-checkbox.k-state-indeterminate { border-color: #a3d0e4; color: #7bd2f6; background-color: #fff; } .k-checkbox:checked { border-color: #a3d0e4; color: #7bd2f6; background-color: #fff; } .k-checkbox:checked:focus { box-shadow: 0 0 3px 0 #7bd2f6; border-color: #7bd2f6; } .k-radio { border-color: #a3d0e4; color: #7bd2f6; background-color: #fff; border-radius: 50%; } .k-radio::before { border-radius: 50%; } .k-radio:hover { border-color: #a3d0e4; color: #7bd2f6; background-color: #fff; } .k-radio:focus { box-shadow: 0 0 3px 0 #7bd2f6; border-color: #a3d0e4; } .k-radio:checked { border-color: #a3d0e4; color: #7bd2f6; background-color: #fff; } .k-radio:checked:focus { box-shadow: 0 0 3px 0 #7bd2f6; border-color: #a3d0e4; } .k-filemanager { border-color: false; color: false; background-color: false; } .k-filemanager-toolbar { border-color: #bbdceb; color: false; background-color: false; } .k-filemanager-navigation { border-color: #bbdceb; color: false; background-color: false; } .k-filemanager-breadcrumb { border-color: #bbdceb; color: false; background-color: #daecf4; } .k-filemanager .k-dropzone-hovered { border-color: false; color: inherit; background-color: inherit; } .k-filemanager-listview { border-color: false; color: false; background-color: false; } .k-filemanager-listview .k-item { border-color: false; color: false; background-color: false; } .k-filemanager-listview .k-item.k-state-selected .k-icon { border-color: false; color: #fff; background-color: false; } .k-filemanager-listview .k-item .k-icon { border-color: false; color: #80a4b4; background-color: false; } .k-filemanager-grid { border-color: false; color: false; background-color: false; } .k-filemanager-preview { border-color: #bbdceb; color: false; background-color: false; } .k-filemanager-preview .k-file-preview-wrapper .k-icon { border-color: false; color: #80a4b4; background-color: false; } .k-filemanager-preview .k-file-size { color: inherit; } .k-filemanager-drag-hint { border-color: false; color: #000000; background-color: #7bd2f6; } .k-filemanager-drag-hint .k-icon { border-color: false; color: #000000; background-color: false; } .k-toolbar { border-color: #bbdceb; color: #003f59; background-color: #d9ecf5; background-image: linear-gradient("rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%"); } .k-overflow-container .k-button-group .k-button { border-radius: 4px; } .k-overflow-container .k-split-button .k-button { border-radius: 4px; } .k-window { border-radius: 4px; border-color: #bbdceb; color: #003f59; background-color: #fff; box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.12); } .k-window.k-state-focused { border-color: #bbdceb; box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.25); } .k-window-titlebar { border-top-left-radius: 4px; border-top-right-radius: 4px; border-color: #a3d0e4; color: #00435e; background-color: #d9ecf5; background-image: linear-gradient(rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0)); } .k-window-action { border-radius: 4px; } .k-window-content { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .k-window-titleless .k-window-content { border-radius: 4px; } .k-dialog-buttongroup { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-color: #bbdceb; } .k-stepper { border-color: false; color: false; background-color: false; } .k-stepper .k-step:hover .k-step-indicator, .k-stepper .k-step.k-step-hover .k-step-indicator { border-color: false; color: false; background-color: #e6e6e6; } .k-stepper .k-step.k-step-disabled .k-step-indicator, .k-stepper .k-step:disabled .k-step-indicator { border-color: #bbdceb; color: #668c9b; background-color: #fff; } .k-stepper .k-step-indicator { border-color: #bbdceb; color: #003f59; background-color: #fff; } .k-stepper .k-step-indicator::after { box-shadow: inset 0 0 0 2px #fff; } .k-stepper .k-step-label:only-child { border-color: #bbdceb; color: #003f59; background-color: #fff; } .k-stepper .k-step-done .k-step-indicator { border-color: #7bd2f6; color: #000000; background-color: #7bd2f6; } .k-stepper .k-step-done:hover .k-step-indicator, .k-stepper .k-step-done.k-step-hover .k-step-indicator { border-color: false; color: false; background-color: #4bc2f3; } .k-stepper .k-step-done.k-step-disabled .k-step-indicator, .k-stepper .k-step-done:disabled .k-step-indicator { border-color: #b0e4fa; color: #000000; background-color: #b0e4fa; } .k-stepper .k-step-current .k-step-indicator { border-color: #7bd2f6; color: #000000; background-color: #7bd2f6; } .k-stepper .k-step-current:hover .k-step-indicator, .k-stepper .k-step-current.k-step-hover .k-step-indicator { border-color: false; color: false; background-color: #4bc2f3; } .k-stepper .k-step-current.k-step-disabled .k-step-indicator, .k-stepper .k-step-current:disabled .k-step-indicator { border-color: #b0e4fa; color: #000000; background-color: #b0e4fa; } .k-stepper .k-step-label { color: #003f59; } .k-stepper .k-step-success .k-step-label .k-icon { color: #081b00; } .k-stepper .k-step-error .k-step-label { color: #d8312f; } .k-stepper .k-step-disabled .k-step-label { color: #9fcee2; } .k-stepper .k-step-focus .k-step-label:only-child, .k-stepper .k-step-link:focus .k-step-label:only-child { box-shadow: inset 0 0 0 2px #bbdceb; } .k-stepper .k-step-optional .k-step-label-optional { opacity: 0.35; } .k-widget.k-form { background: none; } .k-form-error { color: #db4240; } .k-form-legend { border-color: #bbdceb; } .k-tooltip, .k-tooltip.k-widget, .k-tooltip.k-popup { border-radius: 4px; border-color: #a3d0e4; color: #00435e; background-color: #d9ecf5; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); } .k-tooltip-primary { border-color: #7bd2f6; color: #000000; background-color: #7bd2f6; } .k-tooltip-secondary { border-color: #daecf4; color: #000000; background-color: #daecf4; } .k-tooltip-tertiary { border-color: #0069a5; color: #ffffff; background-color: #0069a5; } .k-tooltip-info { border-color: #0066cc; color: #ffffff; background-color: #0066cc; } .k-tooltip-success { border-color: #37b400; color: #ffffff; background-color: #37b400; } .k-tooltip-warning { border-color: #ffb400; color: #000000; background-color: #ffb400; } .k-tooltip-error { border-color: #db4240; color: #ffffff; background-color: #db4240; } .k-tooltip-dark { border-color: #000000; color: #ffffff; background-color: #000000; } .k-tooltip-light { border-color: #ffffff; color: #000000; background-color: #ffffff; } .k-tooltip-inverse { border-color: #000000; color: #ffffff; background-color: #000000; } .k-chart-tooltip { color: white; } .k-chart-tooltip-inverse { color: black; } .k-wizard-step:focus, .k-wizard-step.k-state-focused { outline-color: #656565; } .k-ie .k-wizard-step:focus, .k-ie .k-wizard-step.k-state-focused { box-shadow: inset 0 0 0 2px #bbdceb; outline: none; } .k-textarea { border-color: #a3d0e4; color: #003f59; background-color: #fff; } .k-textarea::-webkit-input-placeholder, .k-textarea > .k-input::-webkit-input-placeholder { color: rgba(0, 63, 89, 0.5); opacity: 1; -webkit-user-select: none; user-select: none; } .k-textarea:-ms-input-placeholder, .k-textarea > .k-input:-ms-input-placeholder { color: rgba(0, 63, 89, 0.5); opacity: 1; -ms-user-select: none; user-select: none; } .k-textarea::-ms-input-placeholder, .k-textarea > .k-input::-ms-input-placeholder { color: rgba(0, 63, 89, 0.5); opacity: 1; -ms-user-select: none; user-select: none; } .k-textarea::placeholder, .k-textarea > .k-input::placeholder { color: rgba(0, 63, 89, 0.5); opacity: 1; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .k-textarea::selection, .k-textarea .k-input::selection { color: #000000; background-color: #7bd2f6; } .k-textarea:focus, .k-textarea:focus-within, .k-textarea.k-state-focus, .k-textarea.k-state-focused { border-color: #bdbdbd; color: #003f59; background-color: #fff; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); } .k-textarea:hover, .k-textarea.k-state-hover { border-color: #8bc4dd; color: #003f59; background-color: #fff; } .k-textarea.k-invalid, .k-textarea.k-state-invalid, .k-textarea.ng-invalid.ng-touched, .k-textarea.ng-invalid.ng-dirty { border-color: rgba(219, 66, 64, 0.5); } .k-textarea:disabled::selection, .k-textarea[disabled]::selection, .k-textarea.k-state-disabled::selection { color: #003f59; background-color: transparent; } .k-floating-label-container.k-textarea-container > .k-label, .k-textbox-container.k-textarea-container > .k-label { color: #003f59; } .k-ie .k-textarea :-ms-input-placeholder, .k-ie .k-textarea:-ms-input-placeholder { color: rgba(0, 63, 89, 0.5); } .k-appbar { box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.16); } .k-appbar.k-appbar-bottom { box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.16); } .k-appbar-primary { color: #000000; background-color: #7bd2f6; } .k-appbar-secondary { color: #000000; background-color: #daecf4; } .k-appbar-tertiary { color: #ffffff; background-color: #0069a5; } .k-appbar-info { color: #ffffff; background-color: #0066cc; } .k-appbar-success { color: #ffffff; background-color: #37b400; } .k-appbar-warning { color: #000000; background-color: #ffb400; } .k-appbar-error { color: #ffffff; background-color: #db4240; } .k-appbar-dark { color: #ffffff; background-color: #000000; } .k-appbar-light { color: #000000; background-color: #ffffff; } .k-appbar-inverse { color: #ffffff; background-color: #000000; } .k-loader-primary .k-loader-segment::after { background-color: #7bd2f6; } .k-loader-secondary .k-loader-segment::after { background-color: #daecf4; } .k-loader-tertiary .k-loader-segment::after { background-color: #0069a5; } .k-loader-info .k-loader-segment::after { background-color: #0066cc; } .k-loader-success .k-loader-segment::after { background-color: #37b400; } .k-loader-warning .k-loader-segment::after { background-color: #ffb400; } .k-loader-error .k-loader-segment::after { background-color: #db4240; } .k-loader-dark .k-loader-segment::after { background-color: #000000; } .k-loader-light .k-loader-segment::after { background-color: #ffffff; } .k-loader-inverse .k-loader-segment::after { background-color: #000000; } .k-task-delayed.k-task-milestone { border-color: transparent; background-image: repeating-linear-gradient(90deg, #FFFFFF, #FFFFFF 2px, #db4240 2px, #db4240 4px); } .k-task-delayed.k-task-summary { background-color: #e26866; border-color: #e26866; } .k-task-delayed.k-task-summary .k-task-summary-complete { background-color: #db4240; border-color: #db4240; } .k-task-delayed.k-task-summary.k-state-selected .k-task-summary-complete { background-color: #13688c; border-color: #13688c; } .k-task-delayed.k-task-single { background-color: #e26866; color: #FFFFFF; } .k-task-delayed.k-task-single.k-state-selected { background-color: #7ecced; color: #000000; } .k-task-delayed .k-task-complete { background-color: #db4240; } .k-task-delayed.k-state-selected .k-task-complete { background-color: #1ea4dd; } .k-task-advanced.k-task-milestone { background-color: #37b400; border-color: transparent; } .k-task-advanced.k-task-summary { background-color: #5fc333; border-color: #5fc333; } .k-task-advanced.k-task-summary .k-task-summary-complete { background-color: #37b400; border-color: #37b400; } .k-task-advanced.k-task-summary.k-state-selected .k-task-summary-complete { background-color: #13688c; border-color: #13688c; } .k-task-advanced.k-task-single { background-color: #5fc333; color: #FFFFFF; } .k-task-advanced.k-task-single.k-state-selected { background-color: #7ecced; color: #000000; } .k-task-advanced .k-task-complete { background-color: #37b400; } .k-task-advanced.k-state-selected .k-task-complete { background-color: #1ea4dd; } .k-task-planned .k-task-moment { border-color: #7bd2f6; } .k-task-planned .k-task-duration { background-color: #7bd2f6; } .k-task-planned:hover .k-task-moment { background-color: #7bd2f6; } .k-task-offset { background-image: repeating-linear-gradient(135deg, #FFF, #FFF 2px, #db4240 2px, #db4240 4px); } .k-task-offset .k-resize-handle::after { background-color: #000000; } .k-task-offset:hover { background-image: repeating-linear-gradient(135deg, #FFF, #FFF 2px, #e26866 2px, #e26866 4px); } .k-task-offset .k-task-actions .k-link { color: #000000; } .k-task-offset-wrap .k-task-summary-complete:after, .k-task-offset-wrap .k-task-summary:after { border-right-color: transparent; } .k-rtl .k-task-offset-wrap .k-task-summary-complete:after, .k-rtl .k-task-offset-wrap .k-task-summary:after { border-right-color: inherit; } .k-rtl .k-task-offset-wrap .k-task-summary-complete:before, .k-rtl .k-task-offset-wrap .k-task-summary:before { border-left-color: transparent; } .k-summary-wrap .k-task-offset:after { border-color: transparent; border-right-color: #db4240; } .k-rtl .k-summary-wrap .k-task-offset:before { border-color: transparent; border-left-color: #db4240; } .k-rtl .k-summary-wrap .k-task-offset:after { border-right-color: transparent; } .k-pdf-export .k-task-offset { background-color: #db4240; } .k-offset-tooltip-delayed { background-color: #db4240; color: #FFFFFF; } .k-planned-tooltip { background-color: #7bd2f6; color: #FFFFFF; } .k-imageeditor { border-color: #bbdceb; color: #003f59; background-color: #fff; } .k-imageeditor-content { border-color: false; color: false; background-color: #c6c6c6; } .k-imageeditor-canvas { background: linear-gradient(45deg, rgba(0, 0, 0, 0.09) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.09) 75%, rgba(0, 0, 0, 0.09) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.09) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.09) 75%, rgba(0, 0, 0, 0.09) 0), white; background-repeat: repeat, repeat; background-position: 0px 0px, 5px 5px; -webkit-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; transform-origin: 0 0 0; background-origin: padding-box, padding-box; background-clip: border-box, border-box; background-size: 10px 10px, 10px 10px; box-shadow: none; text-shadow: none; transition: none; -webkit-transform: scaleX(1) scaleY(1) scaleZ(1); transform: scaleX(1) scaleY(1) scaleZ(1); } .k-imageeditor-action-pane { border-color: #bbdceb; color: false; background-color: #fff; } .k-imageeditor-crop { border-color: white; color: false; background-color: false; } .k-imageeditor-crop-overlay { background-color: rgba(0, 0, 0, 0.3); } .k-imageeditor-crop .k-resize-handle { border-color: white; color: false; background-color: false; } .k-expander { border-color: #bbdceb; color: #003f59; background-color: #fff; } .k-expander-header { color: #003f59; background-color: #fff; outline: none; } .k-expander-header:hover, .k-expander-header.k-state-hover { background-color: #e6e6e6; } .k-expander-header:focus, .k-expander-header.k-state-focused { box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13); } .k-expander-title { color: #7bd2f6; } .k-expander-sub-title { opacity: 0.65; } .k-fab { box-shadow: 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.2); } .k-fab.k-fab-primary { border-color: #7bd2f6; color: #000000; background-color: #7bd2f6; } .k-fab.k-fab-secondary { border-color: #daecf4; color: #000000; background-color: #daecf4; } .k-fab.k-fab-tertiary { border-color: #0069a5; color: #ffffff; background-color: #0069a5; } .k-fab.k-fab-info { border-color: #0066cc; color: #ffffff; background-color: #0066cc; } .k-fab.k-fab-success { border-color: #37b400; color: #ffffff; background-color: #37b400; } .k-fab.k-fab-warning { border-color: #ffb400; color: #000000; background-color: #ffb400; } .k-fab.k-fab-error { border-color: #db4240; color: #ffffff; background-color: #db4240; } .k-fab.k-fab-dark { border-color: #000000; color: #ffffff; background-color: #000000; } .k-fab.k-fab-light { border-color: #ffffff; color: #000000; background-color: #ffffff; } .k-fab.k-fab-inverse { border-color: #000000; color: #ffffff; background-color: #000000; } .k-state-hover.k-fab-primary, .k-fab.k-fab-primary:hover { border-color: #63caf4; background-color: #63caf4; } .k-state-hover.k-fab-secondary, .k-fab.k-fab-secondary:hover { border-color: #c6e2ee; background-color: #c6e2ee; } .k-state-hover.k-fab-tertiary, .k-fab.k-fab-tertiary:hover { border-color: #00598c; background-color: #00598c; } .k-state-hover.k-fab-info, .k-fab.k-fab-info:hover { border-color: #0059b3; background-color: #0059b3; } .k-state-hover.k-fab-success, .k-fab.k-fab-success:hover { border-color: #2f9b00; background-color: #2f9b00; } .k-state-hover.k-fab-warning, .k-fab.k-fab-warning:hover { border-color: #e6a200; background-color: #e6a200; } .k-state-hover.k-fab-error, .k-fab.k-fab-error:hover { border-color: #d72d2b; background-color: #d72d2b; } .k-state-hover.k-fab-dark, .k-fab.k-fab-dark:hover { border-color: #000000; background-color: #000000; } .k-state-hover.k-fab-light, .k-fab.k-fab-light:hover { border-color: #f2f2f2; background-color: #f2f2f2; } .k-state-hover.k-fab-inverse, .k-fab.k-fab-inverse:hover { border-color: #000000; background-color: #000000; } .k-fab.k-state-focus, .k-fab:focus { box-shadow: 0 1px 10px rgba(0, 0, 0, 0.22), 0 4px 5px rgba(0, 0, 0, 0.24), 0 2px 4px rgba(0, 0, 0, 0.2); } .k-state-active.k-fab-primary, .k-state-selected.k-fab-primary, .k-fab-primary:active { border-color: #4bc2f3; background-color: #4bc2f3; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.2), 0px 3px 4px rgba(123, 210, 246, 0.4); } .k-state-active.k-fab-secondary, .k-state-selected.k-fab-secondary, .k-fab-secondary:active { border-color: #b3d8e8; background-color: #b3d8e8; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.2), 0px 3px 4px rgba(218, 236, 244, 0.4); } .k-state-active.k-fab-tertiary, .k-state-selected.k-fab-tertiary, .k-fab-tertiary:active { border-color: #004972; background-color: #004972; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.2), 0px 3px 4px rgba(0, 105, 165, 0.4); } .k-state-active.k-fab-info, .k-state-selected.k-fab-info, .k-fab-info:active { border-color: #004c99; background-color: #004c99; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.2), 0px 3px 4px rgba(0, 102, 204, 0.4); } .k-state-active.k-fab-success, .k-state-selected.k-fab-success, .k-fab-success:active { border-color: #278100; background-color: #278100; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.2), 0px 3px 4px rgba(55, 180, 0, 0.4); } .k-state-active.k-fab-warning, .k-state-selected.k-fab-warning, .k-fab-warning:active { border-color: #cc9000; background-color: #cc9000; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.2), 0px 3px 4px rgba(255, 180, 0, 0.4); } .k-state-active.k-fab-error, .k-state-selected.k-fab-error, .k-fab-error:active { border-color: #c32725; background-color: #c32725; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.2), 0px 3px 4px rgba(219, 66, 64, 0.4); } .k-state-active.k-fab-dark, .k-state-selected.k-fab-dark, .k-fab-dark:active { border-color: #000000; background-color: #000000; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.2), 0px 3px 4px rgba(0, 0, 0, 0.4); } .k-state-active.k-fab-light, .k-state-selected.k-fab-light, .k-fab-light:active { border-color: #e6e6e6; background-color: #e6e6e6; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.2), 0px 3px 4px rgba(255, 255, 255, 0.4); } .k-state-active.k-fab-inverse, .k-state-selected.k-fab-inverse, .k-fab-inverse:active { border-color: #000000; background-color: #000000; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.2), 0px 3px 4px rgba(0, 0, 0, 0.4); } .k-fab.k-state-disabled, .k-fab:disabled { box-shadow: 0 4px 5px rgba(0, 0, 0, 0.06), 0 1px 10px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.08); opacity: 1; } .k-state-disabled.k-fab-primary, .k-fab-primary:disabled { background-color: #bde9fb; } .k-state-disabled.k-fab-secondary, .k-fab-secondary:disabled { background-color: #edf6fa; } .k-state-disabled.k-fab-tertiary, .k-fab-tertiary:disabled { background-color: #80b4d2; } .k-state-disabled.k-fab-info, .k-fab-info:disabled { background-color: #80b3e6; } .k-state-disabled.k-fab-success, .k-fab-success:disabled { background-color: #9bda80; } .k-state-disabled.k-fab-warning, .k-fab-warning:disabled { background-color: #ffda80; } .k-state-disabled.k-fab-error, .k-fab-error:disabled { background-color: #eda1a0; } .k-state-disabled.k-fab-dark, .k-fab-dark:disabled { background-color: #808080; } .k-state-disabled.k-fab-light, .k-fab-light:disabled { background-color: #ffffff; } .k-state-disabled.k-fab-inverse, .k-fab-inverse:disabled { background-color: #808080; } .k-fab-item-text { border-color: #bbdceb; color: #003f59; background-color: #fff; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.2); } .k-fab-item-icon { border-color: #ebebeb; color: #000000; background-color: #ebebeb; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.2); } .k-fab-item.k-state-hover { background-image: none; color: inherit; background-color: inherit; border-color: inherit; box-shadow: none; } .k-fab-item.k-state-hover .k-fab-item-icon, .k-fab-item:hover .k-fab-item-icon { border-color: #dedede; background-color: #dedede; } .k-fab-item:focus .k-fab-item-text, .k-fab-item:focus .k-fab-item-icon, .k-fab-item.k-state-focus .k-fab-item-text, .k-fab-item.k-state-focus .k-fab-item-icon { box-shadow: 0 1px 10px rgba(0, 0, 0, 0.22), 0 4px 5px rgba(0, 0, 0, 0.24), 0 2px 4px rgba(0, 0, 0, 0.2); } .k-fab-item.k-state-active .k-fab-item-icon, .k-fab-item:active .k-fab-item-icon { border-color: #d2d2d2; background-color: #d2d2d2; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.2), 0px 3px 4px rgba(235, 235, 235, 0.4); } .k-fab-item.k-state-disabled, .k-fab-item:disabled { opacity: 1; } .k-fab-item.k-state-disabled .k-fab-item-text, .k-fab-item:disabled .k-fab-item-text, .k-fab-item.k-state-disabled .k-fab-item-icon, .k-fab-item:disabled .k-fab-item-icon { color: #ccd9de; background-color: #ffffff; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.06), 0 1px 10px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.08); opacity: 1; } .k-popup.k-fab-popup { box-shadow: none; } .k-actionsheet { border-color: #bbdceb; color: #003f59; background-color: #fff; box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); } .k-actionsheet-header { box-shadow: null; } .k-actionsheet-action:hover, .k-actionsheet-action.k-state-hover { background-color: #7bd2f6; } .k-actionsheet-action:focus, .k-actionsheet-action.k-state-focus { box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); } .k-bottom-nav-solid.k-bottom-nav-primary { color: #2b4a56; background-color: #7bd2f6; } .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-state-selected, .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-state-active, .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item:active { color: #000000; background-color: inherit; box-shadow: none; background-image: none; } .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-state-focus, .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-state-focused, .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item:focus { background-color: rgba(43, 74, 86, 0.2); } .k-bottom-nav-solid.k-bottom-nav-secondary { color: #4c5355; background-color: #daecf4; } .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-state-selected, .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-state-active, .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item:active { color: #000000; background-color: inherit; box-shadow: none; background-image: none; } .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-state-focus, .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-state-focused, .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item:focus { background-color: rgba(76, 83, 85, 0.2); } .k-bottom-nav-solid.k-bottom-nav-tertiary { color: #a6cbe0; background-color: #0069a5; } .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-state-selected, .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-state-active, .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item:active { color: #ffffff; background-color: inherit; box-shadow: none; background-image: none; } .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-state-focus, .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-state-focused, .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item:focus { background-color: rgba(166, 203, 224, 0.2); } .k-bottom-nav-solid.k-bottom-nav-info { color: #a6c9ed; background-color: #0066cc; } .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-state-selected, .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-state-active, .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item:active { color: #ffffff; background-color: inherit; box-shadow: none; background-image: none; } .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-state-focus, .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-state-focused, .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item:focus { background-color: rgba(166, 201, 237, 0.2); } .k-bottom-nav-solid.k-bottom-nav-success { color: #b9e5a6; background-color: #37b400; } .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-state-selected, .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-state-active, .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item:active { color: #ffffff; background-color: inherit; box-shadow: none; background-image: none; } .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-state-focus, .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-state-focused, .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item:focus { background-color: rgba(185, 229, 166, 0.2); } .k-bottom-nav-solid.k-bottom-nav-warning { color: #593f00; background-color: #ffb400; } .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-state-selected, .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-state-active, .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item:active { color: #000000; background-color: inherit; box-shadow: none; background-image: none; } .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-state-focus, .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-state-focused, .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item:focus { background-color: rgba(89, 63, 0, 0.2); } .k-bottom-nav-solid.k-bottom-nav-error { color: #f2bdbc; background-color: #db4240; } .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-state-selected, .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-state-active, .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item:active { color: #ffffff; background-color: inherit; box-shadow: none; background-image: none; } .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-state-focus, .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-state-focused, .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item:focus { background-color: rgba(242, 189, 188, 0.2); } .k-bottom-nav-solid.k-bottom-nav-dark { color: #a6a6a6; background-color: #000000; } .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-state-selected, .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-state-active, .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item:active { color: #ffffff; background-color: inherit; box-shadow: none; background-image: none; } .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-state-focus, .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-state-focused, .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item:focus { background-color: rgba(166, 166, 166, 0.2); } .k-bottom-nav-solid.k-bottom-nav-light { color: #595959; background-color: #ffffff; } .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-state-selected, .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-state-active, .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item:active { color: #000000; background-color: inherit; box-shadow: none; background-image: none; } .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-state-focus, .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-state-focused, .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item:focus { background-color: rgba(89, 89, 89, 0.2); } .k-bottom-nav-solid.k-bottom-nav-inverse { color: #a6a6a6; background-color: #000000; } .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-state-selected, .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-state-active, .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item:active { color: #ffffff; background-color: inherit; box-shadow: none; background-image: none; } .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-state-focus, .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-state-focused, .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item:focus { background-color: rgba(166, 166, 166, 0.2); } .k-bottom-nav-solid .k-bottom-nav-item.k-state-disabled { color: inherit; } .k-bottom-nav-flat { border-color: #bbdceb; color: #003f59; background-color: #fff; } .k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item.k-state-selected, .k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item.k-state-active, .k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item:active { box-shadow: none; background-color: inherit; background-image: none; color: #7bd2f6; } .k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item.k-state-selected, .k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item.k-state-active, .k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item:active { box-shadow: none; background-color: inherit; background-image: none; color: #daecf4; } .k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item.k-state-selected, .k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item.k-state-active, .k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item:active { box-shadow: none; background-color: inherit; background-image: none; color: #0069a5; } .k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item.k-state-selected, .k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item.k-state-active, .k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item:active { box-shadow: none; background-color: inherit; background-image: none; color: #0066cc; } .k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item.k-state-selected, .k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item.k-state-active, .k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item:active { box-shadow: none; background-color: inherit; background-image: none; color: #37b400; } .k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item.k-state-selected, .k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item.k-state-active, .k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item:active { box-shadow: none; background-color: inherit; background-image: none; color: #ffb400; } .k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item.k-state-selected, .k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item.k-state-active, .k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item:active { box-shadow: none; background-color: inherit; background-image: none; color: #db4240; } .k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item.k-state-selected, .k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item.k-state-active, .k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item:active { box-shadow: none; background-color: inherit; background-image: none; color: #000000; } .k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item.k-state-selected, .k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item.k-state-active, .k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item:active { box-shadow: none; background-color: inherit; background-image: none; color: #cccccc; } .k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item.k-state-selected, .k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item.k-state-active, .k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item:active { box-shadow: none; background-color: inherit; background-image: none; color: #000000; } .k-bottom-nav-flat .k-bottom-nav-item.k-state-focus, .k-bottom-nav-flat .k-bottom-nav-item.k-state-focused, .k-bottom-nav-flat .k-bottom-nav-item:focus, .k-bottom-nav-flat .k-bottom-nav-item.k-state-focus.k-state-selected, .k-bottom-nav-flat .k-bottom-nav-item.k-state-focused.k-state-selected, .k-bottom-nav-flat .k-bottom-nav-item.k-state-selected:focus { background-color: rgba(0, 63, 89, 0.05); } .k-ie .k-bottom-nav-item { background-color: transparent; } .k-searchbox { border-color: #a3d0e4; color: #003f59; background-color: #fff; } .k-searchbox:hover, .k-searchbox.k-state-hover { border-color: #8bc4dd; color: #003f59; background-color: #fff; } .k-searchbox:focus, .k-searchbox.k-state-focus { border-color: #bdbdbd; color: #003f59; background-color: #fff; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); } .k-searchbox:focus-within { border-color: #bdbdbd; color: #003f59; background-color: #fff; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); } .k-searchbox:disabled, .k-searchbox.k-state-disabled { outline: none; cursor: default; opacity: 0.6; -webkit-filter: grayscale(0.1); filter: grayscale(0.1); pointer-events: none; box-shadow: none; } .k-skeleton { background-color: rgba(0, 0, 0, 0.2); } .k-skeleton-wave .k-skeleton::after, .k-skeleton-wave.k-skeleton::after { background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.04), transparent); } .k-taskboard-column { border-color: transparent; background-color: #e6f2f8; } .k-taskboard-column.k-state-focus, .k-taskboard-column:focus { border-color: #95b0bc; } .k-taskboard-column-header-text { color: #003f59; } .k-taskboard-pane { border-color: #bbdceb; color: #003f59; background-color: #fff; } .k-taskboard-card { border-color: #bbdceb; color: #003f59; background-color: #fff; } .k-taskboard-card .k-card-header { background-color: #fff; } .k-taskboard-card .k-card-footer { background-color: #fff; } .k-taskboard-card .k-card-title { color: #7bd2f6; } .k-taskboard-card .k-card-title:focus, .k-taskboard-card .k-card-title.k-state-focus { color: #3dbdf2; } .k-taskboard-card .k-card-title:hover, .k-taskboard-card .k-card-title.k-state-hover { color: #b9e7fa; } .k-taskboard-card:focus, .k-taskboard-card.k-state-focus { box-shadow: none; border-color: #99b4c0; } .k-taskboard-card:hover, .k-taskboard-card.k-state-hover { border-color: #a8c6d3; } .k-taskboard-card.k-state-selected { border-color: #b9e7fa; color: #003f59; background-color: #fff; background-image: none; } .k-taskboard-drag-placeholder { border-color: #bbdceb; background-color: rgba(255, 255, 255, 0.2); } .k-scheduler-yearview .k-calendar { background-color: #fff; } .k-scheduler-yearview .k-month-header { color: #003f59; } .k-scheduler-yearview .k-day-indicator { background-color: #7bd2f6; } .k-scheduler-yearview .k-state-selected .k-day-indicator { background-color: #000000; } .k-tooltip.k-scheduler-tooltip .k-tooltip-title .k-day { color: #003f59; } .k-in, .k-item { border-color: transparent; } .k-splitbar .k-resize-handle { background-color: #003f59; color: #003f59; } .k-splitbar .k-resize-handle:hover { color: #003f59; } .k-splitbar .k-resize-handle { background-color: #003f59; } .k-block, .k-widget { background-color: #fff; } .k-block, .k-widget, .k-input, .k-group, .k-content, .k-filter-row > th, .k-separator, .k-autocomplete, .k-dropdown-wrap, .k-toolbar, .k-group-footer td, .k-grid-footer, .k-footer-template td, .k-state-default, .k-state-default .k-select, .k-state-disabled, .k-grid-header, .k-grid-header-wrap, .k-grid-header-locked, .k-grid-footer-locked, .k-grid-content-locked, .k-grid td, .k-grid td.k-state-selected, .k-grid-footer-wrap, .k-grouping-header, .k-grouping-header .k-group-indicator, .k-panelbar > .k-item > .k-link, .k-panel > .k-item > .k-link, .k-panelbar .k-panel, .k-panelbar .k-content, .k-treemap-tile, .k-slider-track, .k-splitbar, .k-dropzone-active, .k-upload-files, .k-upload .k-action-buttons, .k-popup.k-align .k-list .k-item:last-child, .k-editor-dialog .k-tabstrip-items { border-color: #bbdceb; } .k-group, .k-grouping-header, .k-group-footer td, .k-grid-footer, .k-footer-template td, .k-widget .k-status, .k-dropzone-hovered, .k-popup { background-color: #f5f5f5; } .k-grouping-row td, td.k-group-cell, .k-resize-handle-inner { background-color: #d9ecf5; } .k-list-container { border-color: #a3d0e4; background-color: #daecf4; } .k-list-filter > .k-textbox { border-color: #a3a3a3; } .k-content, .k-panelbar > li.k-item, .k-panel > li.k-item { background-color: #fff; } .k-alt, .k-separator, .k-resource.k-alt, .k-pivot-layout > tbody > tr:first-child > td:first-child { background-color: #e6f2f8; } .k-pivot-rowheaders .k-alt .k-alt, .k-header.k-alt { background-color: #c6e2ee; } .k-textbox, .k-dropdown-wrap.k-state-active, .k-picker-wrap.k-state-active, .k-numeric-wrap.k-state-active { border-color: #bbdceb; background-color: #daecf4; } .k-textbox > input, .k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-textbox.k-state-focused, .k-autocomplete.k-state-focused .k-input, .k-dropdown-wrap.k-state-focused .k-input, .k-picker-wrap.k-state-focused .k-input, .k-numeric-wrap.k-state-focused .k-input, .k-multiselect-wrap { border-color: #bbdceb; } .k-input, .k-textbox, .k-textbox > input, .k-multiselect-wrap { background-color: #fff; color: #003f59; } .k-input-label { color: #003f59; } .k-text-error { color: #db4240; } .k-input[readonly] { background-color: #fff; color: #003f59; } .k-block, .k-widget, .k-popup, .k-content, .k-toolbar, .k-dropdown .k-input { color: #003f59; } .k-inverse { color: #ffffff; } .k-block { color: #00435e; } .k-link { color: #003f59; } .k-tabstrip-items .k-link, .k-panelbar > li > .k-link { color: #003f59; } .k-header, .k-treemap-title, .k-grid-header .k-header > .k-link { color: #00435e; } .k-header, .k-grid-header, .k-toolbar, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap, .k-grouping-header, .k-progressbar, .k-draghandle, .k-autocomplete, .k-state-highlight, .k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item { background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%); background-position: 50% 50%; background-color: #d9ecf5; } .k-block, .k-treemap-tile { background-color: #d9ecf5; } .k-mediaplayer-toolbar { background-color: rgba(217, 236, 245, 0.85); } .k-hr { border-color: #bbdceb; } .k-icon:hover, .k-state-hover .k-icon, .k-state-selected .k-icon, .k-state-focused .k-icon, .k-column-menu .k-state-hover .k-sprite, .k-column-menu .k-state-active .k-sprite { opacity: 1; } .k-state-disabled .k-icon, .k-column-menu .k-sprite { opacity: 0.9; } .k-i-loading { background-image: url('BlueOpal/loading.gif'); } .k-loading-image { background-image: url('BlueOpal/loading-image.gif'); } .k-loading-color { background-color: #ffffff; } .k-draghandle { border-color: #93c8df; background-color: #ffffff; box-shadow: none; } .k-draghandle:hover { border-color: #8bc4dd; background-color: #7cd1f5; box-shadow: none; } .k-drop-hint-line { background-color: #7bd2f6; } .k-drop-hint-h .k-drop-hint-start { border-left-color: #7bd2f6; } .k-drop-hint-h .k-drop-hint-end { border-right-color: #7bd2f6; } .k-drop-hint-v .k-drop-hint-start { border-top-color: #7bd2f6; } .k-drop-hint-v .k-drop-hint-end { border-bottom-color: #7bd2f6; } .k-scheduler { color: #000000; background-color: #fff; } .k-scheduler-layout { color: #003f59; } .k-scheduler-datecolumn, .k-scheduler-groupcolumn { background-color: #fff; color: #003f59; } .k-scheduler-times tr, .k-scheduler-times th, .k-scheduler-table td, .k-scheduler-header th, .k-scheduler-header-wrap, .k-scheduler-times { border-color: #a3d0e4; } .k-nonwork-hour, .k-scheduler-dayview .k-today.k-nonwork-hour, .k-scheduler-timelineview .k-today.k-nonwork-hour { background-color: #e6f2f8; } .k-gantt .k-nonwork-hour { background-color: rgba(218, 236, 244, 0.2); } .k-gantt .k-header.k-nonwork-hour { background-color: rgba(218, 236, 244, 0.15); } .k-scheduler-table .k-today, .k-today > .k-scheduler-datecolumn, .k-today > .k-scheduler-groupcolumn { background-color: #f2f8fb; } .k-scheduler-now-arrow { border-left-color: #721715; } .k-scheduler-now-line { background-color: #721715; } .k-event, .k-task-complete { border-color: #5ec0e9; background: #1ea4dd; color: #000000; } .k-event-inverse { color: #ffffff; } .k-event.k-state-selected { background-position: 0 0; box-shadow: 0 0 0 2px #003f59; } .k-event .k-resize-handle:after, .k-task-single .k-resize-handle:after { background-color: #003b54; } .k-scheduler-marquee:before, .k-scheduler-marquee:after { border-color: #13688c; } .k-panelbar .k-content, .k-panelbar .k-panel, .k-panelbar .k-item { background-color: #fff; color: #003f59; border-color: #a3d0e4; } .k-panelbar > li > .k-link { color: #003f59; } .k-panelbar > .k-item > .k-link { border-color: #a3d0e4; } .k-panel > li.k-item { background-color: #fff; } .k-state-active, .k-state-active:hover, .k-active-filter { background-color: #ffffff; border-color: #68b1d2; color: #00435e; } .k-fieldselector .k-list-container { background-color: #ffffff; } .k-menu .k-state-hover > .k-state-active { background-color: transparent; } .k-mediaplayer-toolbar .k-button.k-flat:active, .k-mediaplayer-toolbar .k-button.k-flat.k-state-active, .k-mediaplayer-toolbar .k-button.k-flat.k-state-active:hover { color: #7bd2f6; } .k-menu .k-state-selected > .k-link { color: #fff; background-color: #13688c; border-color: #146b90; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 100%); } .k-menu .k-link.k-state-active { background-color: #ffffff; border-color: #68b1d2; color: #00435e; } .k-menu .k-state-hover > .k-link, .k-menu .k-menu-scroll-button:hover { color: #003f59; background-color: #7bd2f6; border-color: #8bc4dd; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%); } .k-state-highlight { background: #ffffff; color: #00435e; } .k-state-focused, .k-grouping-row .k-state-focused { border-color: #bbdceb; } .k-calendar-container.k-group { border-color: #a3d0e4; } .k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-today.k-state-selected, .k-marquee-color { color: #fff; background-color: #13688c; border-color: #146b90; } .k-virtual-item.k-first, .k-group-header + .k-list > .k-item.k-first, .k-static-header + .k-list > .k-item.k-first { border-top-color: #8bc4dd; } .k-group-header + div > .k-list > .k-item.k-first:before { border-top-color: #88c5e0; } .k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header { background: #8bc4dd; color: #fff; } .k-popup .k-list .k-item > .k-group { background: #88c5e0; color: #fff; border-bottom-left-radius: 3px; } .k-popup .k-treeview .k-item > .k-group { background: transparent; color: #003f59; } .k-marquee-text { color: #fff; } .k-state-focused, .k-list > .k-state-focused, .k-listview > .k-state-focused, .k-grid-header th.k-state-focused, td.k-state-focused { box-shadow: inset 0 0 3px 1px #59cfff; } .k-state-focused.k-state-selected, .k-list > .k-state-focused.k-state-selected, .k-listview > .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected { box-shadow: inset 0 0 3px 1px #0e4a64; } .k-list-optionlabel.k-state-selected.k-state-focused { box-shadow: none; } .k-state-selected > .k-link, .k-panelbar > li > .k-state-selected, .k-panelbar .k-item .k-link.k-state-selected, .k-panelbar > li.k-state-default > .k-link.k-state-selected { color: #fff; } .k-panelbar .k-group .k-link.k-state-hover { color: #003f59; } .k-state-hover, .k-splitbar-horizontal-hover, .k-splitbar-vertical-hover, .k-list > .k-state-hover, .k-dropdown .k-state-focused, .k-filebrowser-dropzone { color: #003f59; background-color: #7bd2f6; border-color: #8bc4dd; } .k-state-hover > .k-select, .k-state-focused > .k-select { border-color: #8bc4dd; } .k-state-hover, div.k-filebrowser-dropzone em, .k-draghandle:hover, .k-listbox .k-item:hover:not(.k-state-disabled) { background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%); } .k-pager-wrap { background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%); border-color: #bbdceb; color: #00435e; background-color: #d9ecf5; background-position: 50% 50%; } .k-pager-wrap .k-link { border-color: #bbdceb; } .k-pager-wrap .k-link:hover { background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%); border-color: #8bc4dd; color: #003f59; background-color: #7bd2f6; } .k-pager-wrap .k-link.k-state-disabled { color: #003f59; border-color: #bbdceb; } .k-pager-wrap .k-link.k-state-selected { color: #fff; background-color: #13688c; border-color: #146b90; } .k-pager-wrap .k-pager-numbers .k-link { border-color: transparent; } .k-pager-wrap .k-pager-refresh { border-color: transparent; } .k-picker-wrap.k-state-active, .k-numeric-wrap.k-state-active, .k-dropdown-wrap.k-state-active, .k-state-active, .k-state-active:hover, .k-state-active > .k-link, .k-panelbar > .k-item > .k-state-focused { background-image: none; } .k-state-selected, .k-draghandle.k-state-selected:hover { background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 100%); } .k-draghandle.k-state-selected:hover { background-position: 50% 50%; } .k-state-hover > .k-link, div.k-filebrowser-dropzone em { color: #003f59; } .k-dropdown .k-state-focused .k-input { color: #003f59; } .k-dropdown .k-state-hover .k-input { color: #003f59; } .k-state-error { border-color: #721715; background-color: #eef9fe; color: #68cbf5; } .k-state-disabled { opacity: 0.6; } .k-loading-mask.k-state-selected { border-width: 0; background-image: none; background-color: transparent; } .k-state-disabled, .k-state-disabled .k-link, .k-dropzone em, .k-slider .k-draghandle { color: #9fcee2; } .k-dropzone .k-upload-status { color: #9fcee2; } .k-file .k-upload-status { color: #003f59; } .k-progressbar-indeterminate { background: url('BlueOpal/indeterminate.gif'); } .k-progressbar-indeterminate .k-progress-status-wrap, .k-progressbar-indeterminate .k-state-selected { display: none; } .k-slider-track { background-color: #bbdceb; } .k-slider-selection { background-color: #13688c; } .k-slider-horizontal .k-tick { background-image: url('BlueOpal/slider-h.gif'); } .k-slider-vertical .k-tick { background-image: url('BlueOpal/slider-v.gif'); } .k-chart-crosshair-tooltip, .k-chart-shared-tooltip { background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%); background-position: 50% 50%; background-color: #d9ecf5; color: #00435e; border-color: transparent; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); } .k-splitbar { background-color: #daecf4; } .k-restricted-size-vertical, .k-restricted-size-horizontal { background-color: #68cbf5; } .k-dropzone { color: #00435e; background-color: #d9ecf5; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%); background-position: 50% 50%; } .k-file { background-color: #ffffff; border-color: #a3d0e4; } .k-file:last-child { border-radius: 0 0 4px 4px; } .k-file-progress .k-progress { background-color: #0066cc; } .k-file-success .k-file-validation-message, .k-file-success .k-upload-pct { color: #37b400; } .k-file-success .k-progress { background-color: #37b400; } .k-file-error .k-file-validation-message, .k-file-invalid .k-file-validation-message, .k-file-error .k-upload-pct, .k-file-invalid .k-upload-pct { color: #db4240; } .k-file-error .k-progress, .k-file-invalid .k-progress { background-color: #db4240; } .k-file-extension-wrapper, .k-multiple-files-extension-wrapper, .k-file-group-wrapper, .k-multiple-files-group-wrapper, .k-file-invalid-group-wrapper { color: #9fcee2; border-color: #9fcee2; } .k-file-extension-wrapper:before, .k-multiple-files-extension-wrapper:before { background-color: #fff; border-color: transparent transparent #9fcee2 #9fcee2; } .k-multiple-files-extension-wrapper:after { border-top-color: #9fcee2; border-left-color: #9fcee2; } .k-file-size, .k-file-information, .k-file-validation-message { color: #9fcee2; } .k-upload-action:focus:active:not(.k-state-disabled):not([disabled]) { box-shadow: 0 0 2px 1px #7bd2f6; } .k-textbox:hover { border-color: #8bc4dd; } .k-leaf, .k-leaf.k-state-hover { color: #fff; } .k-leaf.k-inverse, .k-leaf.k-inverse.k-state-hover { color: #000; } .k-slider, .k-treeview, .k-upload { box-shadow: none; } .k-state-hover { box-shadow: none; } .k-textbox:focus, .k-textbox.k-state-focused, .k-autocomplete.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-picker-wrap.k-state-focused, .k-numeric-wrap.k-state-focused { box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); } .k-state-selected { box-shadow: none; } .k-state-active { box-shadow: none; } .k-grid tr:hover { background-color: #7ad2f7; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%); background-position: 50% 50%; } .k-grid .k-filter-row:hover, .k-pivot-rowheaders .k-grid tr:hover { background: none; } .k-grid tr.k-state-selected:hover, .k-grid td.k-state-selected:hover { background-color: #0d6a92; background-image: none; } .k-popup, .k-menu .k-menu-group, .k-grid .k-filter-options, .k-time-popup, .k-datepicker-calendar, .k-autocomplete.k-state-border-down, .k-autocomplete.k-state-border-up, .k-dropdown-wrap.k-state-active, .k-picker-wrap.k-state-active, .k-multiselect.k-state-focused, .k-filebrowser .k-image { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); } .k-treemap-tile.k-state-hover { box-shadow: inset 0 0 0 3px #bbdceb; } .k-shadow { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); } .k-inset { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3); } .k-editor-inline ::selection { background-color: #146b90; text-shadow: none; color: #fff; } .k-editor-inline ::-moz-selection { background-color: #146b90; text-shadow: none; color: #fff; } .k-editor-inline:hover, .k-editor-inline.k-state-active { border-color: #bbdceb; } .k-window-content.editorToolbarWindow { color: #003f59; background-color: #d9ecf5; } .k-notification { border-radius: 4px; } .k-notification { background-image: linear-gradient(rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%); } .k-notification-info { background-color: #0066cc; color: #ffffff; border-color: #0066cc; } .k-notification-success { background-color: #37b400; color: #ffffff; border-color: #37b400; } .k-notification-warning { background-color: #ffb400; color: #000000; border-color: #ffb400; } .k-notification-error { background-color: #db4240; color: #ffffff; border-color: #db4240; } .k-gantt .k-treelist { background: #e6f2f8; } .k-gantt .k-treelist .k-alt { background-color: #d2e8f2; } .k-gantt .k-treelist tr:hover { background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%); background-color: #88c5e0; } .k-gantt .k-treelist .k-state-selected, .k-gantt .k-treelist .k-state-selected td, .k-gantt .k-treelist .k-alt.k-state-selected, .k-gantt .k-treelist .k-alt.k-state-selected > td { background-color: #13688c; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 100%); } .k-gantt .k-treelist .k-state-selected:hover, .k-gantt .k-treelist .k-state-selected:hover td { background-color: #0d6a92; background-image: none; } .k-task-dot:after { background-color: #003f59; border-color: #003f59; } .k-task-dot:hover:after { background-color: #ffffff; } .k-task-summary { border-color: #0099d9; background: #0099d9; } .k-task-milestone, .k-task-summary-complete { border-color: #003f59; background: #003f59; } .k-state-selected.k-task-summary { border-color: #3ab2e4; background: #3ab2e4; } .k-state-selected.k-task-milestone, .k-state-selected .k-task-summary-complete { border-color: #13688c; background: #13688c; } .k-task-single { background-color: #7ecced; border-color: #5ec0e9; color: #000000; } .k-state-selected.k-task-single { border-color: #146b90; } .k-gantt-line { background-color: #003f59; color: #003f59; } .k-state-selected.k-gantt-line { background-color: #13688c; color: #13688c; } .k-resource { background-color: #fff; } .k-block, .k-textbox, .k-drag-clue, .k-touch-scrollbar, .k-inline-block, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-autocomplete, .k-multiselect, .k-combobox, .k-dropdown, .k-dropdown-wrap, .k-datepicker, .k-timepicker, .k-colorpicker, .k-datetimepicker, .k-numerictextbox, .k-picker-wrap, .k-numeric-wrap, .k-list-container, .k-calendar-container, .k-treeview .k-in, .k-editor-inline, .k-slider-track, .k-slider-selection, .k-upload, .k-gantt-views, .k-gantt-views > .k-current-view { border-radius: 4px; } .k-calendar-container.k-state-border-up, .k-list-container.k-state-border-up, .k-autocomplete.k-state-border-up, .k-multiselect.k-state-border-up, .k-dropdown-wrap.k-state-border-up, .k-picker-wrap.k-state-border-up, .k-numeric-wrap.k-state-border-up, .k-filter-menu { border-radius: 0 0 4px 4px; } .k-autocomplete.k-state-border-up .k-input, .k-dropdown-wrap.k-state-border-up .k-input, .k-picker-wrap.k-state-border-up .k-input, .k-picker-wrap.k-state-border-up .k-selected-color, .k-numeric-wrap.k-state-border-up .k-input { border-radius: 0 0 0 4px; } .k-multiselect.k-state-border-up .k-multiselect-wrap { border-radius: 0 0 4px 4px; } .k-block > .k-header, .k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item, .k-tabstrip-items .k-link, .k-calendar-container.k-state-border-down, .k-list-container.k-state-border-down, .k-autocomplete.k-state-border-down, .k-multiselect.k-state-border-down, .k-dropdown-wrap.k-state-border-down, .k-picker-wrap.k-state-border-down, .k-numeric-wrap.k-state-border-down, .k-gantt-views.k-state-expanded, .k-gantt-views.k-state-expanded > .k-current-view { border-radius: 4px 4px 0 0; } .k-dropdown-wrap .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input { border-radius: 3px 0 0 3px; } .k-rtl .k-dropdown-wrap .k-input, .k-rtl .k-picker-wrap .k-input, .k-rtl .k-numeric-wrap .k-input { border-radius: 0 3px 3px 0; } .k-numeric-wrap .k-link { border-radius: 0 3px 0 0; } .k-numeric-wrap .k-link + .k-link { border-radius: 0 0 3px 0; } .k-colorpicker .k-selected-color { border-radius: 3px 0 0 3px; } .k-rtl .k-colorpicker .k-selected-color { border-radius: 0 3px 3px 0; } .k-autocomplete.k-state-border-down .k-input { border-radius: 4px 4px 0 0; } .k-dropdown-wrap.k-state-border-down .k-input, .k-picker-wrap.k-state-border-down .k-input, .k-picker-wrap.k-state-border-down .k-selected-color, .k-numeric-wrap.k-state-border-down .k-input { border-radius: 4px 0 0 0; } .k-numeric-wrap .k-link.k-state-selected { background-color: #7bd2f6; } .k-multiselect.k-state-border-down .k-multiselect-wrap { border-radius: 3px 3px 0 0; } .k-dropdown-wrap .k-select, .k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-datetimepicker .k-select + .k-select, .k-list-container.k-state-border-right { border-radius: 0 4px 4px 0; } .k-rtl .k-dropdown-wrap .k-select, .k-rtl .k-picker-wrap .k-select, .k-rtl .k-numeric-wrap .k-select, .k-rtl .k-datetimepicker .k-select + .k-select, .k-rtl .k-list-container.k-state-border-right { border-radius: 4px 0 0 4px; } .k-numeric-wrap.k-expand-padding .k-input { border-radius: 4px; } .k-textbox > input, .k-autocomplete .k-input, .k-multiselect-wrap { border-radius: 3px; } .k-list .k-state-hover, .k-list .k-state-focused, .k-list .k-state-highlight, .k-list .k-state-selected, .k-fieldselector .k-list .k-item, .k-list-optionlabel, .k-dropzone, .k-listbox .k-item { border-radius: 3px; } .k-slider .k-button, .k-grid .k-slider .k-button { border-radius: 13px; } .k-draghandle { border-radius: 7px; } .k-more-events, .k-event, .k-task-single, .k-task-complete, .k-event .k-link { border-radius: 3px; } .k-scheduler-mobile .k-event { border-radius: 2px; } .k-autocomplete, .k-picker-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-dropdown-wrap.k-state-default { background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%); background-position: 50% 50%; background-color: #deeef5; border-color: #a3d0e4; } .k-picker-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-dropdown-wrap.k-state-hover { background-color: #7ad2f7; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%); background-position: 50% 50%; border-color: #8bc4dd; } .k-autocomplete.k-state-hover, .k-state-hover > .k-multiselect-wrap, .k-multiselect-wrap.k-state-hover { border-color: #8bc4dd; background: #fff; color: #003f59; } .k-textbox, .k-multiselect-wrap, .k-maskedtextbox.k-state-disabled > .k-textbox:hover, .k-dateinput.k-state-disabled > .k-textbox:hover { border-color: #a3d0e4; } .k-picker-wrap.k-state-focused, .k-numeric-wrap.k-state-focused, .k-dropdown-wrap.k-state-focused { background-color: #7ad2f7; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%); background-position: 50% 50%; border-color: #bdbdbd; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); } .k-autocomplete.k-state-focused, .k-state-focused > .k-multiselect-wrap, .k-multiselect-wrap.k-state-focused { border-color: #bdbdbd; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); } .k-list-container { color: #003f59; } .k-nodata { color: #9fcee2; } .k-dropdown .k-input, .k-dropdown .k-state-focused .k-input, .k-multiselect .k-button, .k-multiselect .k-button:hover, .k-menu .k-popup { color: #003f59; } .k-state-default > .k-select { border-color: #a3d0e4; } .k-state-hover > .k-select { border-color: #8bc4dd; } .k-state-focused > .k-select { border-color: #bdbdbd; } .k-tabstrip:focus { box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); } .k-tabstrip-items .k-state-default .k-link, .k-panelbar > li.k-state-default > .k-link { color: #003f59; } .k-tabstrip-items .k-state-hover .k-link, .k-panelbar > li.k-state-hover > .k-link, .k-panelbar > li.k-state-default > .k-link.k-state-hover { color: #003f59; } .k-panelbar > .k-state-focused.k-state-hover { background: #7bd2f6; box-shadow: none; } .k-tabstrip-items .k-state-default { border-color: #a3d0e4; } .k-tabstrip-items .k-state-hover { border-color: #8bc4dd; } .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-items .k-state-active { background-color: #ffffff; background-image: none; border-color: #68b1d2; } .k-tabstrip-top > .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-top > .k-tabstrip-items .k-state-active { border-bottom-color: #fff; } .k-tabstrip .k-content.k-state-active { background-color: #ffffff; color: #003f59; } .k-tabstrip .k-content:focus, .k-tabstrip .k-content.k-state-focused { outline-color: #656565; } .k-menu.k-header, .k-menu .k-item { border-color: #a3d0e4; } .k-column-menu, .k-column-menu .k-item, .k-grid-columnmenu-popup, .k-columnmenu-item-wrapper { border-color: #a3d0e4; } .k-column-menu .k-separator { border-color: #a3d0e4; background-color: transparent; } .k-column-menu-group-header-text { color: #003f59; border-color: #003f59; } .k-menu .k-group { border-color: #a3d0e4; } .k-grid-filter.k-state-active { background-color: #ffffff; } .k-grouping-row td, .k-group-footer td, .k-grid-footer td { color: #003f59; border-color: #a3d0e4; font-weight: bold; } .k-grouping-header { color: #003f59; } .k-grid td.k-state-focused { box-shadow: inset 0 0 3px 1px #59cfff; } .k-header, .k-grid-header-wrap, .k-grid .k-grouping-header, .k-grid-header, .k-grouping-header .k-group-indicator, .k-gantt-toolbar .k-state-default { border-color: #a3d0e4; } .k-treeview .k-in { border-color: transparent; } .k-treeview .k-icon, .k-scheduler-table .k-icon, .k-grid .k-hierarchy-cell .k-icon { background-color: transparent; border-radius: 4px; } .k-scheduler-table .k-state-hover .k-icon { background-color: transparent; } .k-chart .k-mask { background-color: #fff; opacity: 0.68; } .k-chart .k-selection { border-color: rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.1); transition: box-shadow 0.2s linear, border-color 0.2s linear; } .k-chart .k-selection:hover { border-color: rgba(0, 0, 0, 0.3); box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.2); } .k-chart .k-handle { background-color: #fcfcfc; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); } .k-chart .k-handle:hover { background-color: #ffffff; border-color: #b8b8b8; box-shadow: 0 0 0 2px rgba(111, 101, 96, 0.5); } .k-chart .k-navigator-hint .k-tooltip { border: 3px solid #ffffff; box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2); background: #ffffff; color: #242424; } .k-chart .k-navigator-hint .k-scroll { background: rgba(123, 210, 246, 0.7); height: 4px; } .k-map { border-color: #bbdceb; color: #003f59; background-color: #fff; } .k-map .k-navigator { border-color: #93c8df; color: #003f59; background-color: #daecf4; background-position: 50% 50%; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); } .k-map .k-zoom-control { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); } .k-map .k-marker { color: #7bd2f6; text-shadow: 0 0 3px rgba(0, 0, 0, 0.4); } .k-spreadsheet-row-header, .k-spreadsheet-column-header { background-color: #fff; } .k-spreadsheet-top-corner, .k-spreadsheet-row-header, .k-spreadsheet-column-header { background-color: #daecf4; background-image: none; color: #000000; border-color: #8bc4dd; } .k-spreadsheet-top-corner { border-color: #8bc4dd; } .k-spreadsheet-top-corner:after { border-color: transparent #8bc4dd #8bc4dd transparent; } .k-spreadsheet-pane { border-color: #8bc4dd; } .k-spreadsheet-pane .k-spreadsheet-vaxis, .k-spreadsheet-pane .k-spreadsheet-haxis { border-color: #b3d8e8; } .k-spreadsheet-pane .k-spreadsheet-column-header, .k-spreadsheet-pane .k-spreadsheet-row-header { border-color: #8bc4dd; } .k-spreadsheet-pane .k-spreadsheet-merged-cell { background-color: #fff; } .k-spreadsheet-pane .k-selection-partial, .k-spreadsheet-pane .k-selection-full { border-color: rgba(19, 104, 140, 0.2); background-color: rgba(19, 104, 140, 0.2); } .k-spreadsheet-pane .k-filter-range { border-color: #13688c; } .k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-partial, .k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-full { border-bottom-color: #13688c; } .k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-partial, .k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-full { border-right-color: #13688c; } .k-auto-fill, .k-spreadsheet-selection { border-color: #13688c; box-shadow: inset 0 0 0 1px #13688c; } .k-spreadsheet-selection { background-color: rgba(19, 104, 140, 0.2); } .k-spreadsheet-active-cell { box-shadow: inset 0 0 0 1px #13688c; background-color: #fff; } .k-spreadsheet-active-cell.k-right { box-shadow: inset 0 0 0 1px #13688c, inset -1px 0 0 1px #13688c; } .k-spreadsheet-active-cell.k-bottom { box-shadow: inset 0 0 0 1px #13688c, inset 0 -1px 0 1px #13688c; } .k-spreadsheet-active-cell.k-bottom.k-right { box-shadow: inset 0 0 0 1px #13688c, inset -1px -1px 0 1px #13688c; } .k-spreadsheet-active-cell.k-single { color: #003f59; background-color: #fff; } .k-spreadsheet .k-spreadsheet-action-bar { background-color: #fff; border-color: #bbdceb; } .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor { border-color: #8bc4dd; } .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar::before { border-color: #8bc4dd; } .k-spreadsheet .k-spreadsheet-formula-input { background-color: #fff; color: #003f59; } .k-spreadsheet .k-resize-handle, .k-spreadsheet .k-resize-hint-handle, .k-spreadsheet .k-resize-hint-marker { background-color: #13688c; } .k-spreadsheet .k-resize-hint-vertical .k-resize-hint-handle, .k-spreadsheet .k-resize-hint-vertical .k-resize-hint-marker { background-color: #13688c; } .k-spreadsheet .k-single-selection::after { background-color: #13688c; border-color: #fff; } .k-spreadsheet .k-auto-fill-punch { background-color: rgba(255, 255, 255, 0.5); } .k-spreadsheet .k-single-selection.k-dim-auto-fill-handle::after { background-color: rgba(19, 104, 140, 0.5); } .k-spreadsheet .k-spreadsheet-cell-comment { color: #00435e; background-color: #d9ecf5; border-color: #a3d0e4; } .k-spreadsheet .k-spreadsheet-has-comment:after { border-color: #13688c #13688c transparent transparent; } .k-spreadsheet .k-dirty { border-color: #db4240 transparent transparent #db4240; } .k-spreadsheet-format-cells .k-spreadsheet-preview { border-color: #bbdceb; } .k-spreadsheet-filter { border-radius: 4px; background-color: #fff; box-shadow: inset 0 0 0 1px #b3d8e8; } .k-spreadsheet-filter.k-state-active { color: #fff; background-color: #13688c; } .k-spreadsheet-filter:hover { color: #003f59; background: #7bd2f6; border-color: #55c5f3; } .k-action-window .k-action-buttons { border-color: #bbdceb; background: #d9ecf5; } .k-spreadsheet-sample { color: #00abf2; } .k-state-selected .k-spreadsheet-sample { color: inherit; } .k-spreadsheet-window .k-list { border-color: #bbdceb; border-radius: 4px; } .k-spreadsheet-popup { border-radius: 4px; } .k-spreadsheet-popup .k-separator { background-color: #bbdceb; } .k-spreadsheet-popup .k-button { background-color: transparent; } .k-spreadsheet-popup .k-button:hover { background-color: #7bd2f6; } .k-spreadsheet-popup .k-state-active { background-color: #13688c; color: #000000; } .k-spreadsheet-popup .k-state-active:hover { background-color: #0d475f; } .k-spreadsheet-filter-menu .k-details { border-color: #bbdceb; } .k-spreadsheet-filter-menu .k-details-content .k-space-right { background-color: #fff; } .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper { background-color: #fff; border-color: #bbdceb; border-radius: 4px 0 0 4px; } .k-syntax-ref { color: #ff8822; } .k-syntax-num { color: #0099ff; } .k-syntax-func { font-weight: bold; } .k-syntax-str { color: #38b714; } .k-syntax-error { color: red; } .k-syntax-bool { color: #a9169c; } .k-syntax-startexp { font-weight: bold; } .k-syntax-paren-match { background-color: #caf200; } .k-series-a { border-color: #0069a5; background-color: rgba(0, 105, 165, 0.15); } .k-series-b { border-color: #0098ee; background-color: rgba(0, 152, 238, 0.15); } .k-series-c { border-color: #7bd2f6; background-color: rgba(123, 210, 246, 0.15); } .k-series-d { border-color: #ffb800; background-color: rgba(255, 184, 0, 0.15); } .k-series-e { border-color: #ff8517; background-color: rgba(255, 133, 23, 0.15); } .k-series-f { border-color: #e34a00; background-color: rgba(227, 74, 0, 0.15); } .k-spreadsheet-sheets-remove:hover .k-icon { color: #cc2222; } .k-spreadsheet-formula-list .k-state-focused { background-color: #13688c; color: #fff; } .k-spreadsheet-insert-image-dialog { border-color: #bbdceb; border-radius: 4px; } .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover, .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-state-hovered { box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.5); border-radius: 4px; } .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover div, .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-state-hovered div { color: #fff; } .k-spreadsheet-drawing.k-spreadsheet-active-drawing { outline-color: #13688c; } .k-spreadsheet-drawing .k-spreadsheet-drawing-handle { border-color: #fff; background-color: #13688c; border-radius: 50%; } .k-spreadsheet-drawing-anchor-cell { background: rgba(19, 104, 140, 0.2); } .k-rtl .k-spreadsheet .k-spreadsheet-has-comment::after { border-color: #13688c transparent transparent #13688c; } .k-rtl .k-spreadsheet .k-dirty { border-color: #db4240 #db4240 transparent transparent; } .k-numeric-wrap .k-i-warning { color: #db4240; position: absolute; top: 0; right: 1.9em; width: 1.9em; } .k-numeric-wrap.k-state-invalid { border-color: #db4240; } .k-numeric-wrap.k-state-invalid input { color: #db4240; } .k-rtl .k-numeric-wrap.k-state-invalid .k-i-warning { right: auto; left: 1.9em; } .k-maskedtextbox.k-state-invalid .k-textbox { border-color: #db4240; color: #db4240; } .k-maskedtextbox.k-state-invalid .k-i-warning { color: #db4240; } .k-dateinput.k-state-invalid .k-textbox { color: #db4240; border-color: #db4240; } .k-dateinput.k-state-invalid .k-i-warning { margin-left: 0; margin-right: 0.6em; color: #db4240; } .k-rtl .k-dateinput .k-i-warning { margin-right: 0; margin-left: 0.6em; } .k-datepicker .k-picker-wrap.k-state-invalid, .k-timepicker .k-picker-wrap.k-state-invalid { border-color: #db4240; } .k-datepicker .k-picker-wrap.k-state-invalid .k-input, .k-timepicker .k-picker-wrap.k-state-invalid .k-input { color: #db4240; } .k-datepicker .k-picker-wrap .k-i-warning, .k-timepicker .k-picker-wrap .k-i-warning { color: #db4240; margin-left: 0; margin-right: 2.1em; } .k-rtl .k-datepicker .k-picker-wrap .k-i-warning, .k-rtl .k-timepicker .k-picker-wrap .k-i-warning { margin-right: 0; margin-left: 2.1em; } .k-datetimepicker .k-picker-wrap.k-state-invalid { border-color: #db4240; } .k-datetimepicker .k-picker-wrap.k-state-invalid .k-input { color: #db4240; } .k-datetimepicker .k-picker-wrap .k-i-warning { color: #db4240; margin-left: 0; margin-right: 4.3em; } .k-rtl .k-datetimepicker .k-picker-wrap .k-icon.k-i-warning { margin-right: 0; margin-left: 4.3em; } .k-time-header .k-time-now { color: #7bd2f6; background: transparent; } .k-time-header .k-time-now:hover, .k-time-header .k-time-now:focus { color: #68cbf5; } .k-time-list-wrapper { background-color: #f5f5f5; } .k-time-list-wrapper .k-title { border-color: #bbdceb; color: #9fcee2; background-color: #d9ecf5; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%); background: #f5f5f5; } .k-time-list-wrapper.k-state-focused .k-title { color: #000000; opacity: 1; } .k-time-list-wrapper.k-state-focused::before, .k-time-list-wrapper.k-state-focused::after { background-color: rgba(0, 0, 0, 0.04); } .k-time-list::before, .k-time-list::after { box-shadow: 0 0 3em 1.5em #f5f5f5; } .k-time-list .k-item:hover { color: #7bd2f6; } .k-time-container { background: transparent; } .k-time-highlight { background-color: #fff; border-color: #bbdceb; } .k-datetime-container .k-date-tab .k-datetime-buttongroup, .k-datetime-container .k-date-tab .k-datetime-selector { background-color: #fff; } .k-listbox .k-list-scroller { padding: 2px; border-color: #bbdceb; background-color: #fff; } .k-listbox .k-item:hover:not(.k-state-disabled) { color: #003f59; background-color: #7bd2f6; border-color: transparent; } .k-listbox .k-drop-hint { height: 0; border-top: 1px solid #7bd2f6; } .k-grid-header .k-i-sort-asc-sm, .k-grid-header .k-i-sort-desc-sm, .k-grid-header .k-sort-order { color: inherit; } .k-scheduler .k-other-month .k-nav-day { opacity: 0.6; } .k-dropdowngrid-popup { border-color: #bbdceb; color: #003f59; background-color: #fff; } .k-dropdowngrid-popup .k-header { background-image: linear-gradient("rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%"); border-color: #bbdceb; color: #00435e; background-color: #d9ecf5; } .k-dropdowngrid-popup .k-group-header { border-color: #bbdceb; color: #00435e; background-color: #d9ecf5; } .k-dropdowngrid-popup .k-cell { border-color: #bbdceb; } .k-dropdowngrid-popup .k-item:nth-child(2n) { background-color: #e6f2f8; } .k-dropdowngrid-popup .k-footer { border-color: #bbdceb; color: #00435e; background-color: #d9ecf5; } .k-dropdowngrid-popup .k-item.k-state-hover { background-image: linear-gradient("rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%"); border-color: #bbdceb; color: #003f59; background-color: #7bd2f6; } .k-dropdowngrid-popup .k-item.k-state-selected { background-image: linear-gradient("rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 100%"); border-color: #bbdceb; color: #fff; background-color: #13688c; } .k-dropdowngrid-popup .k-group-cell span { background-color: #003f59; color: #fff; } .k-grid-list > .k-item.k-last > .k-cell, .k-grid-list > .k-item.k-last > .k-group-cell, .k-grid-list > .k-item.k-last > .k-spacer-cell { border-bottom-color: #003f59; } .k-master-row .k-grid-content-sticky { background-color: #fff; } .k-master-row.k-alt .k-grid-content-sticky { background-color: #e6f2f8; } .k-master-row.k-state-selected .k-grid-content-sticky { background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 100%); background-color: #13688c; background-position: 50% 50%; } .k-master-row:hover .k-grid-content-sticky, .k-master-row.k-state-hover .k-grid-content-sticky { background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%); background-color: #7bd2f6; } .k-master-row.k-state-selected:hover .k-grid-content-sticky, .k-master-row.k-state-selected.k-state-hover .k-grid-content-sticky { background-color: #0d6a92; background-image: none; } .k-grid-header .k-grid-header-sticky, .k-master-row .k-grid-content-sticky, .k-grouping-row .k-grid-content-sticky, .k-footer-template .k-grid-footer-sticky { border-left-color: #459fc8; border-right-color: #459fc8; } .k-grid-header .k-filter-row .k-grid-header-sticky { background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%); background-position: 50% 53%; background-color: #d9ecf5; } .k-grid-header-locked, .k-grid-content-locked, .k-grid-header-locked .k-header, .k-grid-content-locked td { border-left-color: #459fc8; border-right-color: #459fc8; } .k-check-all-wrap { border-color: #bbdceb; } /** * Kendo UI v2021.2.511 (http://www.telerik.com/kendo-ui) * Copyright 2021 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved. * * Kendo UI commercial licenses may be obtained at * http://www.telerik.com/purchase/license-agreement/kendo-ui-complete * If you do not own a commercial license, this file shall be governed by the trial license terms. */ .k-sr-only { position: absolute; left: -1px; width: 1px; height: 1px; overflow: hidden; } .k-display-inline { display: inline !important; } .k-display-block { display: block !important; } .k-display-inline-block { display: inline-block !important; } .k-display-flex { display: -ms-flexbox !important; display: flex !important; } .k-display-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } .k-display-table { display: table !important; } .k-display-inline-table { display: inline-table !important; } .k-display-none, .k-hidden { display: none !important; } .k-d-flex { display: -ms-flexbox; display: flex; } .k-flex-row { -ms-flex-direction: row; flex-direction: row; } .k-flex-row-reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .k-flex-col { -ms-flex-direction: column; flex-direction: column; } .k-flex-col-reverse { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .k-flex-column { -ms-flex-direction: column; flex-direction: column; } .k-flex-column-reverse { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .k-flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .k-flex-nowrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .k-flex-wrap-reverse { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } .k-flex-initial { -ms-flex: 0 1 auto; flex: 0 1 auto; } .k-flex-1, .k-flex { -ms-flex: 1 1 0%; flex: 1 1 0%; } .k-flex-auto { -ms-flex: 1 1 auto; flex: 1 1 auto; } .k-flex-none, .k-no-flex { -ms-flex: none; flex: none; } .k-flex-grow { -ms-flex-positive: 1; flex-grow: 1; } .k-flex-grow-0, .k-no-flex-grow { -ms-flex-positive: 0; flex-grow: 0; } .k-flex-shrink { -ms-flex-negative: 1; flex-shrink: 1; } .k-flex-shrink-0, .k-no-flex-shrink { -ms-flex-negative: 0; flex-shrink: 0; } .k-flex-basis-auto { -ms-flex-preferred-size: auto; flex-basis: auto; } .k-flex-basis-0 { -ms-flex-preferred-size: 0%; flex-basis: 0%; } .k-align-items-start { -ms-flex-align: start; align-items: flex-start; } .k-align-items-end { -ms-flex-align: end; align-items: flex-end; } .k-align-items-center { -ms-flex-align: center; align-items: center; } .k-align-items-stretch { -ms-flex-align: stretch; align-items: stretch; } .k-align-items-baseline { -ms-flex-align: baseline; align-items: baseline; } .k-align-content-start { -ms-flex-line-pack: start; align-content: flex-start; } .k-align-content-end { -ms-flex-line-pack: end; align-content: flex-end; } .k-align-content-center { -ms-flex-line-pack: center; align-content: center; } .k-align-content-stretch { -ms-flex-line-pack: stretch; align-content: stretch; } .k-align-content-baseline { -ms-flex-line-pack: baseline; align-content: baseline; } .k-align-self-start { -ms-flex-item-align: start; align-self: flex-start; } .k-align-self-end { -ms-flex-item-align: end; align-self: flex-end; } .k-align-self-center { -ms-flex-item-align: center; align-self: center; } .k-align-self-stretch { -ms-flex-item-align: stretch; align-self: stretch; } .k-align-self-baseline { -ms-flex-item-align: baseline; align-self: baseline; } .k-justify-content-start { -ms-flex-pack: start; justify-content: flex-start; } .k-justify-content-end { -ms-flex-pack: end; justify-content: flex-end; } .k-justify-content-center { -ms-flex-pack: center; justify-content: center; } .k-justify-content-between { -ms-flex-pack: justify; justify-content: space-between; } .k-justify-content-around { -ms-flex-pack: distribute; justify-content: space-around; } .k-justify-content-evenly { -ms-flex-pack: space-evenly; justify-content: space-evenly; } .k-column { -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; } .k-float-left { float: left !important; } .k-float-right { float: right !important; } .k-float-none { float: none !important; } .k-clear-left { float: left !important; } .k-clear-right { float: right !important; } .k-clear-both { float: both !important; } .k-clear-none { float: none !important; } .k-floatwrap::after { content: ""; display: block; clear: both; } .k-d-grid { display: grid; } .k-grid-cols-none { grid-template-columns: none; } .k-grid-rows-none { grid-template-rows: none; } .k-grid-flow-col { grid-auto-flow: column; } .k-grid-flow-col-dense { grid-auto-flow: column dense; } .k-grid-flow-row { grid-auto-flow: row; } .k-grid-flow-row-dense { grid-auto-flow: row dense; } .k-colspan-all { grid-column: 1 / -1; } .k-colspan-auto { grid-column: auto; } .k-rowspan-all { grid-row: 1 / -1; } .k-rowspan-auto { grid-row: auto; } .k-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .k-colspan-1 { grid-column: span 1; } .k-col-start-1 { grid-column-start: 1; } .k-col-end-1 { grid-column-end: 1; } .k-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .k-colspan-2 { grid-column: span 2; } .k-col-start-2 { grid-column-start: 2; } .k-col-end-2 { grid-column-end: 2; } .k-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .k-colspan-3 { grid-column: span 3; } .k-col-start-3 { grid-column-start: 3; } .k-col-end-3 { grid-column-end: 3; } .k-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .k-colspan-4 { grid-column: span 4; } .k-col-start-4 { grid-column-start: 4; } .k-col-end-4 { grid-column-end: 4; } .k-grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .k-colspan-5 { grid-column: span 5; } .k-col-start-5 { grid-column-start: 5; } .k-col-end-5 { grid-column-end: 5; } .k-grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .k-colspan-6 { grid-column: span 6; } .k-col-start-6 { grid-column-start: 6; } .k-col-end-6 { grid-column-end: 6; } .k-grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .k-colspan-7 { grid-column: span 7; } .k-col-start-7 { grid-column-start: 7; } .k-col-end-7 { grid-column-end: 7; } .k-grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .k-colspan-8 { grid-column: span 8; } .k-col-start-8 { grid-column-start: 8; } .k-col-end-8 { grid-column-end: 8; } .k-grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); } .k-colspan-9 { grid-column: span 9; } .k-col-start-9 { grid-column-start: 9; } .k-col-end-9 { grid-column-end: 9; } .k-grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .k-colspan-10 { grid-column: span 10; } .k-col-start-10 { grid-column-start: 10; } .k-col-end-10 { grid-column-end: 10; } .k-grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); } .k-colspan-11 { grid-column: span 11; } .k-col-start-11 { grid-column-start: 11; } .k-col-end-11 { grid-column-end: 11; } .k-grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .k-colspan-12 { grid-column: span 12; } .k-col-start-12 { grid-column-start: 12; } .k-col-end-12 { grid-column-end: 12; } .k-grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .k-rowspan-1 { grid-row: span 1; } .k-row-start-1 { grid-row-start: 1; } .k-row-end-1 { grid-row-end: 1; } .k-grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); } .k-rowspan-2 { grid-row: span 2; } .k-row-start-2 { grid-row-start: 2; } .k-row-end-2 { grid-row-end: 2; } .k-grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); } .k-rowspan-3 { grid-row: span 3; } .k-row-start-3 { grid-row-start: 3; } .k-row-end-3 { grid-row-end: 3; } .k-grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); } .k-rowspan-4 { grid-row: span 4; } .k-row-start-4 { grid-row-start: 4; } .k-row-end-4 { grid-row-end: 4; } .k-grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); } .k-rowspan-5 { grid-row: span 5; } .k-row-start-5 { grid-row-start: 5; } .k-row-end-5 { grid-row-end: 5; } .k-grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); } .k-rowspan-6 { grid-row: span 6; } .k-row-start-6 { grid-row-start: 6; } .k-row-end-6 { grid-row-end: 6; } .k-grid-rows-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); } .k-rowspan-7 { grid-row: span 7; } .k-row-start-7 { grid-row-start: 7; } .k-row-end-7 { grid-row-end: 7; } .k-grid-rows-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); } .k-rowspan-8 { grid-row: span 8; } .k-row-start-8 { grid-row-start: 8; } .k-row-end-8 { grid-row-end: 8; } .k-grid-rows-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); } .k-rowspan-9 { grid-row: span 9; } .k-row-start-9 { grid-row-start: 9; } .k-row-end-9 { grid-row-end: 9; } .k-grid-rows-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); } .k-rowspan-10 { grid-row: span 10; } .k-row-start-10 { grid-row-start: 10; } .k-row-end-10 { grid-row-end: 10; } .k-order-first { -ms-flex-order: -9999 !important; order: -9999 !important; } .k-order-last { -ms-flex-order: 9999 !important; order: 9999 !important; } .k-order-none { -ms-flex-order: 0 !important; order: 0 !important; } .k-order-1 { -ms-flex-order: 1 !important; order: 1 !important; } .k-order-2 { -ms-flex-order: 2 !important; order: 2 !important; } .k-order-3 { -ms-flex-order: 3 !important; order: 3 !important; } .k-order-4 { -ms-flex-order: 4 !important; order: 4 !important; } .k-order-5 { -ms-flex-order: 5 !important; order: 5 !important; } .k-order-6 { -ms-flex-order: 6 !important; order: 6 !important; } .k-order-7 { -ms-flex-order: 7 !important; order: 7 !important; } .k-order-8 { -ms-flex-order: 8 !important; order: 8 !important; } .k-order-9 { -ms-flex-order: 9 !important; order: 9 !important; } .k-order-10 { -ms-flex-order: 10 !important; order: 10 !important; } .k-order-11 { -ms-flex-order: 11 !important; order: 11 !important; } .k-order-12 { -ms-flex-order: 12 !important; order: 12 !important; } .k-overflow-auto { overflow: auto !important; } .k-overflow-x-auto { overflow-x: auto !important; } .k-overflow-y-auto { overflow-y: auto !important; } .k-overflow-auto-auto { overflow: auto auto !important; } .k-overflow-auto-hidden { overflow: auto hidden !important; } .k-overflow-auto-visible { overflow: auto visible !important; } .k-overflow-auto-scroll { overflow: auto scroll !important; } .k-overflow-auto-clip { overflow: auto clip !important; } .k-overflow-hidden { overflow: hidden !important; } .k-overflow-x-hidden { overflow-x: hidden !important; } .k-overflow-y-hidden { overflow-y: hidden !important; } .k-overflow-hidden-auto { overflow: hidden auto !important; } .k-overflow-hidden-hidden { overflow: hidden hidden !important; } .k-overflow-hidden-visible { overflow: hidden visible !important; } .k-overflow-hidden-scroll { overflow: hidden scroll !important; } .k-overflow-hidden-clip { overflow: hidden clip !important; } .k-overflow-visible { overflow: visible !important; } .k-overflow-x-visible { overflow-x: visible !important; } .k-overflow-y-visible { overflow-y: visible !important; } .k-overflow-visible-auto { overflow: visible auto !important; } .k-overflow-visible-hidden { overflow: visible hidden !important; } .k-overflow-visible-visible { overflow: visible visible !important; } .k-overflow-visible-scroll { overflow: visible scroll !important; } .k-overflow-visible-clip { overflow: visible clip !important; } .k-overflow-scroll { overflow: scroll !important; } .k-overflow-x-scroll { overflow-x: scroll !important; } .k-overflow-y-scroll { overflow-y: scroll !important; } .k-overflow-scroll-auto { overflow: scroll auto !important; } .k-overflow-scroll-hidden { overflow: scroll hidden !important; } .k-overflow-scroll-visible { overflow: scroll visible !important; } .k-overflow-scroll-scroll { overflow: scroll scroll !important; } .k-overflow-scroll-clip { overflow: scroll clip !important; } .k-overflow-clip { overflow: clip !important; } .k-overflow-x-clip { overflow-x: clip !important; } .k-overflow-y-clip { overflow-y: clip !important; } .k-overflow-clip-auto { overflow: clip auto !important; } .k-overflow-clip-hidden { overflow: clip hidden !important; } .k-overflow-clip-visible { overflow: clip visible !important; } .k-overflow-clip-scroll { overflow: clip scroll !important; } .k-overflow-clip-clip { overflow: clip clip !important; } .k-pointer-events-none { pointer-events: none !important; } .k-pointer-events-auto { pointer-events: auto !important; } .k-static, .k-pos-static { position: static !important; } .k-relative, .k-pos-relative { position: relative !important; } .k-absolute, .k-pos-absolute { position: absolute !important; } .k-fixed, .k-pos-fixed { position: fixed !important; } .k-sticky, .k-pos-sticky { position: sticky !important; } .k-top, .k-pos-top { top: 0; } .k-right, .k-pos-right { right: 0; } .k-bottom, .k-pos-bottom { bottom: 0; } .k-left, .k-pos-left { left: 0; } .k-top-start, .k-pos-top-start { top: 0; left: 0; } .k-rtl .k-top-start, .k-rtl .k-pos-top-start, .k-top-start[dir="rtl"], .k-pos-top-start[dir="rtl"], [dir="rtl"] .k-top-start, [dir="rtl"] .k-pos-top-start { left: auto; right: 0; } .k-top-center, .k-pos-top-center { top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .k-top-end, .k-pos-top-end { top: 0; right: 0; } .k-rtl .k-top-end, .k-rtl .k-pos-top-end, .k-top-end[dir="rtl"], .k-pos-top-end[dir="rtl"], [dir="rtl"] .k-top-end, [dir="rtl"] .k-pos-top-end { right: auto; left: 0; } .k-bottom-start, .k-pos-bottom-start { bottom: 0; left: 0; } .k-rtl .k-bottom-start, .k-rtl .k-pos-bottom-start, .k-bottom-start[dir="rtl"], .k-pos-bottom-start[dir="rtl"], [dir="rtl"] .k-bottom-start, [dir="rtl"] .k-pos-bottom-start { left: auto; right: 0; } .k-bottom-center, .k-pos-bottom-center { bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .k-bottom-end, .k-pos-bottom-end { bottom: 0; right: 0; } .k-rtl .k-bottom-end, .k-rtl .k-pos-bottom-end, .k-bottom-end[dir="rtl"], .k-pos-bottom-end[dir="rtl"], [dir="rtl"] .k-bottom-end, [dir="rtl"] .k-pos-bottom-end { right: auto; left: 0; } .k-middle-start, .k-pos-middle-start { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; } .k-middle-end, .k-pos-middle-end { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; } .k-resize-none { resize: none !important; } .k-resize-both { resize: both !important; } .k-resize-horizontal { resize: horizontal !important; } .k-resize-vertical { resize: vertical !important; } .k-spacer { -ms-flex: 1 0 auto; flex: 1 0 auto; } .k-spacer-sized { -ms-flex-positive: 0; flex-grow: 0; } .k-p-0 { padding: 0 !important; } .k-pt-0 { padding-top: 0 !important; } .k-pr-0 { padding-right: 0 !important; } .k-pb-0 { padding-bottom: 0 !important; } .k-pl-0 { padding-left: 0 !important; } .k-m-0 { margin: 0 !important; } .k-mt-0 { margin-top: 0 !important; } .k-mr-0 { margin-right: 0 !important; } .k-mb-0 { margin-bottom: 0 !important; } .k-ml-0 { margin-left: 0 !important; } .k-px-0 { padding-left: 0 !important; padding-right: 0 !important; } .k-py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .k-mx-0 { padding-left: 0 !important; padding-right: 0 !important; } .k-my-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .k-p-1 { padding: 4px !important; } .k-pt-1 { padding-top: 4px !important; } .k-pr-1 { padding-right: 4px !important; } .k-pb-1 { padding-bottom: 4px !important; } .k-pl-1 { padding-left: 4px !important; } .k-m-1 { margin: 4px !important; } .k-mt-1 { margin-top: 4px !important; } .k-mr-1 { margin-right: 4px !important; } .k-mb-1 { margin-bottom: 4px !important; } .k-ml-1 { margin-left: 4px !important; } .k-px-1 { padding-left: 4px !important; padding-right: 4px !important; } .k-py-1 { padding-top: 4px !important; padding-bottom: 4px !important; } .k-mx-1 { padding-left: 4px !important; padding-right: 4px !important; } .k-my-1 { padding-top: 4px !important; padding-bottom: 4px !important; } .k-p-2 { padding: 8px !important; } .k-pt-2 { padding-top: 8px !important; } .k-pr-2 { padding-right: 8px !important; } .k-pb-2 { padding-bottom: 8px !important; } .k-pl-2 { padding-left: 8px !important; } .k-m-2 { margin: 8px !important; } .k-mt-2 { margin-top: 8px !important; } .k-mr-2 { margin-right: 8px !important; } .k-mb-2 { margin-bottom: 8px !important; } .k-ml-2 { margin-left: 8px !important; } .k-px-2 { padding-left: 8px !important; padding-right: 8px !important; } .k-py-2 { padding-top: 8px !important; padding-bottom: 8px !important; } .k-mx-2 { padding-left: 8px !important; padding-right: 8px !important; } .k-my-2 { padding-top: 8px !important; padding-bottom: 8px !important; } .k-p-3 { padding: 12px !important; } .k-pt-3 { padding-top: 12px !important; } .k-pr-3 { padding-right: 12px !important; } .k-pb-3 { padding-bottom: 12px !important; } .k-pl-3 { padding-left: 12px !important; } .k-m-3 { margin: 12px !important; } .k-mt-3 { margin-top: 12px !important; } .k-mr-3 { margin-right: 12px !important; } .k-mb-3 { margin-bottom: 12px !important; } .k-ml-3 { margin-left: 12px !important; } .k-px-3 { padding-left: 12px !important; padding-right: 12px !important; } .k-py-3 { padding-top: 12px !important; padding-bottom: 12px !important; } .k-mx-3 { padding-left: 12px !important; padding-right: 12px !important; } .k-my-3 { padding-top: 12px !important; padding-bottom: 12px !important; } .k-p-4 { padding: 16px !important; } .k-pt-4 { padding-top: 16px !important; } .k-pr-4 { padding-right: 16px !important; } .k-pb-4 { padding-bottom: 16px !important; } .k-pl-4 { padding-left: 16px !important; } .k-m-4 { margin: 16px !important; } .k-mt-4 { margin-top: 16px !important; } .k-mr-4 { margin-right: 16px !important; } .k-mb-4 { margin-bottom: 16px !important; } .k-ml-4 { margin-left: 16px !important; } .k-px-4 { padding-left: 16px !important; padding-right: 16px !important; } .k-py-4 { padding-top: 16px !important; padding-bottom: 16px !important; } .k-mx-4 { padding-left: 16px !important; padding-right: 16px !important; } .k-my-4 { padding-top: 16px !important; padding-bottom: 16px !important; } .k-p-5 { padding: 20px !important; } .k-pt-5 { padding-top: 20px !important; } .k-pr-5 { padding-right: 20px !important; } .k-pb-5 { padding-bottom: 20px !important; } .k-pl-5 { padding-left: 20px !important; } .k-m-5 { margin: 20px !important; } .k-mt-5 { margin-top: 20px !important; } .k-mr-5 { margin-right: 20px !important; } .k-mb-5 { margin-bottom: 20px !important; } .k-ml-5 { margin-left: 20px !important; } .k-px-5 { padding-left: 20px !important; padding-right: 20px !important; } .k-py-5 { padding-top: 20px !important; padding-bottom: 20px !important; } .k-mx-5 { padding-left: 20px !important; padding-right: 20px !important; } .k-my-5 { padding-top: 20px !important; padding-bottom: 20px !important; } .k-p-6 { padding: 24px !important; } .k-pt-6 { padding-top: 24px !important; } .k-pr-6 { padding-right: 24px !important; } .k-pb-6 { padding-bottom: 24px !important; } .k-pl-6 { padding-left: 24px !important; } .k-m-6 { margin: 24px !important; } .k-mt-6 { margin-top: 24px !important; } .k-mr-6 { margin-right: 24px !important; } .k-mb-6 { margin-bottom: 24px !important; } .k-ml-6 { margin-left: 24px !important; } .k-px-6 { padding-left: 24px !important; padding-right: 24px !important; } .k-py-6 { padding-top: 24px !important; padding-bottom: 24px !important; } .k-mx-6 { padding-left: 24px !important; padding-right: 24px !important; } .k-my-6 { padding-top: 24px !important; padding-bottom: 24px !important; } .k-p-7 { padding: 28px !important; } .k-pt-7 { padding-top: 28px !important; } .k-pr-7 { padding-right: 28px !important; } .k-pb-7 { padding-bottom: 28px !important; } .k-pl-7 { padding-left: 28px !important; } .k-m-7 { margin: 28px !important; } .k-mt-7 { margin-top: 28px !important; } .k-mr-7 { margin-right: 28px !important; } .k-mb-7 { margin-bottom: 28px !important; } .k-ml-7 { margin-left: 28px !important; } .k-px-7 { padding-left: 28px !important; padding-right: 28px !important; } .k-py-7 { padding-top: 28px !important; padding-bottom: 28px !important; } .k-mx-7 { padding-left: 28px !important; padding-right: 28px !important; } .k-my-7 { padding-top: 28px !important; padding-bottom: 28px !important; } .k-p-8 { padding: 32px !important; } .k-pt-8 { padding-top: 32px !important; } .k-pr-8 { padding-right: 32px !important; } .k-pb-8 { padding-bottom: 32px !important; } .k-pl-8 { padding-left: 32px !important; } .k-m-8 { margin: 32px !important; } .k-mt-8 { margin-top: 32px !important; } .k-mr-8 { margin-right: 32px !important; } .k-mb-8 { margin-bottom: 32px !important; } .k-ml-8 { margin-left: 32px !important; } .k-px-8 { padding-left: 32px !important; padding-right: 32px !important; } .k-py-8 { padding-top: 32px !important; padding-bottom: 32px !important; } .k-mx-8 { padding-left: 32px !important; padding-right: 32px !important; } .k-my-8 { padding-top: 32px !important; padding-bottom: 32px !important; } .k-p-9 { padding: 36px !important; } .k-pt-9 { padding-top: 36px !important; } .k-pr-9 { padding-right: 36px !important; } .k-pb-9 { padding-bottom: 36px !important; } .k-pl-9 { padding-left: 36px !important; } .k-m-9 { margin: 36px !important; } .k-mt-9 { margin-top: 36px !important; } .k-mr-9 { margin-right: 36px !important; } .k-mb-9 { margin-bottom: 36px !important; } .k-ml-9 { margin-left: 36px !important; } .k-px-9 { padding-left: 36px !important; padding-right: 36px !important; } .k-py-9 { padding-top: 36px !important; padding-bottom: 36px !important; } .k-mx-9 { padding-left: 36px !important; padding-right: 36px !important; } .k-my-9 { padding-top: 36px !important; padding-bottom: 36px !important; } .k-p-10 { padding: 40px !important; } .k-pt-10 { padding-top: 40px !important; } .k-pr-10 { padding-right: 40px !important; } .k-pb-10 { padding-bottom: 40px !important; } .k-pl-10 { padding-left: 40px !important; } .k-m-10 { margin: 40px !important; } .k-mt-10 { margin-top: 40px !important; } .k-mr-10 { margin-right: 40px !important; } .k-mb-10 { margin-bottom: 40px !important; } .k-ml-10 { margin-left: 40px !important; } .k-px-10 { padding-left: 40px !important; padding-right: 40px !important; } .k-py-10 { padding-top: 40px !important; padding-bottom: 40px !important; } .k-mx-10 { padding-left: 40px !important; padding-right: 40px !important; } .k-my-10 { padding-top: 40px !important; padding-bottom: 40px !important; } .k-p-11 { padding: 44px !important; } .k-pt-11 { padding-top: 44px !important; } .k-pr-11 { padding-right: 44px !important; } .k-pb-11 { padding-bottom: 44px !important; } .k-pl-11 { padding-left: 44px !important; } .k-m-11 { margin: 44px !important; } .k-mt-11 { margin-top: 44px !important; } .k-mr-11 { margin-right: 44px !important; } .k-mb-11 { margin-bottom: 44px !important; } .k-ml-11 { margin-left: 44px !important; } .k-px-11 { padding-left: 44px !important; padding-right: 44px !important; } .k-py-11 { padding-top: 44px !important; padding-bottom: 44px !important; } .k-mx-11 { padding-left: 44px !important; padding-right: 44px !important; } .k-my-11 { padding-top: 44px !important; padding-bottom: 44px !important; } .k-p-12 { padding: 48px !important; } .k-pt-12 { padding-top: 48px !important; } .k-pr-12 { padding-right: 48px !important; } .k-pb-12 { padding-bottom: 48px !important; } .k-pl-12 { padding-left: 48px !important; } .k-m-12 { margin: 48px !important; } .k-mt-12 { margin-top: 48px !important; } .k-mr-12 { margin-right: 48px !important; } .k-mb-12 { margin-bottom: 48px !important; } .k-ml-12 { margin-left: 48px !important; } .k-px-12 { padding-left: 48px !important; padding-right: 48px !important; } .k-py-12 { padding-top: 48px !important; padding-bottom: 48px !important; } .k-mx-12 { padding-left: 48px !important; padding-right: 48px !important; } .k-my-12 { padding-top: 48px !important; padding-bottom: 48px !important; } .k-p-13 { padding: 52px !important; } .k-pt-13 { padding-top: 52px !important; } .k-pr-13 { padding-right: 52px !important; } .k-pb-13 { padding-bottom: 52px !important; } .k-pl-13 { padding-left: 52px !important; } .k-m-13 { margin: 52px !important; } .k-mt-13 { margin-top: 52px !important; } .k-mr-13 { margin-right: 52px !important; } .k-mb-13 { margin-bottom: 52px !important; } .k-ml-13 { margin-left: 52px !important; } .k-px-13 { padding-left: 52px !important; padding-right: 52px !important; } .k-py-13 { padding-top: 52px !important; padding-bottom: 52px !important; } .k-mx-13 { padding-left: 52px !important; padding-right: 52px !important; } .k-my-13 { padding-top: 52px !important; padding-bottom: 52px !important; } .k-p-14 { padding: 56px !important; } .k-pt-14 { padding-top: 56px !important; } .k-pr-14 { padding-right: 56px !important; } .k-pb-14 { padding-bottom: 56px !important; } .k-pl-14 { padding-left: 56px !important; } .k-m-14 { margin: 56px !important; } .k-mt-14 { margin-top: 56px !important; } .k-mr-14 { margin-right: 56px !important; } .k-mb-14 { margin-bottom: 56px !important; } .k-ml-14 { margin-left: 56px !important; } .k-px-14 { padding-left: 56px !important; padding-right: 56px !important; } .k-py-14 { padding-top: 56px !important; padding-bottom: 56px !important; } .k-mx-14 { padding-left: 56px !important; padding-right: 56px !important; } .k-my-14 { padding-top: 56px !important; padding-bottom: 56px !important; } .k-p-15 { padding: 60px !important; } .k-pt-15 { padding-top: 60px !important; } .k-pr-15 { padding-right: 60px !important; } .k-pb-15 { padding-bottom: 60px !important; } .k-pl-15 { padding-left: 60px !important; } .k-m-15 { margin: 60px !important; } .k-mt-15 { margin-top: 60px !important; } .k-mr-15 { margin-right: 60px !important; } .k-mb-15 { margin-bottom: 60px !important; } .k-ml-15 { margin-left: 60px !important; } .k-px-15 { padding-left: 60px !important; padding-right: 60px !important; } .k-py-15 { padding-top: 60px !important; padding-bottom: 60px !important; } .k-mx-15 { padding-left: 60px !important; padding-right: 60px !important; } .k-my-15 { padding-top: 60px !important; padding-bottom: 60px !important; } .k-p-16 { padding: 64px !important; } .k-pt-16 { padding-top: 64px !important; } .k-pr-16 { padding-right: 64px !important; } .k-pb-16 { padding-bottom: 64px !important; } .k-pl-16 { padding-left: 64px !important; } .k-m-16 { margin: 64px !important; } .k-mt-16 { margin-top: 64px !important; } .k-mr-16 { margin-right: 64px !important; } .k-mb-16 { margin-bottom: 64px !important; } .k-ml-16 { margin-left: 64px !important; } .k-px-16 { padding-left: 64px !important; padding-right: 64px !important; } .k-py-16 { padding-top: 64px !important; padding-bottom: 64px !important; } .k-mx-16 { padding-left: 64px !important; padding-right: 64px !important; } .k-my-16 { padding-top: 64px !important; padding-bottom: 64px !important; } .k-p-17 { padding: 68px !important; } .k-pt-17 { padding-top: 68px !important; } .k-pr-17 { padding-right: 68px !important; } .k-pb-17 { padding-bottom: 68px !important; } .k-pl-17 { padding-left: 68px !important; } .k-m-17 { margin: 68px !important; } .k-mt-17 { margin-top: 68px !important; } .k-mr-17 { margin-right: 68px !important; } .k-mb-17 { margin-bottom: 68px !important; } .k-ml-17 { margin-left: 68px !important; } .k-px-17 { padding-left: 68px !important; padding-right: 68px !important; } .k-py-17 { padding-top: 68px !important; padding-bottom: 68px !important; } .k-mx-17 { padding-left: 68px !important; padding-right: 68px !important; } .k-my-17 { padding-top: 68px !important; padding-bottom: 68px !important; } .k-p-18 { padding: 72px !important; } .k-pt-18 { padding-top: 72px !important; } .k-pr-18 { padding-right: 72px !important; } .k-pb-18 { padding-bottom: 72px !important; } .k-pl-18 { padding-left: 72px !important; } .k-m-18 { margin: 72px !important; } .k-mt-18 { margin-top: 72px !important; } .k-mr-18 { margin-right: 72px !important; } .k-mb-18 { margin-bottom: 72px !important; } .k-ml-18 { margin-left: 72px !important; } .k-px-18 { padding-left: 72px !important; padding-right: 72px !important; } .k-py-18 { padding-top: 72px !important; padding-bottom: 72px !important; } .k-mx-18 { padding-left: 72px !important; padding-right: 72px !important; } .k-my-18 { padding-top: 72px !important; padding-bottom: 72px !important; } .k-p-19 { padding: 76px !important; } .k-pt-19 { padding-top: 76px !important; } .k-pr-19 { padding-right: 76px !important; } .k-pb-19 { padding-bottom: 76px !important; } .k-pl-19 { padding-left: 76px !important; } .k-m-19 { margin: 76px !important; } .k-mt-19 { margin-top: 76px !important; } .k-mr-19 { margin-right: 76px !important; } .k-mb-19 { margin-bottom: 76px !important; } .k-ml-19 { margin-left: 76px !important; } .k-px-19 { padding-left: 76px !important; padding-right: 76px !important; } .k-py-19 { padding-top: 76px !important; padding-bottom: 76px !important; } .k-mx-19 { padding-left: 76px !important; padding-right: 76px !important; } .k-my-19 { padding-top: 76px !important; padding-bottom: 76px !important; } .k-p-20 { padding: 80px !important; } .k-pt-20 { padding-top: 80px !important; } .k-pr-20 { padding-right: 80px !important; } .k-pb-20 { padding-bottom: 80px !important; } .k-pl-20 { padding-left: 80px !important; } .k-m-20 { margin: 80px !important; } .k-mt-20 { margin-top: 80px !important; } .k-mr-20 { margin-right: 80px !important; } .k-mb-20 { margin-bottom: 80px !important; } .k-ml-20 { margin-left: 80px !important; } .k-px-20 { padding-left: 80px !important; padding-right: 80px !important; } .k-py-20 { padding-top: 80px !important; padding-bottom: 80px !important; } .k-mx-20 { padding-left: 80px !important; padding-right: 80px !important; } .k-my-20 { padding-top: 80px !important; padding-bottom: 80px !important; } .k-p-21 { padding: 84px !important; } .k-pt-21 { padding-top: 84px !important; } .k-pr-21 { padding-right: 84px !important; } .k-pb-21 { padding-bottom: 84px !important; } .k-pl-21 { padding-left: 84px !important; } .k-m-21 { margin: 84px !important; } .k-mt-21 { margin-top: 84px !important; } .k-mr-21 { margin-right: 84px !important; } .k-mb-21 { margin-bottom: 84px !important; } .k-ml-21 { margin-left: 84px !important; } .k-px-21 { padding-left: 84px !important; padding-right: 84px !important; } .k-py-21 { padding-top: 84px !important; padding-bottom: 84px !important; } .k-mx-21 { padding-left: 84px !important; padding-right: 84px !important; } .k-my-21 { padding-top: 84px !important; padding-bottom: 84px !important; } .k-p-22 { padding: 88px !important; } .k-pt-22 { padding-top: 88px !important; } .k-pr-22 { padding-right: 88px !important; } .k-pb-22 { padding-bottom: 88px !important; } .k-pl-22 { padding-left: 88px !important; } .k-m-22 { margin: 88px !important; } .k-mt-22 { margin-top: 88px !important; } .k-mr-22 { margin-right: 88px !important; } .k-mb-22 { margin-bottom: 88px !important; } .k-ml-22 { margin-left: 88px !important; } .k-px-22 { padding-left: 88px !important; padding-right: 88px !important; } .k-py-22 { padding-top: 88px !important; padding-bottom: 88px !important; } .k-mx-22 { padding-left: 88px !important; padding-right: 88px !important; } .k-my-22 { padding-top: 88px !important; padding-bottom: 88px !important; } .k-p-23 { padding: 92px !important; } .k-pt-23 { padding-top: 92px !important; } .k-pr-23 { padding-right: 92px !important; } .k-pb-23 { padding-bottom: 92px !important; } .k-pl-23 { padding-left: 92px !important; } .k-m-23 { margin: 92px !important; } .k-mt-23 { margin-top: 92px !important; } .k-mr-23 { margin-right: 92px !important; } .k-mb-23 { margin-bottom: 92px !important; } .k-ml-23 { margin-left: 92px !important; } .k-px-23 { padding-left: 92px !important; padding-right: 92px !important; } .k-py-23 { padding-top: 92px !important; padding-bottom: 92px !important; } .k-mx-23 { padding-left: 92px !important; padding-right: 92px !important; } .k-my-23 { padding-top: 92px !important; padding-bottom: 92px !important; } .k-p-24 { padding: 96px !important; } .k-pt-24 { padding-top: 96px !important; } .k-pr-24 { padding-right: 96px !important; } .k-pb-24 { padding-bottom: 96px !important; } .k-pl-24 { padding-left: 96px !important; } .k-m-24 { margin: 96px !important; } .k-mt-24 { margin-top: 96px !important; } .k-mr-24 { margin-right: 96px !important; } .k-mb-24 { margin-bottom: 96px !important; } .k-ml-24 { margin-left: 96px !important; } .k-px-24 { padding-left: 96px !important; padding-right: 96px !important; } .k-py-24 { padding-top: 96px !important; padding-bottom: 96px !important; } .k-mx-24 { padding-left: 96px !important; padding-right: 96px !important; } .k-my-24 { padding-top: 96px !important; padding-bottom: 96px !important; } .k-p-xs { padding: 4px !important; } .k-pt-xs { padding-top: 4px !important; } .k-pr-xs { padding-right: 4px !important; } .k-pb-xs { padding-bottom: 4px !important; } .k-pl-xs { padding-left: 4px !important; } .k-m-xs { margin: 4px !important; } .k-mt-xs { margin-top: 4px !important; } .k-mr-xs { margin-right: 4px !important; } .k-mb-xs { margin-bottom: 4px !important; } .k-ml-xs { margin-left: 4px !important; } .k-px-xs { padding-left: 4px !important; padding-right: 4px !important; } .k-py-xs { padding-top: 4px !important; padding-bottom: 4px !important; } .k-mx-xs { padding-left: 4px !important; padding-right: 4px !important; } .k-my-xs { padding-top: 4px !important; padding-bottom: 4px !important; } .k-p-sm { padding: 8px !important; } .k-pt-sm { padding-top: 8px !important; } .k-pr-sm { padding-right: 8px !important; } .k-pb-sm { padding-bottom: 8px !important; } .k-pl-sm { padding-left: 8px !important; } .k-m-sm { margin: 8px !important; } .k-mt-sm { margin-top: 8px !important; } .k-mr-sm { margin-right: 8px !important; } .k-mb-sm { margin-bottom: 8px !important; } .k-ml-sm { margin-left: 8px !important; } .k-px-sm { padding-left: 8px !important; padding-right: 8px !important; } .k-py-sm { padding-top: 8px !important; padding-bottom: 8px !important; } .k-mx-sm { padding-left: 8px !important; padding-right: 8px !important; } .k-my-sm { padding-top: 8px !important; padding-bottom: 8px !important; } .k-p-md { padding: 12px !important; } .k-pt-md { padding-top: 12px !important; } .k-pr-md { padding-right: 12px !important; } .k-pb-md { padding-bottom: 12px !important; } .k-pl-md { padding-left: 12px !important; } .k-m-md { margin: 12px !important; } .k-mt-md { margin-top: 12px !important; } .k-mr-md { margin-right: 12px !important; } .k-mb-md { margin-bottom: 12px !important; } .k-ml-md { margin-left: 12px !important; } .k-px-md { padding-left: 12px !important; padding-right: 12px !important; } .k-py-md { padding-top: 12px !important; padding-bottom: 12px !important; } .k-mx-md { padding-left: 12px !important; padding-right: 12px !important; } .k-my-md { padding-top: 12px !important; padding-bottom: 12px !important; } .k-p-lg { padding: 16px !important; } .k-pt-lg { padding-top: 16px !important; } .k-pr-lg { padding-right: 16px !important; } .k-pb-lg { padding-bottom: 16px !important; } .k-pl-lg { padding-left: 16px !important; } .k-m-lg { margin: 16px !important; } .k-mt-lg { margin-top: 16px !important; } .k-mr-lg { margin-right: 16px !important; } .k-mb-lg { margin-bottom: 16px !important; } .k-ml-lg { margin-left: 16px !important; } .k-px-lg { padding-left: 16px !important; padding-right: 16px !important; } .k-py-lg { padding-top: 16px !important; padding-bottom: 16px !important; } .k-mx-lg { padding-left: 16px !important; padding-right: 16px !important; } .k-my-lg { padding-top: 16px !important; padding-bottom: 16px !important; } .k-p-xl { padding: 24px !important; } .k-pt-xl { padding-top: 24px !important; } .k-pr-xl { padding-right: 24px !important; } .k-pb-xl { padding-bottom: 24px !important; } .k-pl-xl { padding-left: 24px !important; } .k-m-xl { margin: 24px !important; } .k-mt-xl { margin-top: 24px !important; } .k-mr-xl { margin-right: 24px !important; } .k-mb-xl { margin-bottom: 24px !important; } .k-ml-xl { margin-left: 24px !important; } .k-px-xl { padding-left: 24px !important; padding-right: 24px !important; } .k-py-xl { padding-top: 24px !important; padding-bottom: 24px !important; } .k-mx-xl { padding-left: 24px !important; padding-right: 24px !important; } .k-my-xl { padding-top: 24px !important; padding-bottom: 24px !important; } .k-p-thin { padding: 2px !important; } .k-pt-thin { padding-top: 2px !important; } .k-pr-thin { padding-right: 2px !important; } .k-pb-thin { padding-bottom: 2px !important; } .k-pl-thin { padding-left: 2px !important; } .k-m-thin { margin: 2px !important; } .k-mt-thin { margin-top: 2px !important; } .k-mr-thin { margin-right: 2px !important; } .k-mb-thin { margin-bottom: 2px !important; } .k-ml-thin { margin-left: 2px !important; } .k-px-thin { padding-left: 2px !important; padding-right: 2px !important; } .k-py-thin { padding-top: 2px !important; padding-bottom: 2px !important; } .k-mx-thin { padding-left: 2px !important; padding-right: 2px !important; } .k-my-thin { padding-top: 2px !important; padding-bottom: 2px !important; } .k-p-hair { padding: 1px !important; } .k-pt-hair { padding-top: 1px !important; } .k-pr-hair { padding-right: 1px !important; } .k-pb-hair { padding-bottom: 1px !important; } .k-pl-hair { padding-left: 1px !important; } .k-m-hair { margin: 1px !important; } .k-mt-hair { margin-top: 1px !important; } .k-mr-hair { margin-right: 1px !important; } .k-mb-hair { margin-bottom: 1px !important; } .k-ml-hair { margin-left: 1px !important; } .k-px-hair { padding-left: 1px !important; padding-right: 1px !important; } .k-py-hair { padding-top: 1px !important; padding-bottom: 1px !important; } .k-mx-hair { padding-left: 1px !important; padding-right: 1px !important; } .k-my-hair { padding-top: 1px !important; padding-bottom: 1px !important; } .k-table-layout-fixed { table-layout: fixed; } .k-table-layout-auto { table-layout: auto; } .k-text-nowrap { white-space: nowrap !important; } .k-text-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .k-text-left { text-align: left !important; } .k-text-right { text-align: right !important; } .k-text-center { text-align: center !important; } .k-text-justify { text-align: justify !important; } .k-text-lowercase { text-transform: lowercase !important; } .k-text-uppercase { text-transform: uppercase !important; } .k-text-capitalize { text-transform: capitalize !important; } .k-font-weight-light { font-weight: 300 !important; } .k-font-weight-normal { font-weight: 400 !important; } .k-font-weight-bold { font-weight: 700 !important; } .k-touch-action-none { -ms-touch-action: none !important; touch-action: none !important; } .k-touch-action-auto { -ms-touch-action: auto !important; touch-action: auto !important; } .k-flip-h { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .k-flip-v { -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); } .k-flip-h.k-flip-v { -webkit-transform: scale(-1, -1); -ms-transform: scale(-1, -1); transform: scale(-1, -1); } .k-rotate-45 { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .k-rotate-90 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .k-rotate-135 { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .k-rotate-180 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .k-rotate-225 { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } .k-rotate-270 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .k-rotate-315 { -webkit-transform: rotate(315deg); -ms-transform: rotate(315deg); transform: rotate(315deg); } .k-scale-0 { -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); } .k-scale-1 { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } .k-scale-2 { -webkit-transform: scale(2, 2); -ms-transform: scale(2, 2); transform: scale(2, 2); } .k-translate-0 { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .k-translate-0-50 { -webkit-transform: translate(0, 50%); -ms-transform: translate(0, 50%); transform: translate(0, 50%); } .k-translate-0-100 { -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); } .k-translate-50-0 { -webkit-transform: translate(50%, 0); -ms-transform: translate(50%, 0); transform: translate(50%, 0); } .k-translate-50-50 { -webkit-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); transform: translate(50%, 50%); } .k-translate-50-100 { -webkit-transform: translate(50%, 100%); -ms-transform: translate(50%, 100%); transform: translate(50%, 100%); } .k-translate-100-0 { -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); } .k-translate-100-50 { -webkit-transform: translate(100%, 50%); -ms-transform: translate(100%, 50%); transform: translate(100%, 50%); } .k-translate-100-100 { -webkit-transform: translate(100%, 100%); -ms-transform: translate(100%, 100%); transform: translate(100%, 100%); } .k-user-select-none { -webkit-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .k-user-select-auto { -webkit-user-select: auto !important; -ms-user-select: auto !important; user-select: auto !important; } .k-user-select-text { -webkit-user-select: text !important; -ms-user-select: text !important; user-select: text !important; } .k-user-select-all { -webkit-user-select: all !important; -ms-user-select: all !important; user-select: all !important; } .k-user-select-contain { -webkit-user-select: contain !important; -ms-user-select: element !important; user-select: contain !important; } .fake { color: red; } .k-common-test-class { opacity: 0; } .k-reset { margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; font-size: 100%; list-style: none; } .k-no-click { pointer-events: none; } .k-floatwrap:after, .k-slider-items:after { content: ""; display: block; clear: both; visibility: hidden; height: 0; overflow: hidden; } .k-floatwrap, .k-slider-items { display: inline-block; } .k-floatwrap, .k-slider-items { display: block; } .k-block, .k-header, .k-grid-header, .k-toolbar, .k-grouping-header, .k-pager-wrap, .k-tabstrip-items .k-item, .k-link.k-state-hover, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap, .k-dropdown-wrap.k-state-hover, .k-picker-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-draghandle { background-repeat: repeat; background-position: 0 center; } .k-link:hover { text-decoration: none; } .k-state-highlight > .k-link { color: inherit; } .k-textbox, .k-textbox > input, .k-textbox > .k-input, .k-textarea, .k-textarea > textarea, .k-textarea > .k-input .k-multiselect .k-input, .k-input[type="text"], .k-input[type="number"], .k-picker-wrap .k-input { font-size: 100%; font-family: inherit; border-style: solid; border-width: 1px; -webkit-appearance: none; } .k-textbox > .k-input, .k-textarea > .k-input, .k-searchbox > .k-input { margin: 0; width: 100%; min-width: 0; border: 0; outline: 0; box-sizing: border-box; box-shadow: none; color: inherit; background: none; font: inherit; display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-align: center; align-items: center; -ms-flex: 0 1 auto; flex: 0 1 auto; overflow: hidden; text-overflow: ellipsis; -webkit-appearance: none; } .k-widget, .k-block, .k-inline-block, .k-draghandle { border-style: solid; border-width: 1px; -webkit-appearance: none; } .k-block, .k-widget { line-height: normal; outline: 0; } .k-widget .k-input::-ms-clear, .k-list-filter ::-ms-clear { width: 0; height: 0; } .k-block, .k-widget, .k-grid, .k-slider, .k-splitter, .k-treeview, .k-panelbar, .k-content, .k-header-column-menu { outline: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-block, .k-slider, .k-splitbar, .k-calendar, .k-treeview, .k-pager-wrap, .k-grid-header .k-i-link-horizontal, .k-header-column-menu { -webkit-touch-callout: none; } .k-header-column-menu { color: inherit; } .k-block { padding: 2px; } .k-block > .k-header { margin: -2px 0 10px -2px; padding: 0.3em 2px; width: 100%; border-bottom-style: solid; border-bottom-width: 1px; font-size: 1.2em; white-space: nowrap; min-height: 16px; position: relative; } a.k-button-expand { display: block; } button.k-button-expand, input[type="submit"].k-button-expand, input[type="button"].k-button-expand, input[type="reset"].k-button-expand { width: 100%; } .k-toolbar .k-button-icontext { padding-right: 0.8em; } .k-link { cursor: pointer; outline: 0; text-decoration: none; } .k-grid-header span.k-link { cursor: default; } .k-state-disabled, .k-state-disabled .k-link, .k-state-disabled .k-icon, .k-state-disabled .k-draghandle, .k-state-disabled .k-upload-button input { cursor: default !important; pointer-events: none; outline: 0; } .k-state-disabled { opacity: 0.7; } .k-state-disabled > .k-button { opacity: 1; } @media print { .k-state-disabled, .k-state-disabled .k-input { opacity: 1 !important; } } .k-state-error { border-style: ridge; } .k-state-empty { font-style: italic; } .k-icon.k-i-none { background-image: none !important; } .k-image { border: 0; } .k-widget .k-icon.k-i-expand, .k-widget .k-icon.k-i-collapse { cursor: pointer; } html .k-success-colored { color: #507f50; border-color: #d0dfd0; background-color: #f0fff0; } html .k-info-colored { color: #50607f; border-color: #d0d9df; background-color: #f0f9ff; } html .k-error-colored { color: #7f5050; border-color: #dfd0d0; background-color: #fff0f0; } .k-inline-block { padding: 0 2px; } .k-loading, .k-loading-image { background-color: transparent; background-repeat: no-repeat; background-position: center center; } .k-icon.k-i-loading { background-color: transparent; background-repeat: no-repeat; background-position: center center; } .k-icon.k-i-loading::before { content: ""; display: none; } .k-loading-mask, .k-loading-image, .k-loading-text { position: absolute; } .k-loading-mask { z-index: 100; } .k-loading-mask.k-opaque .k-loading-color { opacity: 1; } .k-loading-mask .k-loading-progress { margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .k-loading-text { text-indent: -4000px; text-align: center; } .k-loading-image, .k-loading-color { width: 100%; height: 100%; } .k-loading-image { top: 0; left: 0; z-index: 2; } .k-loading-color { opacity: 0.3; } .k-content-frame { border: 0; width: 100%; height: 100%; } .k-pane > .k-splitter-overlay { opacity: 0; position: absolute; } .k-drag-clue { position: absolute; z-index: 10003; border-style: solid; border-width: 1px; font-size: 0.9em; padding: 0.2em 0.4em; white-space: nowrap; cursor: default; } .k-item.k-drag-clue { font-size: inherit; } .k-drag-status { margin-top: -3px; margin-right: 4px; vertical-align: middle; } .k-reorder-cue { position: absolute; width: 1px; overflow: visible; } .k-reorder-cue .k-icon { position: absolute; left: -4px; width: 8px; height: 4px; } .k-reorder-cue .k-i-arrow-60-down { top: -4px; } .k-reorder-cue .k-i-arrow-60-up { bottom: -4px; } .k-scrollbar { position: absolute; overflow: scroll; } .k-scrollbar-vertical { top: 0; right: 0; width: 17px; height: 100%; overflow-x: hidden; } .k-touch-scrollbar { display: none; position: absolute; z-index: 200000; height: 8px; width: 8px; border: 1px solid #8a8a8a; background-color: #858585; } @media only screen and (-webkit-min-device-pixel-ratio: 2) { body .k-touch-scrollbar { height: 12px; width: 12px; border-radius: 7px; } } .k-virtual-scrollable-wrap { overflow-x: auto; } .k-current-time { background: #f00; position: absolute; } .k-current-time-arrow-down { width: 0; height: 0; background: transparent; border-bottom: 4px solid transparent; border-top: 4px solid #f00; border-left: 4px solid transparent; border-right: 4px solid transparent; } .k-current-time-arrow-left { width: 0; height: 0; background: transparent; border-bottom: 4px solid transparent; border-top: 4px solid transparent; border-left: 4px solid transparent; border-right: 4px solid #f00; } .k-current-time-arrow-right { width: 0; height: 0; background: transparent; border-bottom: 4px solid transparent; border-top: 4px solid transparent; border-left: 4px solid #f00; border-right: 4px solid transparent; } .k-animation-container, .k-widget, .k-widget *, .k-animation-container *, .k-widget *:before, .k-animation-container *:after, .k-block .k-header, .k-list-container { box-sizing: content-box; } .k-textbox, .k-autocomplete, .k-tabstrip > .k-content > .km-scroll-container, .k-block, .k-edit-cell .k-widget, .k-grid-edit-row .k-widget, .k-grid-edit-row .text-box, .km-actionsheet > li, .km-shim { box-sizing: border-box; } .input-group .form-control { box-sizing: border-box; } .form-control.k-widget { padding: 0; } .km-widget, .km-widget * { -moz-background-clip: border-box; -webkit-background-clip: border-box; background-clip: border-box; } .k-pdf-export-shadow { position: absolute; overflow: hidden; left: -15000px; width: 14400px; } .km-native-scroller { overflow: auto; -webkit-overflow-scrolling: touch; -ms-touch-action: pan-x pan-y; -ms-overflow-style: -ms-autohiding-scrollbar; -ms-scroll-snap-type: proximity; } .k-hr { margin: 0.5em auto; padding: 0; height: 0; border-width: 1px 0 0; border-style: solid; display: block; float: none; clear: both; } .k-icon, .k-tool-icon { position: relative; display: inline-block; overflow: hidden; width: 1em; height: 1em; text-align: center; vertical-align: middle; background-image: none; font: 16px/1 'WebComponentsIcons'; speak: none; font-variant: normal; text-transform: none; text-indent: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: inherit; } .k-drop-hint { display: -ms-flexbox; display: flex; gap: 4px; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; position: absolute; z-index: 1000; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .k-drop-hint-start, .k-drop-hint-end { -ms-flex-negative: 0; flex-shrink: 0; border-width: 4px; border-style: solid; border-color: transparent; } .k-drop-hint-line { -ms-flex-positive: 1; flex-grow: 1; } .k-drop-hint-h .k-drop-hint-start { border-left-width: 6.92820323px; border-right-width: 0; } .k-drop-hint-h .k-drop-hint-line { width: 20px; height: 1px; } .k-drop-hint-h .k-drop-hint-end { border-right-width: 6.92820323px; border-left-width: 0; } .k-drop-hint-v { -ms-flex-direction: column; flex-direction: column; } .k-drop-hint-v .k-drop-hint-start { border-top-width: 6.92820323px; border-bottom-width: 0; } .k-drop-hint-v .k-drop-hint-line { width: 1px; height: 20px; } .k-drop-hint-v .k-drop-hint-end { border-bottom-width: 6.92820323px; border-top-width: 0; } .k-column-menu .k-sprite, .k-grid-mobile .k-resize-handle-inner:before, .k-grid-mobile .k-resize-handle-inner:after, .k-pager-numbers .k-current-page .k-link:after, .k-gantt-views > .k-current-view > .k-link:after { position: relative; display: inline-block; overflow: hidden; width: 1em; height: 1em; text-align: center; vertical-align: middle; background-image: none; font: 16px/1 'WebComponentsIcons'; speak: none; font-variant: normal; text-transform: none; text-indent: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .k-icon:before { margin: auto; width: 1em; height: 1em; line-height: 1; display: inline-block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .k-button.k-button-icon .k-icon, .k-grid-filter .k-icon, .k-header .k-icon { text-indent: -99999px; overflow: hidden; } .k-button.k-button-icon .k-icon:before, .k-grid-filter .k-icon:before, .k-header .k-icon:before { text-indent: 0; } .k-sprite { width: 16px; height: 16px; font-size: 0; line-height: 0; text-align: center; background-repeat: no-repeat; background-color: transparent; display: inline-block; vertical-align: middle; overflow: hidden; -ms-high-contrast-adjust: none; } .k-list-container .k-footer:before, .k-list-container .k-footer:after { content: ""; display: block; overflow: hidden; } .k-reorder-cue { position: absolute; } .k-reorder-cue::before, .k-reorder-cue::after { content: ""; width: 0; height: 0; border: 3px solid transparent; position: absolute; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .k-reorder-cue::before { border-bottom-width: 0; border-top-color: currentColor; top: -4px; } .k-reorder-cue::after { border-top-width: 0; border-bottom-color: currentColor; bottom: -4px; } .k-flip-h { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .k-flip-v { -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); } .k-flip-h.k-flip-v { -webkit-transform: scale(-1, -1); -ms-transform: scale(-1, -1); transform: scale(-1, -1); } .k-text-align-left, .k-text-left { text-align: left; } .k-text-align-center, .k-text-center { text-align: center; } .k-text-align-right, .k-text-right { text-align: right; } .k-text-align-justify, .k-text-justify { text-align: justify; } script { display: none !important; } .k-button { margin: 0; padding: 4px 8px; box-sizing: border-box; border-width: 1px; border-style: solid; background-repeat: repeat-x; background-position: 0 center; font: inherit; line-height: 1.42857143; text-align: center; text-decoration: none; display: -ms-inline-flexbox; display: inline-flex; overflow: hidden; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; vertical-align: middle; -webkit-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; outline: none; -webkit-appearance: none; position: relative; } .k-button::-moz-focus-inner { padding: 0; border: 0; outline: 0; } .k-button:hover, .k-button:focus { text-decoration: none; outline: 0; } .k-button .k-text, .k-button .k-button-text { overflow: hidden; white-space: nowrap; } .k-button .k-icon, .k-button .k-image, .k-button .k-sprite { color: inherit; -ms-flex-item-align: center; align-self: center; pointer-events: none; } .k-button-icontext { overflow: visible; } .k-button-icontext .k-icon, .k-button-icontext .k-image, .k-button-icontext .k-sprite { margin-right: 3px; margin-right: 0.1875em; margin-left: -2px; margin-left: -0.125em; } .k-button-icon { width: calc(1.4285714286em + 10px); height: calc(1.4285714286em + 10px); padding: 4px; } .k-button-icon .k-text, .k-button-icon .k-button-text { display: none; } .k-button[disabled], .k-state-disabled .k-button, .k-button.k-state-disabled { cursor: default; outline: 0; box-shadow: none; opacity: 0.6; } a.k-button-expand { display: block; } button.k-button-expand, input[type="submit"].k-button-expand, input[type="button"].k-button-expand, input[type="reset"].k-button-expand { width: 100%; } .k-button.k-flat { border-color: transparent !important; color: inherit; background: none !important; box-shadow: none !important; transition: color 0.2s ease-in-out; } .k-button.k-flat:hover, .k-button.k-flat.k-state-hover, .k-button.k-flat:active, .k-button.k-flat.k-state-active, .k-button.k-flat:hover:active, .k-button.k-flat:hover.k-state-active { color: inherit; } .k-button.k-flat::before { display: block; } .k-button.k-flat::after { display: block; } .k-button.k-flat:focus::after, .k-button.k-flat.k-state-focused::after { box-shadow: inset 0 0 0 2px currentColor; opacity: 0.12; } .k-button.k-flat[disabled], .k-state-disabled .k-button.k-flat, .k-button.k-flat.k-state-disabled { pointer-events: none; } .k-button::before { border-radius: inherit; content: ""; background: currentColor; opacity: 0; display: none; pointer-events: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; transition: opacity 0.2s ease-in-out; } .k-button:hover::before, .k-button.k-state-hover::before { opacity: 0.08; } .k-button.k-no-focus:not(:hover)::before, .k-button.k-no-focus:not(.k-state-hover)::before { opacity: 0; } .k-button:active::before, .k-button.k-state-active::before { opacity: 0.16; } .k-button.k-state-selected::before { opacity: 0.2; } .k-button::after { border-radius: inherit; content: ""; opacity: 0; display: none; pointer-events: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; transition: opacity 0.2s ease-in-out; } .k-button-group { margin: 0; padding: 0; border-width: 0; list-style: none; white-space: nowrap; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: row; flex-direction: row; vertical-align: middle; position: relative; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .k-button-group .k-button { position: relative; } .k-button-group .k-button + .k-button { margin-left: -1px; } .k-button-group.k-button-group-stretched { display: -ms-flexbox; display: flex; } .k-button-group.k-button-group-stretched .k-button { -ms-flex: 1 0 auto; flex: 1 0 auto; } .k-button-group .k-button:active, .k-button-group .k-button.k-state-active { z-index: 2; } .k-button-group .k-button:hover, .k-button-group .k-button.k-state-hover { z-index: 3; } .k-button-group .k-button.k-state-disabled, .k-button-group.k-state-disabled .k-button { z-index: auto; } .k-button-group .k-button:focus, .k-button-group .k-button.k-state-focused { z-index: 4; } .k-button-group > input[type="radio"], .k-button-group > input[type="checkbox"], .k-button-group label input[type="radio"], .k-button-group label input[type="checkbox"] { margin: 0; padding: 0; clip: rect(0, 0, 0, 0); position: absolute; pointer-events: none; } .k-split-button { margin: 0; padding: 0; border-width: 0; border-radius: 0; outline: 0; list-style: none; display: -ms-inline-flexbox; display: inline-flex; -ms-flex: row nowrap; flex: row nowrap; vertical-align: middle; } .k-split-button > .k-split-button-arrow, .k-split-button > .k-button:last-child { margin-left: -1px; padding: 4px; width: auto; -ms-flex: none; flex: none; } .k-split-container > li { padding: 1px; } .k-split-container .k-button { width: 100%; border-color: transparent; background-color: transparent; background-image: none !important; text-align: left; white-space: nowrap; -ms-flex-pack: start; justify-content: flex-start; } .k-action-buttons { margin: 1em 0 0; padding: 6px 8px; text-align: right; position: relative; clear: both; } .k-action-buttons .k-button { min-width: 75px; } .k-action-buttons .k-button + .k-button { margin-left: 6px; } .k-action-buttons .k-button.k-left { float: left; margin: 0 0 0 1em; } .k-rtl .k-button-group .k-button { margin-left: 0; } .k-rtl .k-button-group .k-button + .k-button { margin-right: -1px; } .k-rtl .k-split-button .k-split-button-arrow { margin-left: 0; margin-right: -1px; } .k-rtl .k-split-container .k-button { text-align: right; } .k-no-flexbox .k-button { display: inline-block; } .k-no-flexbox .k-button-group { display: inline-block; } .k-no-flexbox .k-button-group:after { content: ""; display: block; clear: both; } .k-no-flexbox .k-button-group .k-button { display: inline-block; vertical-align: top; } .k-toolbar { margin: 0; padding: 2px 4px; border-width: 1px; border-style: solid; border-radius: 0; outline: 0; font-size: inherit; line-height: 1.42857143; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; position: relative; overflow: hidden; box-sizing: border-box; } .k-toolbar::before { content: ""; height: calc(1.4285714286em + 10px); } .k-toolbar.k-toolbar-resizable { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .k-toolbar > * { margin-top: 2px; margin-bottom: 2px; margin-right: 4px; -ms-flex-negative: 0; flex-shrink: 0; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: center; align-content: center; vertical-align: middle; } .k-toolbar > * > label { margin-right: 4px; } .k-toolbar > :last-child { margin-right: 0; } .k-toolbar .k-button, .k-toolbar .k-button-group, .k-toolbar .k-separator, .k-toolbar .k-split-button, .k-toolbar .k-textbox, .k-toolbar .k-widget, .k-toolbar label { -ms-flex-item-align: center; align-self: center; } .k-toolbar .k-split-button > .k-button { -ms-flex-item-align: stretch; align-self: stretch; } .k-toolbar .k-overflow-anchor { margin: 0; width: calc(1.4285714286em + 18px); height: 100%; border-width: 0; border-left-width: 1px; border-radius: 0; border-color: inherit; box-sizing: border-box; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; right: 0; } .k-toolbar .k-separator, .k-toolbar .k-toolbar-separator { width: 0; height: 1.42857143em; border-width: 0 0 0 1px; border-style: solid; } .k-toolbar .k-spacer, .k-toolbar .k-toolbar-spacer { height: 1.42857143em; -ms-flex: 1 1 auto; flex: 1 1 auto; } .k-overflow-container > .k-item { padding: 1px; } .k-overflow-container .k-overflow-tool-group { display: block; } .k-overflow-container .k-overflow-button { width: 100%; border-color: transparent; background-color: transparent; background-image: none !important; text-align: left; -ms-flex-pack: start; justify-content: flex-start; } .k-overflow-container .k-button-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .k-overflow-container .k-button-group .k-button ~ .k-button { margin: 0; } .k-overflow-container .k-split-button { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .k-overflow-container .k-split-button .k-button { padding: 4px 8px; } .k-overflow-container .k-split-button .k-button ~ .k-button { margin: 0; } .k-overflow-container .k-separator { display: none; } .k-overflow-container .k-overflow-hidden { display: none; } .k-rtl .k-toolbar > * { margin-right: 0; margin-left: 4px; } .k-rtl .k-toolbar > :last-child { margin-left: 0; } .k-rtl .k-toolbar .k-overflow-anchor { border-left-width: 0; border-right-width: 1px; right: auto; left: 0; } .k-rtl .k-overflow-container .k-overflow-button { text-align: right; } .k-no-flexbox .k-toolbar { display: block; } .k-no-flexbox .k-toolbar.k-toolbar-resizable { white-space: nowrap; } .k-no-flexbox .k-toolbar > * { display: inline-block; vertical-align: middle; } .k-no-flexbox .k-toolbar > .k-align-left { float: none; } .k-no-flexbox .k-toolbar > .k-align-right { float: right; } .k-rpanel-left { -webkit-transform: translateX(-100%) translateZ(0); -ms-transform: translateX(-100%) translateZ(0); transform: translateX(-100%) translateZ(0); left: 0; } .k-rpanel-right { -webkit-transform: translateX(100%) translateZ(0); -ms-transform: translateX(100%) translateZ(0); transform: translateX(100%) translateZ(0); right: 0; } .k-rpanel-left, .k-rpanel-right { position: fixed; display: block; overflow: auto; min-width: 320px; height: 100%; top: 0; } .k-rpanel-left.k-rpanel-expanded, .k-rpanel-right.k-rpanel-expanded { -webkit-transform: translateX(0) translateZ(0); -ms-transform: translateX(0) translateZ(0); transform: translateX(0) translateZ(0); } .k-rpanel-left + *, .k-rpanel-right + * { overflow: auto; } .k-ie9 .k-rpanel-left { left: -100%; } .k-ie9 .k-rpanel-left.k-rpanel-expanded { left: 0; } .k-rpanel-top { position: static; max-height: 0; } .k-rpanel-top.k-rpanel-expanded { max-height: 568px; overflow: visible !important; } .k-rpanel-toggle { -ms-touch-action: manipulation; touch-action: manipulation; } .k-form { border-width: 0; box-sizing: border-box; font-size: inherit; line-height: 1.42857143; } .k-form-fieldset { margin: 32px 0 0; padding: 0 0; border-width: 0; box-sizing: border-box; } .k-form-fieldset > *:first-child { margin-top: 0; } .k-form-legend { margin: 0 0 16px; padding: 0 0; border-style: solid; width: 100%; border-width: 0 0 2px; box-sizing: border-box; font-size: inherit; line-height: 1.42857143; text-transform: uppercase; } .k-form-field { margin: 0 0 16px; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .k-form-field:first-child { margin-top: 0; } .k-form-field > .k-label, .k-form-field > .k-form-label { margin: 0 0 4px; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-negative: 0; flex-shrink: 0; } .k-form-field .k-checkbox-label, .k-form-field .k-radio-label { display: -ms-inline-flexbox; display: inline-flex; } .k-form-field .k-textbox, .k-form-field .k-textarea, .k-form-field .k-autocomplete, .k-form-field .k-combobox, .k-form-field .k-dropdown, .k-form-field .k-dropdowntree, .k-form-field .k-dateinput, .k-form-field .k-datepicker, .k-form-field .k-datetimepicker, .k-form-field .k-daterangepicker-wrap, .k-form-field .k-maskedtextbox, .k-form-field .k-multiselect, .k-form-field .k-numerictextbox, .k-form-field .k-timepicker, .k-form-field .k-textbox-container, .k-form-field .k-floating-label-container { width: 100%; } .k-form-hint, .k-form-error { padding: 4px 0 0; margin: 0 0 4px; font-size: 12px; display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .k-form-horizontal .k-form-field { display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .k-form-horizontal .k-form-field > .k-label, .k-form-horizontal .k-form-field > .k-form-label { margin-right: 10px; padding-top: 5px; width: 25%; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .k-form-horizontal .k-form-field .k-label-optional { margin: 0; -ms-flex-item-align: inherit; align-self: inherit; } .k-form-horizontal .k-form-field-wrap { -ms-flex: 1; flex: 1; } .k-form-buttons { margin: 16px 0 0; padding: 0 0; border-width: 0; border-top-width: 0; border-style: solid; display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .k-form-buttons > * { -webkit-margin-start: 8px; margin-inline-start: 8px; } .k-form-buttons > :first-child { -webkit-margin-start: 0; margin-inline-start: 0; } .k-form-buttons.k-buttons-end { -ms-flex-pack: end; justify-content: flex-end; } .k-edit-form { margin: 0; padding: 0; } .k-window > div.k-popup-edit-form { padding: 1em 0; } .k-grid-edit-row .k-edit-form td { border-bottom-width: 0; } .k-edit-form-container { position: relative; width: 400px; } .k-edit-label, .k-edit-form-container .editor-label { float: left; clear: both; width: 30%; padding: 0.4em 0 1em; margin-left: 2%; text-align: right; } .k-edit-field, .k-edit-form-container .editor-field { float: right; clear: right; width: 60%; margin-right: 2%; padding: 0 0 0.6em; } .k-edit-field.k-no-editor, .k-edit-form-container .editor-field.k-no-editor { padding: 0.4em 0 1em; } .k-edit-form-container .k-button { margin: 0 0.16em; } .k-edit-form-container .k-button-group .k-button { margin-right: 0; } .k-edit-field > .k-button:first-child { margin-left: 0; } .k-edit-form-container .k-edit-buttons { clear: both; text-align: right; border-width: 1px 0 0; border-style: solid; position: relative; bottom: -1em; padding: 0.6em; } .k-tabstrip { margin: 0; padding: 0; zoom: 1; position: relative; } .k-tabstrip-items { padding: 0.3em 0.3em 0; } .k-tabstrip-scrollable .k-tabstrip-items { white-space: nowrap; overflow: hidden; } .k-tabstrip > .k-button.k-flat { position: absolute; top: 0.27em; z-index: 2; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .k-tabstrip-bottom > .k-button.k-flat { top: auto; bottom: 0.15em; } .k-tabstrip-prev { left: 0.4em; } .k-tabstrip-next { right: 0.4em; } .k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item { list-style-type: none; display: inline-block; position: relative; border-style: solid; border-width: 1px 1px 0; padding: 0; vertical-align: top; } .k-tabstrip-items > .k-item { overflow: hidden; } .k-tabstrip-items .k-tab-on-top, .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-items .k-state-active { margin-bottom: -1px; padding-bottom: 1px; } .k-tabstrip-top > .k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item { margin: 0 -1px 0 0; } .k-tabstrip-top > .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-top > .k-tabstrip-items .k-state-active { border-bottom-width: 1px; margin-bottom: -1px; padding-bottom: 0px; } .k-tabstrip-items .k-tab-on-top { z-index: 1; } .k-tabstrip-items .k-link, .k-panelbar .k-tabstrip-items .k-link { display: inline-block; border-bottom-width: 0; padding: 0.5em 0.92em; } .k-tabstrip-items .k-icon, .k-panelbar .k-tabstrip-items .k-icon { margin: -1px 4px 0 -3px; vertical-align: top; } .k-tabstrip-items .k-item .k-image, .k-tabstrip-items .k-item .k-sprite, .k-panelbar .k-tabstrip-items .k-item .k-image, .k-panelbar .k-tabstrip-items .k-item .k-sprite { margin: -3px 3px 0 -6px; vertical-align: middle; } .k-tabstrip-items .k-loading { top: 0; left: 0; height: 0; width: 20%; position: absolute; background: transparent; border-top: 1px solid transparent; border-color: inherit; transition: width 200ms linear; -webkit-animation: k-tab-loader 1s ease-in-out infinite; animation: k-tab-loader 1s ease-in-out infinite; } .k-tabstrip-items .k-progress { -webkit-animation: none; animation: none; } .k-tabstrip-items .k-loading.k-complete { width: 100%; -webkit-animation: none; animation: none; } .k-tabstrip > .k-content, .k-panelbar .k-tabstrip > .k-content { position: static; border-style: solid; border-width: 1px; margin: 0 0.286em 0.3em; padding: 0.92em; zoom: 1; } .k-tabstrip > .k-content { display: none; overflow: auto; } .k-tabstrip > .k-content:focus { outline-width: 1px; outline-style: dotted; outline-offset: -1px; } .k-tabstrip > .k-content.km-scroll-wrapper { padding: 0; } .k-tabstrip > .k-content > .km-scroll-container { padding: 0.3em 0.92em; } @-webkit-keyframes k-tab-loader { 0% { left: 0; } 50% { left: 80%; } 100% { left: 0; } } @keyframes k-tab-loader { 0% { left: 0; } 50% { left: 80%; } 100% { left: 0; } } .k-tabstrip-left > div.k-content, .k-tabstrip-right > div.k-content { margin: 0.286em 0.3em; } .k-tabstrip-left > .k-tabstrip-items .k-item, .k-tabstrip-right > .k-tabstrip-items .k-item { display: block; margin-bottom: -1px; } .k-tabstrip-left > .k-tabstrip-items .k-link, .k-tabstrip-right > .k-tabstrip-items .k-link { display: block; } .k-tabstrip-left > .k-tabstrip-items .k-tab-on-top, .k-tabstrip-right > .k-tabstrip-items .k-tab-on-top, .k-tabstrip-left > .k-tabstrip-items .k-state-active, .k-tabstrip-right > .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-left > .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-right > .k-tabstrip-items .k-state-active { margin-bottom: -1px; padding-bottom: 0; } .k-tabstrip-left > .k-tabstrip-items { float: left; padding: 0.25em 0 0.3em 0.3em; } .k-tabstrip-left > .k-tabstrip-items .k-item { border-width: 1px 0 1px 1px; border-radius: 3px 0 0 3px; } .k-tabstrip-left > .k-tabstrip-items .k-state-active { border-width: 1px 0 1px 1px; } .k-tabstrip-left > .k-tabstrip-items .k-tab-on-top, .k-tabstrip-left > .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-left > .k-tabstrip-items .k-state-active { margin-right: -1px; padding-right: 1px; } .k-tabstrip-right > .k-tabstrip-items { float: right; padding: 0.25em 0.3em 0.3em 0; } .k-tabstrip-right > .k-tabstrip-items .k-item { border-width: 1px 1px 1px 0; border-radius: 0 3px 3px 0; } .k-tabstrip-right > .k-tabstrip-items .k-state-active { border-width: 1px 1px 1px 0; } .k-tabstrip-right > .k-tabstrip-items .k-tab-on-top, .k-tabstrip-right > .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-right > .k-tabstrip-items .k-state-active { margin-left: -1px; padding-left: 1px; } .k-tabstrip-bottom > .k-tabstrip-items { margin-top: -1px; padding: 0 0.3em 0.3em; } .k-tabstrip-bottom > .k-content, .k-panelbar .k-tabstrip-bottom > .k-content { margin: 0.3em 0.286em 0; z-index: 1; position: relative; } .k-tabstrip-bottom > .k-tabstrip-items .k-item { border-width: 0 1px 1px; border-radius: 0 0 4px 4px; } .k-tabstrip-bottom > .k-tabstrip-items .k-state-active { margin-bottom: 0; padding-bottom: 0; } .k-tabstrip-bottom > .k-content { min-height: 100px; } .k-tabstrip-bottom > .k-tabstrip-items .k-loading { top: auto; bottom: 0; } .k-panelbar { zoom: 1; } .k-panelbar > .k-item, .k-panel > .k-item { list-style-type: none; display: block; border-width: 0; margin: 0; zoom: 1; border-radius: 0; } .k-panelbar .k-link > .k-image, .k-panelbar .k-link > .k-sprite { margin-top: -2px; margin-right: 5px; vertical-align: middle; } .k-panelbar > .k-item > .k-link, .k-panel > .k-item > .k-link { color: inherit; display: block; position: relative; border-bottom-style: solid; border-bottom-width: 1px; padding: 0 1em; line-height: 2.34em; text-decoration: none; zoom: 1; } .k-panelbar-expand.k-icon, .k-panelbar-collapse.k-icon { position: absolute; top: 50%; right: 4px; margin-top: -8px; } .k-panelbar .k-panel, .k-panelbar .k-content { position: relative; border-bottom-style: solid; border-bottom-width: 1px; margin: 0; padding: 0; zoom: 1; } .k-panel > .k-item > .k-link { border-bottom: 0; font-size: 0.95em; line-height: 2.2; } .k-panel .k-panel > .k-item > .k-link { padding-left: 2em; } .k-panelbar .k-i-arrow-end-right .k-link { border-bottom: 0; } .k-panel .k-panel { border-bottom: 0; } .k-pager-wrap { padding: 4px 4px; border-width: 1px; border-style: solid; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; overflow: hidden; cursor: default; -ms-flex: 0 0 auto; flex: 0 0 auto; } .k-pager-wrap .k-link { color: inherit; text-decoration: none; outline: 0; font: inherit; background-color: inherit; } .k-pager-wrap .k-widget, .k-pager-wrap select.k-dropdown { font-size: inherit; } .k-rtl .k-pager-wrap .k-i-arrow-end-left, .k-pager-wrap[dir="rtl"] .k-i-arrow-end-left, [dir="rtl"] .k-pager-wrap .k-i-arrow-end-left, .k-rtl .k-pager-wrap .k-i-arrow-60-left, .k-pager-wrap[dir="rtl"] .k-i-arrow-60-left, [dir="rtl"] .k-pager-wrap .k-i-arrow-60-left, .k-rtl .k-pager-wrap .k-i-arrow-60-right, .k-pager-wrap[dir="rtl"] .k-i-arrow-60-right, [dir="rtl"] .k-pager-wrap .k-i-arrow-60-right, .k-rtl .k-pager-wrap .k-i-arrow-end-right, .k-pager-wrap[dir="rtl"] .k-i-arrow-end-right, [dir="rtl"] .k-pager-wrap .k-i-arrow-end-right, .k-rtl .k-pager-wrap .k-i-seek-w, .k-pager-wrap[dir="rtl"] .k-i-seek-w, [dir="rtl"] .k-pager-wrap .k-i-seek-w, .k-rtl .k-pager-wrap .k-i-arrow-w, .k-pager-wrap[dir="rtl"] .k-i-arrow-w, [dir="rtl"] .k-pager-wrap .k-i-arrow-w, .k-rtl .k-pager-wrap .k-i-arrow-e, .k-pager-wrap[dir="rtl"] .k-i-arrow-e, [dir="rtl"] .k-pager-wrap .k-i-arrow-e, .k-rtl .k-pager-wrap .k-i-seek-e, .k-pager-wrap[dir="rtl"] .k-i-seek-e, [dir="rtl"] .k-pager-wrap .k-i-seek-e { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .k-pager-nav { border-radius: 3em; padding: 4px 4px; min-width: 2.14em; height: 2.14em; border-width: 1px; border-style: solid; outline: 0; box-sizing: border-box; color: inherit; text-align: center; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; } .k-pager-nav:hover { z-index: 2; } .k-pager-nav.k-state-disabled { color: inherit; } .k-pager-numbers-wrap { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; position: relative; } .k-pager-numbers-wrap select.k-dropdown { height: 100%; display: none; cursor: pointer; } .k-pager-numbers { margin: 0; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; } .k-pager-numbers li { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: row; flex-direction: row; } .k-pager-numbers .k-link { border-radius: 3em; padding: 4px 4px; min-width: 2.14em; height: 2.14em; border-width: 1px; border-style: solid; outline: 0; box-sizing: border-box; color: inherit; text-align: center; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; } .k-pager-numbers .k-link:hover { z-index: 2; } .k-pager-numbers .k-link.k-state-disabled { color: inherit; } .k-pager-numbers .k-state-selected { cursor: inherit; z-index: 2; } .k-pager-nav + .k-pager-nav, .k-pager-nav + .k-pager-numbers-wrap, .k-pager-numbers-wrap + .k-pager-nav, .k-pager-numbers li + li { margin-left: 2px; } .k-rtl .k-pager-nav + .k-pager-nav, .k-rtl .k-pager-nav + .k-pager-numbers-wrap, .k-rtl .k-pager-numbers-wrap + .k-pager-nav, .k-rtl .k-pager-numbers li + li, [dir="rtl"] .k-pager-nav + .k-pager-nav, [dir="rtl"] .k-pager-nav + .k-pager-numbers-wrap, [dir="rtl"] .k-pager-numbers-wrap + .k-pager-nav, [dir="rtl"] .k-pager-numbers li + li { margin-left: 0; margin-right: 2px; } .k-pager-input { margin-left: 1em; margin-right: 1em; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; } .k-pager-input .k-textbox { margin: 0 1ex; width: 3em; } .k-pager-sizes { margin-left: 1em; margin-right: 1em; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; } .k-pager-sizes .k-dropdown, .k-pager-sizes > select { margin-right: 1ex; width: 5em; } .k-rtl .k-pager-sizes .k-dropdown, [dir="rtl"] .k-pager-sizes .k-dropdown, .k-rtl .k-pager-sizes > select, [dir="rtl"] .k-pager-sizes > select { margin-left: 1ex; margin-right: 0; } .k-pager-info { margin-left: 1em; margin-right: 1em; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; text-align: right; -ms-flex-pack: end; justify-content: flex-end; -ms-flex: 1 1 0%; flex: 1 1 0%; -ms-flex-order: 9; order: 9; } .k-pager-refresh { border-radius: 3em; padding: 4px 4px; min-width: 2.14em; height: 2.14em; border-width: 1px; border-style: solid; outline: 0; box-sizing: border-box; color: inherit; text-align: center; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; margin-left: auto; -ms-flex-order: 10; order: 10; } .k-pager-refresh:hover { z-index: 2; } .k-pager-refresh.k-state-disabled { color: inherit; } .k-rtl .k-pager-refresh, [dir="rtl"] .k-pager-refresh { margin-left: 0; margin-right: auto; } .k-pager-sm { overflow: visible; } .k-pager-sm.k-pager-wrap .k-pager-numbers-wrap { margin-top: 0; margin-bottom: 0; -ms-flex-item-align: center; align-self: center; } .k-pager-sm .k-pager-numbers-wrap { margin-left: 1em; margin-right: 1em; width: 5em; height: 2.14em; box-sizing: border-box; border-color: inherit; } .k-pager-sm .k-pager-numbers-wrap select.k-dropdown { width: 100%; display: -ms-flexbox; display: flex; box-sizing: border-box; } .k-rtl .k-pager-sm .k-pager-numbers-wrap, .k-pager-sm[dir="rtl"] .k-pager-numbers-wrap, [dir="rtl"] .k-pager-sm .k-pager-numbers-wrap { margin-left: 1em; margin-right: 1em; } .k-pager-md .k-pager-info, .k-pager-sm .k-pager-info, .k-pager-sm .k-pager-sizes, .k-pager-sm .k-pager-numbers { display: none; } .k-menu { cursor: default; } .k-menu .k-link { white-space: nowrap; } .k-menu .k-item > .k-link { color: inherit; } .k-menu, .k-menu-scroll-wrapper .k-menu-group, .k-popups-wrapper .k-menu-group, .k-menu .k-menu-group { list-style: none; margin: 0; padding: 0; zoom: 1; } .k-menu:after { content: ''; display: block; width: 99%; height: 0; float: inherit; clear: both; } .k-menu-scroll-wrapper .k-item, .k-popups-wrapper .k-item, .k-menu .k-item { -webkit-user-select: none; -ms-user-select: none; user-select: none; } .k-popups-wrapper .k-item .k-item, .k-popups-wrapper.vertical > .k-item, .k-menu-scroll-wrapper .k-item .k-item, .k-menu-scroll-wrapper.vertical > .k-item, .k-menu .k-item .k-item, ul.k-menu-vertical > .k-item { display: block; float: none; border-width: 0; } .k-menu-scroll-wrapper .k-item > .k-link > .k-icon, .k-menu-scroll-wrapper .k-image, .k-menu-scroll-wrapper .k-sprite, .k-popups-wrapper .k-item > .k-link > .k-icon, .k-popups-wrapper .k-image, .k-popups-wrapper .k-sprite, .k-menu .k-item > .k-link > .k-icon, .k-menu .k-image, .k-menu .k-sprite { margin: -2px 4px 0 -4px; vertical-align: middle; } .k-menu-scroll-wrapper .k-item > .k-link, .k-popups-wrapper .k-item > .k-link, .k-menu .k-item > .k-link { display: block; padding: 0.5em 1.1em 0.4em; line-height: 1.34em; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .k-menu-vertical > .k-menu-item > .k-menu-link { padding-right: 2em; } .k-menu-scroll-wrapper .k-menu-group, .k-popups-wrapper .k-menu-group, .k-menu .k-menu-group { display: none; border-style: solid; border-width: 1px; overflow: visible; white-space: nowrap; } .k-menu-scroll-wrapper .k-menu-group > .k-item, .k-popups-wrapper .k-menu-group > .k-item, .k-menu .k-menu-group > .k-item { display: block; border-width: 0; } .k-menu-scroll-wrapper .k-item, .k-menu-scroll-wrapper.horizontal > .k-item, .k-popups-wrapper .k-item, .k-popups-wrapper.horizontal > .k-item, .k-menu .k-item, .k-widget.k-menu-horizontal > .k-item { position: relative; float: left; border-style: solid; border-width: 0 1px 0 0; vertical-align: top; zoom: 1; box-sizing: content-box; } .k-column-menu-group-header, .k-menu-scroll-wrapper .k-menu-group .k-item > .k-link, .k-popups-wrapper.vertical > .k-item > .k-link, .k-context-menu.k-menu-vertical > .k-item > .k-link, .k-menu .k-menu-group .k-item > .k-link { padding: 0.28em 1.8em 0.38em 0.9em; } .k-popups-wrapper.horizontal > .k-separator, .k-context-menu.k-menu-horizontal > .k-separator { display: none; } .k-popups-wrapper.horizontal > .k-item, .k-context-menu.k-menu-horizontal > .k-item { box-sizing: border-box; } .k-popups-wrapper.horizontal > .k-last, .k-context-menu.k-menu-horizontal > .k-last { border: 0; } .k-popups-wrapper .k-item > .k-link > .k-menu-expand-arrow, .k-menu-horizontal > .k-item > .k-link > .k-menu-expand-arrow { margin: -2px 0 0; } .k-menu-scroll-wrapper .k-item > .k-link > .k-i-arrow-60-down, .k-popups-wrapper .k-item > .k-link > .k-i-arrow-60-down, .k-menu .k-item > .k-link > .k-i-arrow-60-down { margin-right: -8px; } .k-menu-scroll-wrapper .k-item > .k-link > .k-i-arrow-60-right, .k-popups-wrapper .k-item > .k-link > .k-i-arrow-60-right, .k-menu-group .k-item > .k-link > .k-menu-expand-arrow, .k-menu-vertical .k-item > .k-link > .k-menu-expand-arrow { position: absolute; top: 50%; margin-top: -8px; right: 0.2rem; } .k-menu-scroll-wrapper .k-animation-container, .k-popups-wrapper .k-animation-container, .k-menu .k-animation-container { border: 0; } .k-menu-scroll-wrapper .k-animation-container, .k-menu-scroll-wrapper .k-menu-group, .k-popups-wrapper .k-animation-container, .k-popups-wrapper .k-menu-group, .k-menu .k-animation-container, .k-menu .k-menu-group { position: absolute; left: 0; } .k-menu-scroll-wrapper .k-animation-container .k-animation-container, .k-menu-scroll-wrapper .k-menu-group .k-menu-group, .k-menu-scroll-wrapper.vertical .k-animation-container, .k-menu-scroll-wrapper.vertical .k-menu-group, .k-popups-wrapper .k-animation-container .k-animation-container, .k-popups-wrapper .k-menu-group .k-menu-group, .k-popups-wrapper.vertical .k-animation-container, .k-popups-wrapper.vertical .k-menu-group, .k-menu .k-animation-container .k-animation-container, .k-menu .k-menu-group .k-menu-group, .k-menu-vertical .k-animation-container, .k-menu-vertical .k-menu-group { top: 0; left: 0; } .k-menu-scroll-wrapper .k-animation-container .k-menu-group, .k-popups-wrapper .k-animation-container .k-menu-group, .k-menu .k-animation-container .k-menu-group { top: auto; left: auto; margin-left: -1px; } .k-menu .k-animation-container, .k-menu-scroll-wrapper .k-animation-container, .k-popups-wrapper .k-animation-container, .k-popup .k-animation-container { margin-top: -1px; padding-left: 1px; } .k-ie .k-menu .k-animation-container, .k-ie .k-menu-scroll-wrapper .k-animation-container, .k-ie .k-popups-wrapper .k-animation-container, .k-ie .k-popup .k-animation-container { margin-top: -2px; } .k-popup .k-animation-container .k-popup { margin-left: -1px; } .k-menu-scroll-wrapper .k-separator, .k-popups-wrapper .k-separator, ul.k-menu .k-separator { padding: 0.25em 0; height: 100%; width: 1px; font-size: 0; line-height: 0; border-width: 0 1px 0 0; } .k-menu-scroll-wrapper.vertical .k-separator, .k-menu-scroll-wrapper.vertical .k-menu-group .k-separator, .k-popups-wrapper.vertical .k-separator, .k-popups-wrapper.vertical .k-menu-group .k-separator, ul.k-menu-vertical .k-separator, .k-menu .k-menu-group .k-separator { padding: 0; height: 1px; width: 100%; border-width: 1px 0 0; } .k-popups-wrapper .k-widget.k-menu, .k-menu-scroll-wrapper .k-widget.k-menu { white-space: nowrap; overflow: hidden; } .k-popups-wrapper.vertical .k-menu.k-menu-vertical, .k-menu-scroll-wrapper.vertical .k-menu.k-menu-vertical { height: 100%; box-sizing: border-box; } .k-popups-wrapper.horizontal .k-menu.k-menu-horizontal > .k-item, .k-menu-scroll-wrapper.horizontal .k-menu.k-menu-horizontal > .k-item { display: inline-block; overflow: hidden; float: none; } .k-popups-wrapper.vertical .k-menu.k-menu-vertical > .k-item, .k-menu-scroll-wrapper.vertical .k-menu.k-menu-vertical > .k-item { overflow: hidden; } .k-popups-wrapper, .k-menu-scroll-wrapper { position: relative; border: 0; margin: 0; padding: 0; } .k-popups-wrapper.vertical, .k-menu-scroll-wrapper.vertical { height: 100%; } .k-popups-wrapper > .k-animation-container .k-item, .k-menu-scroll-wrapper > .k-animation-container .k-item { float: none; } .k-popups-wrapper .k-menu-scroll-button, .k-menu-scroll-wrapper .k-menu-scroll-button { border-radius: 0; position: absolute; display: none; } .k-popups-wrapper .k-scroll-up, .k-menu-scroll-wrapper .k-scroll-up { top: 0; left: 0; } .k-popups-wrapper .k-scroll-down, .k-menu-scroll-wrapper .k-scroll-down { bottom: 0; left: 0; } .k-popups-wrapper .k-scroll-up, .k-menu-scroll-wrapper .k-scroll-up, .k-popups-wrapper .k-scroll-down, .k-menu-scroll-wrapper .k-scroll-down { width: 100%; height: 16px; padding: 0em 0.7em; line-height: 0.2em; } .k-popups-wrapper .k-scroll-left, .k-menu-scroll-wrapper .k-scroll-left { top: 0; left: 0; } .k-popups-wrapper .k-scroll-right, .k-menu-scroll-wrapper .k-scroll-right { top: 0; right: 0; } .k-popups-wrapper .k-scroll-left, .k-menu-scroll-wrapper .k-scroll-left, .k-popups-wrapper .k-scroll-right, .k-menu-scroll-wrapper .k-scroll-right { width: 16px; height: 100%; padding-left: 0; padding-right: 0; } .k-popups-wrapper .k-scroll-left .k-icon, .k-menu-scroll-wrapper .k-scroll-left .k-icon, .k-popups-wrapper .k-scroll-right .k-icon, .k-menu-scroll-wrapper .k-scroll-right .k-icon { margin-top: -0.5em; position: absolute; top: 50%; left: 0; } .k-rtl .k-menu .k-item, [dir="rtl"] .k-menu .k-item, .k-rtl .k-widget.k-menu-horizontal > .k-item, [dir="rtl"] .k-widget.k-menu-horizontal > .k-item { border-width: 0 0 0 1px; } .k-rtl .k-menu-scroll-wrapper .k-item > .k-link > .k-icon, [dir="rtl"] .k-menu-scroll-wrapper .k-item > .k-link > .k-icon, .k-rtl .k-popups-wrapper .k-item > .k-link > .k-icon, [dir="rtl"] .k-popups-wrapper .k-item > .k-link > .k-icon, .k-rtl .k-menu .k-item > .k-link > .k-icon, [dir="rtl"] .k-menu .k-item > .k-link > .k-icon, .k-rtl .k-menu-scroll-wrapper .k-image, [dir="rtl"] .k-menu-scroll-wrapper .k-image, .k-rtl .k-popups-wrapper .k-image, [dir="rtl"] .k-popups-wrapper .k-image, .k-rtl .k-menu .k-image, [dir="rtl"] .k-menu .k-image, .k-rtl .k-menu-scroll-wrapper .k-sprite, [dir="rtl"] .k-menu-scroll-wrapper .k-sprite, .k-rtl .k-popups-wrapper .k-sprite, [dir="rtl"] .k-popups-wrapper .k-sprite, .k-rtl .k-menu .k-sprite, [dir="rtl"] .k-menu .k-sprite { margin-right: -4px; margin-left: 4px; } .k-rtl .k-menu-scroll-wrapper .k-menu-group > .k-item, [dir="rtl"] .k-menu-scroll-wrapper .k-menu-group > .k-item, .k-rtl .k-popups-wrapper .k-menu-group > .k-item, [dir="rtl"] .k-popups-wrapper .k-menu-group > .k-item, .k-rtl .k-menu .k-menu-group > .k-item, [dir="rtl"] .k-menu .k-menu-group > .k-item { border: 0; } .k-rtl .k-column-menu-group-header, [dir="rtl"] .k-column-menu-group-header, .k-rtl .k-menu-scroll-wrapper .k-menu-group .k-item > .k-link, [dir="rtl"] .k-menu-scroll-wrapper .k-menu-group .k-item > .k-link, .k-rtl .k-popups-wrapper.vertical > .k-item > .k-link, [dir="rtl"] .k-popups-wrapper.vertical > .k-item > .k-link, .k-rtl .k-context-menu.k-menu-vertical > .k-item > .k-link, [dir="rtl"] .k-context-menu.k-menu-vertical > .k-item > .k-link, .k-rtl .k-menu .k-menu-group .k-item > .k-link, [dir="rtl"] .k-menu .k-menu-group .k-item > .k-link { padding: 0.28em 0.9em 0.38em 1.8em; } .k-rtl .k-menu-vertical > .k-menu-item > .k-menu-link, [dir="rtl"] .k-menu-vertical > .k-menu-item > .k-menu-link { padding: 0.5em 1.1em 0.4em; padding-left: 2em; } .k-context-menu { border: 0; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .k-listview { padding: 0; margin: 0; border-width: 0; border-style: solid; box-sizing: border-box; outline: 0; font-size: inherit; line-height: 1.42857143; -ms-flex-flow: column nowrap; flex-flow: column nowrap; position: relative; } .k-listview-bordered { border-width: 1px; } .k-listview-header { border-width: 0; border-style: solid; border-color: inherit; } .k-listview-bordered > .k-listview-header { border-bottom-width: 1px; } .k-listview-footer { border-width: 0; border-style: solid; border-color: inherit; } .k-listview-bordered > .k-listview-footer { border-top-width: 1px; } .k-listview-content { margin: 0; padding: 0; border-color: inherit; list-style: none; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-line-pack: start; align-content: flex-start; position: relative; overflow: auto; } .k-listview-content::after { height: 0; clear: both; display: block; } .k-listview-content.k-d-flex::after, .k-listview-content.k-d-grid::after { display: none; } .k-listview-content-padding-rectangle { padding: 4px 8px; } .k-listview-content-padding-square { padding: 4px; } .k-listview-item { padding: 0; border-width: 0; border-style: solid; box-sizing: border-box; -ms-flex-negative: 0; flex-shrink: 0; } .k-listview-item-padding-rectangle { padding: 4px 8px; } .k-listview-item-padding-rectangle .k-listview-link { margin: -4px -8px; padding: 4px 8px; } .k-listview-item-padding-square { padding: 4px; } .k-listview-item-padding-square .k-listview-link { margin: -4px; padding: 4px; } .k-listview-borders-all .k-listview-item { border-width: 1px; } .k-listview-borders-horizontal .k-listview-item { border-top-width: 1px; } .k-listview-borders-horizontal .k-listview-item:first-child { border-top-width: 0; } .k-listview-borders-vertical .k-listview-item { border-left-width: 1px; } .k-listview-borders-vertical .k-listview-item:first-child { border-left-width: 0; } .k-listview-pager { border-width: 0; border-color: inherit; font: inherit; } .k-listview-bordered > .k-listview-pager-top { border-bottom-width: 1px; } .k-listview-bordered > .k-listview-pager-bottom { border-top-width: 1px; } .k-grid { position: relative; } .k-grid table { width: 100%; margin: 0; max-width: none; border-collapse: separate; border-spacing: 0; empty-cells: show; border-width: 0; outline: none; } .k-header.k-drag-clue { padding: 0.5em 0.6em 0.4em 0.6em; line-height: 1.6; overflow: hidden; } .k-grid-header th.k-header, .k-filter-row th { overflow: hidden; border-style: solid; border-width: 0 0 1px 1px; padding: 0.5em 0.6em 0.4em 0.6em; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; text-align: left; } .k-grid-header th.k-header { vertical-align: bottom; cursor: default; } .k-grid-header th.k-header .k-checkbox { vertical-align: top; } .k-filtercell, .k-filtercell > span, .k-filtercell .k-widget { display: block; width: auto; } .k-filtercell > span { padding-right: 4.8em; position: relative; min-height: 2em; line-height: 2em; } .k-filtercell > .k-operator-hidden { padding-right: 2.3em; } .k-filtercell > span > .k-button, .k-filter-row .k-dropdown-operator { position: absolute; top: 0; right: 0; margin: 0; } .k-filter-row .k-dropdown-operator { width: 2.1em; right: 2.5em; } .k-filtercell > span > label { vertical-align: middle; } .k-filter-row label > input[type="radio"] { vertical-align: middle; position: relative; bottom: 2px; } .k-ff .k-grid .k-filter-row .k-i-filter-clear { top: 1px; } .k-ie10 .k-grid-header a:active { background-color: transparent; } .k-grid-header th.k-header > .k-link { display: block; min-height: 18px; line-height: 18px; margin: -0.5em -0.6em -0.4em 0; padding: 0.5em 0.6em 0.4em 0; overflow: hidden; text-overflow: ellipsis; } .k-grid-header th.k-with-icon .k-link { margin-right: 18px; } .k-grid-header th > .k-link > .k-icon { vertical-align: text-top; } .k-grid .k-state-hover { cursor: pointer; } .k-grid-column-resizing, .k-grid-column-resizing .k-grid-filter, .k-grid-column-resizing .k-link, .k-grid-column-resizing .k-button, .k-grid-column-resizing .k-grid-toolbar { cursor: col-resize; } .k-grid td { border-style: solid; border-width: 0 0 0 1px; padding: 0.4em 0.6em; overflow: hidden; line-height: 1.6em; vertical-align: middle; text-overflow: ellipsis; } .k-grid .k-grouping-row td, .k-grid .k-hierarchy-cell { overflow: visible; } .k-grid-edit-row td { text-overflow: clip; } .k-grid-edit-row .k-textbox, .k-grid-edit-row .text-box { margin-top: 0; margin-bottom: 0; } .k-grid-header-wrap, .k-grid-footer-wrap { position: relative; width: 100%; overflow: hidden; border-style: solid; border-width: 0 1px 0 0; zoom: 1; } div.k-grid-header, div.k-grid-footer { padding-right: 17px; border-bottom-style: solid; border-bottom-width: 1px; zoom: 1; } .k-grid-header-wrap > table, .k-grid-header-locked > table { margin-bottom: -1px; } .k-grid-content { position: relative; width: 100%; overflow: auto; overflow-x: auto; overflow-y: scroll; zoom: 1; min-height: 0%; } .k-mobile .k-grid tbody { -webkit-backface-visibility: hidden; } .k-mobile .k-grid-backface tbody { -webkit-backface-visibility: visible; } .k-grid-content-expander { position: absolute; visibility: hidden; height: 1px; } .k-grid-norecords { width: 100%; height: 100%; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .k-grid-norecords-template { width: 20em; height: 4em; line-height: 4em; vertical-align: middle; margin: 0 auto; } .k-grid-content > .k-grid-norecords > .k-grid-norecords-template { top: 50%; left: 50%; margin-left: -10em; margin-top: -2em; position: absolute; } @media print { .k-grid { height: auto !important; } .k-grid-header { padding: 0 !important; } .k-grid-header-wrap, .k-grid-content { overflow: visible; height: auto !important; } } .k-grid .k-scrollbar { -ms-overflow-style: scrollbar; } .k-virtual-scrollable-wrap { height: 100%; overflow-y: hidden; position: relative; } .k-grid-header table, .k-grid-content table, .k-grid-footer table, .k-grid-content-locked > table { table-layout: fixed; } .k-grid-lockedcolumns { white-space: nowrap; } .k-grid-content-locked, .k-grid-content, .k-pager-wrap { white-space: normal; } .k-grid-header-locked, .k-grid-content-locked, .k-grid-footer-locked { display: inline-block; vertical-align: top; overflow: hidden; position: relative; border-style: solid; border-width: 0 1px 0 0; } .k-grid-header-locked + .k-grid-header-wrap, .k-grid-content-locked + .k-grid-content, .k-grid-footer-locked + .k-grid-footer-wrap { display: inline-block; vertical-align: top; } .k-grid-toolbar { border-width: 0 0 1px; border-color: inherit; -ms-flex-negative: 0; flex-shrink: 0; } .k-grid-header th.k-header:first-child, .k-grid tbody td:first-child, .k-grid tfoot td:first-child, .k-filter-row > th:first-child { border-left-width: 0; } .k-grid-header th.k-header.k-first { border-left-width: 1px; } .k-footer-template td { border-style: solid; border-width: 1px 0 0 1px; } .k-group-footer td { border-style: solid; border-width: 1px 0; } .k-group-footer .k-group-cell + td { border-left-width: 1px; } .k-grid-footer { border-style: solid; border-width: 1px 0 0; } .k-grid-footer td { border-top-width: 0; } .k-grid-footer > td { border-top-width: 1px; } .k-grid-pager { border-width: 1px 0 0; } .k-grid-pager-top { border-width: 0 0 1px; } .k-header > .k-grid-filter, .k-header > .k-header-column-menu { float: right; margin: -0.5em -0.6em -0.4em 0; padding: 0.5em 0.2em 0.4em; position: relative; z-index: 1; color: inherit; } .k-grid .k-animation-container { position: absolute; } .k-filter-menu { padding: 0.5em; } .k-list-filter { display: block; } form.k-filter-menu .k-widget, form.k-filter-menu .k-textbox { display: block; } form.k-filter-menu .k-textbox { width: 100%; margin-bottom: 3px; } .k-column-menu, .k-filter-menu { font-size: 14px; } .k-filter-help-text, .k-filter-menu .k-widget, .k-filter-menu .k-textbox { margin: 0.19em 0 0; } .k-filter-menu span.k-filter-and { width: 6em; margin: 0.5em 0 0.5em; } .k-filter-menu .k-action-buttons { margin: 0; padding: 0; text-align: initial; } .k-filter-menu .k-action-buttons .k-button { width: 48%; margin: 0.5em 4% 0 0; min-width: 0; } .k-filter-menu .k-action-buttons .k-button + .k-button { margin-right: 0; } .k-filter-menu .k-filter-selected-items { font-weight: bold; margin: 0.5em; } .k-multicheck-wrap { overflow: auto; white-space: nowrap; max-height: 300px; } .k-multicheck-wrap .k-item { line-height: 2.2em; } .k-grouping-row .k-icon { margin: -3px 4px 0 2px; } .k-grouping-row p { display: inline-block; vertical-align: middle; margin-left: -0.6em; padding: 0 0.6em; } .k-grouping-row + tr td { border-top-width: 1px; } .k-grouping-row .k-group-cell, .k-grouping-row + tr .k-group-cell { border-top-width: 0; text-overflow: clip; } .k-grid .k-hierarchy-cell + td { border-left-width: 0; } .k-grid .k-group-col, .k-grid .k-hierarchy-col { width: 27px; } .k-grouping-header { border-bottom-style: solid; border-bottom-width: 1px; } .k-grouping-header { line-height: 2; position: relative; white-space: normal; } .k-grouping-dropclue { position: absolute; top: 3px; width: 6px; height: 25px; background-repeat: no-repeat; background-position: -165px -148px; } .k-grouping-dropclue:before, .k-grouping-dropclue:after { content: ""; width: 0; height: 0; border: 3px solid; border-left-color: transparent; border-right-color: transparent; position: absolute; left: 0; } .k-grouping-dropclue:before { top: 0; border-bottom: 0; } .k-grouping-dropclue:after { bottom: 0; border-top: 0; } .k-group-indicator { padding: 0.15em 0.15em 0.15em 0.4em; border-width: 1px; border-style: solid; line-height: 1.5em; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; vertical-align: top; } .k-grouping-header .k-group-indicator { margin: 0 3px; } .k-group-indicator .k-link, .k-group-indicator .k-button.k-flat { padding: 0; border-width: 0; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; } .k-group-indicator .k-link .k-icon { margin-right: 4px; } .k-group-indicator .k-button.k-flat { margin-left: 8px; padding: 0; width: auto; height: auto; opacity: 0.5; } .k-group-indicator .k-button.k-flat::before, .k-group-indicator .k-button.k-flat::after { display: none; } .k-group-indicator .k-button.k-flat:hover { opacity: 1; } .k-no-flexbox .k-group-indicator { display: inline-block; } .k-no-flexbox .k-group-indicator .k-link, .k-no-flexbox .k-group-indicator .k-button { display: inline-block; vertical-align: middle; } .k-dirty-cell:before { content: "\a0"; display: inline-block; width: 0; float: left; } .k-dirty-cell { position: relative; } .k-dirty-cell.k-edit-cell { position: static; } .k-dirty-cell .k-dirty { margin: 0; top: 0; left: 0; } .k-dirty { position: absolute; width: 0; height: 0; border-style: solid; border-width: 3px; border-color: #f00 transparent transparent #f00; margin: -0.45em 0 0 -0.6em; padding: 0; overflow: hidden; vertical-align: top; } .k-grouping-header { margin: 0; padding: 0.22em 0.2em 0.28em; cursor: default; } .k-grid .k-edit-container { padding: 0; } .k-grid .field-validation-error { display: block; } .k-grid .input-validation-error { border-style: ridge; border-color: #f00; background-color: #ffc0cb; } .k-grid-actions { display: inline-block; } .k-grid .k-button { margin: 0.16em; } .k-grid tbody .k-button { min-width: 64px; } .k-grid tbody button.k-button { min-width: 78px; } html body .k-grid tbody .k-button-icon { width: auto; min-width: 0; } .k-detail-row { position: relative; } .k-grid .k-detail-cell { overflow: visible; } .k-grid .k-edit-cell { padding: 0 0.3em; white-space: nowrap; } .k-edit-cell > .k-textbox, .k-grid-edit-row > td > .k-textbox, .k-edit-cell > .k-widget:not(.k-switch), .k-grid-edit-row > td > .k-widget:not(.k-switch), .k-edit-cell > .text-box, .k-grid-edit-row > td > .text-box { width: 100%; } .k-edit-cell input[type="checkbox"] { margin-left: 0.6em; } .k-grid-resize-indicator { position: absolute; width: 2px; background-color: #aaa; } .k-grid-header .k-resize-handle, .k-grid > .k-resize-handle { position: absolute; height: 25px; cursor: col-resize; z-index: 2; } .k-marquee { position: absolute; z-index: 100000; } .k-marquee-color, .k-marquee-text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .k-marquee-color { opacity: 0.6; } .k-ie9 .k-column-menu { width: 160px; } .k-column-menu { min-width: 160px; } .k-column-menu .k-sprite { margin-right: 10px; } .k-column-menu > .k-menu { border-width: 0; } .k-column-menu .k-calendar .k-link { white-space: normal; } .k-columns-item .k-group { max-height: 200px; overflow: auto; } .k-filter-menu.k-popup, .k-grid-filter-popup.k-popup { padding: 2px 0; } .k-filter-menu.k-popup .k-filter-menu-container, .k-grid-filter-popup.k-popup .k-filter-menu-container { width: 230px; } .k-filter-menu.k-popup .k-multicheck-wrap, .k-grid-filter-popup.k-popup .k-multicheck-wrap { padding: 0 3px; } .k-filter-menu.k-popup .k-multicheck-wrap .k-item, .k-grid-filter-popup.k-popup .k-multicheck-wrap .k-item { padding: 2px 0; } .k-filter-menu.k-popup .k-multicheck-wrap .k-check-all-wrap, .k-grid-filter-popup.k-popup .k-multicheck-wrap .k-check-all-wrap { padding-bottom: 4px; border-bottom-width: 1px; border-bottom-style: solid; } .k-filter-menu .k-filter-menu-container { padding: 4px 8px; box-sizing: border-box; } .k-filter-menu .k-searchbox { margin-bottom: 8px; width: 100%; } .k-grid-columnmenu-popup { margin: 0; width: 230px; border-width: 1px; border-style: solid; box-sizing: border-box; font-size: 14px; line-height: 1.42857143; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: stretch; align-items: stretch; } .k-grid-columnmenu-popup.k-popup { padding: 2px 0; } .k-grid-columnmenu-popup .k-filter-menu { padding: 0; border-radius: 0; } .k-grid-columnmenu-popup .k-filter-menu .k-filter-menu-container { padding: 2px 0; } .k-grid-columnmenu-popup .k-filter-menu .k-widget, .k-grid-columnmenu-popup .k-filter-menu .k-radio-list, .k-grid-columnmenu-popup .k-filter-menu .k-textbox { margin: 0.5em 0; width: 100%; display: block; } .k-grid-columnmenu-popup .k-filter-menu .k-widget.k-filter-and { width: 6em; margin: 1em 0; } .k-grid-columnmenu-popup .k-filter-menu .k-widget.k-button-group { width: auto; margin: 0; display: -ms-inline-flexbox; display: inline-flex; } .k-grid-columnmenu-popup .k-filter-menu .k-actions, .k-grid-columnmenu-popup .k-filter-menu .k-action-buttons, .k-grid-columnmenu-popup .k-filter-menu .k-columnmenu-actions { margin-left: -1em; margin-right: -1em; margin-bottom: -1em; padding: 0 1em 1em; } .k-grid-columnmenu-popup .k-filter-menu .k-actions .k-button, .k-grid-columnmenu-popup .k-filter-menu .k-action-buttons .k-button, .k-grid-columnmenu-popup .k-filter-menu .k-columnmenu-actions .k-button { -ms-flex: 1 1 50%; flex: 1 1 50%; } .k-grid-columnmenu-popup .k-filter-menu .k-actions.k-actions-start .k-button, .k-grid-columnmenu-popup .k-filter-menu .k-actions.k-actions-center .k-button, .k-grid-columnmenu-popup .k-filter-menu .k-actions.k-actions-end .k-button { -ms-flex: 0 1 auto; flex: 0 1 auto; } .k-grid-columnmenu-popup .k-multicheck-wrap { max-height: 300px; overflow: auto; overflow-x: hidden; white-space: nowrap; } .k-grid-columnmenu-popup .k-filter-selected-items { font-weight: bold; line-height: normal; white-space: nowrap; margin: 1em 0 0.5em; } .k-column-list { padding: 0; margin: 0; list-style: none; max-height: 200px; overflow-x: hidden; overflow-y: auto; } .k-column-chooser-title, .k-column-list-item { padding: 2px 8px; } .k-column-list-item { position: relative; display: block; margin: 0; cursor: pointer; } .k-columnmenu-item { padding: 4px 8px; outline: 0; cursor: pointer; } .k-columnmenu-item > .k-icon { margin-right: 4px; } .k-columnmenu-item-wrapper + .k-columnmenu-item-wrapper { border-top-width: 1px; border-top-style: solid; } .k-columnmenu-item-content { overflow: hidden; } .k-columnmenu-item-content .k-filter-menu .k-filter-menu-container { padding: 4px 8px; } .k-columnmenu-actions { padding: 4px 8px; display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: end; align-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; clear: both; } .k-columnmenu-actions .k-button + .k-button { margin-left: 8px; -ms-flex-negative: 0; flex-shrink: 0; } .k-rtl .k-columnmenu-actions .k-button + .k-button, [dir="rtl"] .k-columnmenu-actions .k-button + .k-button { margin-left: 0; margin-right: 8px; } .k-column-list-wrapper .k-actions .k-button, .k-columnmenu-item-content .k-actions .k-button, .k-column-list-wrapper .k-action-buttons .k-button, .k-columnmenu-item-content .k-action-buttons .k-button, .k-column-list-wrapper .k-columnmenu-actions .k-button, .k-columnmenu-item-content .k-columnmenu-actions .k-button { -ms-flex: 1 1 50%; flex: 1 1 50%; } .k-column-list-wrapper .k-actions.k-actions-start .k-button, .k-columnmenu-item-content .k-actions.k-actions-start .k-button, .k-column-list-wrapper .k-actions.k-actions-center .k-button, .k-columnmenu-item-content .k-actions.k-actions-center .k-button, .k-column-list-wrapper .k-actions.k-actions-end .k-button, .k-columnmenu-item-content .k-actions.k-actions-end .k-button { -ms-flex: 0 1 auto; flex: 0 1 auto; } .k-column-menu .k-menu:not(.k-context-menu) { font-weight: 400; } .k-column-menu .k-expander { border: 0; background: inherit; } .k-column-menu .k-expander .k-columnmenu-item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } [dir="rtl"] .k-columnmenu-item > .k-icon, .k-rtl .k-columnmenu-item > .k-icon { margin-left: 4px; margin-right: 0; } .k-column-menu-group-header { display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .k-column-menu-group-header-text { border-bottom-width: 1px; border-bottom-style: solid; font-size: 12px; line-height: 1.42857143; font-weight: bold; text-transform: uppercase; -ms-flex: 1 1 auto; flex: 1 1 auto; } .k-pdf-export-shadow .k-grid { float: left; width: auto !important; } .k-pdf-export-shadow .k-grid-content.k-auto-scrollable { padding-right: 0 !important; } .k-pdf-export-shadow .k-grid, .k-pdf-export-shadow .k-grid-content, .k-pdf-export-shadow .k-grid-content-locked { height: auto !important; overflow: visible; } .k-pdf-export-shadow .k-grid-header-locked + .k-grid-header-wrap, .k-pdf-export-shadow .k-grid-content-locked + .k-grid-content, .k-pdf-export-shadow .k-grid-footer-locked + .k-grid-footer-wrap { width: auto !important; } .k-pdf-export-shadow .k-grid-header, .k-pdf-export-shadow .k-grid[data-role="grid"] .k-grid-footer { padding: 0 !important; } .k-loading-pdf-mask { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 100; } .k-loading-pdf-mask .k-loading-color { opacity: 0.5; } .k-loading-pdf-mask .k-loading-pdf-progress { margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .k-pdf-export .k-loading-pdf-mask { display: none; } .k-pdf-export .k-grid-filter { text-decoration: none; } .k-autofitting { width: auto !important; table-layout: auto !important; } .k-autofitting th.k-header, .k-autofitting td { white-space: nowrap !important; } .k-autofitting .k-detail-row { display: none !important; } .k-grid .k-grouping-row td { border-bottom-width: 0; } .k-grid .k-grouping-row + tr td { border-top-width: 1px; } .k-grid .k-grouping-row + tr td.k-group-cell { border-top-width: 0; } .k-grid .k-group-cell { border-bottom-width: 0; border-top-width: 0; } .k-grid-header .k-i-sort-asc-sm, .k-grid-header .k-i-sort-desc-sm { margin-left: 7px; } .k-grid-header .k-sort-order { display: inline-block; height: 16px; line-height: 16px; margin-top: 1px; margin-left: -1px; vertical-align: text-top; font-size: 12px; } .k-grid-header .k-link .k-icon.k-i-sort-asc-sm, .k-grid-header .k-link .k-icon.k-i-sort-desc-sm { margin-top: 1px; vertical-align: text-top; } .k-grid .k-grid-search { width: 12.4em; display: -ms-flexbox; display: flex; } .k-grid .k-grid-header .k-header.k-grid-header-sticky, .k-grid .k-grid-header .k-filter-row .k-grid-header-sticky, .k-grid .k-grid-content-sticky, .k-grid .k-grid-footer-sticky { position: sticky; z-index: 2; } .k-grid .k-grid-header .k-header.k-grid-header-sticky.k-edit-cell, .k-grid .k-grid-header .k-filter-row .k-grid-header-sticky.k-edit-cell, .k-grid .k-grid-content-sticky.k-edit-cell, .k-grid .k-grid-footer-sticky.k-edit-cell { overflow: visible; z-index: 3; } .k-grid .k-hierarchy-cell + td.k-grid-content-sticky { border-left-width: 1px; } .k-grid th.k-grid-header-sticky, .k-grid td.k-grid-content-sticky, .k-grid td.k-grid-footer-sticky { border-right-width: 1px; } .k-grid th.k-grid-header-sticky:not([style*='display: none']) + td, .k-grid td.k-grid-content-sticky:not([style*='display: none']) + td, .k-grid td.k-grid-footer-sticky:not([style*='display: none']) + td, .k-grid th.k-grid-header-sticky:not([style*='display: none']) + th, .k-grid td.k-grid-content-sticky:not([style*='display: none']) + th, .k-grid td.k-grid-footer-sticky:not([style*='display: none']) + th { border-left-width: 0; } .k-grid .k-grid-header-sticky.k-header.k-grid-no-left-border.k-first { border-left-width: 0; } .k-grid[dir="rtl"] td.k-grid-content-sticky, .k-rtl .k-grid td.k-grid-content-sticky, .k-grid[dir="rtl"] td.k-grid-footer-sticky, .k-rtl .k-grid td.k-grid-footer-sticky, .k-grid[dir="rtl"] .k-grid-header th.k-grid-header-sticky, .k-rtl .k-grid .k-grid-header th.k-grid-header-sticky, .k-grid[dir="rtl"] th.k-grid-header-sticky:last-child, .k-rtl .k-grid th.k-grid-header-sticky:last-child { border-left-width: 1px; } .k-grid[dir="rtl"] th.k-grid-header-sticky:not([style*='display: none']) + td, .k-rtl .k-grid th.k-grid-header-sticky:not([style*='display: none']) + td, .k-grid[dir="rtl"] th.k-grid-header-sticky:not([style*='display: none']) + th, .k-rtl .k-grid th.k-grid-header-sticky:not([style*='display: none']) + th, .k-grid[dir="rtl"] td.k-grid-content-sticky:not([style*='display: none']) + td, .k-rtl .k-grid td.k-grid-content-sticky:not([style*='display: none']) + td, .k-grid[dir="rtl"] td.k-grid-content-sticky:not([style*='display: none']) + th, .k-rtl .k-grid td.k-grid-content-sticky:not([style*='display: none']) + th { border-left-width: 1px; border-right-width: 0; } .k-grid[dir="rtl"] .k-grid-header-sticky.k-header.k-first, .k-rtl .k-grid .k-grid-header-sticky.k-header.k-first, .k-grid[dir="rtl"] .k-grid-header-sticky.k-header:first-child, .k-rtl .k-grid .k-grid-header-sticky.k-header:first-child { border-left-width: 1px; } .k-grid[dir="rtl"] .k-grid-header-sticky.k-header.k-grid-no-left-border.k-first, .k-rtl .k-grid .k-grid-header-sticky.k-header.k-grid-no-left-border.k-first { border-left-width: 1px; border-right-width: 0; } .k-treelist .k-status { padding: 0.4em 0.6em; line-height: 1.6em; } .k-treelist .k-status .k-loading { vertical-align: baseline; margin-right: 5px; } .k-treelist tr.k-hidden { display: none; } .k-treelist.k-treelist-dragging, .k-treelist.k-treelist-dragging .k-state-hover { cursor: default; } .k-treelist .k-drop-hint { -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .k-treelist .k-i-arrow-60-right, .k-treelist .k-i-arrow-45-down-right { cursor: pointer; } .k-treelist .k-i-arrow-45-down-right { margin-top: -0.5em; } .k-drag-separator { display: inline-block; border-right: 1px solid; height: 1em; vertical-align: top; margin: 0 0.5em; } .k-gantt { box-sizing: border-box; white-space: nowrap; position: relative; display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .k-gantt .k-splitbar { width: 5px; border-width: 0 1px; background-repeat: repeat-y; position: relative; cursor: e-resize; display: inline-block; vertical-align: top; -ms-flex-negative: 0; flex-shrink: 0; } .k-gantt-header { border-width: 0 0 1px; -ms-flex: 0 0 auto; flex: 0 0 auto; z-index: 2; } .k-gantt-footer { border-width: 1px 0 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .k-gantt-toggle { display: none; } .k-gantt-views-wrapper select.k-dropdown { width: auto; font: inherit; display: none; cursor: pointer; } @media (max-width: 1024px) { .k-gantt-views-wrapper select.k-dropdown { display: -ms-inline-flexbox; display: inline-flex; } .k-gantt-views-wrapper .k-gantt-views { display: none; } } .k-gantt-content { -ms-flex: 1 1 auto; flex: 1 1 auto; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: stretch; align-items: stretch; } .k-gantt .k-gantt-content th, .k-gantt .k-gantt-content .k-grid-header td { vertical-align: bottom; } .k-gantt td { overflow: hidden; white-space: nowrap; vertical-align: top; } .k-gantt .k-grid .k-edit-cell { vertical-align: middle; } .k-gantt-treelist > .k-treelist, .k-gantt-timeline > .k-timeline { border-width: 0; height: 100%; } .k-gantt-treelist { display: inline-block; vertical-align: top; white-space: normal; } .k-gantt-treelist .k-grid-header tr { height: 5em; } .k-gantt .k-treelist .k-grid-header { padding: 0 !important; } .k-gantt .k-treelist .k-grid-content { overflow-y: hidden; overflow-x: scroll; } .k-treelist-group > tr > span { font-weight: bold; } .k-treelist-group .k-widget { font-weight: normal; } .k-gantt-timeline { display: inline-block; vertical-align: top; white-space: normal; } .k-gantt-timeline .k-grid-header tr, .k-gantt-treelist .k-gantt-treelist-nested-columns .k-grid-header tr { height: 2.5em; } .k-gantt-timeline .k-grid-header .k-header { vertical-align: bottom; cursor: default; } .k-gantt-tasks { position: relative; } .k-gantt-rows tr, .k-gantt-tasks tr, .k-gantt .k-grid-content tr { height: 2.3em; } .k-gantt .k-gantt-tasks td:after { content: "\a0"; } .k-gantt-timeline { background: transparent; } .k-gantt-rows, .k-gantt-columns, .k-gantt-dependencies { position: absolute; top: 0; left: 0; } .k-gantt-tables { position: relative; } .k-gantt .k-timeline .k-grid-content { overflow-x: scroll; } .k-gantt .k-gantt-timeline th, .k-gantt-timeline .k-grid-header td { text-align: center; } .k-gantt .k-gantt-timeline tr:first-child th, .k-gantt .k-gantt-timeline .k-grid-header tr:first-child td { border-bottom-width: 1px; } .k-gantt-timeline td.k-header { overflow: hidden; border-style: solid; border-width: 0 0 1px 1px; padding: 0.5em 0.6em 0.4em 0.6em; font-weight: 400; white-space: nowrap; text-overflow: ellipsis; } .k-task-summary { height: 10px; display: inline-block; vertical-align: top; margin-top: 3px; } .k-task-summary-complete { height: 10px; position: relative; z-index: 2; } .k-task-summary-progress { height: 15px; overflow: hidden; } .k-task-summary:before, .k-task-summary-complete:before, .k-task-summary:after, .k-task-summary-complete:after { content: ""; position: absolute; top: 0; width: 0; height: 0; border-style: solid; border-width: 8px; border-color: transparent; } .k-task-summary:before, .k-task-summary-complete:before { left: 0; border-left-color: inherit; } .k-task-summary:after, .k-task-summary-complete:after { right: 0; border-right-color: inherit; } .k-gantt-line-h, .k-gantt-line-v { position: absolute; } .k-gantt-line-h { height: 2px; } .k-gantt-line-v { width: 2px; } .k-arrow-e, .k-arrow-w { position: absolute; top: -4px; width: 0; height: 0; border-style: solid; border-width: 5px; } .k-arrow-e { right: -6px; border-top-color: transparent; border-bottom-color: transparent; border-right-color: transparent; } .k-arrow-w { left: -6px; border-top-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } .k-task-milestone { width: 13px; height: 13px; margin-top: 3px; border-style: solid; border-width: 1px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-left: -0.2em; } .k-gantt .k-gantt-treelist .k-button, .k-gantt .k-gantt-tasks .k-button-icon { padding-top: 0; padding-bottom: 0; } .k-gantt .k-gantt-tasks .k-button-icon { margin-top: 4px; } .k-gantt .k-gantt-treelist .k-button { margin-top: -4px; margin-bottom: -2px; } .k-gantt .k-gantt-tasks .k-button-icon { padding-left: 2px; padding-right: 2px; } .k-gantt .k-gantt-treelist .k-button .k-icon, .k-gantt .k-gantt-tasks .k-button .k-icon { vertical-align: text-top; } .k-rel .k-button-icon { position: absolute; left: 200px; } .k-rel { position: relative; height: 0; top: -0.3em; } .k-task-wrap { position: absolute; display: inline; padding: 0 23px 5px; margin: -1px -23px 0; z-index: 2; } .k-task-wrap:hover, .k-gantt-line.k-state-selected { z-index: 3; } .k-milestone-wrap { margin: 0 -13px 0 -27px; } .k-task-content { position: relative; z-index: 2; } .k-task-complete { position: absolute; top: 0; bottom: 0; left: 0; width: 20%; z-index: 1; } .k-task-dot { position: absolute; top: 0; width: 16px; height: 16px; line-height: 16px; display: none; cursor: pointer; } .k-task-dot.k-state-hover { background-color: transparent; } .k-task-single + .k-task-dot, .k-task-single + .k-task-dot + .k-task-dot { top: 0.2em; } .k-task-wrap:hover .k-task-dot, .k-task-wrap-active .k-task-dot { display: block; } .k-task-dot:before { content: "\a0"; display: inline-block; width: 0; height: 16px; } .k-task-dot:after { content: ""; display: inline-block; vertical-align: middle; width: 8px; height: 8px; border-radius: 4px; margin-left: 4px; } .k-task-dot:hover:after, .k-task-dot.k-state-hover:after, .k-task-wrap-active .k-task-dot:after { border-style: solid; border-width: 1px; margin-left: 3px; } .k-task-start { left: 0; } .k-task-end { right: 0; } .k-task-single { border-style: solid; border-width: 1px; text-align: left; overflow: hidden; cursor: default; min-height: 1.3em; white-space: nowrap; } .k-task-template { padding: 0.2em 1.4em 0.2em 0.6em; line-height: normal; } .k-task-actions, .k-task-content > .k-link { position: absolute; top: 0; right: 4px; white-space: nowrap; } .k-task-actions { z-index: 1; } .k-task-actions:first-child { position: static; float: left; margin: 4px 2px 0 4px; } .k-webkit .k-task-actions:first-child { margin-top: 3px; } .k-task-actions:first-child > .k-link { display: inline-block; } .k-task-delete { display: none; } .k-task-wrap:hover .k-task-delete, .k-task-wrap-active .k-task-delete { display: inline-block; } .k-task-single .k-resize-handle { position: absolute; visibility: hidden; z-index: 2; height: auto; } .k-task-single:hover .k-resize-handle, .k-task-wrap-active .k-resize-handle { visibility: visible; } .k-task-single .k-resize-handle:after { content: ""; position: absolute; opacity: 0.5; } .k-task-content > .k-resize-e { right: 0; top: 0; bottom: 0; width: 0.4em; } .k-task-content > .k-resize-w { left: 0; top: 0; bottom: 0; width: 0.4em; } .k-task-content > .k-resize-e:after, .k-task-content > .k-resize-w:after { left: 1px; top: 50%; margin-top: -0.7em; height: 1.4em; width: 1px; } .k-task-content > .k-resize-e:after { left: auto; right: 1px; } .k-task-draghandle { position: absolute; bottom: 0; width: 0; height: 0; margin: 0 18px; border-width: 5px; border-style: solid; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; display: none; cursor: e-resize; } .k-task-wrap:hover .k-task-draghandle, .k-task-wrap-active .k-task-draghandle { display: block; } .k-gantt-dependency-hint { z-index: 4; } .k-gantt-rowheight .k-task-summary, .k-gantt-rowheight .k-task-milestone, .k-gantt-rowheight .k-task-dot, .k-gantt-rowheight .k-task-single + .k-task-dot, .k-gantt-rowheight .k-task-single + .k-task-dot + .k-task-dot { top: 50%; } .k-gantt-rowheight .k-task-summary, .k-gantt-rowheight .k-task-milestone { margin-top: -6px; } .k-gantt-rowheight .k-task-dot, .k-gantt-rowheight .k-task-single + .k-task-dot, .k-gantt-rowheight .k-task-single + .k-task-dot + .k-task-dot { margin-top: -11px; } .k-gantt-rowheight .k-task-single { height: calc(100% - 2px); } .k-ie .k-gantt-rowheight .k-task-single { height: 99%; } .k-gantt-rowheight .k-task-content { height: 100%; } .k-gantt-rowheight .k-task-content > .k-resize-e:after, .k-gantt-rowheight .k-task-content > .k-resize-w:after { top: 0; margin-top: 0; height: 100%; } .k-task-details { padding: 0.4em; text-align: left; white-space: nowrap; } .k-task-details > strong { font-size: 120%; display: block; } .k-task-pct { margin: 0.5em 0 0.1em; font-size: 170%; } .k-task-details > ul { line-height: 1.2; } .k-resources-wrap { position: absolute; display: inline; z-index: 2; zoom: 1; margin-left: 20px; margin-top: -2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .k-resources-wrap .k-resource { margin: 0px 5px; } .k-gantt-edit-form > .k-edit-form-container { width: 430px; } .k-gantt-edit-form > .k-resources-form-container { width: 506px; } .k-resources-form-container > .k-grid { margin: 0 0.9em; } .k-gantt-edit-form > .k-edit-form-container .k-textbox, .k-gantt-edit-form > .k-edit-form-container .k-numerictextbox { width: 15em; } .k-gantt-edit-form .k-edit-buttons .k-gantt-delete { float: left; } .k-pdf-export-shadow .k-gantt { float: left; } .k-pdf-export-shadow .k-gantt, .k-pdf-export-shadow .k-gantt-timeline, .k-pdf-export-shadow .k-gantt .k-grid-content { width: auto !important; height: auto !important; overflow: visible !important; } .k-pdf-export-shadow .k-gantt-treelist { height: auto !important; overflow: visible !important; } .k-pdf-export-shadow .k-gantt-timeline .k-grid-header { padding: 0 !important; } .k-pdf-export-shadow .k-gantt .k-splitbar, .k-pdf-export-shadow .k-pdf-export { display: none; } @media (max-width: 480px) { .k-gantt-toolbar .k-gantt-toggle { display: -ms-inline-flexbox; display: inline-flex; } .k-gantt-toolbar .k-button { padding: 4px; width: calc(1.4285714286em + 10px); height: calc(1.4285714286em + 10px); } .k-gantt-toolbar .k-button .k-icon { margin: 0; } .k-gantt-toolbar .k-button .k-button-text { display: none; } .k-gantt .k-treelist .k-grid-content { overflow-y: scroll; } } .k-gantt-resize-hint { white-space: nowrap; } .k-gantt-planned .k-gantt-rows tr, .k-gantt-planned .k-gantt-tasks tr, .k-gantt.k-gantt-planned .k-grid-content tr { height: 3.3em; } .k-gantt-planned .k-gantt-dependencies { margin-top: 0.6em; } .k-gantt-planned .k-task-dot { margin-top: 1.1em; } .k-gantt-planned .k-resources-wrap { margin-top: 0.9em; } .k-gantt-planned .k-milestone-wrap .k-task-dot { margin-top: 1.3em; } .k-gantt-planned .k-milestone-wrap .k-task-dot.k-task-start { margin-left: -0.2em; } .k-gantt-planned .k-summary-wrap .k-task-dot { margin-top: 1.3em; } .k-task-planned { margin: 0 0 0.35em; line-height: 0.75em; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .k-task-planned .k-task-moment { border-width: 2px; border-radius: 5px; border-style: solid; height: 6px; width: 6px; } .k-task-planned .k-task-moment.k-moment-left { margin-left: -4px; } .k-task-planned .k-task-duration { height: 2px; } .k-task-planned:hover .k-task-duration { height: 3px; } .k-milestone-wrap .k-task-planned { margin-bottom: 0.7em; } .k-summary-wrap .k-task-planned { margin-bottom: 0.6em; } .k-planned-tooltip .k-task-content { display: block; } .k-task-offset-wrap .k-task { display: inline-block; } .k-task-offset-wrap .k-task .k-task-content .k-resize-e { display: none; } .k-task-offset-wrap .k-task-single + .k-task-offset { height: 1.65em; } .k-task-offset { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: row-reverse; flex-direction: row-reverse; line-height: 1.46em; vertical-align: top; } .k-task-offset .k-resize-handle { margin-right: 1.5em; top: 0; bottom: 0; width: 0.4em; position: absolute; visibility: hidden; z-index: 2; height: auto; } .k-task-offset .k-resize-handle::after { content: ""; position: absolute; top: 50%; margin-top: -0.55em; height: 1.4em; width: 1px; } .k-summary-wrap .k-task-offset { height: 10px; margin: 3px 0 0; } .k-summary-wrap .k-task-offset:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 8px; right: 1.4em; } .k-rtl .k-summary-wrap .k-task-offset::before { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 8px; } .k-rtl .k-task-offset-wrap .k-task .k-task-content .k-resize-e { display: block; } .k-rtl .k-task-offset-wrap .k-task .k-task-content .k-resize-w { display: none; } .k-rtl .k-milestone-wrap { margin-left: -1.8em; } .k-rtl .k-task-milestone { margin-right: -0.15em; } .k-ie .k-summary-wrap .k-task-offset:after { right: 20px; } .k-ie .k-rtl .k-summary-wrap .k-task-offset:before { left: 20px; } .k-task-offset .k-task-actions { visibility: hidden; } .k-task-single:hover + .k-task-offset .k-task-actions, .k-task-offset:hover .k-task-actions, .k-task-single:hover + .k-task-offset .k-resize-handle, .k-task-offset:hover .k-resize-handle { visibility: visible; } .k-pivot { position: relative; } .k-pivot-toolbar { padding: 0.2em; border-bottom-width: 1px; border-bottom-style: solid; } .k-pivot .k-pivot-toolbar { padding: 0.6em; } .k-pivot-toolbar .k-button { margin-right: 0.4em; line-height: 1.2em; font-size: 0.9em; text-align: left; position: relative; padding: 0.3em 5em 0.3em 0.3em; cursor: move; } .k-field-actions { position: absolute; right: 2px; top: 3px; cursor: pointer; } .k-pivot .k-grid td { white-space: nowrap; } .k-pivot-layout { border-spacing: 0; table-layout: auto; } .k-pivot-layout > tbody > tr > td { vertical-align: top; padding: 0; } .k-pivot td { vertical-align: top; } .k-pivot-rowheaders > .k-grid, .k-pivot-table > .k-grid { border-width: 0; } .k-pivot-rowheaders > .k-grid td:first-child, .k-pivot-table .k-grid-header .k-header.k-first { border-left-width: 1px; } .k-pivot-rowheaders > .k-grid td.k-first { border-left-width: 0; } .k-pivot-rowheaders > .k-grid { overflow: hidden; } .k-pivot-table { border-left-width: 1px; border-left-style: solid; } .k-pivot-table .k-grid-header-wrap > table { height: 100%; } .k-pivot .k-grid-header .k-header { vertical-align: top; } .k-header.k-alt, td.k-alt { font-weight: bold; } .k-header.k-alt { background-image: none; } .k-pivot-layout .k-grid td { border-bottom-width: 1px; } .k-pivot-layout .k-grid-footer > td { border-top-width: 0; } .k-pivot-filter-window .k-treeview { max-height: 600px; } .k-fieldselector .k-edit-buttons { bottom: auto; } .k-fieldselector .k-edit-label { width: 16%; } .k-fieldselector .k-edit-field { width: 77%; } .k-fieldselector .k-edit-field > .k-widget, .k-fieldselector .k-edit-field > .k-textbox { width: 99%; } .k-fieldselector .k-edit-buttons > input, .k-fieldselector .k-edit-buttons > label { float: left; margin-top: 0.4em; } .k-fieldselector p { margin: 0 0 0.2em 0.5em; text-transform: uppercase; } .k-fieldselector p .k-icon { margin: 0 5px 0 0; } .k-fieldselector .k-columns { border-style: solid; border-width: 0; } .k-fieldselector .k-columns > div { overflow: auto; padding: 0.6em; border-style: solid; border-width: 0 0 0 1px; float: left; width: 45%; } .k-fieldselector .k-columns > div:first-child { border-width: 0; margin-right: -1px; } .k-fieldselector .k-columns > div + div { float: right; border-width: 0; } .k-fieldselector div.k-treeview { border-width: 0; margin-right: -1px; padding-left: 4px; overflow: visible; } .k-fieldselector .k-list-container { margin-left: 0.5em; margin-bottom: 1em; padding: 0.2em 0 0; border-style: solid; border-width: 1px; } .k-fieldselector .k-list { padding-bottom: 2em; } .k-fieldselector .k-list li.k-item { padding: 0.3em 3.3em 0.3em 0.3em; margin: 0 0.2em 0.2em; position: relative; font-size: 0.9em; line-height: 1.2em; min-height: 1em; } .k-i-kpi-trend-increase, .k-i-kpi-trend-decrease, .k-i-kpi-trend-equal { color: #858585; } .k-i-kpi-status-hold { color: #f9ce1d; } .k-i-kpi-status-deny { color: #f44336; } .k-i-kpi-status-open { color: #4caf50; } .k-pdf-export-shadow .k-pivot .k-grid-content { overflow: visible !important; } .k-pdf-export-shadow .k-pivot .k-pivot-rowheaders .k-grid, .k-pdf-export-shadow .k-pivot .k-grid-content { height: 100% !important; } .k-pdf-export-shadow .k-pivot .k-grid-header { padding-right: 0 !important; } .k-pdf-export-shadow .k-pivot { width: auto !important; height: auto !important; } .k-pdf-export-shadow .k-pivot .k-grid-header-wrap > table, .k-pdf-export-shadow .k-pivot .k-grid-content > table { width: 100% !important; height: auto !important; } .k-pivot .k-field-actions .k-icon { pointer-events: all; } div.k-treeview { border-width: 0; background: none; overflow: auto; white-space: nowrap; } .k-treeview .k-item { display: block; border-width: 0; margin: 0; padding: 0 0 0 16px; } .k-treeview > .k-group, .k-treeview .k-item > .k-group, .k-treeview .k-content { margin: 0; padding: 0; background: none; list-style-type: none; position: relative; } .k-treeview .k-icon, .k-treeview .k-image, .k-treeview .k-sprite, .k-treeview .k-checkbox, .k-treeview .k-in { display: inline-block; vertical-align: top; } .k-checkbox-wrapper { display: inline-block; vertical-align: middle; } .k-treeview .k-checkbox-wrapper + .k-in { margin-left: 4px; } .k-treeview .k-icon, .k-treeview .k-in { vertical-align: middle; } .k-treeview .k-request-retry { vertical-align: baseline; } .k-treeview .k-i-plus, .k-treeview .k-i-minus, .k-treeview .k-i-expand, .k-treeview .k-i-collapse { margin-left: -16px; cursor: pointer; } .k-treeview .k-i-collapse { margin-top: -4px; } .k-treeview .k-sprite, .k-treeview .k-image { margin-right: 3px; } .k-treeview .k-in { margin: 0; padding: 1px 0.3333em 1px 0.25em; line-height: 1.3333em; text-decoration: none; border-style: solid; border-width: 1px; } .k-treeview span.k-in { cursor: default; } .k-treeview .k-state-hover { cursor: pointer; } .k-rtl .k-treeview .k-i-expand, .k-rtl .k-treeview .k-i-collapse { margin-left: 0; margin-right: -16px; } .k-rtl .k-treeview .k-checkbox-wrapper + .k-in { margin-left: 0; margin-right: 4px; } span.k-datepicker, span.k-timepicker, span.k-datetimepicker, span.k-colorpicker, span.k-numerictextbox, span.k-combobox, span.k-dropdown, span.k-dropdowntree { background-image: none; } .k-autocomplete, .k-combobox, .k-datepicker, .k-timepicker, .k-datetimepicker, .k-colorpicker, .k-numerictextbox, .k-dropdown, .k-dropdowntree, .k-selectbox, .k-multiselect, .k-textbox, .k-listbox { width: 12.4em; border-width: 0; position: relative; display: inline-block; vertical-align: middle; overflow: visible; } .k-autocomplete > .k-clear-value, .k-dropdown-wrap > .k-clear-value, .k-multiselect-wrap > .k-clear-value { outline: 0; font-size: 100%; display: inline-block; position: absolute; visibility: hidden; cursor: pointer; } .k-autocomplete > .k-clear-value { right: calc(1em - 8px); } .k-multiselect-wrap > .k-clear-value { right: calc(1em - 7px); } .k-autocomplete > .k-clear-value, .k-dropdown-wrap > .k-clear-value { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .k-dropdown-wrap > .k-clear-value { right: calc(3em - 8px); } .k-multiselect-wrap > .k-clear-value, .k-dropdowntree > .k-multiselect-wrap > .k-clear-value { top: calc(1.00357143em - 7px); } .k-multiselect-wrap .k-readonly, .k-dropdown-wrap .k-readonly { opacity: 0.5; } .k-autocomplete.k-state-hover > .k-clear-value, .k-dropdown-wrap.k-state-hover > .k-clear-value, .k-multiselect-wrap.k-state-hover > .k-clear-value, .k-autocomplete.k-state-focused > .k-clear-value, .k-dropdown-wrap.k-state-focused > .k-clear-value, .k-multiselect-wrap.k-state-focused > .k-clear-value { visibility: visible; } .k-multiselect.k-state-hover > .k-multiselect-wrap > .k-clear-value, .k-multiselect.k-state-focused > .k-multiselect-wrap > .k-clear-value { visibility: visible; } .k-autocomplete > .k-hidden, .k-dropdown-wrap .k-hidden, .k-multiselect-wrap .k-hidden { display: none !important; } .k-autocomplete, .k-combobox, .k-datepicker, .k-timepicker, .k-datetimepicker, .k-colorpicker, .k-numerictextbox, .k-dropdown, .k-dropdowntree, .k-selectbox { white-space: nowrap; } .k-filter-menu .k-combobox, .k-filter-menu .k-datepicker, .k-filter-menu .k-timepicker, .k-filter-menu .k-datetimepicker, .k-filter-menu .k-numerictextbox, .k-filter-menu .k-dropdown, .k-filter-menu .k-dropdowntree, .k-filter-menu .k-autocomplete, .k-filter-menu .k-textbox { width: 100%; } .k-colorpicker { width: auto; } .k-datetimepicker { width: 15em; } .k-autocomplete, .k-picker-wrap, .k-numeric-wrap { position: relative; cursor: default; } .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap, .k-multiselect-wrap { display: block; } .k-list-scroller { position: relative; overflow: auto; } .k-popup.k-list-container, .k-popup.k-calendar-container { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 2px; border-width: 1px; border-style: solid; } .k-list-container.k-popup-dropdowntree { padding: 0; } .k-list-container.k-popup-dropdowntree .k-check-all { margin: 10px 10px 0; } .k-list-container.k-popup-dropdowntree .k-treeview { box-sizing: border-box; padding: 10px; } .k-list-container.k-state-border-down, .k-autocomplete.k-state-border-down, .k-picker-wrap.k-state-border-down, .k-numeric-wrap.k-state-border-down { border-bottom-width: 0; padding-bottom: 1px; } .k-list-container .km-scroll-container { padding-bottom: 6px; } .k-textbox, .k-textarea, .k-autocomplete, .k-dropdown-wrap, .k-multiselect-wrap, .k-picker-wrap, .k-numeric-wrap { border-width: 1px; border-style: solid; } .k-dropdown-wrap { position: relative; } .k-dropdown-wrap, .k-numeric-wrap, .k-picker-wrap { padding-right: 2em; } .k-numeric-wrap.k-expand-padding { padding-right: 0; } .k-numeric-wrap.k-expand-padding .k-i-warning { right: 0; } .k-textbox, .k-autocomplete { padding: 0; } .k-textbox.k-space-left { padding-left: 2em; } .k-textbox.k-space-right { padding-right: 2em; } .k-picker-wrap .k-input { margin: 0; } .k-textbox .k-icon { top: 50%; margin: -8px 0 0; position: absolute; } .k-space-left .k-icon { left: 3px; } .k-space-right .k-icon { right: 3px; } span.k-textbox:after { content: "\a0"; display: block; height: 0.4px; overflow: hidden; } .k-autocomplete, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap { transition: box-shadow 0.15s ease-out; } .k-textbox > input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input { width: 100%; box-sizing: border-box; } .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input, .k-multiselect-wrap .k-input { font-family: inherit; border-width: 0; outline: 0; } .k-dropdown .k-input, .k-dropdowntree .k-dropdown-wrap .k-input, .k-selectbox .k-input { color: inherit; background: transparent; } .k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-dropdown-wrap .k-select { position: absolute; top: 0; right: 0; display: inline-block; vertical-align: top; text-decoration: none; } .k-combobox .k-select, .k-picker-wrap .k-select, .k-numeric-wrap .k-select { border-style: solid; border-width: 0 0 0 1px; border-color: inherit; } span.k-datetimepicker .k-select, span.k-datetimepicker .k-select + .k-select { right: 0; } .k-textbox > input, .k-autocomplete .k-input { display: block; width: 100%; } .k-dropdown-wrap .k-select, .k-selectbox .k-select { overflow: hidden; border: 0; text-decoration: none; color: inherit; } .k-dropdown .k-input, .k-dropdowntree .k-dropdown-wrap .k-input, .k-selectbox .k-input { display: block; overflow: hidden; text-overflow: ellipsis; } .k-textbox > input, .k-autocomplete .k-input, .k-multiselect-wrap .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input { line-height: 1.65em; padding: 0.17857143em 0; text-indent: 0.571em; border: 0; margin: 0; overflow: hidden; text-overflow: ellipsis; } .k-textbox::-webkit-input-placeholder, .k-textarea::-webkit-input-placeholder, .k-textbox > input::-webkit-input-placeholder, .k-textarea > textarea::-webkit-input-placeholder, .k-input::-webkit-input-placeholder { -webkit-user-select: none; user-select: none; } .k-textbox:-ms-input-placeholder, .k-textarea:-ms-input-placeholder, .k-textbox > input:-ms-input-placeholder, .k-textarea > textarea:-ms-input-placeholder, .k-input:-ms-input-placeholder { -ms-user-select: none; user-select: none; } .k-textbox::-ms-input-placeholder, .k-textarea::-ms-input-placeholder, .k-textbox > input::-ms-input-placeholder, .k-textarea > textarea::-ms-input-placeholder, .k-input::-ms-input-placeholder { -ms-user-select: none; user-select: none; } .k-textbox::placeholder, .k-textarea::placeholder, .k-textbox > input::placeholder, .k-textarea > textarea::placeholder, .k-input::placeholder { -webkit-user-select: none; -ms-user-select: none; user-select: none; } .k-dropdown-wrap .k-input:before { content: ""; display: inline-block; width: 0; } .k-ie .k-autocomplete .k-input { height: 1.65em; } .k-ie .k-textbox > input, .k-ie .k-picker-wrap .k-input, .k-ie .k-numeric-wrap .k-input, .k-ie .k-combobox .k-input { height: 2em; } .k-ie input.k-textbox { height: calc(2em + 2px); } .k-webkit .k-combobox .k-dropdown-wrap:before, .k-webkit .k-picker-wrap:before, .k-webkit .k-numeric-wrap:before { padding-bottom: 0.38em; } .km.root .k-combobox .k-dropdown-wrap:before, .km.root .k-picker-wrap:before, .km.root .k-numeric-wrap:before { content: none; } .k-combobox .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input { display: inline; } .k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-dropdown-wrap .k-select { line-height: 2em; vertical-align: middle; -moz-box-sizing: border-box; text-align: center; width: 2em; height: 100%; } .k-numeric-wrap .k-select { padding: 0; } body .k-datetimepicker .k-select { border-radius: 0; } .k-combobox .k-select, .k-dropdown, .k-dropdowntree .k-dropdown-wrap, .k-selectbox .k-icon { cursor: pointer; } .k-popup { border-style: solid; border-width: 1px; } .k-popup .k-item, .k-list-optionlabel { cursor: default; } .k-popup .k-calendar { border: 0; } .k-list { height: auto; } .k-nodata { min-height: 138px; width: 100%; display: table; text-transform: uppercase; font-size: 0.85em; font-weight: lighter; } .k-nodata > div { display: table-cell; text-align: center; vertical-align: middle; padding: 11px; } .k-popup .k-list .k-item, .k-fieldselector .k-list .k-item, .k-list-optionlabel, .k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header, .k-listbox .k-item, .k-item.k-drag-clue { padding: 1px 5px 1px 5px; line-height: 1.8em; min-height: 1.8em; } .k-popup .k-list .k-item, .k-listbox .k-item { border-width: 1px; border-style: solid; border-color: transparent; padding: 0 4px; } .k-popup .k-list .k-item > .k-group { top: -1px; } .k-group-header + div > .k-list > .k-item.k-first:before { content: " "; display: block; border-top-width: 1px; border-top-style: solid; position: absolute; top: -1px; left: 0; right: 0; } .k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header { padding-right: 22px; } .k-popup .k-list .k-state-hover, .k-popup .k-list .k-state-focused, .k-popup .k-list .k-state-selected, .k-fieldselector .k-list .k-item, .k-list-optionlabel.k-state-focused, .k-list-optionlabel.k-state-selected, .k-listbox .k-item { padding: 0 4px; border-width: 1px; border-style: solid; } .k-list-filter { position: relative; margin-bottom: 2px; } .k-list-filter > .k-textbox { padding-right: 20px; width: 100%; } .k-list-filter > .k-icon { position: absolute; right: 6px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .km-root .k-list-filter > .k-textbox { padding-left: 0; padding-right: 0; border-left-width: 0; border-right-width: 0; } .k-multiselect { display: block; width: auto; } .k-multiselect-wrap { border-radius: 4px; padding-right: 22px; } .k-multiselect-wrap .k-input { min-width: 25px; min-height: 1.65em; padding: 0.17857143em; text-indent: 0.571em; background-color: transparent; border: 0; margin: 0; float: left; } .k-multiselect-wrap .k-input::-ms-clear { display: none; } .k-multiselect-wrap li { margin: 1px 0 1px 1px; padding: 0.1em 1.6em 0.1em 0.4em; line-height: 1.5em; min-height: calc(1.7em + 2px); float: left; position: relative; } .k-autocomplete .k-i-loading, .k-multiselect .k-i-loading { position: absolute; top: auto; right: 0.4em; bottom: 0.4em; } .k-multiselect-wrap .k-select { position: absolute; top: 0; bottom: 0; right: 0; padding: 0.03em 0.2em; } .k-autocomplete-clearable .k-input, .k-multiselect-clearable .k-input, .k-dropdowntree-clearable .k-input, .k-combobox-clearable .k-input { overflow: hidden; text-overflow: ellipsis; } .k-combobox-clearable .k-input, .k-multiselect-clearable .k-multiselect-wrap, .k-dropdowntree-clearable .k-multiselect-wrap, .k-dropdowntree-clearable .k-dropdown-wrap .k-input { padding-right: 2em; } .k-datetimepicker .k-picker-wrap { padding-right: 4em; } .k-datetimepicker .k-select { width: 4em; } .k-datetimepicker .k-select .k-link { display: inline-block; width: 50%; } .k-datetimepicker .k-link { color: inherit; } .k-datetimepicker .k-picker-wrap .k-icon { margin: 0 2px; } .k-picker-wrap .k-icon { cursor: pointer; } .k-textbox, .k-timepicker, .k-datepicker, .k-datetimepicker { display: inline-block; vertical-align: middle; } .k-time-popup .k-item { padding: 1px 3px; } .k-datetime-container .k-datetime-wrap { width: 21em; overflow: hidden; } .k-datetime-container .k-datetime-buttongroup { padding: 8px; } .k-datetime-container .k-datetime-selector { display: -ms-flexbox; display: flex; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } .k-datetime-container .k-datetime-calendar-wrap, .k-datetime-container .k-datetime-time-wrap { text-align: center; -ms-flex: 0 0 21em; flex: 0 0 21em; } .k-datetime-container .k-time-list-container { -ms-flex-pack: center; justify-content: center; } .k-datetime-container .k-timeselector { outline: none; } .k-datetime-container .k-time-tab .k-datetime-selector { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .k-datetime-container > .k-popup { padding-bottom: 0; } .k-datetime-container > .k-popup .k-action-buttons { margin-bottom: 0; } .k-rtl .k-datetime-container .k-time-tab .k-datetime-selector, .k-datetime-container.k-rtl .k-time-tab .k-datetime-selector, [dir="rtl"] .k-datetime-container .k-time-tab .k-datetime-selector, .k-datetime-container[dir="rtl"] .k-time-tab .k-datetime-selector { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .k-time-header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 8px 16px; line-height: 2em; } .k-time-header .k-title { font-weight: bold; } .k-time-header .k-time-now { border-width: 0; line-height: inherit; cursor: pointer; } .k-time-list-wrapper { display: inline-block; overflow: hidden; box-sizing: content-box; overflow-x: hidden; overflow-y: auto; position: relative; padding: 20px 0; text-align: center; width: 5em; height: calc(10.00000001em + 56px); } .k-time-list-wrapper .k-title { display: block; text-align: center; font-size: 10px; position: absolute; text-transform: capitalize; font-weight: bold; min-width: 100%; height: 1.5em; line-height: 1.5em; margin-top: -20px; z-index: 12; } .k-time-list-wrapper.k-state-focused::before, .k-time-list-wrapper.k-state-focused::after { display: block; content: " "; position: absolute; width: 100%; left: 0; pointer-events: none; height: calc(50% - 1em); box-sizing: border-box; border-width: 0; border-style: solid; } .k-time-list-wrapper.k-state-focused::before { top: 0; } .k-time-list-wrapper.k-state-focused::after { bottom: 0; } .k-time-container { position: absolute; display: block; overflow-x: hidden; overflow-y: scroll; line-height: 1.42857143; left: 0; right: 0; top: 20px; bottom: 20px; padding-right: 100px; padding-left: 100px; margin-left: -100px; margin-right: -100px; margin-right: -117px; } .k-time-container > ul { height: auto; width: 5em; } .k-rtl .k-time-container, .k-time-container.k-rtl, [dir="rtl"] .k-time-container, .k-time-container[dir="rtl"] { padding-right: 100px; padding-left: 100px; margin-left: -100px; margin-right: -100px; margin-left: -117px; } .k-time-list-container { display: -ms-flexbox; display: flex; position: relative; } .k-time-list { position: absolute; display: -ms-flexbox; display: flex; z-index: 10; outline: 0; bottom: 0; right: 0; left: 0; top: 0; } .k-time-list::before, .k-time-list::after { display: block; position: absolute; content: " "; height: 0; line-height: 0; z-index: 1; width: 200%; left: -50%; } .k-time-list::before { top: 0; } .k-time-list::after { bottom: 0; } .k-time-list .k-item { padding: 4px 8px; } .k-time-highlight { position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: calc(1.42857143em + 8px); z-index: 1; border-width: 1px 0; border-style: solid; border-radius: 0.1px; } .k-time-container .k-scrollable-placeholder { position: absolute; width: 1px; top: 0; right: 0; } .k-time-separator { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-item-align: center; align-self: center; -ms-flex-pack: center; justify-content: center; height: 100%; z-index: 11; } .k-time-footer { margin-top: 0; } .k-input { font-size: inherit; padding: 0.25em 0; } .k-input-separator { margin: 0; width: 0; height: 16px; border-width: 0 0 0 1px; border-style: solid; } .k-input, .k-textbox > input, .k-textarea > textarea { outline: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-textbox { outline: 0; } input.k-textbox, textarea.k-textarea { padding: 0.17857143em 0; } input.k-textbox { line-height: 1.65em; text-indent: 0.571em; } .k-ie input.k-textbox { text-indent: 0.2855em; } textarea.k-textarea { height: auto; } .k-input-icon { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 2em; position: relative; -ms-flex-negative: 0; flex-shrink: 0; } .k-input-icon .k-icon { position: static; margin: 0; } .k-ie9 .k-input-icon { position: absolute; height: 100%; right: 0; top: 0; } .k-ie9 .k-rtl .k-input-icon, .k-ie9 [dir="rtl"] .k-input-icon { left: 0; right: auto; } span.k-numerictextbox { background-color: transparent; } .k-numerictextbox .k-input { margin: 0; } .k-numerictextbox .k-link { color: inherit; display: block; height: 1em; line-height: 1em; vertical-align: middle; border-width: 0; padding: 0; overflow: hidden; } .k-numerictextbox .k-icon { display: block; margin: auto; height: 100%; } .k-numerictextbox .k-i-arrow-60-up { top: 0; } .k-numerictextbox .k-i-arrow-60-down { bottom: 0; } .k-numeric-wrap .k-input::-webkit-inner-spin-button { -webkit-appearance: none; } .k-rtl .k-multiselect-wrap { padding-right: 0; padding-left: 22px; } .k-maskedtextbox { position: relative; display: inline-block; background-color: transparent; border-width: 0; } .k-maskedtextbox ::-ms-clear { display: none; width: 0; height: 0; } .k-maskedtextbox .k-i-warning { display: none; position: absolute; width: 2em; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .k-maskedtextbox.k-state-invalid .k-i-warning { display: inline-block; } .k-dateinput { position: relative; display: inline-block; border-width: 0; } .k-dateinput.k-widget { background-color: transparent; } .k-dateinput ::-ms-clear { display: none; width: 0; height: 0; } .k-dateinput .k-i-warning { display: none; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); overflow: visible; } .k-dateinput.k-state-invalid .k-i-warning { display: inline-block; } .k-datepicker .k-picker-wrap .k-i-warning, .k-timepicker .k-picker-wrap .k-i-warning, .k-datetimepicker .k-picker-wrap .k-i-warning { display: none; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); overflow: visible; } .k-datepicker .k-picker-wrap.k-state-invalid .k-i-warning, .k-timepicker .k-picker-wrap.k-state-invalid .k-i-warning, .k-datetimepicker .k-picker-wrap.k-state-invalid .k-i-warning { display: inline-block; } .k-listbox { box-sizing: border-box; height: 200px; } .k-listbox.k-widget { background-color: transparent; } .k-listbox .k-list-scroller { height: 100%; overflow: auto; border-width: 1px; border-style: solid; box-sizing: border-box; } .k-listbox .k-list-scroller li { cursor: default; -moz-user-select: none; -ms-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; } .k-listbox .k-listbox-toolbar { box-sizing: border-box; } .k-listbox.k-listbox-toolbar-top { padding: 15px 0 1.42857143em; } .k-listbox.k-listbox-toolbar-top .k-listbox-toolbar { margin-top: -15px; margin-bottom: 5px; } .k-listbox.k-listbox-toolbar-top .k-listbox-toolbar li { display: inline-block; } .k-listbox.k-listbox-toolbar-top .k-listbox-toolbar li + li { margin-left: 5px; } .k-listbox.k-listbox-toolbar-left .k-listbox-toolbar { float: left; margin-right: 5px; } .k-listbox.k-listbox-toolbar-left .k-listbox-toolbar li + li { margin-top: 5px; } .k-listbox.k-listbox-toolbar-right .k-listbox-toolbar { float: right; margin-left: 5px; } .k-listbox.k-listbox-toolbar-right .k-listbox-toolbar li:not(:last-child) { margin-bottom: 5px; } .k-listbox.k-listbox-toolbar-bottom { padding: 15px 0 1.45em; } .k-listbox.k-listbox-toolbar-bottom .k-list-scroller { margin-top: -15px; } .k-listbox.k-listbox-toolbar-bottom .k-listbox-toolbar { margin-top: 5px; } .k-listbox.k-listbox-toolbar-bottom .k-listbox-toolbar li { display: inline-block; } .k-listbox.k-listbox-toolbar-bottom .k-listbox-toolbar li + li { margin-left: 5px; } .k-listbox .k-ghost { opacity: 0.5; } .k-rtl .k-dropdown-wrap, .k-rtl .k-picker-wrap, .k-rtl .k-numeric-wrap, .k-rtl .k-combobox-clearable .k-input, .k-rtl .k-multiselect-clearable .k-multiselect-wrap, .k-rtl .k-dropdowntree-clearable .k-multiselect-wrap, .k-rtl .k-dropdowntree-clearable .k-dropdown-wrap .k-input { padding-right: 0; padding-left: 2em; } .k-rtl .k-dropdown-wrap > .k-clear-value { left: calc(3em - 8px); } .k-rtl .k-autocomplete > .k-clear-value { left: calc(1em - 8px); } .k-rtl .k-multiselect-wrap > .k-clear-value { left: calc(1em - 7px); } .k-rtl .k-numeric-wrap.k-state-invalid.k-expand-padding .k-i-warning { left: 0; } .k-rtl .k-listbox.k-listbox-toolbar-left .k-listbox-toolbar, .k-rtl .k-listbox.k-listbox-toolbar-right .k-listbox-toolbar { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .k-rtl .k-listbox.k-listbox-toolbar-left .k-listbox-toolbar { float: right; margin-right: 0; margin-left: 5px; } .k-rtl .k-listbox.k-listbox-toolbar-right .k-listbox-toolbar { float: left; margin-right: 5px; margin-left: 0; } .k-multiple-selection .k-in.k-state-selected { border-color: transparent; color: inherit; background: none; } .k-popup-flush, .k-popup-flush.k-list-container { padding: 0; } .k-dropdowngrid-popup { overflow: hidden; } .k-dropdowngrid-popup .k-grid-header, .k-dropdowngrid-popup .k-group-header, .k-dropdowngrid-popup .k-list-scroller, .k-dropdowngrid-popup .k-virtual-content, .k-dropdowngrid-popup .k-footer { line-height: 1.42857143; } .k-dropdowngrid-popup .k-virtual-wrap { margin: 0; } .k-dropdowngrid-popup .k-grid-header table { margin: 0 0 -1px 0; width: 100%; max-width: none; border-width: 0; border-collapse: separate; border-spacing: 0; table-layout: fixed; empty-cells: show; outline: none; } .k-grid-list { width: 100%; max-width: none; border-width: 0; border-collapse: collapse; border-spacing: 0; table-layout: fixed; empty-cells: show; outline: none; display: table; } .k-grid-list > .k-item { box-sizing: border-box; display: table-row; position: relative; } .k-grid-list > .k-item > .k-cell, .k-grid-list > .k-item > .k-group, .k-grid-list > .k-item > .k-spacer-group { box-sizing: border-box; display: table-cell; vertical-align: middle; } .k-grid-list.k-virtual-list > .k-item > .k-cell, .k-grid-list.k-virtual-list > .k-item > .k-group, .k-grid-list.k-virtual-list > .k-item > .k-spacer-group { display: inline-block; } .k-dropdowngrid-popup .k-grid-header .k-header, .k-grid-list > .k-item > .k-cell { border-width: 0 0 1px 1px; border-style: solid; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .k-dropdowngrid-popup .k-grid-header .k-header { padding: 6px 8px; } .k-grid-list > .k-item > .k-cell { padding: 6px 8px; } .k-dropdowngrid-popup .k-grid-header .k-header:first-child, .k-grid-list > .k-item > .k-cell:first-child { border-left-width: 0; } div.k-dropdowngrid-popup .k-group-header { margin: 0; padding: 6px 8px; min-height: auto; text-align: left; } .k-grid-list > .k-item > .k-group-cell, .k-grid-list > .k-item > .k-spacer-cell { padding-left: 0; padding-right: 0; width: 0; border-left-width: 0; border-right-width: 0; overflow: visible; position: relative; } .k-grid-list > .k-item > .k-group-cell > span { padding: 0 4px; font-size: 0.875em; position: absolute; top: 0; right: 0; } .k-grid-list > .k-item:last-child > .k-cell, .k-grid-list > .k-item:last-child > .k-group-cell, .k-grid-list > .k-item:last-child > .k-spacer-cell { border-bottom-width: 0; } .k-dropdowngrid-popup .k-footer { padding: 6px 8px; border-width: 1px 0 0 0; border-style: solid; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; } .k-rtl .k-grid-list > .k-item > .k-cell { border-left-width: 1px; border-right-width: 1px; text-align: right; } .k-rtl .k-grid-list > .k-item > .k-cell:first-child { border-right-width: 0; } .k-rtl div.k-dropdowngrid-popup .k-group-header { text-align: right; } .k-rtl .k-grid-list > .k-item > .k-group-cell > span { right: auto; left: 0; } .k-textbox-container, .k-floating-label-container { padding-top: 1.2375em; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; position: relative; width: 12.4em; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: stretch; justify-content: stretch; } .k-textbox-container > .k-label, .k-floating-label-container > .k-label { max-width: 90%; line-height: 1.65em; white-space: nowrap; text-overflow: ellipsis; position: absolute; top: calc(1.41607143em + 1px); left: calc(1px + 0.571em); overflow: hidden; cursor: text; transition: color 0.2s ease-out, -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out, color 0.2s ease-out; transition: transform 0.2s ease-out, color 0.2s ease-out, -webkit-transform 0.2s ease-out; pointer-events: none; } .k-textbox-container > .k-textbox, .k-floating-label-container > .k-textbox, .k-textbox-container > .k-textarea, .k-floating-label-container > .k-textarea, .k-textbox-container > .k-widget, .k-floating-label-container > .k-widget { -ms-flex: 1 1 auto; flex: 1 1 auto; width: auto; } .k-textbox-container.k-state-empty > .k-label, .k-floating-label-container.k-state-empty > .k-label { -webkit-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); font-style: normal; } .k-textbox-container.k-state-focused, .k-floating-label-container.k-state-focused { box-shadow: none; } .k-textbox-container > .k-label, .k-floating-label-container > .k-label, .k-textbox-container.k-state-focused > .k-label, .k-floating-label-container.k-state-focused > .k-label { -webkit-transform: translate(-0.571em, -0.1339285725em) translate(-1px, -1.2375em) translate(-12.5%, -9.375%) scale(0.75); -ms-transform: translate(-0.571em, -0.1339285725em) translate(-1px, -1.2375em) translate(-12.5%, -9.375%) scale(0.75); transform: translate(-0.571em, -0.1339285725em) translate(-1px, -1.2375em) translate(-12.5%, -9.375%) scale(0.75); } .k-textbox-container.k-state-empty:not(.k-state-focused) ::-webkit-input-placeholder, .k-floating-label-container.k-state-empty:not(.k-state-focused) ::-webkit-input-placeholder { color: transparent; } .k-textbox-container.k-state-empty:not(.k-state-focused) :-ms-input-placeholder, .k-floating-label-container.k-state-empty:not(.k-state-focused) :-ms-input-placeholder { color: transparent; } .k-textbox-container.k-state-empty:not(.k-state-focused) ::-ms-input-placeholder, .k-floating-label-container.k-state-empty:not(.k-state-focused) ::-ms-input-placeholder { color: transparent; } .k-textbox-container.k-state-empty:not(.k-state-focused) ::placeholder, .k-floating-label-container.k-state-empty:not(.k-state-focused) ::placeholder { color: transparent; } .k-rtl .k-textbox-container > .k-label, .k-rtl .k-floating-label-container > .k-label, .k-textbox-container[dir='rtl'] > .k-label, .k-floating-label-container[dir='rtl'] > .k-label { left: auto; right: calc(1px + 0.571em); } .k-rtl .k-textbox-container.k-state-empty > .k-label, .k-rtl .k-floating-label-container.k-state-empty > .k-label, .k-textbox-container[dir='rtl'].k-state-empty > .k-label, .k-floating-label-container[dir='rtl'].k-state-empty > .k-label { -webkit-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); } .k-rtl .k-textbox-container > .k-label, .k-rtl .k-floating-label-container > .k-label, .k-textbox-container[dir='rtl'] > .k-label, .k-floating-label-container[dir='rtl'] > .k-label, .k-rtl .k-textbox-container.k-state-focused > .k-label, .k-rtl .k-floating-label-container.k-state-focused > .k-label, .k-textbox-container[dir='rtl'].k-state-focused > .k-label, .k-floating-label-container[dir='rtl'].k-state-focused > .k-label { -webkit-transform: translate(0.571em, -0.1339285725em) translate(1px, -1.2375em) translate(12.5%, -9.375%) scale(0.75); -ms-transform: translate(0.571em, -0.1339285725em) translate(1px, -1.2375em) translate(12.5%, -9.375%) scale(0.75); transform: translate(0.571em, -0.1339285725em) translate(1px, -1.2375em) translate(12.5%, -9.375%) scale(0.75); } .k-input-label { margin-right: 0.571em; z-index: 1; } .k-rtl .k-input-label, .k-input-label.k-rtl, [dir="rtl"] .k-input-label, .k-input-label[dir="rtl"] { margin-right: 0; margin-left: 0.571em; } .k-input-prefix, .k-input-suffix { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; height: 1.4285714285714286 * 1em + (4px * 2); } .k-input-prefix > *, .k-input-suffix > * { -ms-flex-negative: 0; flex-shrink: 0; } .k-input-prefix > .k-icon, .k-input-suffix > .k-icon { width: calc(20.00000002px + 0.35714286em); height: calc(20.00000002px + 0.35714286em); display: -ms-inline-flexbox; display: inline-flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; } .k-input-prefix > .k-clear-value, .k-input-suffix > .k-clear-value { width: calc(20.00000002px + 0.35714286em); height: calc(20.00000002px + 0.35714286em); position: relative; } .k-input-prefix > .k-clear-value::after, .k-input-suffix > .k-clear-value::after { content: ""; opacity: 0; display: none; pointer-events: none; position: absolute; left: -1px; right: -1px; top: -1px; bottom: -1px; } .k-input-prefix > .k-clear-value.k-state-focused::after, .k-input-suffix > .k-clear-value.k-state-focused::after, .k-input-prefix > .k-clear-value:focus::after, .k-input-suffix > .k-clear-value:focus::after { display: block; } .k-colorpicker .k-picker-wrap { line-height: 2.00714286em; } .k-colorpicker .k-selected-color { vertical-align: top; display: inline-block; height: 2em; width: 2em; } .k-colorpicker .k-selected-color .k-i-line { font-size: 2em; color: #FF525E; display: inline-block; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); -webkit-filter: FlipH; filter: FlipH; -ms-filter: "FlipH"; } .k-colorpicker .k-selected-color .k-i-line:before { content: "\e510"; } .k-colorpicker .k-tool-icon { position: relative; top: -2px; display: inline-block; padding: 3px 3px 2px; margin-right: 3px; margin-left: 2px; margin-bottom: 3px; background-repeat: no-repeat; vertical-align: middle; width: 16px; height: 16px; -ms-high-contrast-adjust: none; } .k-colorpicker .k-tool-icon .k-selected-color { display: block; height: 3px; width: 16px; position: absolute; left: 3px; bottom: -3px; border-radius: 0 !important; } .k-colorpicker .k-select { cursor: pointer; } .k-colorpicker .k-picker-wrap .k-icon { overflow: visible; } .k-flatcolorpicker { position: relative; display: inline-block; width: 265px; padding-bottom: 5px; background-color: transparent; background-image: none; } .k-flatcolorpicker .k-selected-color { background-image: url("./textures/transtexture.png"); background-position: 50% 50%; text-align: right; } .k-flatcolorpicker .k-selected-color input.k-color-value { font-family: Consolas, "Ubuntu Mono", "Lucida Console", "Courier New", monospace; padding: 0.75em 0.1em 0.65em 0.1em; border: 0; margin: 0; width: 84%; } .k-flatcolorpicker .k-selected-color .k-color-input { background-color: #fff; display: -ms-inline-flexbox; display: inline-flex; width: 84%; text-align: left; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; vertical-align: middle; } .k-flatcolorpicker .k-selected-color .k-clear-color { padding: 0.4em; line-height: 0; } .k-flatcolorpicker .k-selected-color .k-clear-color .k-i-reset-color:before { color: #000; opacity: 0.8; } .k-flatcolorpicker .k-selected-color .k-clear-color .k-i-reset-color:hover, .k-flatcolorpicker .k-selected-color .k-clear-color .k-i-reset-color:active { opacity: 1; } .k-flatcolorpicker .k-clear-color-container .k-clear-color.k-state-focused:active { color: inherit; } .k-flatcolorpicker .k-clear-color-container .k-clear-color:active { color: #000; opacity: 1; } .k-flatcolorpicker .k-selected-color .k-clear-color .k-i-reset-color, .k-flatcolorpicker .k-clear-color-container .k-clear-color .k-i-reset-color { background-image: none; } .k-flatcolorpicker .k-clear-color-container { text-align: left; } .k-flatcolorpicker .k-hsv-rectangle { position: relative; -webkit-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pinch-zoom double-tap-zoom; } .k-flatcolorpicker .k-hsv-rectangle .k-draghandle { cursor: pointer; position: absolute; z-index: 10; left: 50%; top: 50%; width: 8px; height: 8px; border: 1px solid #eee; margin-left: -5px; margin-top: -5px; border-radius: 6px; box-shadow: 0 1px 2px #444; background: transparent; } .k-flatcolorpicker .k-hsv-rectangle .k-draghandle:hover, .k-flatcolorpicker .k-hsv-rectangle .k-draghandle:focus { background: transparent; border-color: #fff; box-shadow: 0 1px 5px #000; } .k-flatcolorpicker .k-hsv-rectangle.k-dragging, .k-flatcolorpicker .k-hsv-rectangle.k-dragging * { cursor: none; } .k-flatcolorpicker .k-slider-horizontal { height: 20px; width: 90%; margin: 0 5%; } .k-flatcolorpicker .k-slider-horizontal .k-slider-track { box-shadow: 0 1px 0 #fff, 0 -1px 0 #999; } .k-flatcolorpicker .k-hue-slider, .k-flatcolorpicker .k-transparency-slider { display: block; } .k-flatcolorpicker .k-hue-slider .k-slider-selection, .k-flatcolorpicker .k-transparency-slider .k-slider-selection { background: transparent; } .k-flatcolorpicker .k-hue-slider .k-draghandle, .k-flatcolorpicker .k-transparency-slider .k-draghandle { background: transparent; border: 3px solid #eee; margin-top: 1px; height: 8px; width: 8px; box-shadow: 0 1px 4px #444; } .k-flatcolorpicker .k-hue-slider .k-draghandle:hover, .k-flatcolorpicker .k-transparency-slider .k-draghandle:hover, .k-flatcolorpicker .k-hue-slider .k-draghandle:focus, .k-flatcolorpicker .k-transparency-slider .k-draghandle:focus { background: transparent; border-color: #fff; box-shadow: 0 1px 5px #000; border-width: 2px; padding: 1px; } .k-flatcolorpicker .k-hue-slider .k-slider-track { background: linear-gradient(to right, #ff0000 0%, #ffff00 16%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 84%, #ff0004 100%); } .k-flatcolorpicker .k-transparency-slider .k-slider-track { background-image: url("./textures/transparency.png"); background-size: 100% auto; background-position: 100% 50%; background-repeat: no-repeat; } .k-flatcolorpicker .k-controls { margin-top: 10px; margin-bottom: 5px; text-align: center; font-size: 90%; } .k-flatcolorpicker .k-controls .k-button { width: 6em; } .k-flatcolorpicker .k-hsv-gradient { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%), linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%); height: 180px; margin-bottom: 5px; } .k-ie9 .k-flatcolorpicker .k-hue-slider .k-slider-track { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iI2ZmZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzAwZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iI2ZmMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); } .k-ie9 .k-flatcolorpicker .k-hsv-gradient { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); } .k-colorpalette { position: relative; line-height: 0; border-width: 0; display: inline-block; } .k-colorpalette .k-palette { border-collapse: collapse; position: relative; width: 100%; height: 100%; } .k-colorpalette .k-item { width: 14px; height: 14px; overflow: hidden; -ms-high-contrast-adjust: none; } .k-colorpalette .k-item.k-state-selected, .k-colorpalette .k-item.k-state-selected:hover { z-index: 100; background: transparent; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.45); position: relative; } .k-colorpalette .k-item:hover { z-index: 101; position: relative; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .k-cursor-auto { cursor: auto; } .k-cursor-default { cursor: default; } .k-cursor-none { cursor: none; } .k-cursor-context-menu { cursor: context-menu; } .k-cursor-help { cursor: help; } .k-cursor-pointer { cursor: pointer; } .k-cursor-progress { cursor: progress; } .k-cursor-wait { cursor: wait; } .k-cursor-cell { cursor: cell; } .k-cursor-crosshair { cursor: crosshair; } .k-cursor-text { cursor: text; } .k-cursor-vertical-text { cursor: vertical-text; } .k-cursor-alias { cursor: alias; } .k-cursor-copy { cursor: copy; } .k-cursor-move { cursor: move; } .k-cursor-no-drop { cursor: no-drop; } .k-cursor-not-allowed { cursor: not-allowed; } .k-cursor-e-resize { cursor: e-resize; } .k-cursor-n-resize { cursor: n-resize; } .k-cursor-ne-resize { cursor: ne-resize; } .k-cursor-nw-resize { cursor: nw-resize; } .k-cursor-s-resize { cursor: s-resize; } .k-cursor-se-resize { cursor: se-resize; } .k-cursor-sw-resize { cursor: sw-resize; } .k-cursor-w-resize { cursor: w-resize; } .k-cursor-ew-resize { cursor: ew-resize; } .k-cursor-ns-resize { cursor: ns-resize; } .k-cursor-nesw-resize { cursor: nesw-resize; } .k-cursor-nwse-resize { cursor: nwse-resize; } .k-cursor-col-resize { cursor: col-resize; } .k-cursor-row-resize { cursor: row-resize; } .k-cursor-all-scroll { cursor: all-scroll; } .k-cursor-zoom-in { cursor: zoom-in; } .k-cursor-zoom-out { cursor: zoom-out; } .k-cursor-grab { cursor: grab; } .k-cursor-grabbing { cursor: grabbing; } select.k-dropdown { border-radius: 4px; padding: 4px 8px; border-width: 1px; border-style: solid; outline: 0; overflow: hidden; text-overflow: ellipsis; transition: all 0.1s ease; cursor: pointer; } .k-notification { border-width: 1px; border-style: solid; cursor: default; position: relative; white-space: nowrap; box-sizing: border-box; } .k-notification > .k-notification-wrap { padding: 0.6em 0.5em; } .k-notification-closable > .k-notification-wrap { padding-right: 20px; } .k-notification .k-notification-content { display: inline-block; vertical-align: top; white-space: normal; } .k-notification-wrap > .k-i-info, .k-notification-wrap > .k-i-success, .k-notification-wrap > .k-i-warning, .k-notification-wrap > .k-i-error { margin-right: 4px; vertical-align: text-bottom; } .k-notification-wrap > .k-i-close { position: absolute; top: 50%; right: 4px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: none; } .k-notification-closable .k-notification-wrap > .k-i-close { display: block; } .k-rtl .k-notification-closable .k-notification-wrap, .k-rtl.k-notification-closable .k-notification-wrap { padding-right: 0.5em; padding-left: 20px; } .k-rtl .k-notification-wrap > .k-i-info, .k-rtl .k-notification-wrap > .k-i-success, .k-rtl .k-notification-wrap > .k-i-warning, .k-rtl .k-notification-wrap > .k-i-error { margin-right: 0; margin-left: 4px; } .k-rtl .k-notification-wrap > .k-i-close { right: auto; left: 4px; } .k-progressbar { display: inline-block; position: relative; vertical-align: middle; } .k-progressbar { border-radius: 4px; } .k-progressbar-horizontal { width: 27em; height: 1.9em; } .k-progressbar-vertical { width: 1.9em; height: 27em; } .k-progressbar > .k-state-selected { position: absolute; border-style: solid; border-width: 1px; overflow: hidden; } .k-progressbar-horizontal > .k-state-selected, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected { left: -1px; right: auto; top: -1px; height: 100%; border-radius: 4px 0 0 4px; } .k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected, .k-rtl .k-progressbar-horizontal > .k-state-selected { left: auto; right: -1px; border-radius: 0 4px 4px 0; } .k-progressbar-vertical > .k-state-selected { left: -1px; bottom: -1px; width: 100%; border-radius: 0 0 4px 4px; } .k-progressbar-vertical.k-progressbar-reverse > .k-state-selected { bottom: auto; top: -1px; border-radius: 4px 4px 0 0; } .k-progressbar > .k-state-selected.k-complete, .k-rtl .k-progressbar > .k-state-selected.k-complete { border-radius: 4px; } .k-progressbar > .k-reset { list-style: none; margin: 0; padding: 0; position: absolute; left: -1px; top: -1px; width: 100%; height: 100%; border-radius: 4px; white-space: nowrap; } .k-progressbar-horizontal .k-item { display: inline-block; height: 100%; border-style: solid; margin-left: -1px; } .k-progressbar-horizontal .k-item.k-first { margin-left: 0; } .k-progressbar-horizontal .k-item.k-last { border-right-width: 0; } .k-progressbar-horizontal .k-item, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-item { border-width: 1px 0 1px 1px; } .k-progressbar-horizontal.k-progressbar-reverse .k-item, .k-rtl .k-progressbar-horizontal .k-item { border-width: 1px 0 1px 1px; } .k-progressbar-horizontal .k-first, .k-rtl .k-progressbar-horizontal .k-last, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-last { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-left-width: 1px; } .k-progressbar-horizontal .k-last, .k-rtl .k-progressbar-horizontal .k-first { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .k-progressbar-horizontal.k-progressbar-reverse .k-last, .k-rtl .k-progressbar-horizontal .k-first { border-right-width: 1px; } .k-progressbar-horizontal .k-last.k-state-selected { border-right-width: 1px; } .k-progressbar-vertical .k-item { width: 100%; border-style: solid; border-width: 1px 1px 0 1px; margin-top: -1px; } .k-progressbar-vertical .k-item.k-first { margin-top: 0; } .k-progressbar-vertical li.k-item.k-last { border-bottom-width: 0; } .k-progressbar-vertical .k-first { border-top-left-radius: 4px; border-top-right-radius: 4px; } .k-progressbar-vertical .k-last { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-width: 1px; } .k-progressbar-vertical.k-progressbar-reverse .k-item { border-width: 0 1px 1px 1px; } .k-progressbar-vertical.k-progressbar-reverse .k-first { border-top-width: 1px; } .k-progress-status-wrap { position: absolute; top: -1px; border: 1px solid transparent; line-height: 2em; width: 100%; height: 100%; } .k-progress-status-wrap, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap { left: -1px; right: auto; text-align: right; } .k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap, .k-rtl .k-progressbar-horizontal .k-progress-status-wrap { left: auto; right: -1px; text-align: left; } .k-progressbar-vertical .k-progress-status-wrap { top: auto; bottom: -1px; } .k-progressbar-vertical.k-progressbar-reverse .k-progress-status-wrap { bottom: auto; top: -1px; } .k-progress-status { display: inline-block; padding: 0 0.5em; min-width: 10px; white-space: nowrap; } .k-progressbar-vertical.k-progressbar-reverse .k-progress-status { position: absolute; bottom: 0; left: 0; } .k-progressbar-vertical .k-progress-status { -webkit-transform: rotate(-90deg) translateX(-100%); -ms-transform: rotate(-90deg) translateX(-100%); transform: rotate(-90deg) translateX(-100%); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .k-progressbar-vertical.k-progressbar-reverse .k-progress-status { -webkit-transform: rotate(90deg) translateX(-100%); -ms-transform: rotate(90deg) translateX(-100%); transform: rotate(90deg) translateX(-100%); -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; } div.k-slider { position: relative; border-width: 0; background-color: transparent; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .k-slider-vertical { width: 26px; height: 200px; } .k-slider-horizontal { display: inline-block; width: 200px; height: 26px; } .k-slider-wrap { width: 100%; height: 100%; } .k-slider .k-button, .k-grid .k-slider .k-button { position: absolute; top: 0; width: 24px; min-width: 0; height: 24px; margin: 0; padding: 0; outline: 0; } .k-state-disabled .k-slider-wrap { opacity: 0.6; } .k-state-disabled .k-slider-wrap .k-slider-items { color: #333; } .k-slider .k-button-decrease { left: 0; } .k-slider-vertical .k-button-decrease, .k-grid .k-slider-vertical .k-button-decrease { top: auto; bottom: 0; } .k-slider .k-button-increase { right: 0; } .k-slider .k-icon, .k-slider-track, .k-slider .k-tick { cursor: pointer; } .k-slider-track, .k-slider-selection { position: absolute; margin: 0; padding: 0; } .k-slider-horizontal .k-slider-track, .k-slider-horizontal .k-slider-selection { top: 50%; left: 0; height: 8px; margin-top: -4px; background-repeat: repeat-x; } .k-slider-horizontal .k-slider-buttons .k-slider-track { left: 34px; } .k-slider-vertical .k-slider-track, .k-slider-vertical .k-slider-selection { left: 50%; bottom: 0; width: 8px; margin-left: -4px; background-repeat: repeat-y; } .k-slider-vertical .k-slider-buttons .k-slider-track { bottom: 34px; } .k-draghandle { position: absolute; background-repeat: no-repeat; background-color: transparent; text-indent: -3333px; overflow: hidden; text-decoration: none; text-align: center; outline: 0; } .k-slider-horizontal .k-draghandle { top: -4px; width: 13px; height: 14px; } .k-slider-vertical .k-draghandle { left: -4px; width: 14px; height: 13px; } .k-slider-buttons .k-slider-items { margin-left: 34px; } .k-slider-horizontal .k-slider-items { height: 100%; } .k-slider-vertical .k-slider-items { padding-top: 1px; } .k-slider-vertical .k-slider-buttons .k-slider-items { padding-top: 0; } .k-slider-vertical .k-slider-buttons .k-slider-items { margin: 0; padding-top: 35px; } .k-slider .k-tick { position: relative; margin: 0; padding: 0; background-color: transparent; background-repeat: no-repeat; background-position: center center; } .k-slider-horizontal .k-tick { float: left; height: 100%; text-align: center; } .k-slider-horizontal .k-tick { background-position: center -92px; } .k-slider-horizontal .k-slider-topleft .k-tick { background-position: center -122px; } .k-slider-horizontal .k-slider-bottomright .k-tick { background-position: center -152px; } .k-slider-horizontal .k-tick-large { background-position: center -2px; } .k-slider-horizontal .k-slider-topleft .k-tick-large { background-position: center -32px; } .k-slider-horizontal .k-slider-bottomright .k-tick-large { background-position: center -62px; } .k-slider-vertical .k-tick { background-position: -92px center; } .k-slider-vertical .k-slider-topleft .k-tick { background-position: -122px center; } .k-slider-vertical .k-slider-bottomright .k-tick { background-position: -152px center; } .k-slider-vertical .k-tick-large { background-position: -2px center; } .k-slider-vertical .k-slider-topleft .k-tick-large { background-position: -32px center; } .k-slider-vertical .k-slider-bottomright .k-tick-large { background-position: -62px center; } .k-slider-horizontal .k-first { background-position: 0 -92px; } .k-slider-horizontal .k-tick-large.k-first { background-position: 0 -2px; } .k-slider-horizontal .k-slider-topleft .k-first { background-position: 0 -122px; } .k-slider-horizontal .k-slider-topleft .k-tick-large.k-first { background-position: 0 -32px; } .k-slider-horizontal .k-slider-bottomright .k-first { background-position: 0 -152px; } .k-slider-horizontal .k-slider-bottomright .k-tick-large.k-first { background-position: 0 -62px; } .k-slider-horizontal .k-last { background-position: 100% -92px; } .k-slider-horizontal .k-tick-large.k-last { background-position: 100% -2px; } .k-slider-horizontal .k-slider-topleft .k-last { background-position: 100% -122px; } .k-slider-horizontal .k-slider-topleft .k-tick-large.k-last { background-position: 100% -32px; } .k-slider-horizontal .k-slider-bottomright .k-last { background-position: 100% -152px; } .k-slider-horizontal .k-slider-bottomright .k-tick-large.k-last { background-position: 100% -62px; } .k-slider-vertical .k-first { background-position: -92px 100%; } .k-slider-vertical .k-tick-large.k-first { background-position: -2px 100%; } .k-slider-vertical .k-slider-topleft .k-first { background-position: -122px 100%; } .k-slider-vertical .k-slider-topleft .k-tick-large.k-first { background-position: -32px 100%; } .k-slider-vertical .k-slider-bottomright .k-first { background-position: -152px 100%; } .k-slider-vertical .k-slider-bottomright .k-tick-large.k-first { background-position: -62px 100%; } .k-slider-vertical .k-last { background-position: -92px 0; } .k-slider-vertical .k-tick-large.k-last { background-position: -2px 0; } .k-slider-vertical .k-slider-topleft .k-last { background-position: -122px 0; } .k-slider-vertical .k-slider-topleft .k-tick-large.k-last { background-position: -32px 0; } .k-slider-vertical .k-slider-bottomright .k-last { background-position: -152px 0; } .k-slider-vertical .k-slider-bottomright .k-tick-large.k-last { background-position: -62px 0; } .k-slider-vertical .k-tick { text-align: right; } .k-slider-vertical .k-slider-topleft .k-tick { text-align: left; } .k-slider .k-label { position: absolute; white-space: nowrap; font-size: 0.92em; } .k-slider-horizontal .k-label { left: 0; width: 100%; line-height: 1; } .k-slider-horizontal .k-first .k-label { left: -50%; } .k-slider-horizontal .k-last .k-label { left: auto; right: -50%; } .k-slider-horizontal .k-label { bottom: -1.2em; } .k-slider-horizontal .k-slider-topleft .k-label { top: -1.2em; } .k-slider-vertical .k-label { left: 120%; display: block; text-align: left; } .k-slider-vertical .k-last .k-label { top: -0.5em; } .k-slider-vertical .k-first .k-label { bottom: -0.5em; } .k-slider-vertical .k-slider-topleft .k-label { left: auto; right: 120%; } .k-slider-tooltip { display: inline-block; text-align: center; } .k-scheduler .k-link { color: inherit; } .k-scheduler-toolbar { border-width: 0 0 1px; z-index: 2; } .k-scheduler-toolbar .k-nav-current { color: inherit; text-decoration: none; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-align: center; align-items: center; cursor: pointer; } .k-scheduler-toolbar .k-nav-current .k-icon { -webkit-margin-end: 4px; margin-inline-end: 4px; } .k-scheduler-toolbar .k-nav-current .k-lg-date-format, .k-scheduler-toolbar .k-nav-current .k-sm-date-format { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .k-scheduler-toolbar .k-nav-current .k-lg-date-format { display: inline-block; } .k-scheduler-toolbar .k-nav-current .k-sm-date-format { display: none; } .k-scheduler-toolbar .k-scheduler-search { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .k-scheduler-toolbar .k-scheduler-views-wrapper { margin-left: auto; } .k-scheduler-toolbar .k-scheduler-views-wrapper .k-views-dropdown { width: auto; font: inherit; display: none; } @media (max-width: 1400px) { .k-scheduler-toolbar .k-nav-current .k-lg-date-format { max-width: 200px; } } @media (max-width: 1024px) { .k-scheduler-toolbar .k-nav-current .k-lg-date-format { display: none; } .k-scheduler-toolbar .k-nav-current .k-sm-date-format { display: inline-block; } .k-scheduler-toolbar .k-scheduler-views-wrapper .k-scheduler-views { display: none; } .k-scheduler-toolbar .k-scheduler-views-wrapper .k-views-dropdown { display: inline-block; } } .k-scheduler-footer { border-width: 1px 0 0; } .k-edit-field.k-scheduler-toolbar { border-width: 0; padding-top: 0; padding-left: 0; padding-right: 0; } .k-scheduler-header { text-align: center; } .k-scheduler-header .k-link { color: inherit; } .k-scheduler-header, .k-scheduler-header-wrap { overflow: hidden; } .k-scheduler-header-wrap { position: relative; border-style: solid; border-width: 0; } .k-scheduler .k-scrollbar-v .k-scheduler-header-wrap { border-right-width: 1px; } .k-scheduler-times, .k-scheduler-content { position: relative; } .k-scheduler-times { overflow: hidden; border-style: solid; border-width: 0; } .k-scheduler-content { overflow: auto; } .k-scheduler-monthview .k-scheduler-content { overflow-y: scroll; } .k-scheduler-layout, .k-scheduler-table { border-spacing: 0; width: 100%; margin: 0; border-collapse: separate; } .k-scheduler-layout > tbody > tr > td { padding: 0; vertical-align: top; } .k-safari .k-scheduler-layout > tbody > tr > td + td { width: 100%; } .k-scheduler-table { table-layout: fixed; max-width: none; } .k-scheduler-times .k-scheduler-table { table-layout: auto; } .k-scheduler-monthview .k-scheduler-content .k-scheduler-table { height: 100%; } .k-scheduler-table td, .k-scheduler-table th { height: 1.5em; padding: 4px 0.5em; font-size: 100%; } .k-scheduler .k-scheduler-table td, .k-scheduler .k-scheduler-table th { box-sizing: content-box; } .k-scheduler-dayview div:not(.k-scheduler-header) .k-today:not(.k-nonwork-hour):not(.k-state-selected), .k-scheduler-timelineview .k-today:not(.k-nonwork-hour) { background-color: transparent; } .k-scheduler-monthview .k-hidden, .k-scheduler-monthview .k-hidden > div { width: 0 !important; overflow: hidden !important; } .k-scheduler-monthview .k-hidden { padding-left: 0 !important; padding-right: 0 !important; border-right-width: 0 !important; } .k-scheduler-monthview > tbody > tr:first-child .k-scheduler-times { margin-right: 1px; } .k-scheduler-monthview > tbody > tr:first-child .k-scheduler-times .k-hidden { height: auto; } .k-scheduler-monthview .k-scheduler-table td, .k-scheduler-monthview .k-hidden { height: 85px; text-align: right; } .k-scheduler-monthview .k-scheduler-table-auto, .k-scheduler-monthview .k-scheduler-table-auto td, .k-scheduler-monthview .k-scheduler-content .k-scheduler-table-auto { height: auto; } .k-scheduler-table td, .k-slot-cell { vertical-align: top; } .k-scheduler-layout tr + tr .k-scheduler-times th:last-child { vertical-align: top; } .k-scheduler-header th { overflow: hidden; text-overflow: ellipsis; } .k-scheduler-table td, .k-scheduler-header th { border-style: solid; border-width: 0 0 1px 1px; } .k-scheduler-table td:first-child, .k-scheduler-header th:first-child { border-left-width: 0; } .k-scheduler-agendaview .k-scheduler-table td:first-child { border-left-width: 1px; } .k-scheduler-agendaview .k-scheduler-table td.k-first { border-left-width: 0; } .k-scheduler-layout tr + tr .k-scheduler-times tr:last-child > th, .k-scheduler-layout tr + tr .k-scheduler-table > tbody > tr:last-child > td, .k-scheduler-table > tbody > tr > .k-last { border-bottom-width: 0; } .k-scrollbar-h tr + tr .k-scheduler-times, .k-scrollbar-h .k-scheduler-content .k-scheduler-table > tbody > tr:last-child > td, .k-scheduler-agendaview.k-scrollbar-h .k-scheduler-table > tbody > tr > td.k-last { border-bottom-width: 1px; } .k-scheduler-times th { text-align: right; padding-right: 0.6em; border-style: solid; border-width: 0 1px 1px 0; border-color: transparent; white-space: nowrap; } .k-scheduler-layout tr + tr .k-scheduler-times th { border-bottom-color: transparent; } .k-scheduler-layout tr + tr .k-scheduler-times th.k-slot-cell, .k-scheduler-layout tr + tr .k-scheduler-times th.k-scheduler-times-all-day { border-bottom-color: inherit; } .k-scheduler .k-middle-row td { border-bottom-style: dotted; } .k-scheduler-now-arrow, .k-scheduler-now-line { position: absolute; } .k-scheduler-now-arrow { width: 0; height: 0; border: solid 5px transparent; left: 0; } .k-scheduler-now-line { left: 5px; right: 0; height: 1px; } .k-task { position: relative; } div.k-more-events { padding: 0; height: 13px; } .k-more-events > .k-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .k-event, .k-more-events { border-width: 1px; border-style: solid; box-sizing: border-box; text-align: left; overflow: hidden; position: absolute; } .k-event .k-nav-day { display: inline-block; } .k-event { cursor: default; min-height: 1.3em; } .k-event-drag-hint { opacity: 0.6; cursor: -moz-grabbing; } .k-scheduler-header .k-event { white-space: nowrap; } .k-event-template { padding: 4px 1.4em 4px 0.6em; } .k-event-time { display: none; padding-bottom: 0; font-size: 0.9em; } .k-event-drag-hint .k-event-time { display: block; } .k-event-actions, .k-event > .k-link, .k-task > .k-link { position: absolute; top: 3px; right: 4px; white-space: nowrap; } .k-event-actions { z-index: 1; } .k-scheduler-agendaview .k-task > .k-link { top: 0; right: 0; } .k-event-actions:first-child { position: static; float: left; margin: 4px 2px 0 4px; } .k-webkit .k-event-actions:first-child { margin-top: 3px; } .k-event-actions:first-child > .k-link { display: inline-block; } .k-event-delete { display: none; } .k-event:hover .k-event-delete, tr:hover > td > .k-task .k-event-delete { display: inline-block; } .k-event .k-event-top-actions, .k-event .k-event-bottom-actions { position: absolute; top: 0; left: 0; width: 100%; text-align: center; } .k-event .k-event-bottom-actions { top: auto; bottom: 0; } .k-event .k-resize-handle, .k-scheduler-mobile .k-event:hover .k-resize-handle { position: absolute; visibility: hidden; z-index: 2; } .k-event:hover .k-resize-handle, .k-event-active .k-resize-handle, .k-scheduler-mobile .k-event-active:hover .k-resize-handle { visibility: visible; } .k-event .k-resize-handle:after { content: ""; position: absolute; opacity: 0.5; } .k-scheduler-mobile .k-event .k-resize-handle:after { -webkit-filter: none; filter: none; opacity: 1; } .k-event > .k-resize-n { top: 0; left: 0; right: 0; height: 0.4em; } .k-event > .k-resize-s { bottom: 0; left: 0; right: 0; height: 0.4em; } .k-event > .k-resize-e { right: 0; top: 0; bottom: 0; width: 0.4em; } .k-event > .k-resize-w { left: 0; top: 0; bottom: 0; width: 0.4em; } .k-event > .k-resize-n:after, .k-event > .k-resize-s:after { top: 1px; left: 50%; margin-left: -1em; width: 2em; height: 1px; } .k-event > .k-resize-s:after { top: auto; bottom: 1px; } .k-event > .k-resize-e:after, .k-event > .k-resize-w:after { left: 1px; top: 50%; margin-top: -0.7em; height: 1.4em; width: 1px; } .k-event > .k-resize-e:after { left: auto; right: 1px; } .k-scheduler-mobile .k-event > .k-resize-n, .k-scheduler-mobile .k-event > .k-resize-s { height: 0.6em; } .k-scheduler-mobile .k-event > .k-resize-e, .k-scheduler-mobile .k-event > .k-resize-w { width: 0.6em; } .k-scheduler-mobile .k-event > .k-resize-n:after, .k-scheduler-mobile .k-event > .k-resize-s:after { top: 0; margin-left: -3em; width: 4em; height: 0.6em; } .k-scheduler-mobile .k-event > .k-resize-s:after { bottom: 0; } .k-scheduler-mobile .k-event > .k-resize-e:after, .k-scheduler-mobile .k-event > .k-resize-w:after { left: 0; margin-top: -0.7em; height: 1.4em; width: 0.6em; } .k-scheduler-mobile .k-event > .k-resize-e:after { right: 0; } .k-scheduler-mobile .k-event > .k-resize-n:after { border-radius: 0 0 4px 4px; } .k-scheduler-mobile .k-event > .k-resize-s:after { border-radius: 4px 4px 0 0; } .k-scheduler-mobile .k-event > .k-resize-w:after { border-radius: 0 4px 4px 0; } .k-scheduler-mobile .k-event > .k-resize-e:after { border-radius: 4px 0 0 4px; } .k-scheduler-marquee { border-style: solid; border-width: 0; } .k-scheduler-marquee.k-first:before, .k-scheduler-marquee.k-last:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 3px; } div.k-scheduler-marquee:before { top: 0; left: 0; border-right-color: transparent; border-bottom-color: transparent; } div.k-scheduler-marquee:after { bottom: 0; right: 0; border-top-color: transparent; border-left-color: transparent; } .k-scheduler-marquee .k-label-top { position: absolute; top: 0.3em; left: 0.8em; font-size: 0.8em; } .k-scheduler-marquee .k-label-bottom { position: absolute; bottom: 0.3em; right: 0.81em; font-size: 0.8em; } .k-scheduler-quickedit .k-textbox { width: 200px; } .k-scheduler-agendaview .k-scheduler-table th, .k-scheduler-agendaview .k-scheduler-table td { text-align: left; } .k-scheduler-times .k-slot-cell, .k-scheduler-groupcolumn { width: 6em; } .k-scheduler-datecolumn { width: 12em; } .k-scheduler-timecolumn { width: 11em; } .k-scheduler-timecolumn > div { position: relative; vertical-align: top; } .k-webkit .k-scheduler-timecolumn > div > .k-icon { vertical-align: top; } .k-scheduler-timecolumn > div > .k-i-arrow-60-right { position: absolute; right: -4px; } .k-scheduler-timecolumn .k-i-arrow-60-left { margin-left: -4px; } .k-scheduler-mark { display: inline-block; width: 1em; height: 1em; vertical-align: middle; margin-right: 0.5em; } .k-scheduler-agendaday { float: left; margin: 0 0.2em 0 0; font-size: 3em; font-weight: normal; } .k-scheduler-agendaweek { display: block; margin: 0.4em 0 0; font-size: 1.1em; font-style: normal; } .k-scheduler-agendadate { font-size: 0.8em; } .k-scheduler-timecolumn { white-space: nowrap; } .k-scheduler-edit-form .k-edit-form-container, .k-scheduler-timezones .k-edit-form-container { width: 520px; } .k-scheduler-edit-form .k-edit-label { width: 17%; } .k-scheduler-edit-form .k-edit-field { width: 77%; } .k-scheduler-edit-form .k-textbox[name="title"], .k-scheduler-edit-form textarea.k-textarea { width: 100%; } .k-scheduler-edit-form textarea.k-textarea { min-height: 4em; resize: vertical; } .k-scheduler-edit-form > .k-edit-box:first-child .k-datetimepicker { margin-right: 1em; } .k-edit-box { float: left; } .k-edit-box + .k-edit-box { float: right; } .k-scheduler-edit-form label + input { margin-left: 1em; } .k-edit-field > ul.k-reset > li { margin: 0.2em 0 0.4em; line-height: 2.4; } .k-edit-field > ul.k-reset.k-toolbar > li { margin: 0; } .k-edit-field > ul.k-reset .k-widget { margin-left: 0.8em; } .k-edit-field > ul.k-reset .k-numerictextbox, .k-edit-field span.k-recur-interval { width: 5em; } .k-edit-field > ul.k-reset .k-dropdown, .k-edit-field > ul.k-reset .k-datepicker, div[name="recurrenceRule"] > .k-dropdown { width: 9em; } .k-scheduler-edit-form .k-edit-buttons .k-scheduler-delete, .k-scheduler-edit-form .k-edit-buttons .k-scheduler-resetSeries { float: left; } .k-popup-message { margin: 0; padding: 1em 0 2em; text-align: center; } .k-scheduler-timezones .k-dropdown:first-child { width: 100%; } .k-scheduler-timezones .k-dropdown + .k-dropdown { margin: 0.5em 0 0.7em; } .k-scheduler-refresh { float: right; padding: 0 0.5em; } @media (max-width: 480px) { .k-scheduler-timecolumn { width: 5em; } .k-scheduler-datecolumn { width: 6em; overflow: hidden; } .k-scheduler-timecolumn > div, .k-scheduler-datecolumn > div { white-space: normal; } } .k-scheduler-pdf-export { overflow: hidden; } .k-pdf-export-shadow .k-scheduler, .k-scheduler-pdf-export .k-scheduler-content, .k-scheduler-pdf-export .k-scheduler-times { height: auto !important; overflow: visible !important; } .k-scheduler-pdf-export .k-scheduler-header { padding: 0 !important; } .k-scheduler-pdf-export .k-scheduler-header-wrap { border-width: 0 !important; } .k-scheduler-pdf-export .k-scheduler-header .k-scheduler-table, .k-scheduler-pdf-export .k-scheduler-content .k-scheduler-table { width: 100% !important; } .k-rtl .k-scheduler .k-scheduler-navigation .k-i-arrow-60-right, .k-rtl .k-scheduler .k-scheduler-navigation .k-i-arrow-60-left { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .k-tooltip { padding: 4px 8px; min-width: 30px; border-width: 1px; border-style: solid; box-sizing: border-box; background-position: 0 0; background-repeat: repeat-x; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-align: start; align-items: flex-start; position: absolute; z-index: 12000; } .k-tooltip-icon { -webkit-margin-end: 4px; margin-inline-end: 4px; -ms-flex-negative: 0; flex-shrink: 0; } .k-tooltip-title { display: block; } .k-tooltip-content { -ms-flex-item-align: stretch; align-self: stretch; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; } .k-tooltip-button { -ms-flex-negative: 0; flex-shrink: 0; } .k-callout { width: 12px; height: 12px; border-width: 6px; border-style: solid; border-color: transparent; box-sizing: border-box; position: absolute; pointer-events: none; } .k-callout-n { border-bottom-color: inherit; top: -1px; left: 50%; -webkit-transform: translate(-50%, -100%); -ms-transform: translate(-50%, -100%); transform: translate(-50%, -100%); pointer-events: none; } .k-callout-e { border-left-color: inherit; top: 50%; right: -1px; -webkit-transform: translate(100%, -50%); -ms-transform: translate(100%, -50%); transform: translate(100%, -50%); pointer-events: none; } .k-callout-s { border-top-color: inherit; bottom: -1px; left: 50%; -webkit-transform: translate(-50%, 100%); -ms-transform: translate(-50%, 100%); transform: translate(-50%, 100%); pointer-events: none; } .k-callout-w { border-right-color: inherit; top: 50%; left: -1px; -webkit-transform: translate(-100%, -50%); -ms-transform: translate(-100%, -50%); transform: translate(-100%, -50%); pointer-events: none; } span.k-tooltip { position: relative; } .k-validator-tooltip { margin-top: 6px; width: auto; white-space: normal; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; z-index: 9999; } .k-validator-tooltip .k-callout-n { inset-inline-start: 16px; } .k-grid .k-validation-tooltip { max-width: 300px; } .k-splitter { position: relative; height: 300px; } .k-pane > .k-splitter { border-width: 0; overflow: hidden; } .k-splitter .k-pane { overflow: hidden; } .k-splitter .k-scrollable { overflow: auto; } .k-splitter .k-pane-loading { position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -8px; } .k-ghost-splitbar, .k-splitbar { position: absolute; border-style: solid; font-size: 0; outline: 0; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .k-ghost-splitbar-horizontal, .k-splitbar-horizontal { top: 0; width: 5px; border-width: 0 1px; background-repeat: repeat-y; } .k-ghost-splitbar-vertical, .k-splitbar-vertical { left: 0; height: 5px; border-width: 1px 0; background-repeat: repeat-x; } .k-splitbar-draggable-horizontal { cursor: w-resize; } .k-splitbar-draggable-vertical { cursor: n-resize; } .k-splitbar .k-resize-handle { display: none; } .k-restricted-size-horizontal, .k-restricted-size-vertical { background-color: #f00; } .k-splitbar-horizontal .k-icon { position: absolute; top: 50%; margin-top: -10px; } .k-splitbar-horizontal .k-i-arrow-60-right { margin-left: -2px; } .k-splitbar-horizontal.k-splitbar-draggable-horizontal .k-i-arrow-60-right { margin-top: 13px; } .k-splitbar-horizontal .k-i-arrow-60-left { margin-left: -3px; } .k-splitbar-horizontal.k-splitbar-draggable-horizontal .k-i-arrow-60-left { margin-top: -28px; } .k-splitbar-vertical .k-i-arrow-60-up { margin-top: -2px; } .k-splitbar-vertical .k-i-arrow-60-down { margin-top: -2px; } .k-splitbar-vertical.k-splitbar-draggable-vertical .k-i-arrow-60-up { margin-left: -17px; } .k-splitbar-vertical.k-splitbar-draggable-vertical .k-i-arrow-60-down { margin-left: 23px; } .k-i-arrow-60-up, .k-i-arrow-60-right, .k-i-arrow-60-down, .k-i-arrow-60-left { cursor: pointer; } .k-splitbar-horizontal .k-icon { position: absolute; top: 50%; width: 7px; height: 20px; margin-top: -10px; } .k-splitbar-static-horizontal { width: 1px; } .k-splitbar-static-vertical { height: 1px; } .k-splitbar-vertical .k-icon { position: absolute; left: 50%; } .k-splitbar-draggable-vertical .k-resize-handle, .k-splitbar-draggable-horizontal .k-resize-handle { display: inline-block; border-radius: 1px; } .k-splitbar-draggable-horizontal .k-resize-handle { width: 3px; height: 20px; } .k-splitbar-draggable-vertical .k-resize-handle { width: 20px; height: 3px; } .k-splitbar .k-i-arrow-60-up, .k-splitbar .k-i-arrow-60-right, .k-splitbar .k-i-arrow-60-down, .k-splitbar .k-i-arrow-60-left { font-size: 10px; } .k-splitter-resizing { overflow: hidden; } .k-rtl .k-splitbar-horizontal .k-i-arrow-60-right { margin-top: 13px; margin-right: -3px; } .k-rtl .k-splitbar-horizontal .k-i-arrow-60-left { margin-top: -28px; margin-right: -2px; } .k-rtl .k-splitbar-vertical .k-i-arrow-60-up { margin-top: -2px; margin-left: -17px; } .k-rtl .k-splitbar-vertical .k-i-arrow-60-down { margin-top: -2px; margin-left: 23px; } html .k-upload { position: relative; } .k-dropzone .k-dropzone-hint, .k-upload-button { vertical-align: middle; } .k-dropzone, .k-file { position: relative; } .k-dropzone { border-style: solid; border-width: 0; padding: 0.8em; background-color: transparent; } .k-dropzone .k-dropzone-hint { margin-left: 0.6em; } .k-dropzone-active .k-dropzone-hint { display: inline-block; } .k-dropzone-active .k-upload-status { display: none; } .k-upload-button { position: relative; overflow: hidden; direction: ltr; } .k-upload .k-upload-button { min-width: 7.167em; margin-right: 1.6em; } .k-upload-button input { position: absolute; bottom: 0; right: 0; z-index: 1; font: 170px monospace !important; opacity: 0; margin: 0; padding: 0; cursor: pointer; } .k-upload-files { border-style: solid; border-width: 1px 0 0; } .k-upload-files .k-button { padding: 0; } .k-upload-status .k-i-warning { display: none; } .k-upload-status-total .k-icon { display: inline-block; margin-right: 4px; vertical-align: text-bottom; } .k-upload-files ~ .k-clear-selected, .k-upload-files ~ .k-upload-selected { margin-top: -5px; } .k-upload .k-fail { background-position: -161px -111px; } .k-file { border-style: solid; border-width: 0 0 1px; padding: 0.65em 1em calc(0.65em + 2px) 1em; white-space: nowrap; } .k-file .k-upload-action { background: 0 0; border-width: 0; box-shadow: none; margin-right: 3px; } .k-file:last-child { border-bottom-width: 0; } .k-file .k-icon { display: inline-block; position: relative; } .k-upload-files .k-file { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; position: relative; } .k-file-extension-wrapper, .k-file-name-size-wrapper, .k-file-group-wrapper, .k-multiple-files-group-wrapper, .k-multiple-files-extension-wrapper, .k-file-invalid-extension-wrapper, .k-multiple-files-invalid-extension-wrapper { display: block; } .k-file-extension-wrapper, .k-multiple-files-extension-wrapper, .k-file-invalid-extension-wrapper, .k-multiple-files-invalid-extension-wrapper { position: relative; width: 24px; height: 34px; border-width: 2px; border-style: solid; vertical-align: top; font-size: 0.57em; text-transform: uppercase; } .k-file-invalid-extension-wrapper, .k-multiple-files-invalid-extension-wrapper { font-size: 1.2em; } .k-multiple-files-extension-wrapper, .k-multiple-files-invalid-extension-wrapper { margin-top: 4px; } .k-file-group-wrapper .k-file-group, .k-file-invalid-group-wrapper .k-file-group, .k-multiple-files-group-wrapper .k-file-group, .k-multiple-files-invalid-group-wrapper .k-file-group { font-size: 32px; } .k-file-group-wrapper .k-file-state, .k-file-invalid-group-wrapper .k-file-state, .k-multiple-files-group-wrapper .k-file-state, .k-multiple-files-invalid-group-wrapper .k-file-state { position: absolute; } .k-multiple-files-group-wrapper, .k-multiple-files-invalid-group-wrapper { vertical-align: top; } .k-file-state { visibility: hidden; } .k-multiple-files-wrapper, .k-file-single > .k-file-name-size-wrapper, .k-file > .k-file-name-size-wrapper { overflow: hidden; -ms-flex: 1 0 0px; flex: 1 0 0; margin-left: 1em; } .k-multiple-files-wrapper .k-file-name-size-wrapper { margin-bottom: 1em; } .k-file-name-size-wrapper { vertical-align: middle; } .k-file-extension-wrapper:before, .k-multiple-files-extension-wrapper:before, .k-multiple-files-extension-wrapper:after, .k-file-invalid-extension-wrapper:before, .k-multiple-files-invalid-extension-wrapper:before, .k-multiple-files-invalid-extension-wrapper:after { position: absolute; content: ""; display: inline-block; border-style: solid; } .k-file-extension-wrapper:before, .k-multiple-files-extension-wrapper:before, .k-file-invalid-extension-wrapper:before, .k-multiple-files-invalid-extension-wrapper:before { top: -1px; right: -1px; width: 0; height: 0; border-width: 6px; margin-top: -1px; margin-right: -1px; } .k-multiple-files-extension-wrapper:after, .k-multiple-files-invalid-extension-wrapper:after { top: -6px; left: -6px; width: 15px; height: 35px; border-width: 2px 0 0 2px; } .k-file-extension, .k-file-invalid-icon { position: absolute; bottom: 0; line-height: normal; } .k-file-extension { margin-left: 0.4em; margin-bottom: 0.3em; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .k-file-invalid-icon { margin-left: 5px; } .k-file-name, .k-file-size, .k-file-validation-message, .k-file-information { display: block; } .k-file-name { position: relative; max-width: 100%; vertical-align: middle; line-height: 1.2em; overflow: hidden; text-overflow: ellipsis; } .k-file-size, .k-file-information, .k-file-validation-message { font-size: 0.78em; line-height: 1.5em; } .k-file-information, .k-file-validation-message { line-height: 1.5em; } .k-file-size { line-height: 1.2em; } .k-upload-files .k-upload-status { line-height: 1; opacity: 0.65; } .k-upload-action, .k-button.k-upload-action:hover, .k-button.k-upload-action:active:hover, .k-button.k-upload-action.k-state-active:hover { color: inherit; background: transparent; border: 0; } .k-upload-action { opacity: 0.6; } .k-upload-action:hover { opacity: 1; } .k-upload-action .k-icon { vertical-align: top; } .k-file .k-upload-status .k-button, .k-file .k-upload-status > .k-icon { vertical-align: middle; border-radius: 50%; } .k-dropzone { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } .k-dropzone .k-upload-status { position: static; margin-left: 10px; } .k-upload-pct { margin-right: 0.75em; } .k-ie9 .k-upload-status-total { top: 1.5em; } .k-ie9 .k-upload-status-total > .k-icon { margin-top: -3px; } .k-upload-action { line-height: normal; } .k-upload .k-progress { position: absolute; bottom: 0; left: 0; height: 2px; } .k-upload .k-progressbar { height: 2px; position: absolute; bottom: 0.32em; width: calc(100% - 2em); } .k-upload .k-progressbar .k-progress { width: 100%; max-width: 100%; height: 100%; } .k-file-invalid > .k-progress { width: 100%; } .k-rtl .k-file-extension-wrapper { margin-left: 14px; } .k-upload .k-action-buttons { border-width: 1px 0 0 0; border-style: solid; } .k-no-flexbox .k-upload .k-action-buttons .k-button { border-width: 0; } .k-mediaplayer { position: relative; } .k-mediaplayer > video, .k-mediaplayer > iframe { vertical-align: top; } .k-mediaplayer .k-mediaplayer-overlay { z-index: 1; width: 100%; height: 100%; position: absolute; } .k-mediaplayer-titlebar { padding: 8px; position: absolute; z-index: 2; top: 0; left: 0; right: 0; color: white; background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.05) 80%, rgba(0, 0, 0, 0)); } .k-mediaplayer-toolbar-wrap { position: absolute; z-index: 2; bottom: 0; left: 0; right: 0; } .k-mediaplayer-toolbar { padding: 2px; border-width: 0; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; position: relative; } .k-mediaplayer-toolbar > * { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; } .k-mediaplayer-toolbar > * + * { margin-left: 5px; } .k-mediaplayer-toolbar .k-toolbar-spacer { margin-top: 0; margin-bottom: 0; border-width: 0; -ms-flex: 1; flex: 1; opacity: 0; } .k-mediaplayer-toolbar .k-align-right > * + * { margin-left: 5px; } .k-mediaplayer-toolbar .k-mediaplayer-quality { width: auto; padding: 0; background: none transparent; } .k-mediaplayer-toolbar .k-mediaplayer-quality .k-dropdown-wrap { border: 0 none; box-shadow: none; padding: 0; background: none transparent; color: inherit; } .k-mediaplayer-toolbar .k-mediaplayer-quality .k-input { display: none; } .k-mediaplayer-toolbar .k-mediaplayer-quality .k-select { position: relative; width: auto; min-height: 0; line-height: inherit; } .k-mediaplayer-volume-wrap, .k-mediaplayer-quality-wrap { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; } .k-quality-list { width: 80px !important; margin-left: -32px !important; } .k-slider.k-mediaplayer-seekbar { width: 100%; position: absolute; z-index: 3; top: -17px; left: 0; } .k-slider.k-mediaplayer-seekbar .k-slider-track { width: 100% !important; border-radius: 0; } .k-slider.k-mediaplayer-seekbar .k-slider-selection { border-radius: 0; } .k-slider.k-mediaplayer-seekbar .k-draghandle { opacity: 0; transition: 0.2s opacity; } .k-slider.k-mediaplayer-seekbar .k-draghandle.k-state-selected, .k-slider.k-mediaplayer-seekbar:hover .k-draghandle { opacity: 1; } .k-mediaplayer-fullscreen { position: fixed; z-index: 10000; top: 0; left: 0; width: 100% !important; height: 100% !important; } .k-no-flexbox .k-mediaplayer-toolbar .k-align-right > * { display: inline-block; vertical-align: middle; } .k-no-flexbox .k-mediaplayer-toolbar .k-flat.k-button { height: auto; } .k-no-flexbox .k-mediaplayer-toolbar .k-toolbar-spacer { display: none; } .k-toolbar-wrap { float: left; } .k-toolbar-wrap .k-dropzone em, .k-toolbar-wrap .k-upload-files { display: none; } .k-toolbar-wrap .k-dropzone { border: 0; padding: 0; } .k-toolbar-wrap .k-dropzone-active { text-align: center; } .k-toolbar-wrap .k-dropzone-active em { display: inline; margin: 0; font-size: 5em; font-style: normal; } .k-toolbar-wrap .k-dropzone-active .k-upload-button { display: none; } .k-filebrowser-dropzone { z-index: 10010; opacity: 0.4; position: fixed; } .k-search-wrap { padding: 0; width: 20%; position: relative; } .k-search-wrap label { position: absolute; top: 0; left: 4px; line-height: 20px; font-style: italic; } .k-search-wrap input.k-input { padding-left: 0; padding-right: 0; } .k-search-wrap .k-search { position: absolute; top: 50%; right: 2px; margin: 0; margin-top: -8px; } .k-filebrowser .k-filebrowser-toolbar { border-style: solid; border-width: 1px; margin: 8px 0 0; padding: 0.25em; line-height: 23px; white-space: nowrap; } .k-filebrowser .k-tiles-arrange { float: right; } .k-filebrowser .k-tiles-arrange .k-dropdown { width: 5.3em; } .k-filebrowser .k-upload { border-width: 0; background-color: transparent; } .k-filebrowser .k-upload .k-upload-status, .k-filebrowser .k-upload .k-upload-files { display: none; } .k-filebrowser .k-upload .k-upload-button { margin: 0; width: auto; min-width: auto; } .k-filebrowser .k-breadcrumb { position: relative; float: left; width: 79%; margin: 0; } .k-filebrowser .k-filemanager-listview { height: 390px; max-height: 50vh; margin-bottom: 2em; } .k-filebrowser .k-filemanager-listview .k-listview-content { height: 100%; } .k-filebrowser .k-form-text-row { text-align: right; } .k-filebrowser .k-form-text-row label { width: 14%; } .k-filebrowser .k-form-text-row input { width: 80%; } .k-chart, .k-gauge, .k-sparkline, .k-stockchart { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-chart, .k-stockchart { height: 400px; } .k-chart > canvas { vertical-align: top; } div.k-chart, div.k-gauge, span.k-sparkline, .k-stockchart { background-color: transparent; } .k-gauge { text-align: left; position: relative; } .k-arcgauge { display: inline-block; } .k-arcgauge-label { position: absolute; text-align: center; padding: 0; margin: 0; } .k-baseline-marker { zoom: 1; } .k-chart-tooltip { padding: 4px 8px; border-radius: 4px; color: #fff; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAWCAYAAADAQbwGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNJREFUeNpi/P//vwMDFQELEP8beQb+HTWQYgP/DHoD/466cAR4edRAyg38P6hLbIAAAwCnWhhVsxvdCAAAAABJRU5ErkJggg==); background-position: 0 0; background-repeat: repeat-x; line-height: normal; white-space: nowrap; z-index: 12000; } .k-chart-tooltip-inverse { color: #000; } .k-chart-tooltip table { border-spacing: 0; border-collapse: collapse; } .k-chart-tooltip th { width: auto; text-align: center; padding: 1px; } .k-chart-tooltip td { width: auto; text-align: left; padding: 0.1em 0.2em; } .k-chart-shared-tooltip-marker { display: block; width: 15px; height: 3px; } .k-selector { position: absolute; -webkit-transform: translateZ(0); } .k-selection { position: absolute; border-width: 1px; border-style: solid; border-color: #d2d2d2; border-bottom: 0; height: 100%; } .k-selection-bg { position: absolute; width: 100%; height: 100%; background-color: #fff; background-color: rgba(255, 255, 255, 0.01); } .k-handle { background: #d2d2d2; width: 7px; height: 26px; cursor: e-resize; z-index: 1; border-radius: 6px; position: absolute; } .k-handle div { width: 100%; height: 100%; background-color: transparent; } .k-left-handle { left: -4px; } .k-right-handle { right: -4px; } .k-left-handle div { margin: -20px 0 0 -15px; padding: 40px 30px 0 0; } .k-left-handle.k-handle-active div { margin-left: -40px; padding-right: 55px; } .k-right-handle div { margin: -20px 0 0 -15px; padding: 40px 0 0 30px; } .k-right-handle.k-handle-active div { padding-left: 55px; } .k-mask { position: absolute; height: 100%; background-color: #fff; opacity: 0.8; } .k-navigator-hint div { position: absolute; } .k-navigator-hint .k-scroll { position: absolute; height: 4px; border-radius: 4px; background: #d2d2d2; } .k-navigator-hint .k-tooltip { margin-top: 20px; min-width: 160px; opacity: 1; text-align: center; border: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); background: #fff; } .k-sparkline, .k-sparkline span { display: inline-block; vertical-align: top; } .k-sparkline span { height: 100%; width: 100%; } .k-map, .k-diagram { height: 600px; } .k-map .km-scroll-wrapper, .k-diagram .km-scroll-wrapper { padding-bottom: 0; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .k-map .km-scroll-wrapper, .k-diagram .km-scroll-wrapper, .k-map .km-scroll-container, .k-diagram .km-scroll-container { position: absolute; width: 100%; height: 100%; } .k-map .k-layer, .k-diagram .k-layer { position: absolute; left: 0; top: 0; } .k-map .km-touch-scrollbar, .k-diagram .km-touch-scrollbar { display: none; } .k-map { border-width: 0; border-style: solid; box-sizing: border-box; } .k-map .k-map-controls { position: absolute; } .k-map .k-pos-top { top: 0; } .k-map .k-pos-bottom { bottom: 0; } .k-map .k-pos-left { left: 0; } .k-map .k-pos-right { right: 0; } .k-map .k-navigator { margin: 1em; width: 50px; height: 50px; border-width: 1px; border-style: solid; border-radius: 80px; position: relative; display: inline-block; vertical-align: middle; } .k-pdf-export .k-map .k-navigator { display: none; } .k-map .k-zoom-control { margin: 1em; vertical-align: middle; } .k-map .k-zoom-control .k-button { width: auto; height: auto; } .k-pdf-export .k-map .k-zoom-control { display: none; } .k-map .k-attribution { padding: 2px 4px; font-size: 10px; background-color: rgba(255, 255, 255, 0.8); z-index: 1000; } .k-map .k-marker { width: 28px; height: 40px; margin: -40px 0 0 -14px; font-size: 28px; position: absolute; cursor: pointer; overflow: visible; } .k-navigator > .k-button { margin: 0; padding: 0; border-color: transparent; border-radius: 16px; line-height: 10px; background: none; position: absolute; } .k-navigator .k-navigator-n, .k-navigator .k-navigator-up { top: 2px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .k-navigator .k-navigator-e, .k-navigator .k-navigator-right { right: 2px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .k-navigator .k-navigator-s, .k-navigator .k-navigator-down { bottom: 2px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .k-navigator .k-navigator-w, .k-navigator .k-navigator-left { left: 2px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .k-pdf-export .k-navigator { display: none; } .k-button-wrap { border-radius: 4px; display: inline-block; } .k-button-wrap .k-button { position: relative; padding: 4px; line-height: 16px; } .k-button-wrap .k-button .k-icon { vertical-align: top; } .k-buttons-horizontal :first-child { border-radius: 4px 0 0 4px; } .k-buttons-horizontal :first-child + .k-zoom-in { border-radius: 0; margin-left: -1px; } .k-buttons-horizontal .k-zoom-out { border-radius: 0 4px 4px 0; margin-left: -1px; } .k-button-wrap .k-button:hover { z-index: 1; } .k-buttons-vertical .k-button { display: block; } .k-buttons-vertical :first-child { border-radius: 4px 4px 0 0; } .k-buttons-vertical .k-zoom-out { border-radius: 0 0 4px 4px; margin-top: -1px; } .k-zoom-text { margin: 0; width: 4.3em; vertical-align: top; } .k-rtl .k-buttons-horizontal :first-child { border-radius: 0 4px 4px 0; } .k-rtl .k-buttons-horizontal :first-child + .k-zoom-in { border-radius: 0; margin-left: 0; margin-right: -1px; } .k-rtl .k-buttons-horizontal .k-zoom-out { border-radius: 4px 0 0 4px; margin-left: 0; margin-right: -1px; } .k-diagram { height: 600px; } .k-diagram .km-scroll-wrapper { width: 100%; height: 100%; position: relative; } .k-diagram .km-scroll-wrapper { width: 100%; height: 100%; position: relative; } .k-canvas-container { width: 100%; height: 100%; } .k-diagram img { box-sizing: content-box; } .k-treemap { overflow: hidden; height: 400px; } .k-treemap-tile { box-sizing: border-box; border-style: solid; border-width: 1px; position: absolute; margin: -1px 0 0 -1px; overflow: hidden; } .k-treemap-tile.k-leaf { padding: 0.6em; } .k-treemap-wrap.k-last > .k-treemap-tile { padding: 0.3em; } .k-treemap-tile.k-state-hover { z-index: 2; background-image: none; } .k-treemap > .k-treemap-tile { position: relative; height: 100%; } .k-treemap-title { box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; line-height: 2.42em; height: 2.42em; padding: 0 0.6em; white-space: nowrap; } .k-treemap-wrap .k-treemap-title { border-width: 0 0 1px; border-style: solid; } .k-treemap-wrap { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .k-treemap-title + .k-treemap-wrap { top: 2.42em; } .k-treemap-title-vertical { box-sizing: border-box; text-overflow: ellipsis; position: absolute; top: 0; bottom: 0; width: 2.42em; line-height: 2.42em; overflow: hidden; padding: 0.6em 0; white-space: nowrap; } .k-treemap-title-vertical > div { position: absolute; top: 0; right: 1.23em; -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .k-treemap-title-vertical + .k-treemap-wrap { left: 2.42em; } .k-pane-wrapper { position: relative; font-size: 14px; } .k-pane-wrapper .k-pane { width: 100%; height: 100%; -webkit-user-select: none; -ms-user-select: none; user-select: none; box-sizing: border-box; font-family: sans-serif; overflow-x: hidden; } .k-pane-wrapper .k-view { top: 0; left: 0; position: relative; border: 0; display: -ms-flexbox; display: flex; height: 100%; width: 100%; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; vertical-align: top; } .k-pane-wrapper .k-content { min-height: 1px; -ms-flex: 1; flex: 1; -ms-flex-align: stretch; align-items: stretch; display: block; width: auto; overflow: hidden; position: relative; } .k-pane-wrapper .k-grid-edit-form > .k-header, .k-pane-wrapper .k-grid-column-menu > .k-header, .k-pane-wrapper .k-grid-filter-menu > .k-header, .k-pane-wrapper .k-scheduler-edit-form > .k-header { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding: 0.3em 0.6em; width: auto; line-height: 2em; } .k-pane-wrapper .k-grid-edit-form > .k-header .k-header-done .k-icon, .k-pane-wrapper .k-grid-column-menu > .k-header .k-header-done .k-icon, .k-pane-wrapper .k-grid-filter-menu > .k-header .k-header-done .k-icon, .k-pane-wrapper .k-scheduler-edit-form > .k-header .k-header-done .k-icon, .k-pane-wrapper .k-grid-edit-form > .k-header .k-header-cancel .k-icon, .k-pane-wrapper .k-grid-column-menu > .k-header .k-header-cancel .k-icon, .k-pane-wrapper .k-grid-filter-menu > .k-header .k-header-cancel .k-icon, .k-pane-wrapper .k-scheduler-edit-form > .k-header .k-header-cancel .k-icon { font-size: 1.5em; } .k-pane-wrapper .k-grid-edit-row .k-textbox { box-sizing: border-box; } .k-ie .k-pane-wrapper .k-scheduler .k-scheduler-toolbar, .k-ie .k-pane-wrapper .k-scheduler .k-scheduler-footer { line-height: 2em; } .k-pane-wrapper > div.k-pane { box-shadow: none; font-weight: normal; } .k-pane-wrapper .k-popup-edit-form .k-content, .k-pane-wrapper .k-grid-edit-form .k-content, .k-pane-wrapper .k-grid-column-menu .k-content, .k-pane-wrapper .k-grid-filter-menu .k-content { overflow-y: auto; } .k-pane-wrapper .k-popup-edit-form .k-content > .k-scroll-container, .k-pane-wrapper .k-grid-edit-form .k-content > .k-scroll-container, .k-pane-wrapper .k-grid-column-menu .k-content > .k-scroll-container, .k-pane-wrapper .k-grid-filter-menu .k-content > .k-scroll-container { position: absolute; width: 100%; min-height: 100%; box-sizing: border-box; } .k-pane-wrapper .k-grid-filter-menu .k-filter-selected-items { margin: 1em; font-weight: normal; } .k-pane-wrapper .k-grid-edit-form .k-popup-edit-form, .k-pane-wrapper .k-grid-edit-form .k-edit-form-container { width: auto; } .k-pane-wrapper .k-grid .k-grid-search { width: 100%; } .k-grid-mobile { border-width: 0; } .k-grid-mobile .k-resize-handle-inner::before { content: "\e01e"; position: absolute; top: calc(50% - 1px); left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 0.2em; } .k-grid-mobile .k-edit-cell > input, .k-grid-mobile .k-edit-cell > select, .k-grid-mobile .k-grid-edit-row > td > input, .k-grid-mobile .k-grid-edit-row > td > select { width: 100%; box-sizing: border-box; } .k-grid-mobile .k-header a { -webkit-touch-callout: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -moz-user-drag: none; } .k-pane-wrapper .k-scheduler-edit-form .k-recur-view { padding: 0; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: stretch; align-items: stretch; } .k-pane-wrapper .k-scheduler-edit-form .k-recur-view > .k-listgroup-form-row { margin: 0; } .k-pane-wrapper .k-scheduler-edit-form .k-recur-items-wrap { width: 100%; margin: -1px 0; } .k-pane-wrapper .k-scheduler-edit-form .k-scheduler-recur-end-wrap { white-space: nowrap; } .k-scheduler-mobile { border-width: 0; } .k-scheduler-mobile th { font-weight: normal; } .k-scheduler-mobile .k-scheduler-toolbar > * { margin: 0; } .k-scheduler-mobile .k-scheduler-toolbar::before { display: none; } .k-scheduler-mobile .k-scheduler-toolbar .k-scheduler-navigation { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: justify; justify-content: space-between; margin: 0; } .k-scheduler-mobile .k-scheduler-toolbar .k-scheduler-navigation .k-nav-current { display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .k-scheduler-mobile .k-scheduler-toolbar .k-scheduler-navigation .k-y-date-format { font-size: 12px; } .k-scheduler-mobile .k-scheduler-toolbar .k-scheduler-navigation .k-nav-current { -ms-flex-direction: column; flex-direction: column; } .k-scheduler-mobile .k-scheduler-footer { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .k-scheduler-mobile .k-scheduler-footer > * { margin: 0; } .k-scheduler-mobile .k-scheduler-footer::before { display: none; } .k-scheduler-mobile .k-scheduler-monthview .k-hidden { height: 40px; } .k-scheduler-mobile .k-scheduler-monthview .k-scheduler-table td { height: 40px; vertical-align: top; text-align: center; } .k-scheduler-mobile .k-scheduler-monthview .k-events-container { position: absolute; text-align: center; height: 6px; line-height: 6px; } .k-scheduler-mobile .k-scheduler-monthview .k-event { position: static; display: inline-block; width: 4px; height: 4px; min-height: 0; margin: 1px; } .k-scheduler-mobile .k-scheduler-dayview .k-mobile-header.k-mobile-horizontal-header .k-scheduler-times table tr:first-child { display: none; } .k-scheduler-mobile .k-scheduler-dayview .k-mobile-header .k-scheduler-header .k-scheduler-date-group { display: none; } .k-scheduler-mobile .k-scheduler-agendaview .k-mobile-header { display: none; } .k-scheduler-mobile .k-scheduler-agendaview .k-scheduler-table { table-layout: auto; } .k-scheduler-mobile .k-scheduler-agendaview .k-scheduler-table .k-scheduler-groupcolumn { width: 1%; } .k-scheduler-mobile .k-mobile-header .k-scheduler-table td, .k-scheduler-mobile .k-mobile-header .k-scheduler-table th { height: 1.5em; } .k-scheduler-mobile .k-scheduler-table td, .k-scheduler-mobile .k-scheduler-table th { height: 2em; vertical-align: middle; } .k-scheduler-mobile .k-scheduler-times th { font-size: 1em; } .k-scheduler-mobile .k-scheduler-datecolumn-wrap { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .k-scheduler-mobile .k-task { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .k-scheduler-mobile .k-task .k-scheduler-mark { border-radius: 50%; } .k-scheduler-mobile .k-task .k-i-reload { font-size: 1em; margin-right: 0.5em; } .k-scheduler-mobile .k-task .k-scheduler-task-text { -ms-flex: 1 1 0%; flex: 1 1 0%; } .k-scheduler-mobile .k-scheduler-times .k-scheduler-group-cell, .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-group-cell, .k-scheduler-mobile .k-scheduler-times .k-scheduler-groupcolumn, .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-groupcolumn { vertical-align: top; } .k-scheduler-mobile .k-scheduler-times .k-scheduler-group-cell .k-scheduler-group-text, .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-group-cell .k-scheduler-group-text, .k-scheduler-mobile .k-scheduler-times .k-scheduler-groupcolumn .k-scheduler-group-text, .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-groupcolumn .k-scheduler-group-text { -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); white-space: nowrap; } .k-scheduler-mobile .k-scrollbar-h tr + tr .k-scheduler-times { border-bottom-width: 0; } .k-pane-wrapper .k-pane * { background-clip: border-box; } .k-pane-wrapper .k-list-title, .k-pane-wrapper .k-filter-help-text { padding: 0.5em 1em; display: block; } .k-pane-wrapper .k-listgroup .k-listgroup-item { border-color: inherit; } .k-pane-wrapper .k-listgroup + .k-listgroup { margin-top: 2em; } .k-pane-wrapper .k-column-menu .k-filter-item .k-filterable * { pointer-events: none; } .k-pane-wrapper .k-filter-menu { padding: 0; } .k-pane-wrapper .k-filter-menu .k-space-right { border: 0; padding: 0 10px; background: 0; } .k-pane-wrapper .k-filter-menu .k-space-right > input { width: 100%; height: 2em; padding: 1px 0; margin: 0; border-radius: 3px; text-indent: 1em; border-width: 1px; border-style: solid; } .k-pane-wrapper .k-filter-menu .k-space-right > .k-i-zoom { right: 15px; z-index: 2; } .k-pane-wrapper .k-filter-menu .k-filter-tools { margin: 1em; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .k-pane-wrapper .k-popup-edit-form .k-recur-editor-wrap { display: -ms-flexbox; display: flex; } .k-pane-wrapper .k-popup-edit-form .k-mobiletimezoneeditor { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; } .k-pane-wrapper .k-multicheck-wrap.k-listgroup { overflow-y: auto; } .k-pane-wrapper .k-state-disabled { opacity: 1; } .k-pane-wrapper .k-state-disabled > * { opacity: 0.7; } .k-ie .k-pane-wrapper .k-grid .k-icon { text-indent: 0; } .k-pane-wrapper .k-pager-wrap.k-pager-sm { -ms-flex-pack: center; justify-content: center; } .k-pane-wrapper .k-pager-wrap.k-pager-sm .k-pager-refresh { display: none; } .km-scroll-container { -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-margin-collapse: separate; -webkit-transform: translatez(0); } .k-widget .km-scroll-wrapper { position: relative; padding-bottom: 0; } .km-touch-scrollbar { position: absolute; visibility: hidden; z-index: 200000; height: 0.3em; width: 0.3em; background-color: rgba(0, 0, 0, 0.7); opacity: 0; transition: opacity 0.3s linear; } .km-vertical-scrollbar { height: 100%; right: 2px; top: 2px; } .km-horizontal-scrollbar { width: 100%; left: 2px; bottom: 2px; } .k-rtl .k-pane-wrapper .k-grid-edit-form > .k-header, .k-pane-wrapper[dir="rtl"] .k-grid-edit-form > .k-header, [dir="rtl"] .k-pane-wrapper .k-grid-edit-form > .k-header, .k-rtl .k-pane-wrapper .k-grid-column-menu > .k-header, .k-pane-wrapper[dir="rtl"] .k-grid-column-menu > .k-header, [dir="rtl"] .k-pane-wrapper .k-grid-column-menu > .k-header, .k-rtl .k-pane-wrapper .k-grid-filter-menu > .k-header, .k-pane-wrapper[dir="rtl"] .k-grid-filter-menu > .k-header, [dir="rtl"] .k-pane-wrapper .k-grid-filter-menu > .k-header, .k-rtl .k-pane-wrapper .k-scheduler-edit-form > .k-header, .k-pane-wrapper[dir="rtl"] .k-scheduler-edit-form > .k-header, [dir="rtl"] .k-pane-wrapper .k-scheduler-edit-form > .k-header { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .k-rtl .k-pane-wrapper .k-filter-menu .k-space-right > .k-i-zoom, .k-pane-wrapper[dir="rtl"] .k-filter-menu .k-space-right > .k-i-zoom, [dir="rtl"] .k-pane-wrapper .k-filter-menu .k-space-right > .k-i-zoom { left: 15px; right: auto; } .k-rtl .k-pane-wrapper .k-scheduler-mobile .k-scheduler-toolbar > ul > li, .k-pane-wrapper[dir="rtl"] .k-scheduler-mobile .k-scheduler-toolbar > ul > li, [dir="rtl"] .k-pane-wrapper .k-scheduler-mobile .k-scheduler-toolbar > ul > li { border: 0; } .k-rtl .k-pane-wrapper .k-scheduler-mobile .k-scheduler-toolbar .k-nav-prev, .k-pane-wrapper[dir="rtl"] .k-scheduler-mobile .k-scheduler-toolbar .k-nav-prev, [dir="rtl"] .k-pane-wrapper .k-scheduler-mobile .k-scheduler-toolbar .k-nav-prev, .k-rtl .k-pane-wrapper .k-scheduler-mobile .k-scheduler-toolbar .k-nav-next, .k-pane-wrapper[dir="rtl"] .k-scheduler-mobile .k-scheduler-toolbar .k-nav-next, [dir="rtl"] .k-pane-wrapper .k-scheduler-mobile .k-scheduler-toolbar .k-nav-next { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .k-rtl .k-pane-wrapper .k-scheduler-mobile .k-task .k-i-reload, .k-pane-wrapper[dir="rtl"] .k-scheduler-mobile .k-task .k-i-reload, [dir="rtl"] .k-pane-wrapper .k-scheduler-mobile .k-task .k-i-reload { margin-left: 0.5em; margin-right: 0; } .k-rtl .k-pane-wrapper .k-scheduler-edit-form .k-item .k-i-arrow-chevron-right, .k-pane-wrapper[dir="rtl"] .k-scheduler-edit-form .k-item .k-i-arrow-chevron-right, [dir="rtl"] .k-pane-wrapper .k-scheduler-edit-form .k-item .k-i-arrow-chevron-right { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .k-fx-end .k-fx-next, .k-fx-end .k-fx-current { transition: all 350ms ease-out; } .k-fx { position: relative; } .k-fx .k-fx-current { z-index: 0; } .k-fx .k-fx-next { z-index: 1; } .k-fx-hidden, .k-fx-hidden * { visibility: hidden !important; } .k-fx-reverse .k-fx-current { z-index: 1; } .k-fx-reverse .k-fx-next { z-index: 0; } .k-fx-zoom.k-fx-start .k-fx-next { -webkit-transform: scale(0) !important; -ms-transform: scale(0) !important; transform: scale(0) !important; } .k-fx-zoom.k-fx-end .k-fx-next { -webkit-transform: scale(1) !important; -ms-transform: scale(1) !important; transform: scale(1) !important; } .k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-next, .k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-next { -webkit-transform: scale(1) !important; -ms-transform: scale(1) !important; transform: scale(1) !important; } .k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-current { -webkit-transform: scale(1) !important; -ms-transform: scale(1) !important; transform: scale(1) !important; } .k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-current { -webkit-transform: scale(0) !important; -ms-transform: scale(0) !important; transform: scale(0) !important; } .k-fx-fade.k-fx-start .k-fx-next { will-change: opacity; opacity: 0; } .k-fx-fade.k-fx-end .k-fx-next { opacity: 1; } .k-fx-fade.k-fx-reverse.k-fx-start .k-fx-current { will-change: opacity; opacity: 1; } .k-fx-fade.k-fx-reverse.k-fx-end .k-fx-current { opacity: 0; } .k-fx-slide.k-fx-end .k-fx-next .k-content, .k-fx-slide.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-end .k-fx-current .k-header, .k-fx-slide.k-fx-end .k-fx-current .k-footer, .k-fx-slide.k-fx-end .k-fx-next .km-content, .k-fx-slide.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-end .k-fx-next .km-footer, .k-fx-slide.k-fx-end .k-fx-current .km-content, .k-fx-slide.k-fx-end .k-fx-current .km-header, .k-fx-slide.k-fx-end .k-fx-current .km-footer { transition: all 350ms ease-out; } .k-fx-slide.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-start .k-fx-next .km-content { will-change: transform; -webkit-transform: translatex(100%); -ms-transform: translatex(100%); transform: translatex(100%); } .k-fx-slide.k-fx-start .k-fx-next .k-header, .k-fx-slide.k-fx-start .k-fx-next .k-footer, .k-fx-slide.k-fx-start .k-fx-next .km-header, .k-fx-slide.k-fx-start .k-fx-next .km-footer { will-change: opacity; opacity: 0; } .k-fx-slide.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-end .k-fx-current .km-content { -webkit-transform: translatex(-100%); -ms-transform: translatex(-100%); transform: translatex(-100%); } .k-fx-slide.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-end .k-fx-next .km-footer { opacity: 1; } .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-content, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-content { will-change: transform; -webkit-transform: translatex(0); -ms-transform: translatex(0); transform: translatex(0); } .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-content { -webkit-transform: translatex(100%); -ms-transform: translatex(100%); transform: translatex(100%); } .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-content { -webkit-transform: translatex(-100%); -ms-transform: translatex(-100%); transform: translatex(-100%); } .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-content, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-content { -webkit-transform: translatex(0); -ms-transform: translatex(0); transform: translatex(0); } .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-footer, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-footer { will-change: opacity; opacity: 1; } .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-footer, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-footer { opacity: 1; } .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-footer, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-footer { opacity: 0; } .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-footer { opacity: 1; } .k-fx-slide.k-fx-right.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-content { -webkit-transform: translatex(-100%); -ms-transform: translatex(-100%); transform: translatex(-100%); } .k-fx-slide.k-fx-right.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-content { -webkit-transform: translatex(100%); -ms-transform: translatex(100%); transform: translatex(100%); } .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .km-content { -webkit-transform: translatex(0); -ms-transform: translatex(0); transform: translatex(0); } .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-content { -webkit-transform: translatex(-100%); -ms-transform: translatex(-100%); transform: translatex(-100%); } .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-content { -webkit-transform: translatex(100%); -ms-transform: translatex(100%); transform: translatex(100%); } .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .km-content { -webkit-transform: translatex(0%); -ms-transform: translatex(0%); transform: translatex(0%); } .k-fx-tile.k-fx-start .k-fx-next { will-change: transform; -webkit-transform: translatex(100%); -ms-transform: translatex(100%); transform: translatex(100%); } .k-fx-tile.k-fx-end .k-fx-current { -webkit-transform: translatex(-100%); -ms-transform: translatex(-100%); transform: translatex(-100%); } .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current { will-change: transform; -webkit-transform: translatex(0); -ms-transform: translatex(0); transform: translatex(0); } .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current { -webkit-transform: translatex(100%); -ms-transform: translatex(100%); transform: translatex(100%); } .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next { -webkit-transform: translatex(-100%); -ms-transform: translatex(-100%); transform: translatex(-100%); } .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next { -webkit-transform: translatex(0); -ms-transform: translatex(0); transform: translatex(0); } .k-fx-tile.k-fx-right.k-fx-start .k-fx-next { -webkit-transform: translatex(-100%); -ms-transform: translatex(-100%); transform: translatex(-100%); } .k-fx-tile.k-fx-right.k-fx-end .k-fx-current { -webkit-transform: translatex(100%); -ms-transform: translatex(100%); transform: translatex(100%); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current { -webkit-transform: translatex(0); -ms-transform: translatex(0); transform: translatex(0); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current { -webkit-transform: translatex(-100%); -ms-transform: translatex(-100%); transform: translatex(-100%); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next { -webkit-transform: translatex(100%); -ms-transform: translatex(100%); transform: translatex(100%); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next { -webkit-transform: translatex(0%); -ms-transform: translatex(0%); transform: translatex(0%); } .k-fx-tile.k-fx-start .k-fx-next { will-change: transform; -webkit-transform: translatex(100%); -ms-transform: translatex(100%); transform: translatex(100%); } .k-fx-tile.k-fx-end .k-fx-current { -webkit-transform: translatex(-100%); -ms-transform: translatex(-100%); transform: translatex(-100%); } .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current { will-change: transform; -webkit-transform: translatex(0); -ms-transform: translatex(0); transform: translatex(0); } .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current { -webkit-transform: translatex(100%); -ms-transform: translatex(100%); transform: translatex(100%); } .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next { -webkit-transform: translatex(-100%); -ms-transform: translatex(-100%); transform: translatex(-100%); } .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next { -webkit-transform: translatex(0); -ms-transform: translatex(0); transform: translatex(0); } .k-fx-tile.k-fx-right.k-fx-start .k-fx-next { -webkit-transform: translatex(-100%); -ms-transform: translatex(-100%); transform: translatex(-100%); } .k-fx-tile.k-fx-right.k-fx-end .k-fx-current { -webkit-transform: translatex(100%); -ms-transform: translatex(100%); transform: translatex(100%); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current { -webkit-transform: translatex(0); -ms-transform: translatex(0); transform: translatex(0); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current { -webkit-transform: translatex(-100%); -ms-transform: translatex(-100%); transform: translatex(-100%); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next { -webkit-transform: translatex(100%); -ms-transform: translatex(100%); transform: translatex(100%); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next { -webkit-transform: translatex(0%); -ms-transform: translatex(0%); transform: translatex(0%); } .k-fx.k-fx-overlay.k-fx-start .k-fx-next, .k-fx.k-fx-overlay.k-fx-left.k-fx-start .k-fx-next { will-change: transform; -webkit-transform: translatex(100%); -ms-transform: translatex(100%); transform: translatex(100%); } .k-fx.k-fx-overlay.k-fx-right.k-fx-start .k-fx-next { -webkit-transform: translatex(-100%); -ms-transform: translatex(-100%); transform: translatex(-100%); } .k-fx.k-fx-overlay.k-fx-up.k-fx-start .k-fx-next { -webkit-transform: translatey(100%); -ms-transform: translatey(100%); transform: translatey(100%); } .k-fx.k-fx-overlay.k-fx-down.k-fx-start .k-fx-next { -webkit-transform: translatey(-100%); -ms-transform: translatey(-100%); transform: translatey(-100%); } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-next { -webkit-transform: none; -ms-transform: none; transform: none; } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-current { will-change: transform; -webkit-transform: none; -ms-transform: none; transform: none; } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-end .k-fx-current, .k-fx.k-fx-overlay.k-fx-reverse.k-fx-left.k-fx-end .k-fx-current { -webkit-transform: translatex(100%); -ms-transform: translatex(100%); transform: translatex(100%); } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-right.k-fx-end .k-fx-current { -webkit-transform: translatex(-100%); -ms-transform: translatex(-100%); transform: translatex(-100%); } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-up.k-fx-end .k-fx-current { -webkit-transform: translatey(100%); -ms-transform: translatey(100%); transform: translatey(100%); } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-down.k-fx-end .k-fx-current { -webkit-transform: translatey(-100%); -ms-transform: translatey(-100%); transform: translatey(-100%); } .k-virtual-wrap { position: relative; } .k-virtual-wrap .k-list.k-virtual-list { height: auto; } .k-virtual-content { overflow-y: scroll; -webkit-overflow-scrolling: touch; position: relative; } .k-virtual-list > .k-virtual-content { position: absolute; top: 0; width: 100%; margin: 0; padding: 0; list-style-type: none; } .k-virtual-option-label { width: 100%; margin: 0; padding: 0; list-style-type: none; } .k-virtual-wrap > .k-virtual-header { text-align: right; } .k-popup .k-item.k-first { position: relative; } .k-virtual-content > .k-virtual-list > .k-virtual-item { position: absolute; width: 100%; box-sizing: border-box; overflow: hidden; white-space: nowrap; } .k-popup .k-list .k-item > .k-group, .k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header { text-transform: uppercase; font-size: 0.857em; } .k-popup .k-list .k-item > .k-group { position: absolute; top: 0; right: 0; padding: 0 0.5em; line-height: 1.8; } .k-popup .k-state-hover > .k-group { right: -1px; } .k-virtual-item.k-first, .k-group-header + .k-list > .k-item.k-first, .k-static-header + .k-list > .k-item.k-first { border-top-style: solid; border-top-width: 1px; padding-top: 0; } .k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header { text-align: right; } @font-face { font-family: 'WebComponentsIcons'; src: url('./fonts/glyphs/WebComponentsIcons.eot?gedxeo'); src: url('./fonts/glyphs/WebComponentsIcons.eot?gedxeo#iefix') format('embedded-opentype'), url('./fonts/glyphs/WebComponentsIcons.ttf?gedxeo') format('truetype'), url('./fonts/glyphs/WebComponentsIcons.woff?gedxeo') format('woff'), url('./fonts/glyphs/WebComponentsIcons.svg?gedxeo#WebComponentsIcons') format('svg'); font-weight: normal; font-style: normal; } .k-i-arrowhead-e:before { content: "\e014"; } .k-i-arrowhead-w:before { content: "\e016"; } .k-i-arrow-45-up-right:before { content: "\e000"; } .k-i-collapse-ne:before { content: "\e000"; } .k-i-resize-ne:before { content: "\e000"; } .k-i-arrow-45-down-right:before { content: "\e001"; } .k-i-collapse-se:before { content: "\e001"; } .k-i-collapse:before { content: "\e001"; } .k-i-resize-se:before { content: "\e001"; } .k-i-arrow-45-down-left:before { content: "\e002"; } .k-i-collapse-sw:before { content: "\e002"; } .k-i-resize-sw:before { content: "\e002"; } .k-i-arrow-45-up-left:before { content: "\e003"; } .k-i-collapse-nw:before { content: "\e003"; } .k-i-resize-new:before { content: "\e003"; } .k-i-arrow-60-up:before { content: "\e004"; } .k-i-arrow-n:before { content: "\e004"; } .k-i-kpi-trend-increase:before { content: "\e004"; } .k-i-arrow-60-right:before { content: "\e005"; } .k-i-arrow-e:before { content: "\e005"; } .k-i-expand:before { content: "\e005"; } .k-i-arrow-60-down:before { content: "\e006"; } .k-i-arrow-s:before { content: "\e006"; } .k-i-kpi-trend-decrease:before { content: "\e006"; } .k-i-arrow-60-left:before { content: "\e007"; } .k-i-arrow-w:before { content: "\e007"; } .k-i-arrow-end-up:before { content: "\e008"; } .k-i-seek-n:before { content: "\e008"; } .k-i-arrow-end-right:before { content: "\e009"; } .k-i-seek-e:before { content: "\e009"; } .k-i-arrow-end-down:before { content: "\e00a"; } .k-i-seek-s:before { content: "\e00a"; } .k-i-arrow-end-left:before { content: "\e00b"; } .k-i-seek-w:before { content: "\e00b"; } .k-i-arrow-double-60-up:before { content: "\e00c"; } .k-i-arrow-seek-up:before { content: "\e00c"; } .k-i-arrow-double-60-right:before { content: "\e00d"; } .k-i-arrow-seek-right:before { content: "\e00d"; } .k-i-forward-sm:before { content: "\e00d"; } .k-i-arrow-double-60-down:before { content: "\e00e"; } .k-i-arrow-seek-down:before { content: "\e00e"; } .k-i-arrow-double-60-left:before { content: "\e00f"; } .k-i-arrow-seek-left:before { content: "\e00f"; } .k-i-rewind-sm:before { content: "\e00f"; } .k-i-arrows-kpi:before { content: "\e010"; } .k-i-kpi:before { content: "\e010"; } .k-i-arrows-no-change:before { content: "\e011"; } .k-i-arrow-overflow-down:before { content: "\e012"; } .k-i-arrow-chevron-up:before { content: "\e013"; } .k-i-arrow-chevron-right:before { content: "\e014"; } .k-i-arrow-chevron-down:before { content: "\e015"; } .k-i-arrow-chevron-left:before { content: "\e016"; } .k-i-arrow-up:before { content: "\e017"; } .k-i-arrow-right:before { content: "\e018"; } .k-i-arrow-down:before { content: "\e019"; } .k-i-arrow-left:before { content: "\e01a"; } .k-i-arrow-drill:before { content: "\e01b"; } .k-i-arrow-parent:before { content: "\e01c"; } .k-i-arrow-root:before { content: "\e01d"; } .k-i-arrows-resizing:before { content: "\e01e"; } .k-i-arrows-dimensions:before { content: "\e01f"; } .k-i-arrows-swap:before { content: "\e020"; } .k-i-drag-and-drop:before { content: "\e021"; } .k-i-categorize:before { content: "\e022"; } .k-i-grid:before { content: "\e023"; } .k-i-grid-layout:before { content: "\e024"; } .k-i-group:before { content: "\e025"; } .k-i-ungroup:before { content: "\e026"; } .k-i-handler-drag:before { content: "\e027"; } .k-i-layout:before { content: "\e028"; } .k-i-layout-1-by-4:before { content: "\e029"; } .k-i-layout-2-by-2:before { content: "\e02a"; } .k-i-layout-side-by-side:before { content: "\e02b"; } .k-i-layout-stacked:before { content: "\e02c"; } .k-i-columns:before { content: "\e02d"; } .k-i-rows:before { content: "\e02e"; } .k-i-reorder:before { content: "\e02f"; } .k-i-menu:before { content: "\e030"; } .k-i-more-vertical:before { content: "\e031"; } .k-i-more-horizontal:before { content: "\e032"; } .k-i-undo:before { content: "\e100"; } .k-i-redo:before { content: "\e101"; } .k-i-reset:before { content: "\e102"; } .k-i-reload:before { content: "\e103"; } .k-i-refresh:before { content: "\e103"; } .k-i-recurrence:before { content: "\e103"; } .k-i-non-recurrence:before { content: "\e104"; } .k-i-reset-sm:before { content: "\e105"; } .k-i-reload-sm:before { content: "\e106"; } .k-i-refresh-sm:before { content: "\e106"; } .k-i-recurrence-sm:before { content: "\e106"; } .k-i-clock:before { content: "\e107"; } .k-i-calendar:before { content: "\e108"; } .k-i-save:before { content: "\e109"; } .k-i-floppy:before { content: "\e109"; } .k-i-print:before { content: "\e10a"; } .k-i-printer:before { content: "\e10a"; } .k-i-edit:before { content: "\e10b"; } .k-i-pencil:before { content: "\e10b"; } .k-i-delete:before { content: "\e10c"; } .k-i-trash:before { content: "\e10c"; } .k-i-attachment:before { content: "\e10d"; } .k-i-clip:before { content: "\e10d"; } .k-i-attachment-45:before { content: "\e10e"; } .k-i-clip-45:before { content: "\e10e"; } .k-i-link-horizontal:before { content: "\e10f"; } .k-i-hyperlink:before { content: "\e10f"; } .k-i-unlink-horizontal:before { content: "\e110"; } .k-i-hyperlink-remove:before { content: "\e110"; } .k-i-link-vertical:before { content: "\e111"; } .k-i-unlink-vertical:before { content: "\e112"; } .k-i-lock:before { content: "\e113"; } .k-i-unlock:before { content: "\e114"; } .k-i-cancel:before { content: "\e115"; } .k-i-cancel-outline:before { content: "\e116"; } .k-i-cancel-circle:before { content: "\e117"; } .k-i-check:before { content: "\e118"; } .k-i-checkmark:before { content: "\e118"; } .k-i-tick:before { content: "\e118"; } .k-i-check-outline:before { content: "\e119"; } .k-i-checkmark-outline:before { content: "\e119"; } .k-i-success:before { content: "\e119"; } .k-i-check-circle:before { content: "\e11a"; } .k-i-checkmark-circle:before { content: "\e11a"; } .k-i-close:before { content: "\e11b"; } .k-i-x:before { content: "\e11b"; } .k-i-close-outline:before { content: "\e11c"; } .k-i-x-outline:before { content: "\e11c"; } .k-i-error:before { content: "\e11c"; } .k-i-close-circle:before { content: "\e11d"; } .k-i-x-circle:before { content: "\e11d"; } .k-i-plus:before { content: "\e11e"; } .k-i-add:before { content: "\e11e"; } .k-i-plus-outline:before { content: "\e11f"; } .k-i-plus-circle:before { content: "\e120"; } .k-i-minus:before { content: "\e121"; } .k-i-kpi-trend-equal:before { content: "\e121"; } .k-i-minus-outline:before { content: "\e122"; } .k-i-minus-circle:before { content: "\e123"; } .k-i-sort-asc:before { content: "\e124"; } .k-i-sort-desc:before { content: "\e125"; } .k-i-unsort:before { content: "\e126"; } .k-i-sort-clear:before { content: "\e126"; } .k-i-sort-asc-sm:before { content: "\e127"; } .k-i-sort-desc-sm:before { content: "\e128"; } .k-i-filter:before { content: "\e129"; } .k-i-filter-clear:before { content: "\e12a"; } .k-i-filter-sm:before { content: "\e12b"; } .k-i-filter-sort-asc-sm:before { content: "\e12c"; } .k-i-filter-sort-desc-sm:before { content: "\e12d"; } .k-i-filter-add-expression:before { content: "\e12e"; } .k-i-filter-add-group:before { content: "\e12f"; } .k-i-login:before { content: "\e130"; } .k-i-logout:before { content: "\e131"; } .k-i-download:before { content: "\e132"; } .k-i-upload:before { content: "\e133"; } .k-i-hyperlink-open:before { content: "\e134"; } .k-i-hyperlink-open-sm:before { content: "\e135"; } .k-i-launch:before { content: "\e136"; } .k-i-window:before { content: "\e137"; } .k-i-window-maximize:before { content: "\e137"; } .k-i-windows:before { content: "\e138"; } .k-i-window-restore:before { content: "\e138"; } .k-i-tiles:before { content: "\e138"; } .k-i-window-minimize:before { content: "\e139"; } .k-i-gear:before { content: "\e13a"; } .k-i-cog:before { content: "\e13a"; } .k-i-custom:before { content: "\e13a"; } .k-i-gears:before { content: "\e13b"; } .k-i-cogs:before { content: "\e13b"; } .k-i-wrench:before { content: "\e13c"; } .k-i-settings:before { content: "\e13c"; } .k-i-preview:before { content: "\e13d"; } .k-i-eye:before { content: "\e13d"; } .k-i-zoom:before { content: "\e13e"; } .k-i-search:before { content: "\e13e"; } .k-i-zoom-in:before { content: "\e13f"; } .k-i-zoom-out:before { content: "\e140"; } .k-i-pan:before { content: "\e141"; } .k-i-move:before { content: "\e141"; } .k-i-calculator:before { content: "\e142"; } .k-i-cart:before { content: "\e143"; } .k-i-shopping-cart:before { content: "\e143"; } .k-i-connector:before { content: "\e144"; } .k-i-plus-sm:before { content: "\e145"; } .k-i-minus-sm:before { content: "\e146"; } .k-i-kpi-status-deny:before { content: "\e147"; } .k-i-kpi-status-hold:before { content: "\e148"; } .k-i-kpi-status-open:before { content: "\e149"; } .k-i-play:before { content: "\e200"; } .k-i-pause:before { content: "\e201"; } .k-i-stop:before { content: "\e202"; } .k-i-rewind:before { content: "\e203"; } .k-i-forward:before { content: "\e204"; } .k-i-volume-down:before { content: "\e205"; } .k-i-volume-up:before { content: "\e206"; } .k-i-volume-off:before { content: "\e207"; } .k-i-hd:before { content: "\e208"; } .k-i-subtitles:before { content: "\e209"; } .k-i-playlist:before { content: "\e20a"; } .k-i-audio:before { content: "\e20b"; } .k-i-play-sm:before { content: "\e20c"; } .k-i-pause-sm:before { content: "\e20d"; } .k-i-stop-sm:before { content: "\e20e"; } .k-i-heart-outline:before { content: "\e300"; } .k-i-fav-outline:before { content: "\e300"; } .k-i-favorite-outline:before { content: "\e300"; } .k-i-heart:before { content: "\e301"; } .k-i-fav:before { content: "\e301"; } .k-i-favorite:before { content: "\e301"; } .k-i-star-outline:before { content: "\e302"; } .k-i-bookmark-outline:before { content: "\e302"; } .k-i-star:before { content: "\e303"; } .k-i-bookmark:before { content: "\e303"; } .k-i-checkbox:before { content: "\e304"; } .k-i-shape-rect:before { content: "\e304"; } .k-i-checkbox-checked:before { content: "\e305"; } .k-i-tri-state-indeterminate:before { content: "\e306"; } .k-i-tri-state-null:before { content: "\e307"; } .k-i-circle:before { content: "\e308"; } .k-i-radiobutton:before { content: "\e309"; } .k-i-shape-circle:before { content: "\e309"; } .k-i-radiobutton-checked:before { content: "\e30a"; } .k-i-notification:before { content: "\e400"; } .k-i-bell:before { content: "\e400"; } .k-i-information:before { content: "\e401"; } .k-i-info:before { content: "\e401"; } .k-i-note:before { content: "\e401"; } .k-i-question:before { content: "\e402"; } .k-i-help:before { content: "\e402"; } .k-i-warning:before { content: "\e403"; } .k-i-exception:before { content: "\e403"; } .k-i-photo-camera:before { content: "\e500"; } .k-i-image:before { content: "\e501"; } .k-i-photo:before { content: "\e501"; } .k-i-import:before { content: "\e94d"; } .k-i-export:before { content: "\e94e"; } .k-i-image-export:before { content: "\e502"; } .k-i-photo-export:before { content: "\e502"; } .k-i-zoom-actual-size:before { content: "\e503"; } .k-i-zoom-best-fit:before { content: "\e504"; } .k-i-image-resize:before { content: "\e505"; } .k-i-crop:before { content: "\e506"; } .k-i-mirror:before { content: "\e507"; } .k-i-flip-horizontal:before { content: "\e508"; } .k-i-flip-vertical:before { content: "\e509"; } .k-i-rotate:before { content: "\e50a"; } .k-i-rotate-right:before { content: "\e50b"; } .k-i-rotate-left:before { content: "\e50c"; } .k-i-brush:before { content: "\e50d"; } .k-i-palette:before { content: "\e50e"; } .k-i-paint:before { content: "\e50f"; } .k-i-droplet:before { content: "\e50f"; } .k-i-background:before { content: "\e50f"; } .k-i-line:before { content: "\e510"; } .k-i-shape-line:before { content: "\e510"; } .k-i-brightness-contrast:before { content: "\e511"; } .k-i-saturation:before { content: "\e512"; } .k-i-invert-colors:before { content: "\e513"; } .k-i-transperancy:before { content: "\e514"; } .k-i-opacity:before { content: "\e514"; } .k-i-greyscale:before { content: "\e515"; } .k-i-blur:before { content: "\e516"; } .k-i-sharpen:before { content: "\e517"; } .k-i-shape:before { content: "\e518"; } .k-i-round-corners:before { content: "\e519"; } .k-i-front-element:before { content: "\e51a"; } .k-i-back-element:before { content: "\e51b"; } .k-i-forward-element:before { content: "\e51c"; } .k-i-backward-element:before { content: "\e51d"; } .k-i-align-left-element:before { content: "\e51e"; } .k-i-align-center-element:before { content: "\e51f"; } .k-i-align-right-element:before { content: "\e520"; } .k-i-align-top-element:before { content: "\e521"; } .k-i-align-middle-element:before { content: "\e522"; } .k-i-align-bottom-element:before { content: "\e523"; } .k-i-thumbnails-up:before { content: "\e524"; } .k-i-thumbnails-right:before { content: "\e525"; } .k-i-thumbnails-down:before { content: "\e526"; } .k-i-thumbnails-left:before { content: "\e527"; } .k-i-full-screen:before { content: "\e528"; } .k-i-fullscreen:before { content: "\e528"; } .k-i-full-screen-exit:before { content: "\e529"; } .k-i-fullscreen-exit:before { content: "\e529"; } .k-i-reset-color:before { content: "\e52a"; } .k-i-paint-remove:before { content: "\e52a"; } .k-i-background-remove:before { content: "\e52a"; } .k-i-align-stretch-element-horizontal:before { content: "\e53e"; } .k-i-align-stretch-element-vertical:before { content: "\e53f"; } .k-i-align-align-left-elements:before { content: "\e540"; } .k-i-align-center-elements:before { content: "\e541"; } .k-i-align-right-elements:before { content: "\e542"; } .k-i-align-stretch-elements-horizontal:before { content: "\e543"; } .k-i-align-baseline-horizontal:before { content: "\e544"; } .k-i-align-top-elements:before { content: "\e545"; } .k-i-align-middle-elements:before { content: "\e546"; } .k-i-align-bottom-elements:before { content: "\e547"; } .k-i-align-stretch-elements-vertical:before { content: "\e548"; } .k-i-align-baseline-vertical:before { content: "\e549"; } .k-i-justify-start-horizontal:before { content: "\e54a"; } .k-i-justify-center-horizontal:before { content: "\e54b"; } .k-i-justify-end-horizontal:before { content: "\e54c"; } .k-i-justify-between-horizontal:before { content: "\e54d"; } .k-i-justify-around-horizontal:before { content: "\e54e"; } .k-i-justify-start-vertical:before { content: "\e54f"; } .k-i-justify-center-vertical:before { content: "\e550"; } .k-i-justify-end-vertical:before { content: "\e551"; } .k-i-justify-between-vertical:before { content: "\e552"; } .k-i-justify-around-vertical:before { content: "\e553"; } .k-i-page-properties:before { content: "\e600"; } .k-i-bold:before { content: "\e601"; } .k-i-italic:before { content: "\e602"; } .k-i-underline:before { content: "\e603"; } .k-i-font-family:before { content: "\e604"; } .k-i-foreground-color:before { content: "\e605"; } .k-i-convert-lowercase:before { content: "\e606"; } .k-i-convert-uppercase:before { content: "\e607"; } .k-i-strikethrough:before { content: "\e608"; } .k-i-sub-script:before { content: "\e609"; } .k-i-sup-script:before { content: "\e60a"; } .k-i-div:before { content: "\e60b"; } .k-i-all:before { content: "\e60c"; } .k-i-h1:before { content: "\e60d"; } .k-i-h2:before { content: "\e60e"; } .k-i-h3:before { content: "\e60f"; } .k-i-h4:before { content: "\e610"; } .k-i-h5:before { content: "\e611"; } .k-i-h6:before { content: "\e612"; } .k-i-list-ordered:before { content: "\e613"; } .k-i-list-numbered:before { content: "\e613"; } .k-i-list-unordered:before { content: "\e614"; } .k-i-list-bulleted:before { content: "\e614"; } .k-i-list-roman-upper:before { content: "\e94b"; } .k-i-list-roman-lower:before { content: "\e94c"; } .k-i-indent-increase:before { content: "\e615"; } .k-i-indent:before { content: "\e615"; } .k-i-indent-decrease:before { content: "\e616"; } .k-i-outdent:before { content: "\e616"; } .k-i-insert-n::before { content: "\e617"; } .k-i-insert-up:before { content: "\e617"; } .k-i-insert-top:before { content: "\e617"; } .k-i-insert-m:before { content: "\e618"; } .k-i-insert-middle:before { content: "\e618"; } .k-i-insert-s:before { content: "\e619"; } .k-i-insert-down:before { content: "\e619"; } .k-i-insert-bottom:before { content: "\e619"; } .k-i-align-top:before { content: "\e61a"; } .k-i-align-middle:before { content: "\e61b"; } .k-i-align-bottom:before { content: "\e61c"; } .k-i-align-left:before { content: "\e61d"; } .k-i-align-center:before { content: "\e61e"; } .k-i-align-right:before { content: "\e61f"; } .k-i-align-justify:before { content: "\e620"; } .k-i-align-remove:before { content: "\e621"; } .k-i-text-wrap:before { content: "\e622"; } .k-i-rule-horizontal:before { content: "\e623"; } .k-i-table-position-left:before { content: "\e948"; } .k-i-table-position-center:before { content: "\e949"; } .k-i-table-position-right:before { content: "\e94a"; } .k-i-table-align-top-left:before { content: "\e624"; } .k-i-table-align-top-center:before { content: "\e625"; } .k-i-table-align-top-right:before { content: "\e626"; } .k-i-table-align-middle-left:before { content: "\e627"; } .k-i-table-align-middle-center:before { content: "\e628"; } .k-i-table-align-middle-right:before { content: "\e629"; } .k-i-table-align-bottom-left:before { content: "\e62a"; } .k-i-table-align-bottom-center:before { content: "\e62b"; } .k-i-table-align-bottom-right:before { content: "\e62c"; } .k-i-table-align-remove:before { content: "\e62d"; } .k-i-borders-all:before { content: "\e62e"; } .k-i-all-borders:before { content: "\e62e"; } .k-i-borders-outside:before { content: "\e62f"; } .k-i-outside-borders:before { content: "\e62f"; } .k-i-borders-inside:before { content: "\e630"; } .k-i-inside-borders:before { content: "\e630"; } .k-i-borders-inside-horizontal:before { content: "\e631"; } .k-i-inside-horizontal-borders:before { content: "\e631"; } .k-i-borders-inside-vertical:before { content: "\e632"; } .k-i-inside-vertical-borders:before { content: "\e632"; } .k-i-border-top:before { content: "\e633"; } .k-i-top-border:before { content: "\e633"; } .k-i-border-bottom:before { content: "\e634"; } .k-i-bottom-border:before { content: "\e634"; } .k-i-border-left:before { content: "\e635"; } .k-i-left-border:before { content: "\e635"; } .k-i-border-right:before { content: "\e636"; } .k-i-right-border:before { content: "\e636"; } .k-i-border-no:before { content: "\e637"; } .k-i-no-borders:before { content: "\e637"; } .k-i-borders-show-hide:before { content: "\e638"; } .k-i-form:before { content: "\e639"; } .k-i-border:before { content: "\e639"; } .k-i-form-element:before { content: "\e63a"; } .k-i-code-snippet:before { content: "\e63b"; } .k-i-select-all:before { content: "\e63c"; } .k-i-button:before { content: "\e63d"; } .k-i-select-box:before { content: "\e63e"; } .k-i-calendar-date:before { content: "\e63f"; } .k-i-group-box:before { content: "\e640"; } .k-i-textarea:before { content: "\e641"; } .k-i-textbox:before { content: "\e642"; } .k-i-textbox-hidden:before { content: "\e643"; } .k-i-password:before { content: "\e644"; } .k-i-paragraph-add:before { content: "\e645"; } .k-i-edit-tools:before { content: "\e646"; } .k-i-template-manager:before { content: "\e647"; } .k-i-change-manually:before { content: "\e648"; } .k-i-track-changes:before { content: "\e649"; } .k-i-track-changes-enable:before { content: "\e64a"; } .k-i-track-changes-accept:before { content: "\e64b"; } .k-i-track-changes-accept-all:before { content: "\e64c"; } .k-i-track-changes-reject:before { content: "\e64d"; } .k-i-track-changes-reject-all:before { content: "\e64e"; } .k-i-document-manager:before { content: "\e64f"; } .k-i-custom-icon:before { content: "\e650"; } .k-i-dictionary-add:before { content: "\e651"; } .k-i-image-light-dialog:before { content: "\e652"; } .k-i-image-insert:before { content: "\e652"; } .k-i-image-edit:before { content: "\e653"; } .k-i-image-map-editor:before { content: "\e654"; } .k-i-comment:before { content: "\e655"; } .k-i-comment-remove:before { content: "\e656"; } .k-i-comments-remove-all:before { content: "\e657"; } .k-i-silverlight:before { content: "\e658"; } .k-i-media-manager:before { content: "\e659"; } .k-i-video-external:before { content: "\e65a"; } .k-i-flash-manager:before { content: "\e65b"; } .k-i-find-and-replace:before { content: "\e65c"; } .k-i-find:before { content: "\e65c"; } .k-i-copy:before { content: "\e65d"; } .k-i-files:before { content: "\e65d"; } .k-i-cut:before { content: "\e65e"; } .k-i-paste:before { content: "\e65f"; } .k-i-paste-as-html:before { content: "\e660"; } .k-i-paste-from-word:before { content: "\e661"; } .k-i-paste-from-word-strip-file:before { content: "\e662"; } .k-i-paste-html:before { content: "\e663"; } .k-i-paste-markdown:before { content: "\e664"; } .k-i-paste-plain-text:before { content: "\e665"; } .k-i-apply-format:before { content: "\e666"; } .k-i-clear-css:before { content: "\e667"; } .k-i-copy-format:before { content: "\e668"; } .k-i-strip-all-formating:before { content: "\e669"; } .k-i-strip-css-format:before { content: "\e66a"; } .k-i-strip-font-elements:before { content: "\e66b"; } .k-i-strip-span-elements:before { content: "\e66c"; } .k-i-strip-word-formatting:before { content: "\e66d"; } .k-i-format-code-block:before { content: "\e66e"; } .k-i-style-builder:before { content: "\e66f"; } .k-i-module-manager:before { content: "\e670"; } .k-i-hyperlink-light-dialog:before { content: "\e671"; } .k-i-hyperlink-insert:before { content: "\e671"; } .k-i-hyperlink-globe:before { content: "\e672"; } .k-i-hyperlink-globe-remove:before { content: "\e673"; } .k-i-hyperlink-email:before { content: "\e674"; } .k-i-anchor:before { content: "\e675"; } .k-i-table-light-dialog:before { content: "\e676"; } .k-i-table-insert:before { content: "\e676"; } .k-i-table:before { content: "\e677"; } .k-i-table-properties:before { content: "\e678"; } .k-i-table-wizard:before { content: "\e678"; } .k-i-table-cell:before { content: "\e679"; } .k-i-table-cell-properties:before { content: "\e67a"; } .k-i-table-column-insert-left:before { content: "\e67b"; } .k-i-table-column-insert-right:before { content: "\e67c"; } .k-i-table-row-insert-above:before { content: "\e67d"; } .k-i-table-row-insert-below:before { content: "\e67e"; } .k-i-table-column-delete:before { content: "\e67f"; } .k-i-table-row-delete:before { content: "\e680"; } .k-i-table-cell-delete:before { content: "\e681"; } .k-i-table-delete:before { content: "\e682"; } .k-i-cells-merge:before { content: "\e683"; } .k-i-cells-merge-horizontally:before { content: "\e684"; } .k-i-cells-merge-vertically:before { content: "\e685"; } .k-i-cell-split-horizontally:before { content: "\e686"; } .k-i-cell-split-vertically:before { content: "\e687"; } .k-i-table-unmerge:before { content: "\e688"; } .k-i-pane-freeze:before { content: "\e689"; } .k-i-row-freeze:before { content: "\e68a"; } .k-i-column-freeze:before { content: "\e68b"; } .k-i-toolbar-float:before { content: "\e68c"; } .k-i-spell-checker:before { content: "\e68d"; } .k-i-validation-xhtml:before { content: "\e68e"; } .k-i-validation-data:before { content: "\e68f"; } .k-i-toggle-full-screen-mode:before { content: "\e690"; } .k-i-formula-fx:before { content: "\e691"; } .k-i-sum:before { content: "\e692"; } .k-i-symbol:before { content: "\e693"; } .k-i-dollar:before { content: "\e694"; } .k-i-currency:before { content: "\e694"; } .k-i-percent:before { content: "\e695"; } .k-i-custom-format:before { content: "\e696"; } .k-i-decimal-increase:before { content: "\e697"; } .k-i-decimal-decrease:before { content: "\e698"; } .k-i-font-size:before { content: "\e699"; } .k-i-image-absolute-position:before { content: "\e69a"; } .k-i-globe-outline:before { content: "\e700"; } .k-i-globe:before { content: "\e701"; } .k-i-marker-pin:before { content: "\e702"; } .k-i-marker-pin-target:before { content: "\e703"; } .k-i-pin:before { content: "\e704"; } .k-i-unpin:before { content: "\e705"; } .k-i-share:before { content: "\e800"; } .k-i-user:before { content: "\e801"; } .k-i-inbox:before { content: "\e802"; } .k-i-blogger:before { content: "\e803"; } .k-i-blogger-box:before { content: "\e804"; } .k-i-delicious:before { content: "\e805"; } .k-i-delicious-box:before { content: "\e806"; } .k-i-digg:before { content: "\e807"; } .k-i-digg-box:before { content: "\e808"; } .k-i-email:before { content: "\e809"; } .k-i-envelop:before { content: "\e809"; } .k-i-letter:before { content: "\e809"; } .k-i-email-box:before { content: "\e80a"; } .k-i-envelop-box:before { content: "\e80a"; } .k-i-letter-box:before { content: "\e80a"; } .k-i-facebook:before { content: "\e80b"; } .k-i-facebook-box:before { content: "\e80c"; } .k-i-google:before { content: "\e80d"; } .k-i-google-box:before { content: "\e80e"; } .k-i-google-plus:before { content: "\e80f"; } .k-i-google-plus-box:before { content: "\e810"; } .k-i-linkedin:before { content: "\e811"; } .k-i-linkedin-box:before { content: "\e812"; } .k-i-myspace:before { content: "\e813"; } .k-i-myspace-box:before { content: "\e814"; } .k-i-pinterest:before { content: "\e815"; } .k-i-pinterest-box:before { content: "\e816"; } .k-i-reddit:before { content: "\e817"; } .k-i-reddit-box:before { content: "\e818"; } .k-i-stumble-upon:before { content: "\e819"; } .k-i-stumble-upon-box:before { content: "\e81a"; } .k-i-tell-a-friend:before { content: "\e81b"; } .k-i-tell-a-friend-box:before { content: "\e81c"; } .k-i-tumblr:before { content: "\e81d"; } .k-i-tumblr-box:before { content: "\e81e"; } .k-i-twitter:before { content: "\e81f"; } .k-i-twitter-box:before { content: "\e820"; } .k-i-yammer:before { content: "\e821"; } .k-i-yammer-box:before { content: "\e822"; } .k-i-behance:before { content: "\e823"; } .k-i-behance-box:before { content: "\e824"; } .k-i-dribbble:before { content: "\e825"; } .k-i-dribbble-box:before { content: "\e826"; } .k-i-rss:before { content: "\e827"; } .k-i-rss-box:before { content: "\e828"; } .k-i-vimeo:before { content: "\e829"; } .k-i-vimeo-box:before { content: "\e82a"; } .k-i-youtube:before { content: "\e82b"; } .k-i-youtube-box:before { content: "\e82c"; } .k-i-folder:before { content: "\e900"; } .k-i-folder-open:before { content: "\e901"; } .k-i-folder-add:before { content: "\e902"; } .k-i-folder-up:before { content: "\e903"; } .k-i-folder-more:before { content: "\e904"; } .k-i-fields-more:before { content: "\e904"; } .k-i-aggregate-fields:before { content: "\e905"; } .k-i-file:before { content: "\e906"; } .k-i-file-vertical:before { content: "\e906"; } .k-i-file-add:before { content: "\e907"; } .k-i-file-txt:before { content: "\e908"; } .k-i-txt:before { content: "\e908"; } .k-i-file-csv:before { content: "\e909"; } .k-i-csv:before { content: "\e909"; } .k-i-file-excel:before { content: "\e90a"; } .k-i-file-xls:before { content: "\e90a"; } .k-i-excel:before { content: "\e90a"; } .k-i-xls:before { content: "\e90a"; } .k-i-file-word:before { content: "\e90b"; } .k-i-file-doc:before { content: "\e90b"; } .k-i-word:before { content: "\e90b"; } .k-i-doc:before { content: "\e90b"; } .k-i-file-mdb:before { content: "\e90c"; } .k-i-mdb:before { content: "\e90c"; } .k-i-file-ppt:before { content: "\e90d"; } .k-i-ppt:before { content: "\e90d"; } .k-i-file-pdf:before { content: "\e90e"; } .k-i-pdf:before { content: "\e90e"; } .k-i-file-psd:before { content: "\e90f"; } .k-i-psd:before { content: "\e90f"; } .k-i-file-flash:before { content: "\e910"; } .k-i-flash:before { content: "\e910"; } .k-i-file-config:before { content: "\e911"; } .k-i-config:before { content: "\e911"; } .k-i-file-ascx:before { content: "\e912"; } .k-i-ascx:before { content: "\e912"; } .k-i-file-bac:before { content: "\e913"; } .k-i-bac:before { content: "\e913"; } .k-i-file-zip:before { content: "\e914"; } .k-i-zip:before { content: "\e914"; } .k-i-film:before { content: "\e915"; } .k-i-css3:before { content: "\e916"; } .k-i-html5:before { content: "\e917"; } .k-i-html:before { content: "\e918"; } .k-i-source-code:before { content: "\e918"; } .k-i-view-source:before { content: "\e918"; } .k-i-css:before { content: "\e919"; } .k-i-js:before { content: "\e91a"; } .k-i-exe:before { content: "\e91b"; } .k-i-csproj:before { content: "\e91c"; } .k-i-vbproj:before { content: "\e91d"; } .k-i-cs:before { content: "\e91e"; } .k-i-vb:before { content: "\e91f"; } .k-i-sln:before { content: "\e920"; } .k-i-cloud:before { content: "\e921"; } .k-i-file-horizontal:before { content: "\e922"; } .k-i-equal:before { content: "\e14a"; } .k-i-not-equal:before { content: "\e14b"; } .k-i-less-or-equal:before { content: "\e14c"; } .k-i-greater-or-equal:before { content: "\e14d"; } .k-i-divide:before { content: "\e14e"; } .k-i-accessibility:before { content: "\e14f"; } .k-i-barcode-outline:before { content: "\e150"; } .k-i-barcode:before { content: "\e151"; } .k-i-barcode-scanner:before { content: "\e152"; } .k-i-qr-code-outline:before { content: "\e153"; } .k-i-qr-code:before { content: "\e154"; } .k-i-qr-code-scanner:before { content: "\e155"; } .k-i-barcode-qr-code-scanner:before { content: "\e156"; } .k-i-signature:before { content: "\e157"; } .k-i-hand:before { content: "\e158"; } .k-i-cursor:before { content: "\e159"; } .k-i-attachment-45:before { content: "\e10e"; } .k-i-images:before { content: "\e52b"; } .k-i-strip-all-formatting:before { content: "\e669"; } .k-i-home:before { content: "\e034"; } .k-i-overlap:before { content: "\e033"; } .k-i-align-to-grid:before { content: "\e52c"; } .k-i-size-to-grid:before { content: "\e52d"; } .k-i-make-same-size:before { content: "\e52e"; } .k-i-make-same-width:before { content: "\e52f"; } .k-i-make-same-height:before { content: "\e530"; } .k-i-make-horizontal-spacing-equal:before { content: "\e531"; } .k-i-increase-horizontal-spacing:before { content: "\e532"; } .k-i-decrease-horizontal-spacing:before { content: "\e533"; } .k-i-remove-horizontal-spacing:before { content: "\e534"; } .k-i-make-vertical-spacing-equal:before { content: "\e535"; } .k-i-increase-vertical-spacing:before { content: "\e536"; } .k-i-decrease-vertical-spacing:before { content: "\e537"; } .k-i-remove-vertical-spacing:before { content: "\e538"; } .k-i-eyedropper:before { content: "\e539"; } .k-i-snap-grid:before { content: "\e53a"; } .k-i-snap-to-gridlines:before { content: "\e53b"; } .k-i-snap-to-snaplines:before { content: "\e53c"; } .k-i-dimensions:before { content: "\e53d"; } .k-i-crosstab:before { content: "\e69c"; } .k-i-table-body:before { content: "\e69e"; } .k-i-table-column-groups:before { content: "\e69f"; } .k-i-table-corner:before { content: "\e6a0"; } .k-i-table-row-groups:before { content: "\e6a1"; } .k-i-subreport:before { content: "\e923"; } .k-i-data:before { content: "\e924"; } .k-i-report-header-section:before { content: "\e925"; } .k-i-report-footer-section:before { content: "\e926"; } .k-i-group-header-section:before { content: "\e927"; } .k-i-group-footer-section:before { content: "\e928"; } .k-i-page-header-section:before { content: "\e929"; } .k-i-page-footer-section:before { content: "\e92a"; } .k-i-detail-section:before { content: "\e92b"; } .k-i-toc-section:before { content: "\e92c"; } .k-i-group-section:before { content: "\e92d"; } .k-i-parameters:before { content: "\e92e"; } .k-i-data-csv:before { content: "\e92f"; } .k-i-data-json:before { content: "\e930"; } .k-i-data-sql:before { content: "\e931"; } .k-i-data-web:before { content: "\e932"; } .k-i-group-collection:before { content: "\e933"; } .k-i-parameter-boolean:before { content: "\e934"; } .k-i-parameter-date-time:before { content: "\e935"; } .k-i-parameter-float:before { content: "\e936"; } .k-i-parameter-integer:before { content: "\e937"; } .k-i-parameter-string:before { content: "\e938"; } .k-i-toc-section-level:before { content: "\e939"; } .k-i-inherited:before { content: "\e93a"; } .k-i-file-video:before { content: "\e93b"; } .k-i-file-audio:before { content: "\e93c"; } .k-i-file-image:before { content: "\e93d"; } .k-i-file-presentation:before { content: "\e93e"; } .k-i-file-data:before { content: "\e93f"; } .k-i-file-disc-image:before { content: "\e940"; } .k-i-file-programming:before { content: "\e941"; } .k-i-parameters-byte-array:before { content: "\e942"; } .k-i-parameters-unknown:before { content: "\e943"; } .k-i-file-error:before { content: "\e944"; } .k-i-files-error:before { content: "\e945"; } .k-i-data-rest:before { content: "\e946"; } .k-i-file-typescript:before { content: "\e947"; } .k-i-graph:before { content: "\ea00"; } .k-i-column-clustered:before { content: "\ea01"; } .k-i-column-stacked:before { content: "\ea02"; } .k-i-column-stacked100:before { content: "\ea03"; } .k-i-column-range:before { content: "\ea04"; } .k-i-bar-clustered:before { content: "\ea05"; } .k-i-bar-stacked:before { content: "\ea06"; } .k-i-bar-stacked100:before { content: "\ea07"; } .k-i-bar-range:before { content: "\ea08"; } .k-i-area-clustered:before { content: "\ea09"; } .k-i-area-stacked:before { content: "\ea0a"; } .k-i-area-stacked100:before { content: "\ea0b"; } .k-i-area-range:before { content: "\ea0c"; } .k-i-line-stacked:before { content: "\ea0e"; } .k-i-line-stacked100:before { content: "\ea0f"; } .k-i-line-markers:before { content: "\ea10"; } .k-i-line-stacked-markers:before { content: "\ea11"; } .k-i-line-stacked100-markers:before { content: "\ea12"; } .k-i-pie:before { content: "\ea13"; } .k-i-doughnut:before { content: "\ea14"; } .k-i-scatter:before { content: "\ea15"; } .k-i-scatter-smooth-lines-markers:before { content: "\ea16"; } .k-i-scatter-smooth-lines:before { content: "\ea17"; } .k-i-scatter-straight-lines-markers:before { content: "\ea18"; } .k-i-scatter-straight-lines:before { content: "\e6a19"; } .k-i-bubble:before { content: "\ea1a"; } .k-i-candlestick:before { content: "\ea1b"; } .k-i-bar:before { content: "\ea1c"; } .k-i-radar:before { content: "\ea1d"; } .k-i-radar-markers:before { content: "\ea1e"; } .k-i-radar-filled:before { content: "\ea1f"; } .k-i-rose:before { content: "\ea20"; } .k-i-choropleth:before { content: "\ea21"; } .k-i-set-column-position:before { content: "\e15c"; } .k-i-stick:before { content: "\e15a"; } .k-i-unstick:before { content: "\e15b"; } .k-i-page-portrait::before { content: "\e906"; } .k-i-page-landscape::before { content: "\e922"; } .k-rtl .k-i-indent-increase, .k-rtl .k-i-indent-decrease, .k-rtl .k-i-expand, .k-rtl .k-i-collapse { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .k-spreadsheet { width: 800px; height: 600px; position: relative; border-width: 1px; border-style: solid; cursor: default; } .k-spreadsheet .k-spreadsheet-cell-comment { position: absolute; white-space: pre-wrap; text-align: left; border-width: 1px; border-style: solid; max-width: 200px; } .k-spreadsheet .k-spreadsheet-pane { padding-right: 1px; position: absolute; border-width: 1px; border-bottom-width: 0; border-right-width: 0; border-style: solid; box-sizing: border-box; overflow: hidden; } .k-spreadsheet .k-spreadsheet-pane.k-top { border-top-width: 0; } .k-spreadsheet .k-spreadsheet-pane.k-left { border-left-width: 0; } .k-spreadsheet .k-spreadsheet-pane .k-spreadsheet-cell { position: absolute; white-space: pre; box-sizing: border-box; overflow: hidden; padding: 1px 3px; background-clip: padding-box; } .k-spreadsheet .k-spreadsheet-pane .k-spreadsheet-cell.k-spreadsheet-has-comment::after { content: ""; display: block; position: absolute; top: 0; right: 0; left: auto; border-width: 3px; border-style: solid; } .k-spreadsheet .k-spreadsheet-vaxis, .k-spreadsheet .k-spreadsheet-haxis { position: absolute; border-style: solid; } .k-spreadsheet .k-spreadsheet-vaxis { top: 0; border-width: 0 0 0 1px; } .k-spreadsheet .k-spreadsheet-haxis { left: 0; border-width: 1px 0 0; } .k-spreadsheet .k-filter-range, .k-spreadsheet .k-spreadsheet-selection { border-width: 1px; border-style: solid; position: absolute; box-sizing: border-box; } .k-spreadsheet .k-spreadsheet-active-cell { position: absolute; outline-color: transparent !important; box-sizing: border-box; z-index: 10; } .k-spreadsheet .k-spreadsheet-action-bar { border-width: 0 0 1px; border-style: solid; position: relative; display: table; width: 100%; } .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor, .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar { display: table-cell; vertical-align: middle; } .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor { position: relative; vertical-align: top; border-width: 0 1px 0 0; border-style: solid; } .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor .k-combobox { width: 9.5em; border-radius: 0; border-color: transparent; } .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor .k-combobox .k-dropdown-wrap { border-radius: 0; border-color: transparent; background-image: none; box-shadow: none; border-width: 0; } .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor .k-combobox .k-dropdown-wrap .k-input { border-radius: 0; } .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor .k-combobox .k-dropdown-wrap .k-select { border-radius: 0; } .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar { width: 100%; padding-left: 31px; } .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar::before { position: relative; display: inline-block; overflow: hidden; width: 1em; height: 1em; text-align: center; vertical-align: middle; background-image: none; font: 16px/1 'WebComponentsIcons'; speak: none; font-variant: normal; text-transform: none; text-indent: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e691"; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-width: 0 1px 0 0; border-style: solid; width: 24px; margin-left: -24px; } .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar .k-spreadsheet-formula-input.k-spreadsheet-array-formula:before { content: "{"; font-weight: bold; } .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar .k-spreadsheet-formula-input.k-spreadsheet-array-formula:after { content: "}"; font-weight: bold; } .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-input { overflow: hidden; text-indent: 0.571em; border: 0; margin: 0; } .k-spreadsheet .k-spreadsheet-action-bar .k-state-border-down { padding-bottom: 0; } .k-spreadsheet .k-spreadsheet-formula-input { outline: none; border-width: 0; height: 26px; line-height: 20px; width: 100%; box-sizing: border-box; white-space: pre; padding: 3px 0.5em; } .k-spreadsheet .k-spreadsheet-cell-editor { position: absolute; display: none; padding: 0 3px; line-height: 20px; z-index: 2000; overflow: hidden; } .k-spreadsheet > .k-spreadsheet-view { position: relative; font-size: 12px; font-family: Arial, Verdana, sans-serif; } .k-spreadsheet > .k-spreadsheet-view .k-state-disabled { pointer-events: auto; } .k-spreadsheet .k-tabstrip-wrapper { position: relative; line-height: 1.7em; } .k-spreadsheet .k-tabstrip-wrapper .k-tabstrip-items { padding: 0.3em 0 0; } .k-spreadsheet .k-spreadsheet-quick-access-toolbar { display: inline-block; position: absolute; z-index: 1; top: 0; left: 0; padding: 0.3em 0.3em 0; } .k-spreadsheet .k-spreadsheet-quick-access-toolbar .k-button { padding: 0.3em; line-height: 1.4em; height: auto; } .k-spreadsheet .k-merged-cells-wrapper, .k-spreadsheet .k-selection-wrapper, .k-spreadsheet .k-filter-wrapper, .k-spreadsheet .k-spreadsheet-row-header { position: relative; } .k-spreadsheet .k-spreadsheet-column-header { position: absolute; } .k-spreadsheet .k-filter-wrapper { pointer-events: none; z-index: 50; } .k-spreadsheet .k-spreadsheet-sheets-bar { border-width: 1px 0 0; } .k-spreadsheet .k-vertical-align-center { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .k-spreadsheet .k-vertical-align-bottom { position: relative; top: 100%; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .k-spreadsheet .k-dirty { position: absolute; top: 0; left: 0; right: unset; } .k-spreadsheet .k-single-selection { cursor: crosshair; } .k-spreadsheet .k-single-selection::after { content: " "; height: 6px; width: 6px; position: absolute; display: block; bottom: 0; right: 0; border-radius: 50%; margin-bottom: -4px; margin-right: -4px; border-width: 1px; border-style: solid; z-index: 100; } .k-spreadsheet .k-spreadsheet-edit-container .k-single-selection::after { display: none; } .k-spreadsheet .k-auto-fill, .k-spreadsheet .k-auto-fill-punch, .k-spreadsheet .k-auto-fill-br-hint, .k-spreadsheet .k-auto-fill-tr-hint, .k-spreadsheet .k-auto-fill-bl-hint { position: absolute; box-sizing: border-box; } .k-spreadsheet .k-auto-fill { border-width: 1px; border-style: solid; cursor: crosshair; } .k-spreadsheet .k-auto-fill-wrapper { position: relative; } .k-spreadsheet .k-spreadsheet-vborder { position: absolute; border-left-style: solid; border-left-width: 1px; } .k-spreadsheet .k-spreadsheet-hborder { position: absolute; border-top-style: solid; border-top-width: 1px; } .k-spreadsheet-list-popup { margin-right: -1px; } .k-spreadsheet-names-popup .k-item { position: relative; } .k-spreadsheet-names-popup .k-icon { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0.7; cursor: pointer; } .k-spreadsheet-names-popup .k-icon:hover { opacity: 1; } .k-horizontal-resize { cursor: col-resize; } .k-vertical-resize { cursor: row-resize; } .k-spreadsheet-data, .k-merged-cells-wrapper, .k-selection-wrapper, .k-spreadsheet-active-cell { cursor: cell; } .k-horizontal-resize .k-spreadsheet-data, .k-horizontal-resize .k-merged-cells-wrapper, .k-horizontal-resize .k-selection-wrapper, .k-horizontal-resize .k-spreadsheet-active-cell { cursor: col-resize; } .k-vertical-resize .k-spreadsheet-data, .k-vertical-resize .k-merged-cells-wrapper, .k-vertical-resize .k-selection-wrapper, .k-vertical-resize .k-spreadsheet-active-cell { cursor: row-resize; } .k-spreadsheet .k-colorpicker .k-tool-icon { overflow: visible; } .k-button.k-reset-color, .k-button.k-custom-color { display: block; width: 100%; border-radius: 0; border: none; text-align: left; line-height: 2em; } .k-spreadsheet-colorpicker .k-colorpalette { border: 1px solid #dbdbdb; border-left: none; border-right: none; padding: 0.4em; } .k-spreadsheet-filter { position: absolute; cursor: pointer; pointer-events: all; } .k-spreadsheet-sample { float: right; } .k-spreadsheet-clipboard-paste, .k-spreadsheet-clipboard { position: fixed; opacity: 0; top: 0; left: 0; overflow: hidden; padding: 0; margin: 0; border: 0; width: 1px; height: 1px; box-sizing: border-box; } textarea.k-spreadsheet-clipboard { position: fixed; } .k-spreadsheet-top-corner { position: absolute; top: 0; left: 0; z-index: 10000; border-width: 0 1px 1px 0; border-style: solid; } .k-spreadsheet-top-corner:after { content: ""; display: block; width: 0; height: 0; overflow: hidden; position: absolute; bottom: 0; right: 0; border-width: 6px; border-style: solid; } .k-spreadsheet-scroller { width: 100%; height: 100%; overflow: scroll; -webkit-overflow-scrolling: touch; position: absolute; z-index: 1; } @media (hover: none), (pointer: coarse) { .k-spreadsheet-scroller { z-index: 3; } } .k-spreadsheet-fixed-container { position: absolute; width: 100%; height: 100%; box-sizing: border-box; z-index: 2; -webkit-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; } .k-spreadsheet-view-size { position: relative; } .k-spreadsheet-column-header, .k-spreadsheet-row-header { text-align: center; z-index: 100; } .k-spreadsheet-column-header .k-spreadsheet-cell, .k-spreadsheet-row-header .k-spreadsheet-cell { border-style: solid; border-width: 0 1px 1px 0; } div.k-spreadsheet-window { padding: 1.167em 0.75em 0.75em; } .k-spreadsheet-window .k-edit-form-container { width: 100%; } .k-spreadsheet-window .k-root-tabs { border-width: 0; margin: -1em -1em 0; padding: 0.5em 1em 0; } .k-spreadsheet-window .k-root-tabs .k-loading { display: none; } .k-spreadsheet-window .k-list-wrapper { padding: 0.15em 0; height: 190px; } .k-spreadsheet-window .k-list .k-item { border-radius: 0; padding: 0.5em 0.6em 0.4em 0.6em; cursor: pointer; line-height: 1.1em; } .k-spreadsheet-window .k-format-filter { width: 100%; } .k-spreadsheet-window .k-format-filter + .k-group-header + .k-list-wrapper { margin-top: 1em; } .k-spreadsheet-window .k-action-buttons { top: 10px; padding: 10px; margin-bottom: calc(10px - 1em); } .k-spreadsheet-window .k-edit-label { width: 25%; margin: 0 0 0 0.75em; } .k-spreadsheet-window .k-edit-field { width: 67%; margin: 0 0.917em 0 0; } .k-spreadsheet-window .k-edit-label, .k-spreadsheet-window .k-edit-field { padding: 0; line-height: 3em; } .k-spreadsheet-window .k-edit-field .k-textbox, .k-spreadsheet-window .k-edit-field .k-dropdown { width: 100%; } .k-spreadsheet-window .k-export-config .k-hr { margin-left: 15px; margin-right: 15px; } .k-spreadsheet-window .k-export-config .k-edit-field { width: 40%; float: left; margin-left: 30px; } .k-spreadsheet-window .k-page-orientation { position: absolute; right: 2em; top: 25%; } .k-spreadsheet-window .k-page-orientation .k-icon { font-size: 6em; } .k-spreadsheet-window .k-export-config:after, .k-spreadsheet-window > div:after { content: ""; display: block; clear: both; height: 0; } .k-spreadsheet-format-cells .k-spreadsheet-preview { font-weight: bold; text-align: center; font-size: 1.16em; line-height: 3.64em; margin: 0 -0.863em 0.72em; border-style: solid; border-width: 1px 0; } .k-spreadsheet-border-palette { width: 153px; } .k-spreadsheet-border-palette .k-spreadsheet-border-type-palette .k-button { box-sizing: border-box; width: 20%; } .k-spreadsheet-border-palette .k-colorpalette { vertical-align: bottom; } .k-spreadsheet-popup .k-separator { width: 1px; height: 1.8em; vertical-align: middle; display: inline-block; } .k-spreadsheet-popup .k-colorpalette { vertical-align: top; } .k-spreadsheet-popup .k-button.k-button-icon { padding: 0.6em; border-width: 0; border-radius: 0; } .k-spreadsheet-popup .k-button.k-button-icontext { display: block; text-align: left; text-transform: initial; padding: 0.3em 1.5em 0.3em 0.9em; border-width: 0; border-radius: 0; } .k-spreadsheet-filter-menu { width: 280px; } .k-spreadsheet-filter-menu > .k-menu { border-width: 0; } .k-spreadsheet-filter-menu > .k-menu .k-link { padding-left: 26px; } .k-spreadsheet-filter-menu > .k-menu .k-link .k-icon { margin-left: -26px; width: 26px; } .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper { height: 200px; overflow-y: scroll; overflow-x: auto; border-width: 1px; border-style: solid; } .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper .k-treeview { overflow: visible; padding: 6px 7px; } .k-spreadsheet-filter-menu .k-details { border-top-width: 1px; border-top-style: solid; padding: 4px 0; } .k-spreadsheet-filter-menu .k-details-summary { cursor: pointer; line-height: 26px; } .k-spreadsheet-filter-menu .k-details-summary .k-icon { margin: 0 5px; } .k-spreadsheet-filter-menu .k-details-content { padding: 0 8px 0 26px; } .k-spreadsheet-filter-menu .k-details-content > .k-textbox, .k-spreadsheet-filter-menu .k-details-content > .k-widget { width: 100%; margin-bottom: 3px; } .k-spreadsheet-filter-menu .k-details-content .k-space-right { background-image: none; } .k-spreadsheet-filter-menu .k-details-content .k-filter-and { width: 75px; margin: 8px 0; } .k-spreadsheet-filter-menu .k-action-buttons { border-top-width: 0; margin: 8px; padding: 0; position: static; } .k-resize-handle, .k-resize-hint { position: absolute; z-index: 200; } .k-resize-hint-handle { width: 100%; height: 20px; } .k-resize-hint-marker { width: 2px; height: 100%; margin: 0 auto; } .k-resize-hint-vertical .k-resize-hint-handle { height: 100%; width: 20px; float: left; } .k-resize-hint-vertical .k-resize-hint-marker { height: 2px; width: 100%; } .k-spreadsheet-quick-access-toolbar .k-button, .k-button.k-spreadsheet-sheets-bar-add { border-color: transparent; background-color: transparent; background-image: none; } .k-spreadsheet-tabstrip { border-left-width: 0; border-right-width: 0; border-top-width: 0; } .k-spreadsheet-tabstrip > .k-content { border-left-width: 0; border-right-width: 0; border-bottom-width: 0; margin: 0; padding: 0; } .k-spreadsheet-tabstrip .k-loading { display: none; } .k-spreadsheet-toolbar { border-width: 0; } .k-spreadsheet-toolbar > .k-widget[data-property='fontSize'] { width: 75px; } .k-spreadsheet-toolbar > .k-widget[data-property='format'] { width: 100px; } .k-spreadsheet-toolbar > .k-widget[data-property='fontFamily'] { width: 130px; } .k-spreadsheet-toolbar [data-tool=alignment], .k-spreadsheet-toolbar [data-tool=backgroundColor], .k-spreadsheet-toolbar [data-tool=borders], .k-spreadsheet-toolbar [data-tool=freeze], .k-spreadsheet-toolbar [data-tool=merge], .k-spreadsheet-toolbar [data-tool=textColor] { width: auto; } .k-spreadsheet-formula-input > .k-syntax-func.k-syntax-at-point, .k-spreadsheet-formula-input > .k-syntax-bool.k-syntax-at-point, .k-spreadsheet-formula-input > .k-syntax-ref.k-syntax-at-point, .k-spreadsheet-formula-input > .k-syntax-str.k-syntax-at-point, .k-spreadsheet-formula-input > .k-syntax-num.k-syntax-at-point { text-decoration: underline; } .k-spreadsheet-formula-input > .k-series-a, .k-spreadsheet-formula-input > .k-series-b, .k-spreadsheet-formula-input > .k-series-c, .k-spreadsheet-formula-input > .k-series-d { background-color: transparent; } .k-spreadsheet-selection-highlight { border-width: 1px; border-style: solid; position: absolute; box-sizing: border-box; } .k-spreadsheet-formula-list { min-width: 100px; } .k-spreadsheet-formula-list .k-item { padding: 0 0.3em; box-shadow: none; } .k-spreadsheet-sheets-bar { position: relative; } .k-button.k-spreadsheet-sheets-bar-add { position: absolute; bottom: 0.2em; left: 0.4em; z-index: 1; } .k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove { padding: 0; margin: 0.5em 0.5em 0.5em -0.5em; vertical-align: middle; } .k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove .k-button-icon { padding: 2px; line-height: normal; } .k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove .k-icon { margin: 0; } .k-spreadsheet-sheets-items-hint { margin-top: 0.1em; background: none !important; border-width: 0 !important; } .k-spreadsheet-editor-button { position: absolute; width: 20px; z-index: 10; margin-left: 2px; padding: 0 !important; } .k-spreadsheet-editor-button.k-spreadsheet-last-column { margin-left: -21px; } .k-spreadsheet-editor-button span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .hint-wrapper { margin-top: 1em; } .k-edit-form-container > div:after { display: block; content: ""; clear: both; } .k-spreadsheet-filter-menu .k-i-arrow-45-down-right { cursor: pointer; } .k-spreadsheet-import-errors .k--header-message { font-weight: bold; padding-bottom: 5px; border-bottom: 1px solid #888; margin-bottom: 5px; } .k-spreadsheet-import-errors .k--errors { max-height: 350px; overflow: auto; } .k-spreadsheet-import-errors .k--errors table { border-collapse: collapse; font-size: 90%; } .k-spreadsheet-import-errors .k--errors table td, .k-spreadsheet-import-errors .k--errors table th { padding: 2px 4px; border-bottom: 1px solid #bbb; } .k-spreadsheet-import-errors .k--errors table th { text-align: left; border-bottom: 1px solid #000; } .k-spreadsheet-insert-image-dialog { margin: 0 1em; border-style: dashed; border-width: 2px; } .k-spreadsheet-insert-image-dialog label { position: relative; display: block; width: 355px; height: 200px; padding: 10px; background-image: url("./textures/image-default.png"); background-size: auto 70%; background-repeat: no-repeat; background-position: 50% 30%; } .k-spreadsheet-insert-image-dialog label div { position: relative; top: 75%; padding: 10px; text-align: center; pointer-events: none; } .k-spreadsheet-insert-image-dialog label input { display: none; } .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image { background-size: auto 90%; background-position: 50% 50%; } .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover div, .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-state-hovered div { opacity: 1; top: 50%; } .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image div { opacity: 0; } .k-spreadsheet-drawing { position: absolute; box-sizing: border-box; z-index: 101; } .k-spreadsheet-drawing.k-spreadsheet-active-drawing { outline-style: solid; outline-width: 2px; } .k-spreadsheet-drawing .k-spreadsheet-drawing-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 50% 50%; background-size: 100% 100%; background-repeat: no-repeat; cursor: move; } .k-spreadsheet-drawing .k-spreadsheet-drawing-handle { position: absolute; width: 6px; height: 6px; border-style: solid; border-width: 1px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.N { left: 50%; top: 0; cursor: ns-resize; } .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.NE { left: 100%; top: 0; cursor: nesw-resize; } .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.E { left: 100%; top: 50%; cursor: ew-resize; } .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.SE { left: 100%; top: 100%; cursor: nwse-resize; } .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.S { left: 50%; top: 100%; cursor: ns-resize; } .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.SW { left: 0; top: 100%; cursor: nesw-resize; } .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.W { left: 0; top: 50%; cursor: ew-resize; } .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.NW { left: 0; top: 0; cursor: nwse-resize; } .k-avatar { width: 32px; height: 32px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .k-avatar-circle { border-radius: 50%; } .k-avatar-circle.k-avatar-image > * { border-radius: 50%; } .k-avatar-rounded { border-radius: 5px; } .k-avatar-rounded.k-avatar-image > * { border-radius: 5px; } .k-avatar-image > * { width: 32px; height: 32px; background-position: center; background-size: cover; background-repeat: no-repeat; } .k-card { border-radius: 4px; border-width: 1px; border-style: solid; outline: 0; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; position: relative; overflow: hidden; } .k-card .k-card-callout { position: absolute; width: 20px; height: 20px; border-width: 1px 1px 0 0; border-style: solid; margin: 0; } .k-card .k-card-callout.k-callout-n { top: 0; -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); left: 50%; } .k-card .k-card-callout.k-callout-e { top: 50%; left: auto; right: 0; -webkit-transform: translate(50%, -50%) rotate(135deg) scaleX(-1); -ms-transform: translate(50%, -50%) rotate(135deg) scaleX(-1); transform: translate(50%, -50%) rotate(135deg) scaleX(-1); } .k-card .k-card-callout.k-callout-s { top: auto; bottom: 0; -webkit-transform: translate(-50%, 50%) rotate(135deg); -ms-transform: translate(-50%, 50%) rotate(135deg); transform: translate(-50%, 50%) rotate(135deg); left: 50%; } .k-card .k-card-callout.k-callout-w { top: 50%; left: 0; -webkit-transform: translate(-50%, -50%) rotate(-135deg); -ms-transform: translate(-50%, -50%) rotate(-135deg); transform: translate(-50%, -50%) rotate(-135deg); } .k-card .k-avatar { width: 45px; height: 45px; margin-right: 16px; } .k-card .k-avatar.k-avatar-image > * { width: 45px; height: 45px; } .k-card.k-card-flat { box-shadow: none; } .k-card-horizontal { -ms-flex-direction: row; flex-direction: row; } .k-card-inner { display: -ms-flexbox; display: flex; -ms-flex-direction: inherit; flex-direction: inherit; overflow: hidden; } .k-card-header { padding: 12px 16px; border-width: 0 0 1px; border-style: solid; outline: 0; overflow: hidden; position: relative; z-index: 1; } .k-card > .k-card-header:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .k-card > .k-card-header:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .k-card-header h1, .k-card-header h2, .k-card-header h3, .k-card-header h4, .k-card-header h5, .k-card-header h6 { margin: 0; } .k-card-header .k-card-title + .k-card-subtitle { margin-top: 0; } .k-card-footer { padding: 12px 16px; border-width: 1px 0 0; border-style: solid; outline: 0; display: block; } .k-card-body { padding: 12px 16px; outline: 0; -ms-flex: 1 1 auto; flex: 1 1 auto; } .k-card > .k-card-body:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .k-card > .k-card-body:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .k-card-body p { margin: 0 0 8px; } .k-card-body > .k-last, .k-card-body > :last-child { margin-bottom: 0; } .k-card-image, .k-card-media { border: 0; max-width: 100%; overflow: hidden; } .k-card > .k-card-image:first-child, .k-card > .k-card-media:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .k-card > .k-card-image:last-child, .k-card > .k-card-media:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .k-card-image > img, .k-card-media > img { border: 0; max-width: 100%; } .k-card-horizontal .k-card-image, .k-card-horizontal .k-card-media { -ms-flex-negative: 0; flex-shrink: 0; max-width: 100px; object-fit: cover; } .k-card-title { font-family: inherit; font-size: 19px; line-height: normal; font-weight: 400; margin: 0 0 8px; } .k-card-subtitle { font-size: 12px; margin: 0 0 8px; opacity: 0.6; } .k-card-separator { margin: 0; border-width: 1px 0 0; border-style: solid; display: block; -ms-flex: 0 0 auto; flex: 0 0 auto; } .k-card-separator.k-separator-vertical { width: 0; border-width: 0 0 0 1px; } .k-card > .k-hr { margin: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; border-color: inherit; } .k-card-actions { padding: 8px 16px; border-width: 0; border-style: solid; border-color: inherit; overflow: hidden; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; } .k-card > .k-card-actions:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .k-card > .k-card-actions:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .k-card-horizontal .k-card-actions, .k-card-vertical .k-card-actions { border: 0; } .k-card-actions .k-button { max-width: 100%; white-space: normal; } .k-card-actions > .k-button.k-flat:first-child { margin-left: -8px; } .k-card-actions.k-card-actions-start { -ms-flex-pack: start; justify-content: flex-start; } .k-card-actions.k-card-actions-end { -ms-flex-pack: end; justify-content: flex-end; } .k-card-actions.k-card-actions-center { -ms-flex-pack: center; justify-content: center; } .k-card-action { border-width: 0; border-style: solid; border-color: inherit; display: -ms-inline-flexbox; display: inline-flex; -ms-flex: 1 1 auto; flex: 1 1 auto; } .k-card-action > .k-button { border-radius: 0; padding: 16px 16px; -ms-flex: 1 1 auto; flex: 1 1 auto; } .k-card-actions-vertical { padding: 0; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .k-card-actions-vertical .k-button { padding: 12px 16px; } .k-card-actions-vertical .k-button.k-flat:first-child { margin-left: 0; } .k-card-actions-vertical .k-card-action + .k-card-action { border-top-width: 1px; } .k-card-horizontal .k-card-actions-vertical { border-top-width: 0; border-left-width: 1px; } .k-card-vertical .k-card-actions-vertical.k-card-actions-start { -ms-flex-align: start; align-items: flex-start; } .k-card-vertical .k-card-actions-vertical.k-card-actions-end { -ms-flex-align: end; align-items: flex-end; } .k-card-vertical .k-card-actions-vertical.k-card-actions-center { -ms-flex-align: center; align-items: center; } .k-card-vertical .k-card-actions-vertical.k-card-actions-start, .k-card-vertical .k-card-actions-vertical.k-card-actions-end, .k-card-vertical .k-card-actions-vertical.k-card-actions-center { padding: 8px 16px; } .k-card-vertical .k-card-actions-vertical.k-card-actions-start .k-button, .k-card-vertical .k-card-actions-vertical.k-card-actions-end .k-button, .k-card-vertical .k-card-actions-vertical.k-card-actions-center .k-button { padding: 4px 8px; } .k-card-actions-stretched { padding: 0; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; } .k-card-actions-stretched .k-button { padding: 12px 16px; -ms-flex-positive: 1; flex-grow: 1; border-radius: 0; } .k-card-actions-stretched .k-button.k-flat:first-child { margin-left: 0; } .k-card-actions-stretched .k-card-action + .k-card-action { border-left-width: 1px; } .k-card .k-card-actions-stretched { border-top-width: 1px; border-style: solid; } .k-card-horizontal > .k-card-actions-stretched { border-left-width: 1px; border-top-width: 0; } .k-card-actions-stretched.k-card-actions-vertical { -ms-flex-direction: column; flex-direction: column; } .k-card-actions-stretched.k-card-actions-vertical .k-card-action + .k-card-action { border-top-width: 1px; border-left-width: 0; } .k-card-list { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: stretch; align-items: stretch; -ms-flex: 0 0 auto; flex: 0 0 auto; } .k-card-list .k-card { -ms-flex: 0 0 auto; flex: 0 0 auto; } .k-card-list .k-card + .k-card { margin-top: 16px; } .k-card-deck { display: -ms-flexbox; display: flex; margin-top: 16px; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: stretch; align-items: stretch; -ms-flex: 0 0 auto; flex: 0 0 auto; } .k-card-deck .k-card { -ms-flex: 0 0 auto; flex: 0 0 auto; } .k-card-deck .k-card + .k-card { margin-left: 16px; } .k-card-deck-scrollwrap { display: -ms-flexbox; display: flex; position: relative; -ms-flex-align: center; align-items: center; } .k-card-deck-scrollwrap > .k-button { border-radius: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; position: absolute; z-index: 1; } .k-card-deck-scrollwrap > .k-button:first-child { left: -1px; } .k-card-deck-scrollwrap > .k-button:last-child { right: -1px; } .k-card-deck-scrollwrap > .k-card-deck { -ms-flex: 1 1 auto; flex: 1 1 auto; } .k-card-group { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: stretch; align-items: stretch; -ms-flex: 0 0 auto; flex: 0 0 auto; } .k-card-group .k-card { border-radius: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .k-card-group .k-card > .k-card-header { border-radius: 0; } .k-card-group .k-card + .k-card { margin-left: -1px; } .k-card-group .k-card.k-first { border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .k-card-group .k-card.k-first > .k-card-header { border-top-left-radius: 4px; } .k-card-group .k-card.k-last { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .k-card-group .k-card.k-last > .k-card-header { border-top-right-radius: 4px; } .k-card-group .k-card.k-only { border-radius: 4px; } .k-card-group .k-card.k-only > .k-card-header { border-top-left-radius: 4px; border-top-right-radius: 4px; } .k-rtl .k-card-deck .k-card + .k-card, [dir="rtl"] .k-card-deck .k-card + .k-card { margin-left: 0; margin-right: 16px; } .k-rtl .k-card-actions-stretched .k-card-action + .k-card-action, [dir="rtl"] .k-card-actions-stretched .k-card-action + .k-card-action { border-right-width: 1px; border-left-width: 0; } .k-rtl .k-card-horizontal .k-card-actions-vertical, [dir="rtl"] .k-card-horizontal .k-card-actions-vertical, .k-rtl .k-card-horizontal > .k-card-actions-stretched, [dir="rtl"] .k-card-horizontal > .k-card-actions-stretched { border-right-width: 1px; border-left-width: 0; } .k-ie11 .k-card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; } .k-tilelayout { border-width: 0; border-style: solid; box-sizing: border-box; outline: 0; display: grid; } .k-layout-item-hint { border-width: 1px; border-style: solid; border-radius: 4px; position: relative; } .k-layout-item-hint.k-layout-item-hint-resize { z-index: 3; } .k-chat { height: 600px; max-height: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; overflow: hidden; max-width: 500px; margin: auto; } .k-chat .k-message-list { display: -ms-flexbox; display: flex; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; overflow-x: hidden; overflow-y: auto; scroll-behavior: smooth; } .k-chat .k-message-list-content { padding: 16px 16px; width: 100%; box-sizing: border-box; position: relative; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; overflow: hidden; } .k-chat .k-message-list-content > * + * { margin-top: 16px; } .k-chat .k-message-group { max-width: 80%; background: none; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-direction: column; flex-direction: column; position: relative; } .k-chat .k-message-group:not(.k-alt) { -ms-flex-align: start; align-items: flex-start; text-align: left; } .k-chat .k-message-group:not(.k-alt) .k-message-time { margin-left: 8px; left: 100%; } .k-chat .k-message-group:not(.k-alt) .k-message-status { left: 0; } .k-chat .k-message-group:not(.k-alt) .k-first .k-bubble, .k-chat .k-message-group:not(.k-alt) .k-only .k-bubble { border-bottom-left-radius: 2px; } .k-chat .k-message-group:not(.k-alt) .k-middle .k-bubble, .k-chat .k-message-group:not(.k-alt) .k-last .k-bubble { border-bottom-left-radius: 2px; border-top-left-radius: 2px; } .k-chat .k-message-group.k-alt { -ms-flex-item-align: end; align-self: flex-end; -ms-flex-align: end; align-items: flex-end; text-align: right; } .k-chat .k-message-group.k-alt .k-message-time { margin-right: 8px; right: 100%; } .k-chat .k-message-group.k-alt .k-message-status { right: 0; } .k-chat .k-message-group.k-alt .k-first .k-bubble, .k-chat .k-message-group.k-alt .k-only .k-bubble { border-bottom-right-radius: 2px; } .k-chat .k-message-group.k-alt .k-middle .k-bubble, .k-chat .k-message-group.k-alt .k-last .k-bubble { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .k-chat .k-message { max-width: 100%; margin: 2px 0 0; position: relative; transition: margin 0.2s ease-in-out; } .k-chat .k-message-time, .k-chat .k-message-status { font-size: smaller; line-height: normal; white-space: nowrap; pointer-events: none; position: absolute; } .k-chat .k-message-time { opacity: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); transition: opacity 0.2s ease-in-out; } .k-chat .k-message-status { margin-top: 2px; height: 0; overflow: hidden; top: 100%; transition: height 0.2s ease-in-out; } .k-chat .k-bubble { border-radius: 12px; padding: 8px 12px; border-width: 1px; border-style: solid; line-height: 18px; word-wrap: break-word; } .k-chat .k-message.k-state-selected { margin-bottom: 16px; border: 0; color: inherit; background: none; } .k-chat .k-message.k-state-selected .k-message-time { opacity: 1; } .k-chat .k-message.k-state-selected .k-message-status { height: 1.2em; } .k-chat .k-message-error, .k-chat .k-message-sending { margin-bottom: 16px; } .k-chat .k-message-error .k-message-status, .k-chat .k-message-sending .k-message-status { height: 1.2em; } .k-chat .k-avatar { border-radius: 100%; width: 32px; height: 32px; position: absolute; } .k-chat .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) { padding-left: 40px; } .k-chat .k-avatars .k-message-group.k-alt:not(.k-no-avatar) { padding-right: 40px; } .k-chat .k-message-group:not(.k-alt) > .k-avatar { left: 0; bottom: 0; } .k-chat .k-message-group.k-alt > .k-avatar { right: 0; bottom: 0; } .k-author { margin: 0; font-size: smaller; line-height: normal; } .k-chat .k-author { margin: 0; } .k-timestamp { font-size: smaller; line-height: normal; text-align: center; -ms-flex-item-align: stretch; align-self: stretch; } .k-quick-replies { display: block; max-width: 100%; } .k-quick-reply { border-radius: 100px; margin-right: 8px; margin-bottom: 4px; padding: 8px 12px; border-width: 1px; border-style: solid; line-height: 18px; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; -ms-flex: 0 0 auto; flex: 0 0 auto; transition-property: color, background-color, border-color; transition-duration: 0.2s; transition-timing-function: ease-in-out; } .k-message-box { padding: 10px 16px; border-width: 1px 0 0; border-style: solid; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .k-message-box .k-input { margin: 0; padding: 0; border: 0; font: inherit; background: none; -ms-flex: 1 1 auto; flex: 1 1 auto; } .k-message-box .k-button { padding: 0; } .k-message-box .k-button svg { width: 20px; height: 20px; fill: currentColor; display: inline-block; } .k-message-box .k-button::before, .k-message-box .k-button::after { display: none; } .k-chat .k-card-list { margin: 2px 0 0; } .k-chat .k-card-deck { max-width: calc(100% + 32px); box-sizing: border-box; margin-left: -16px; margin-right: -16px; padding: 16px 16px 16px; overflow: hidden; overflow-x: auto; scroll-behavior: smooth; } .k-chat .k-card-deck .k-card-wrap + .k-card-wrap { margin-left: 16px; } .k-chat .k-card-deck .k-card, .k-chat .k-card-deck .k-card-wrap { width: 200px; } .k-card-deck-scrollwrap { margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 16px; overflow: hidden; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; box-sizing: content-box; } .k-card-deck-scrollwrap > .k-card-deck { margin-bottom: -20px; padding-bottom: 20px; } .k-chat .k-card-deck .k-card-wrap { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: stretch; align-items: stretch; -ms-flex: 0 0 auto; flex: 0 0 auto; } .k-chat .k-card-deck .k-card-wrap .k-card { -ms-flex: 0 0 auto; flex: 0 0 auto; } .k-chat .k-card-deck .k-card-wrap .k-card + .k-card { margin-left: 16px; } .k-chat .k-card-deck .k-card-wrap.k-state-selected { background: none; } .k-typing-indicator { padding: 0; border-radius: 50px; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .k-typing-indicator span { width: 8px; height: 8px; border-radius: 50%; -ms-flex: 0 0 8px; flex: 0 0 8px; background-color: currentColor; } .k-typing-indicator span + span { margin-left: 5px; } @-webkit-keyframes k-animation-blink { 50% { opacity: 1; } } @keyframes k-animation-blink { 50% { opacity: 1; } } .k-chat .k-toolbar-box { width: 100%; border-width: 1px 0 0; border-style: solid; box-sizing: border-box; overflow: hidden; position: relative; -ms-flex: 0 0 auto; flex: 0 0 auto; } .k-chat .k-toolbar-box .k-button-list { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: hidden; scroll-behavior: smooth; padding: 10px 16px; } .k-chat .k-toolbar-box .k-button-list:after { content: ''; padding-right: 16px; } .k-chat .k-toolbar-box .k-button-list .k-button + .k-button { margin-left: 20px; -ms-flex-negative: 0; flex-shrink: 0; } .k-chat .k-toolbar-box .k-scroll-button { position: absolute; z-index: 2; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .k-chat .k-toolbar-box .k-scroll-button-left { left: 0; } .k-chat .k-toolbar-box .k-scroll-button-right { right: 0; } .k-chat .k-toolbar-box .k-button { border-width: 0; color: inherit; background: none; -ms-flex-negative: 0; flex-shrink: 0; box-shadow: none; } .k-rtl .k-message-group:not(.k-alt), [dir="rtl"] .k-message-group:not(.k-alt) { text-align: right; } .k-rtl .k-message-group:not(.k-alt) .k-message-time, [dir="rtl"] .k-message-group:not(.k-alt) .k-message-time { margin-left: 0; margin-right: 8px; left: auto; right: 100%; } .k-rtl .k-message-group:not(.k-alt) .k-message-status, [dir="rtl"] .k-message-group:not(.k-alt) .k-message-status { left: auto; right: 0; } .k-rtl .k-message-group.k-alt, [dir="rtl"] .k-message-group.k-alt { text-align: left; } .k-rtl .k-message-group.k-alt .k-message-time, [dir="rtl"] .k-message-group.k-alt .k-message-time { margin-right: 0; margin-left: 8px; right: auto; left: 100%; } .k-rtl .k-message-group.k-alt .k-message-status, [dir="rtl"] .k-message-group.k-alt .k-message-status { right: auto; left: 0; } .k-rtl .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar), [dir="rtl"] .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) { padding-left: 0; padding-right: 40px; } .k-rtl .k-avatars .k-message-group.k-alt:not(.k-no-avatar), [dir="rtl"] .k-avatars .k-message-group.k-alt:not(.k-no-avatar) { padding-right: 0; padding-left: 40px; } .k-rtl .k-message-box .k-button svg, [dir="rtl"] .k-message-box .k-button svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .k-rtl .k-quick-reply, [dir="rtl"] .k-quick-reply { margin-right: 0; margin-left: 8px; } .k-calendar { padding: 0 0; border-width: 1px; border-style: solid; line-height: 1.42857143; position: relative; overflow: hidden; display: inline-block; } .k-calendar .k-link { color: inherit; text-decoration: none; outline: 0; } .k-calendar .k-action-link { text-decoration: underline; } .k-calendar .k-state-focused, .k-calendar .k-state-focused.k-state-selected { box-shadow: none; } .k-calendar table { margin: 0; padding: 0; border-spacing: 0; border-width: 0; outline: 0; table-layout: fixed; float: left; } .k-calendar td, .k-calendar th { border-width: 0; padding: 0; text-align: center; border-style: solid; border-color: inherit; color: inherit; background: none; font-weight: normal; cursor: default; } .k-calendar .k-header { padding: 2px 2px; border-bottom-width: 1px; border-bottom-style: solid; text-align: center; position: relative; z-index: 1; } .k-calendar .k-header .k-link { padding: 4px 4px; border-width: 0; border-style: solid; border-radius: 4px; display: inline-block; } .k-calendar .k-nav-prev, .k-calendar .k-nav-next { width: 1.42857143em; height: 1.42857143em; box-sizing: content-box; position: absolute; top: 2px; } .k-calendar .k-nav-prev .k-icon, .k-calendar .k-nav-next .k-icon { vertical-align: text-top; } .k-calendar .k-nav-prev { left: 2px; } .k-calendar .k-nav-next { right: 2px; } .k-calendar .k-nav-fast { margin: auto; width: 75%; box-sizing: border-box; } .k-calendar .k-footer { text-align: center; position: relative; clear: both; } .k-calendar .k-nav-today, .k-calendar .k-footer > .k-state-disabled { padding: 0.5em; border-width: 0; border-radius: 0; display: block; } .k-calendar .k-nav-today:hover { text-decoration: underline; } .k-calendar .k-calendar-view { width: 17em; height: 17em; position: relative; z-index: 1; overflow: hidden; } .k-calendar.k-week-number .k-calendar-view { width: 19.42857143em; padding: 0; } .k-calendar .k-content { width: 100%; background-color: transparent; } .k-calendar .k-content th { padding: 0.25em 2px; border-bottom-width: 1px; box-sizing: border-box; } .k-calendar .k-content td { border-radius: 4px; } .k-calendar .k-content td.k-alt { width: 2.42857143em; border-radius: 0; } .k-calendar .k-content .k-link { margin: auto; padding: 0.5em 0.5em; box-sizing: border-box; border-radius: 4px; line-height: 1.42857143; display: block; } .k-calendar .k-month .k-link { width: 2.42857143em; height: 2.42857143em; } .k-calendar .k-month th { height: 2.42857143em; } .k-calendar .k-year .k-link { width: 4.28571429em; height: 4.28571429em; line-height: 3.28571429em; } .k-calendar .k-decade .k-link { width: 4.28571429em; height: 4.28571429em; line-height: 3.28571429em; } .k-calendar .k-century .k-link { width: 4.28571429em; height: 4.28571429em; text-align: left; line-height: 1.64285714em; white-space: normal; } .k-calendar .k-animation-container .k-content { height: 100%; } .k-calendar .k-calendar-header { padding: 8px 16px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; -ms-flex: 0 0 auto; flex: 0 0 auto; } .k-calendar .k-calendar-header .k-button { white-space: nowrap; border-color: transparent !important; color: inherit; background: none !important; box-shadow: none !important; transition: color 0.2s ease-in-out; } .k-calendar .k-calendar-header .k-button:hover, .k-calendar .k-calendar-header .k-button.k-state-hover, .k-calendar .k-calendar-header .k-button:active, .k-calendar .k-calendar-header .k-button.k-state-active, .k-calendar .k-calendar-header .k-button:hover:active, .k-calendar .k-calendar-header .k-button:hover.k-state-active { color: inherit; } .k-calendar .k-calendar-header .k-button::before { display: block; } .k-calendar .k-calendar-header .k-button::after { display: block; } .k-calendar .k-calendar-header .k-button:focus::after, .k-calendar .k-calendar-header .k-button.k-state-focused::after { box-shadow: inset 0 0 0 2px currentColor; opacity: 0.12; } .k-calendar .k-calendar-header .k-button[disabled], .k-state-disabled .k-calendar .k-calendar-header .k-button, .k-calendar .k-calendar-header .k-button.k-state-disabled { pointer-events: none; } .k-calendar .k-calendar-header .k-today { cursor: pointer; } .k-calendar .k-calendar-monthview, .k-calendar .k-calendar-yearview, .k-calendar .k-calendar-decadeview, .k-calendar .k-calendar-decadeview { padding: 0 16px; } .k-calendar .k-calendar-monthview th, .k-calendar .k-calendar-yearview th, .k-calendar .k-calendar-decadeview th, .k-calendar .k-calendar-decadeview th { border-bottom-width: 0; background-color: transparent; } .k-calendar .k-calendar-monthview .k-alt, .k-calendar .k-calendar-yearview .k-alt, .k-calendar .k-calendar-decadeview .k-alt, .k-calendar .k-calendar-decadeview .k-alt { opacity: 0.5; background-color: transparent; } .k-calendar-range { width: auto; text-align: left; line-height: 1.42857143; } .k-calendar-range .k-calendar-header { padding: 8px 16px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .k-calendar-range .k-calendar-header .k-button { white-space: nowrap; border-color: transparent !important; color: inherit; background: none !important; box-shadow: none !important; transition: color 0.2s ease-in-out; } .k-calendar-range .k-calendar-header .k-button:hover, .k-calendar-range .k-calendar-header .k-button.k-state-hover, .k-calendar-range .k-calendar-header .k-button:active, .k-calendar-range .k-calendar-header .k-button.k-state-active, .k-calendar-range .k-calendar-header .k-button:hover:active, .k-calendar-range .k-calendar-header .k-button:hover.k-state-active { color: inherit; } .k-calendar-range .k-calendar-header .k-button::before { display: block; } .k-calendar-range .k-calendar-header .k-button::after { display: block; } .k-calendar-range .k-calendar-header .k-button:focus::after, .k-calendar-range .k-calendar-header .k-button.k-state-focused::after { box-shadow: inset 0 0 0 2px currentColor; opacity: 0.12; } .k-calendar-range .k-calendar-header .k-button[disabled], .k-state-disabled .k-calendar-range .k-calendar-header .k-button, .k-calendar-range .k-calendar-header .k-button.k-state-disabled { pointer-events: none; } .k-calendar-range .k-calendar-nav { display: inline-block; white-space: nowrap; } .k-calendar-range .k-calendar-view { height: auto; width: auto; min-height: 17em; text-align: center; white-space: nowrap; } .k-animation-container-sm .k-calendar-range .k-calendar-view { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .k-calendar-range.k-week-number .k-calendar-view { width: auto; } .k-calendar-range .k-content { padding: 0 16px 8px; width: auto; height: auto; text-align: center; display: inline-table; vertical-align: top; float: none; color: inherit; background-color: transparent; } .k-calendar-range .k-content th, .k-calendar-range .k-content td { padding: 0; border-width: 0; color: inherit; background-color: transparent; background-image: none; text-align: inherit; vertical-align: middle; } .k-calendar-range .k-content th { padding: 0.5em 0; font-size: 12px; line-height: 1.5; text-transform: uppercase; opacity: 0.5; } .k-calendar-range .k-content td { border-radius: 4px; } .k-calendar-range .k-content td.k-alt { opacity: 0.5; } .k-calendar-range .k-content .k-link { padding: 0.5em 0.5em; min-height: 0; box-sizing: border-box; border-radius: 4px; line-height: inherit; } .k-calendar-range .k-content .k-meta-header, .k-calendar-range .k-content .k-month-header { margin: 0 16px; padding: 0.5em 8px; font-size: 12px; line-height: 1.5; text-transform: uppercase; text-align: left; opacity: 0.5; } .k-calendar-range .k-content td.k-range-start { border-top-right-radius: 0; border-bottom-right-radius: 0; } .k-calendar-range .k-content td.k-range-mid { border-radius: 0; } .k-calendar-range .k-content td.k-range-end { border-top-left-radius: 0; border-bottom-left-radius: 0; } .k-calendar-range .k-content td.k-range-split-start, .k-calendar-range .k-content td.k-range-split-end { position: relative; } .k-calendar-range .k-content td.k-range-split-start::after, .k-calendar-range .k-content td.k-range-split-end::after { content: ""; width: 5px; display: block; position: absolute; top: 1px; bottom: 1px; } .k-calendar-range .k-content td.k-range-split-start::after { right: auto; left: -5px; } .k-calendar-range .k-content td.k-range-split-end::after { right: -5px; left: auto; } .k-calendar-range .k-content td.k-weekend { background-color: transparent; } .k-calendar-range .k-state-selected { color: inherit; background: transparent; border-color: transparent; } .k-calendar-range .k-state-focused, .k-calendar-range .k-state-focused.k-state-selected { box-shadow: none; } .k-calendar-range td.k-state-disabled { opacity: 0.5; } .k-calendar-range td.k-state-disabled .k-link { color: inherit; } .k-calendar-range .k-footer .k-nav-today { padding: 8px 16px; width: auto; height: auto; display: block; } .k-calendar-range .k-calendar-monthview, .k-calendar-range .k-calendar-yearview, .k-calendar-range .k-calendar-decadeview, .k-calendar-range .k-calendar-decadeview { padding: 0; } .k-widget.k-daterangepicker { border: 0; box-shadow: none; } .k-calendar-monthview .k-content .k-link { width: 2.42857143em; } .k-calendar-monthview .k-content tbody tr { height: 2.42857143em; } .k-calendar-yearview .k-content { margin: 0 -1px; } .k-calendar-yearview .k-content .k-link { width: 4.28571429em; height: 4.28571429em; line-height: 3.25; } .k-calendar-decadeview .k-content { margin: 0 -1px; } .k-calendar-decadeview .k-content .k-link { width: 4.28571429em; height: 4.28571429em; line-height: 3.25; } .k-calendar-centuryview .k-content { margin: 0 -1px; } .k-calendar-centuryview .k-content .k-link { padding: 0.5em 0.5em; width: 4.28571429em; height: 4.28571429em; text-align: left; line-height: 1.625; white-space: normal; } .k-rtl .k-calendar-range { text-align: right; } .k-rtl .k-calendar-range .k-calendar-nav { float: left; } .k-pdf-viewer { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; overflow: hidden; } .k-pdf-viewer .k-toolbar { border-top-width: 0; border-right-width: 0; border-left-width: 0; border-color: inherit; -ms-flex: 0 0 auto; flex: 0 0 auto; z-index: 2; } .k-pdf-viewer .k-pager-wrap { padding: 0; min-height: auto; border-width: 0; color: inherit; background: none; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-align: center; align-items: center; } .k-pdf-viewer .k-list-scroller { -ms-flex: 1 1 auto; flex: 1 1 auto; outline: none; } .k-pdf-viewer .k-list-scroller .k-enable-text-select { -webkit-user-select: text; -ms-user-select: text; user-select: text; cursor: text; } .k-pdf-viewer .k-list-scroller .k-enable-panning { cursor: grab; } .k-pdf-viewer .k-list-scroller .k-enable-panning span::selection { background-color: transparent; } .k-pdf-viewer .k-page { position: relative; margin: 30px auto; } .k-pdf-viewer .k-page canvas { direction: ltr; } .k-pdf-viewer .k-page .k-text-layer { position: absolute; top: 0; left: 0; opacity: 0.2; overflow: hidden; } .k-pdf-viewer .k-page .k-text-layer > span { position: absolute; -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; color: transparent; } .k-pdf-viewer .k-page .k-text-layer mark { color: transparent; } .k-pdf-viewer-window { -ms-flex: 1 1 auto; flex: 1 1 auto; } .k-pdf-viewer-window .k-edit-field .k-textbox, .k-pdf-viewer-window .k-edit-field .k-file-format { width: 100%; } .k-pdf-viewer-window .k-action-buttons { top: 10px; padding: 10px; margin-bottom: calc(10px - 1em); } .k-pdf-viewer-search-dialog { padding: 0.28571428em; } .k-pdf-viewer-search-dialog .k-search-container { display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; } .k-pdf-viewer-search-dialog .k-search-container .k-textbox { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; background: none; padding-right: 0.17857143em; margin: 0 0.28571428em; } .k-pdf-viewer-search-dialog .k-search-container .k-textbox .k-icon { position: relative; top: auto; margin: 0; font-size: inherit; } .k-pdf-viewer-search-dialog .k-search-container .k-textbox .k-search-dialog-input::-ms-clear { display: none; } .k-pdf-viewer-search-dialog .k-search-container .k-textbox:after { content: ""; } .k-pdf-viewer-search-dialog .k-search-container .k-match-case-button { height: 1.65em; } .k-pdf-viewer-search-dialog .k-search-container .k-search-matches { display: inline-block; min-width: 4.5em; margin: 0 0.28571428em 0 0.28571428em; vertical-align: middle; } .k-pdf-viewer-search-dialog .k-search-container > .k-button { margin-left: 0.28571428em; } .k-pdf-viewer-search-dialog .k-search-container .k-search-dialog-draghandle { cursor: move; margin-left: 0; } kendo-scrollview.k-scrollview-wrap, div.k-scrollview { box-sizing: border-box; outline: 0; font-family: inherit; font-size: inherit; line-height: 1.42857143; position: relative; overflow: hidden; display: block; -webkit-touch-callout: none; } kendo-scrollview.k-scrollview-wrap.k-scrollview-multidot .k-scrollview-pageable > .k-button:nth-last-of-type(1), div.k-scrollview.k-scrollview-multidot .k-scrollview-pageable > .k-button:nth-last-of-type(1), kendo-scrollview.k-scrollview-wrap.k-scrollview-multidot .k-scrollview-nav > .k-link:nth-last-of-type(1), div.k-scrollview.k-scrollview-multidot .k-scrollview-nav > .k-link:nth-last-of-type(1), kendo-scrollview.k-scrollview-wrap.k-scrollview-multidot .k-scrollview-pageable > .k-button:nth-of-type(1), div.k-scrollview.k-scrollview-multidot .k-scrollview-pageable > .k-button:nth-of-type(1), kendo-scrollview.k-scrollview-wrap.k-scrollview-multidot .k-scrollview-nav > .k-link:nth-of-type(1), div.k-scrollview.k-scrollview-multidot .k-scrollview-nav > .k-link:nth-of-type(1) { width: 4px; height: 4px; } kendo-scrollview.k-scrollview-wrap.k-scrollview-multidot .k-scrollview-pageable > .k-button:nth-last-of-type(2), div.k-scrollview.k-scrollview-multidot .k-scrollview-pageable > .k-button:nth-last-of-type(2), kendo-scrollview.k-scrollview-wrap.k-scrollview-multidot .k-scrollview-nav > .k-link:nth-last-of-type(2), div.k-scrollview.k-scrollview-multidot .k-scrollview-nav > .k-link:nth-last-of-type(2), kendo-scrollview.k-scrollview-wrap.k-scrollview-multidot .k-scrollview-pageable > .k-button:nth-of-type(2), div.k-scrollview.k-scrollview-multidot .k-scrollview-pageable > .k-button:nth-of-type(2), kendo-scrollview.k-scrollview-wrap.k-scrollview-multidot .k-scrollview-nav > .k-link:nth-of-type(2), div.k-scrollview.k-scrollview-multidot .k-scrollview-nav > .k-link:nth-of-type(2) { width: 6px; height: 6px; } kendo-scrollview.k-scrollview-wrap.k-scrollview-multidot .k-scrollview-pageable > .k-button:nth-last-of-type(3), div.k-scrollview.k-scrollview-multidot .k-scrollview-pageable > .k-button:nth-last-of-type(3), kendo-scrollview.k-scrollview-wrap.k-scrollview-multidot .k-scrollview-nav > .k-link:nth-last-of-type(3), div.k-scrollview.k-scrollview-multidot .k-scrollview-nav > .k-link:nth-last-of-type(3), kendo-scrollview.k-scrollview-wrap.k-scrollview-multidot .k-scrollview-pageable > .k-button:nth-of-type(3), div.k-scrollview.k-scrollview-multidot .k-scrollview-pageable > .k-button:nth-of-type(3), kendo-scrollview.k-scrollview-wrap.k-scrollview-multidot .k-scrollview-nav > .k-link:nth-of-type(3), div.k-scrollview.k-scrollview-multidot .k-scrollview-nav > .k-link:nth-of-type(3) { width: 8px; height: 8px; } kendo-scrollview.k-scrollview-wrap .k-scrollview, div.k-scrollview .k-scrollview-wrap { list-style-type: none; position: absolute; margin: 0; padding: 0; width: 100%; height: 100%; cursor: default; white-space: nowrap; } kendo-scrollview.k-scrollview-wrap .k-scrollview img, div.k-scrollview .k-scrollview-wrap img { -webkit-user-select: none; -ms-user-select: none; user-select: none; } kendo-scrollview.k-scrollview-wrap .k-scrollview > li, div.k-scrollview .k-scrollview-wrap > li { display: inline-block; overflow: hidden; position: absolute; top: 0; left: 0; } kendo-scrollview.k-scrollview-wrap .k-scrollview > [data-role="page"], div.k-scrollview .k-scrollview-wrap > [data-role="page"] { vertical-align: top; display: inline-block; min-height: 1px; } kendo-scrollview.k-scrollview-wrap kendo-scrollview-pager, .k-scrollview .k-scrollview-nav-wrap { padding: 0; margin: 0; position: absolute; left: 0; right: 0; bottom: 0; height: 50px; } kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable, .k-scrollview .k-scrollview-nav { margin: 0; padding: 20px; overflow-x: scroll; overflow-y: hidden; width: calc(100% - 40px); line-height: 0; display: block; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-align: center; list-style: none; white-space: nowrap; pointer-events: initial; } kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable:focus, .k-scrollview .k-scrollview-nav:focus, kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable.k-state-focused, .k-scrollview .k-scrollview-nav.k-state-focused { outline: none; } kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable > .k-button, .k-scrollview .k-scrollview-nav > .k-link { margin: 0 10px; padding: 0; width: 10px; height: 10px; box-sizing: content-box; display: inline-block; position: relative; -ms-flex: 0 0 auto; flex: 0 0 auto; border-width: 0; border-style: solid; border-radius: 50%; cursor: pointer; pointer-events: all; vertical-align: top; } kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable > .k-button::before, .k-scrollview .k-scrollview-nav > .k-link::before { content: ""; width: 30px; height: 30px; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); pointer-events: initial; border-radius: 0; } .k-scrollview-next, .k-scrollview-prev { display: table; position: absolute; padding: 0; height: 60%; top: 20%; text-decoration: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } .k-scrollview-next .k-icon, .k-scrollview-prev .k-icon { display: table-cell; overflow: visible; margin: 0; padding: 0; vertical-align: middle; font-size: 4.5em; font-weight: normal; } .k-scrollview-prev { left: 0; } .k-scrollview-next { right: 0; } .k-scrollview-animation { transition-duration: 0.3s; transition-timing-function: ease-in-out; } @supports (-webkit-user-select: none) { kendo-scrollview.k-scrollview-wrap ul.k-scrollview li > *, div.k-scrollview ul.k-scrollview-wrap li > * { pointer-events: auto; } } @supports (not (-webkit-user-select: none)) { kendo-scrollview.k-scrollview-wrap ul.k-scrollview li > *, div.k-scrollview ul.k-scrollview-wrap li > * { pointer-events: none; } } .k-switch { border-radius: 5em; cursor: pointer; width: 5em; background: none; border: 0; outline: 0; box-shadow: none; display: -ms-inline-flexbox; display: inline-flex; overflow: hidden; vertical-align: middle; font-size: 12px; -webkit-user-select: none; -ms-user-select: none; user-select: none; text-align: left; } .k-switch [type='checkbox'] { display: none; } .k-ie .k-switch { display: inline-block; } .k-switch, .k-switch-container, .k-switch-handle { box-sizing: border-box; } .k-switch-container { border-radius: 5em; padding: 2px 2px; border-width: 1px; border-style: solid; -ms-flex: 1 0 auto; flex: 1 0 auto; position: relative; outline: 0; transition: background-color 200ms ease-out 0s; } .k-ie .k-switch-container { display: block; } .k-switch-handle { border-radius: 5em; width: 2em; height: 2em; border-width: 1px; border-style: solid; background-position: 50%; display: inline-block; vertical-align: middle; position: relative; left: 0; transition: left 200ms ease-out 0s; } .k-ie11 .k-switch-handle { display: block; } .k-switch-on .k-switch-handle { left: calc(100% - 2em); } .k-ie .k-switch-on .k-switch-handle, .k-edge .k-switch-on .k-switch-handle { left: 100%; margin-left: -2em; } .k-switch-off .k-switch-handle { left: 0; } .k-switch-label-on, .k-switch-label-off { display: inline; width: calc(100% - 2em - 12px); position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-shadow: none; line-height: 2em; overflow: hidden; } .k-switch-label-on { text-align: left; left: 7px; } .k-switch-label-off { text-align: right; right: 7px; } .k-rtl .k-switch.k-switch-on .k-switch-handle, .k-switch[dir="rtl"].k-switch-on .k-switch-handle { left: 0; } .k-rtl .k-switch.k-switch-off .k-switch-handle, .k-switch[dir="rtl"].k-switch-off .k-switch-handle { left: calc(100% - 2em); } .k-rtl .k-switch .k-switch-label-on, .k-switch[dir="rtl"] .k-switch-label-on { text-align: right; left: initial; right: 7px; } .k-rtl .k-switch .k-switch-label-off, .k-switch[dir="rtl"] .k-switch-label-off { text-align: left; left: 7px; right: initial; } .k-filter { display: inline-block; border-width: 0; box-shadow: none; } .k-filter ul { padding: 0; } .k-filter ul li { list-style-type: none; } .k-filter .k-filter-container, .k-filter .k-filter-preview { margin-bottom: 2.1em; } .k-filter .k-filter-lines, .k-filter .k-filter-item { padding-left: 8px; } .k-filter .k-filter-toolbar { display: -ms-inline-flexbox; display: inline-flex; position: relative; padding: 4px 0; } .k-filter .k-filter-toolbar::before { content: ""; position: absolute; width: 8px; height: 1px; top: 50%; left: -8px; } .k-filter .k-filter-toolbar .k-toolbar { border-style: solid; border-width: 1px; } .k-filter .k-filter-toolbar .k-filter-operator .k-dropdown { width: 15em; } .k-filter .k-filter-toolbar .k-filter-toolbar-item > .k-textbox { margin: 0 0.2em; vertical-align: middle; } .k-filter .k-filter-item { position: relative; } .k-filter .k-filter-item::before { content: ""; position: absolute; width: 1px; height: 100%; top: -4px; left: 0; } .k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after { content: ""; position: absolute; width: 1px; top: -5px; bottom: 50%; left: -8px; } .k-filter .k-filter-group-main::before, .k-filter .k-filter-group-main > .k-filter-toolbar::before, .k-filter .k-filter-group-main > .k-filter-toolbar::after, .k-filter .k-filter-lines .k-filter-item:last-child::before { display: none; } .k-rtl .k-filter .k-filter-lines, .k-filter[dir="rtl"] .k-filter-lines, [dir="rtl"] .k-filter .k-filter-lines, .k-rtl .k-filter .k-filter-item, .k-filter[dir="rtl"] .k-filter-item, [dir="rtl"] .k-filter .k-filter-item { padding-left: 0; padding-right: 8px; } .k-rtl .k-filter .k-filter-toolbar::before, .k-filter[dir="rtl"] .k-filter-toolbar::before, [dir="rtl"] .k-filter .k-filter-toolbar::before { left: auto; right: -8px; } .k-rtl .k-filter .k-filter-item::before, .k-filter[dir="rtl"] .k-filter-item::before, [dir="rtl"] .k-filter .k-filter-item::before { left: auto; right: 0; } .k-rtl .k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after, .k-filter[dir="rtl"] .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after, [dir="rtl"] .k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after { left: auto; right: -8px; } .k-drawer-container { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: start; align-items: flex-start; } .k-drawer { height: 100%; border-width: 0; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 0 0 auto; flex: 0 0 auto; transition: all 300ms ease-in-out; } .k-drawer.k-drawer-start, .k-drawer-left.k-drawer-mini .k-drawer, .k-drawer-left.k-drawer-expanded .k-drawer { border-right-width: 1px; } .k-drawer.k-drawer-end, .k-drawer-right.k-drawer-mini .k-drawer, .k-drawer-right.k-drawer-expanded .k-drawer { border-left-width: 1px; } .k-drawer-left .k-drawer, .k-drawer.k-drawer-start { top: 0; left: 0; } .k-drawer-right .k-drawer, .k-drawer.k-drawer-end { top: 0; right: 0; } .k-drawer-content { -ms-flex: 1 1 auto; flex: 1 1 auto; } .k-drawer-overlay .k-drawer { max-width: 80vw; position: fixed; z-index: 10002; } .k-drawer-overlay .k-overlay { display: none; } .k-drawer-push { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; } .k-drawer-push .k-drawer { height: auto; position: relative; -ms-flex-item-align: stretch; align-self: stretch; } .k-drawer-push.k-drawer-right .k-drawer { -ms-flex-order: 1; order: 1; } .k-drawer-wrapper { overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; transition: all 300ms ease-in-out; } .k-drawer-wrapper::-webkit-scrollbar { width: 7px; } .k-drawer-wrapper::-webkit-scrollbar-thumb { border-radius: 20px; } .k-drawer-items, .k-drawer-items ul { margin: 0; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: stretch; align-items: stretch; } .k-drawer-item { padding: 8px 8px; color: inherit; font-size: 16px; line-height: 1.5; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; cursor: pointer; } .k-drawer-item .k-icon { margin: 0 8px; font-size: 18px; -ms-flex-negative: 0; flex-shrink: 0; } .k-drawer-item .k-icon.k-i-none { margin: 0; } .k-drawer-item .k-item-text { padding: 0 8px; display: inline-block; white-space: nowrap; } .k-drawer-separator { padding: 0; height: 1px; } .k-drawer-mini .k-drawer-wrapper { width: 50px; } .k-rtl .k-drawer-left.k-drawer-push .k-drawer, [dir="rtl"] .k-drawer-left.k-drawer-push .k-drawer { -ms-flex-order: 1; order: 1; } .k-rtl .k-drawer-right.k-drawer-push .k-drawer, [dir="rtl"] .k-drawer-right.k-drawer-push .k-drawer { -ms-flex-order: 0; order: 0; } .k-rating { display: -ms-inline-flexbox; display: inline-flex; box-sizing: border-box; white-space: nowrap; margin: 0; padding: 0; border: 0; font-size: 14px; box-shadow: none; outline: 0; } .k-rating-container { -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; box-sizing: border-box; margin: 0 4px; } .k-rating-container .k-rating-item { display: -ms-inline-flexbox; display: inline-flex; position: relative; padding: 4px 4px; -ms-flex-align: center; align-items: center; vertical-align: middle; margin: 0; outline: 0; overflow: hidden; transition: color 200ms ease-out 0s; } .k-rating-container .k-rating-item * { pointer-events: none; } .k-rating-container .k-rating-item .k-icon { font-size: 24px; overflow: visible; } .k-rating-container .k-rating-item .k-rating-precision-part, .k-rating-container .k-rating-item .k-rating-precision-complement { display: inline-block; position: absolute; top: 4px; left: 4px; overflow: hidden; } .k-rating-container .k-rating-item .k-rating-precision-complement { direction: rtl; } .k-rating-label { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; vertical-align: middle; line-height: 1.5; margin: 4px 8px; } .k-ie9 .k-rating-label, .k-ie9 .k-rating-container, .k-ie9 .k-rating-item { display: inline-block; } .k-rtl .k-rating-precision-part, [dir="rtl"] .k-rating-precision-part { left: auto; right: 4px; } .k-rtl .k-rating-item .k-rating-precision-complement, [dir="rtl"] .k-rating-item .k-rating-precision-complement { direction: ltr; } .k-timeline ul { margin: 0; padding: 0; } .k-timeline ul li { list-style-type: none; } .k-timeline .k-timeline-flag { display: inline-block; text-align: center; padding: 4px 8px; border-radius: 2px; line-height: 1.42857143; min-width: 80px; max-width: 160px; box-sizing: border-box; position: relative; z-index: 1; } .k-timeline .k-timeline-circle { width: 16px; height: 16px; border-radius: 50%; -ms-flex-negative: 0; flex-shrink: 0; position: relative; z-index: 1; } .k-timeline.k-timeline-dates-hidden .k-timeline-date { display: none; } .k-timeline .k-event-collapse { display: none; } .k-timeline.k-timeline-collapsible .k-card-header { cursor: pointer; } .k-timeline.k-timeline-collapsible .k-event-collapse { display: -ms-flexbox; display: flex; } .k-timeline .k-timeline-arrow { width: 30px; height: 30px; padding: 0; border-radius: 50%; position: absolute; bottom: 11px; z-index: 3; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .k-timeline .k-timeline-arrow-left { left: 0; } .k-timeline .k-timeline-arrow-right { right: 0; } .k-timeline-card .k-card { position: relative; overflow: visible; } .k-timeline-card .k-card .k-card-header { overflow: visible; border-bottom: 0; border-radius: 4px; } .k-timeline-card .k-card .k-card-header + .k-card-body { padding-top: 0; } .k-timeline-card .k-card .k-card-body { overflow-y: auto; scrollbar-width: thin; } .k-timeline-card .k-card .k-card-body::-webkit-scrollbar { width: 5px; } .k-timeline-card .k-card .k-card-body::-webkit-scrollbar-thumb { border-radius: 2px; } .k-timeline-card .k-timeline-card-callout.k-callout-w, .k-timeline-card .k-timeline-card-callout.k-callout-e { top: 36px; } .k-timeline-vertical, .k-timeline-horizontal { width: 100%; padding: 0 40px; margin: 40px 0; position: relative; box-sizing: border-box; border: 0; } .k-timeline-vertical::after, .k-timeline-horizontal .k-timeline-track-wrap::after { content: ""; position: absolute; top: 0; border-width: 1px; border-style: solid; background-clip: padding-box; } .k-timeline-vertical { padding-left: 127px; } .k-timeline-vertical.k-timeline-dates-hidden { padding-left: 77px; } .k-timeline-vertical::after { height: 100%; width: 6px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border-radius: 4px; } .k-timeline-vertical .k-timeline-flag-wrap { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .k-timeline-vertical .k-timeline-flag-wrap:first-child { padding-top: 40px; } .k-timeline-vertical .k-timeline-flag { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .k-timeline-vertical .k-timeline-date-wrap { position: absolute; padding-right: 16px; margin-top: 36px; -webkit-transform: translate(-100%, -50%); -ms-transform: translate(-100%, -50%); transform: translate(-100%, -50%); text-align: right; } .k-timeline-vertical .k-timeline-event { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; padding: 40px 0; } .k-timeline-vertical .k-timeline-card { padding-left: 16px; } .k-timeline-vertical .k-timeline-card .k-card { margin-left: 16px; min-height: 72px; width: 400px; max-width: 100%; } .k-timeline-vertical .k-timeline-card .k-card .k-card-title { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .k-timeline-vertical .k-timeline-card .k-card .k-card-title .k-event-title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .k-timeline-vertical .k-timeline-card .k-event-collapse { margin: -4px 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; } .k-timeline-vertical .k-timeline-card.k-collapsed .k-card-body, .k-timeline-vertical .k-timeline-card.k-collapsed .k-card-actions { display: none; } .k-timeline-vertical .k-timeline-card.k-collapsed .k-event-collapse { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .k-timeline-vertical .k-timeline-circle { margin-top: 36px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-right: -8px; } .k-timeline-vertical.k-timeline-alternating { padding-left: 40px; } .k-timeline-vertical.k-timeline-alternating::after { left: 50%; } .k-timeline-vertical.k-timeline-alternating .k-timeline-flag-wrap { -ms-flex-pack: center; justify-content: center; } .k-timeline-vertical.k-timeline-alternating .k-timeline-flag { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .k-timeline-vertical.k-timeline-alternating .k-timeline-event { -ms-flex-pack: justify; justify-content: space-between; } .k-timeline-vertical.k-timeline-alternating .k-timeline-event.k-reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .k-timeline-vertical.k-timeline-alternating .k-timeline-event.k-reverse .k-timeline-date-wrap { text-align: left; padding-right: 0; padding-left: 16px; } .k-timeline-vertical.k-timeline-alternating .k-timeline-event.k-reverse .k-timeline-card { padding-left: 0; padding-right: 16px; } .k-timeline-vertical.k-timeline-alternating .k-timeline-event.k-reverse .k-timeline-card .k-card { margin-right: 16px; margin-left: auto; } .k-timeline-vertical.k-timeline-alternating .k-timeline-card, .k-timeline-vertical.k-timeline-alternating .k-timeline-date-wrap { -ms-flex-preferred-size: 50%; flex-basis: 50%; min-width: 0; } .k-timeline-vertical.k-timeline-alternating .k-timeline-date-wrap { position: static; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .k-timeline-vertical.k-timeline-alternating .k-timeline-circle { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-right: 0; } .k-timeline-horizontal .k-timeline-track-item { -ms-flex: 1 0 20%; flex: 1 0 20%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; position: relative; -ms-flex-direction: column; flex-direction: column; } .k-timeline-horizontal .k-timeline-track-item:hover { cursor: pointer; } .k-timeline-horizontal .k-timeline-track-item.k-timeline-flag-wrap:hover { cursor: default; } .k-timeline-horizontal .k-timeline-date-wrap { margin-top: auto; margin-bottom: 8px; } .k-timeline-horizontal .k-timeline-card { height: 100%; box-sizing: border-box; } .k-timeline-horizontal .k-card { max-height: 100%; box-sizing: border-box; } .k-timeline-horizontal .k-timeline-events-list { overflow-x: hidden; padding-top: 16px; } .k-timeline-horizontal .k-timeline-events-list .k-timeline-scrollable-wrap { position: relative; height: 600px; } .k-timeline-horizontal .k-timeline-events-list .k-timeline-scrollable-wrap .k-timeline-event { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .k-timeline-horizontal .k-timeline-track-wrap { position: relative; padding: 15px 0; } .k-timeline-horizontal .k-timeline-track-wrap::after { top: auto; bottom: 18px; left: 28px; right: 28px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 6px; } .k-timeline-horizontal .k-timeline-track-wrap .k-timeline-track { overflow: hidden; margin: 0 30px; position: relative; z-index: 2; } .k-timeline-horizontal .k-timeline-track-wrap .k-timeline-track .k-timeline-scrollable-wrap { transition: -webkit-transform 1s ease-in-out; transition: transform 1s ease-in-out; transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out; } .k-timeline-horizontal .k-timeline-track-wrap .k-timeline-flag { margin-bottom: 22px; position: relative; min-width: 60px; } .k-timeline-horizontal .k-timeline-track-wrap .k-timeline-flag::after { content: ""; width: 10px; height: 10px; position: absolute; left: 50%; bottom: 0; -webkit-transform: translate(-50%, 50%) rotate(45deg); -ms-transform: translate(-50%, 50%) rotate(45deg); transform: translate(-50%, 50%) rotate(45deg); } .k-timeline-horizontal .k-timeline-scrollable-wrap { padding-bottom: 3px; display: -ms-flexbox; display: flex; outline: 0; } .k-timeline-mobile { padding: 0 16px; margin: 16px 0; } .k-timeline-mobile .k-timeline-flag { max-width: 112px; } .k-timeline-mobile.k-timeline-horizontal .k-timeline-flag-wrap { display: none; } .k-timeline-mobile.k-timeline-vertical { padding-left: 103px; } .k-timeline-mobile.k-timeline-vertical.k-timeline-dates-hidden { padding-left: 53px; } .k-timeline-mobile.k-timeline-vertical.k-timeline-alternating { padding-left: 16px; } .k-timeline-mobile.k-timeline-vertical .k-timeline-card { width: 100%; } .k-timeline-mobile.k-timeline-vertical .k-timeline-card .k-card { width: auto; } .k-timeline-mobile.k-timeline-vertical .k-card-actions > .k-button.k-flat:first-child { margin-left: 0; } .k-breadcrumb { min-height: 2.11em; border-width: 0; box-sizing: border-box; border-style: solid; background-color: transparent; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; } .k-breadcrumb .k-breadcrumb-container { margin: 0 0; padding: 0 0; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; list-style: none; overflow: hidden; } .k-breadcrumb .k-breadcrumb-item { vertical-align: middle; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; overflow: hidden; } .k-breadcrumb .k-breadcrumb-root-item { -ms-flex: 1 0 auto; flex: 1 0 auto; } .k-breadcrumb .k-breadcrumb-link, .k-breadcrumb .k-breadcrumb-root-link { padding: 4px 8px; border-radius: 4px; position: relative; line-height: 1.6em; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-item-align: stretch; align-self: stretch; overflow: hidden; white-space: nowrap; text-decoration: none; outline: none; } .k-breadcrumb .k-breadcrumb-root-link { margin-right: 8px; } .k-breadcrumb .k-breadcrumb-icon-link { padding: 8px 8px; } .k-breadcrumb .k-breadcrumb-icontext-link .k-icon { margin-right: 8px; } .k-breadcrumb .k-breadcrumb-delimiter-icon { font-size: 12px; } .k-breadcrumb .k-breadcrumb-input-container, .k-breadcrumb .k-breadcrumb-input-container .k-textbox { width: 100%; height: 100%; } .k-no-flexbox .k-breadcrumb, .k-no-flexbox .k-breadcrumb-container { display: block; } .k-no-flexbox .k-breadcrumb-item { display: inline-block; } .k-listgroup { margin: 0; padding: 0; border-width: 1px; border-style: solid; font: inherit; line-height: 1.42857143; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; position: relative; overflow: hidden; } .k-listgroup > ul { margin: 0; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .k-listgroup .k-listgroup-item + .k-listgroup-item { border-top-width: 1px; } .k-listgroup-flush { border-left-width: 0; border-right-width: 0; } .k-listgroup-item { padding: 0.5em 1em; border-width: 0; border-style: solid; border-color: inherit; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; } .k-listgroup-item > .k-link { margin: -0.5em -1em; padding: 0.5em 1em; color: inherit; text-decoration: none; outline: 0; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; -ms-flex: 1 1 auto; flex: 1 1 auto; position: relative; } .k-listgroup-item > .k-link > .k-select { padding: 0.5em; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex: 0 0 auto; flex: 0 0 auto; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .k-listgroup-item-segmented { -ms-flex-align: stretch; align-items: stretch; } .k-listgroup-item-segmented > .k-link { margin-right: 0; } .k-listgroup-item-segmented > .k-select { margin: -0.5em -1em -0.5em 0; padding: 0.5em; border-width: 0 0 0 1px; border-style: solid; border-color: inherit; cursor: pointer; } .k-listgroup-form-row { margin: -0.5em -1em; padding: 0.5em 1em; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; -ms-flex: 1 1 auto; flex: 1 1 auto; position: relative; } .k-listgroup-form-row .k-listgroup-form-field-label { width: 40%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .k-listgroup-form-row .k-listgroup-form-field-wrapper { width: 50%; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; text-align: end; position: relative; } .k-listgroup-form-row .k-listgroup-form-field-wrapper select, .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type="text"], .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type="password"], .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type="date"], .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type="time"], .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type="datetime-local"], .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type="number"] { width: 100%; box-sizing: border-box; -ms-flex: 1 1 100%; flex: 1 1 100%; } .k-listgroup-item.k-listgroup-form-row { margin: 0; } .k-rtl .k-listgroup-item > .k-link > .k-select, [dir="rtl"] .k-listgroup-item > .k-link > .k-select { right: auto; left: 0; } .k-rtl .k-listgroup-item > .k-link > .k-select .k-icon, [dir="rtl"] .k-listgroup-item > .k-link > .k-select .k-icon { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .k-rtl .k-listgroup-item-segmented > .k-link, [dir="rtl"] .k-listgroup-item-segmented > .k-link { margin-right: -1em; margin-left: 0; } .k-rtl .k-listgroup-item-segmented > .k-select, [dir="rtl"] .k-listgroup-item-segmented > .k-select { margin-right: 0; margin-left: -1em; border-right-width: 1px; border-left-width: 0; } .k-rtl .k-listgroup-item-segmented > .k-select .k-icon, [dir="rtl"] .k-listgroup-item-segmented > .k-select .k-icon { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .k-noflexbox .k-listgroup, .k-noflexbox .k-listgroup > ul .k-listgroup-item, .k-noflexbox .k-listgroup-item > .k-link { display: block; } .k-messagebox { margin: 0 0 16px 0; padding: 4px 8px; border-width: 0 0 0 4px; border-style: solid; box-sizing: border-box; font-size: inherit; line-height: 1.42857143; } .k-messagebox a { color: inherit; font-style: italic; text-decoration: underline; } .k-badge { padding: 0; border-width: 0; border-style: solid; border-color: transparent; box-sizing: border-box; color: inherit; background-color: transparent; font: inherit; text-align: center; white-space: nowrap; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; } .k-badge > * { color: inherit; } a.k-badge, .k-badge > a { text-decoration: none; } a.k-badge:hover, .k-badge > a:hover { text-decoration: underline; } .k-badge-icon { max-width: 1em; max-height: 1em; font-size: inherit; } .k-badge-icon.k-svg-icon svg { fill: currentColor; } .k-badge-sm { padding: 2px 2px; border-width: 1px; font-size: 10px; line-height: 1; } .k-badge-sm:empty { padding: 2px; } .k-badge-md { padding: 4px 4px; border-width: 1px; font-size: 10px; line-height: 1; } .k-badge-md:empty { padding: 4px; } .k-badge-lg { padding: 6px 6px; border-width: 1px; font-size: 12px; line-height: 1; } .k-badge-lg:empty { padding: 6px; } .k-badge-rounded.k-badge-sm { border-radius: 1px; } .k-badge-rounded.k-badge-md { border-radius: 2px; } .k-badge-rounded.k-badge-lg { border-radius: 4px; } .k-badge-pill { border-radius: 5rem; } .k-badge-circle { padding: 0 !important; border-radius: 100%; } .k-badge-circle.k-badge-sm { width: calc(1em + 6px); height: calc(1em + 6px); } .k-badge-circle.k-badge-md { width: calc(1em + 10px); height: calc(1em + 10px); } .k-badge-circle.k-badge-lg { width: calc(1em + 14px); height: calc(1em + 14px); } .k-badge-dot { padding: 0 !important; border-radius: 100%; font-size: 0; } .k-badge-dot.k-badge-sm { width: 6px; height: 6px; } .k-badge-dot.k-badge-md { width: 10px; height: 10px; } .k-badge-dot.k-badge-lg { width: 12px; height: 12px; } .k-badge-container { position: relative; overflow: visible; } .k-badge-inside { position: absolute; z-index: 9999; } .k-badge-edge { position: absolute; z-index: 9999; } .k-badge-edge.k-top-start { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .k-badge-edge.k-top-end { -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); } .k-badge-edge.k-bottom-start { -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .k-badge-edge.k-bottom-end { -webkit-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); transform: translate(50%, 50%); } .k-rtl .k-badge-edge.k-top-start, [dir="rtl"].k-badge-edge.k-top-start, [dir="rtl"] .k-badge-edge.k-top-start { -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); } .k-rtl .k-badge-edge.k-top-end, [dir="rtl"].k-badge-edge.k-top-end, [dir="rtl"] .k-badge-edge.k-top-end { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .k-rtl .k-badge-edge.k-bottom-start, [dir="rtl"].k-badge-edge.k-bottom-start, [dir="rtl"] .k-badge-edge.k-bottom-start { -webkit-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); transform: translate(50%, 50%); } .k-rtl .k-badge-edge.k-bottom-end, [dir="rtl"].k-badge-edge.k-bottom-end, [dir="rtl"] .k-badge-edge.k-bottom-end { -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .k-badge-outside { position: absolute; z-index: 9999; } .k-badge-outside.k-top-start { -webkit-transform: translate(-100%, -100%); -ms-transform: translate(-100%, -100%); transform: translate(-100%, -100%); } .k-badge-outside.k-top-end { -webkit-transform: translate(100%, -100%); -ms-transform: translate(100%, -100%); transform: translate(100%, -100%); } .k-badge-outside.k-bottom-start { -webkit-transform: translate(-100%, 100%); -ms-transform: translate(-100%, 100%); transform: translate(-100%, 100%); } .k-badge-outside.k-bottom-end { -webkit-transform: translate(100%, 100%); -ms-transform: translate(100%, 100%); transform: translate(100%, 100%); } .k-rtl .k-badge-outside.k-top-start, [dir="rtl"].k-badge-outside.k-top-start, [dir="rtl"] .k-badge-outside.k-top-start { -webkit-transform: translate(100%, -100%); -ms-transform: translate(100%, -100%); transform: translate(100%, -100%); } .k-rtl .k-badge-outside.k-top-end, [dir="rtl"].k-badge-outside.k-top-end, [dir="rtl"] .k-badge-outside.k-top-end { -webkit-transform: translate(-100%, -100%); -ms-transform: translate(-100%, -100%); transform: translate(-100%, -100%); } .k-rtl .k-badge-outside.k-bottom-start, [dir="rtl"].k-badge-outside.k-bottom-start, [dir="rtl"] .k-badge-outside.k-bottom-start { -webkit-transform: translate(100%, 100%); -ms-transform: translate(100%, 100%); transform: translate(100%, 100%); } .k-rtl .k-badge-outside.k-bottom-end, [dir="rtl"].k-badge-outside.k-bottom-end, [dir="rtl"] .k-badge-outside.k-bottom-end { -webkit-transform: translate(-100%, 100%); -ms-transform: translate(-100%, 100%); transform: translate(-100%, 100%); } .k-checkbox { margin: 0; padding: 0; width: 16px; height: 16px; line-height: initial; border-width: 1px; border-style: solid; outline: 0; box-sizing: border-box; display: inline-block; vertical-align: middle; position: relative; -webkit-appearance: none; } .k-checkbox::before { content: "\e118"; width: 12px; height: 12px; font-size: 12px; font-family: "WebComponentsIcons", monospace; -webkit-transform: scale(0) translate(-50%, -50%); -ms-transform: scale(0) translate(-50%, -50%); transform: scale(0) translate(-50%, -50%); overflow: hidden; position: absolute; top: 50%; left: 50%; } .k-checkbox:hover { cursor: pointer; } .k-checkbox:checked::before { -webkit-transform: scale(1) translate(-50%, -50%); -ms-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%); } .k-checkbox:indeterminate::before, .k-checkbox.k-state-indeterminate::before { content: ""; width: 8px; height: 8px; background-color: currentColor; -webkit-transform: scale(1) translate(-50%, -50%); -ms-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%); } .k-checkbox:disabled, .k-checkbox:disabled + .k-checkbox-label { opacity: 0.6; -webkit-filter: grayscale(0.8); filter: grayscale(0.8); cursor: default; } .k-checkbox + .k-checkbox-label { display: inline; } .k-checkbox-label { margin: 0; padding: 0; line-height: 17px; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: start; align-items: flex-start; vertical-align: middle; position: relative; cursor: pointer; } .k-checkbox-label:empty { display: none; } .k-checkbox-label.k-no-text { min-width: 1px; } .k-checkbox-label .k-ripple { visibility: hidden !important; } .k-checkbox + .k-checkbox-label, .k-checkbox-label + .k-checkbox { margin-left: 4px; } .k-checkbox-label > .k-checkbox { margin-right: 4px; -ms-flex-negative: 0; flex-shrink: 0; } .k-checkbox-list { margin: 0; padding: 0; list-style: none; } .k-checkbox-list .k-checkbox-item { margin-top: 16px; } .k-checkbox-list .k-checkbox-item:first-child { margin-top: 0; } .k-list-horizontal .k-checkbox-item { display: inline-block; margin: 0 32px 0 0; } .k-list-horizontal .k-checkbox-item:last-child { margin-right: 0; } .k-rtl .k-checkbox + .k-checkbox-label, [dir="rtl"] .k-checkbox + .k-checkbox-label { margin-left: 0; margin-right: 4px; } .k-rtl .k-checkbox-label > .k-checkbox, [dir="rtl"] .k-checkbox-label > .k-checkbox { margin-right: 0; margin-left: 4px; } .k-rtl .k-list-horizontal .k-checkbox-item, [dir="rtl"] .k-list-horizontal .k-checkbox-item { margin-right: 0; margin-left: 32px; } .k-rtl .k-list-horizontal .k-checkbox-item:last-child, [dir="rtl"] .k-list-horizontal .k-checkbox-item:last-child { margin-left: 0; } .k-checkbox::-ms-check { border-width: 0; border-color: inherit; border-radius: inherit; color: inherit; background-color: inherit; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .k-checkbox::-ms-check { border-width: 1px; } } .k-radio { margin: 0; padding: 0; width: 16px; height: 16px; border-width: 1px; border-style: solid; outline: 0; box-sizing: border-box; display: inline-block; vertical-align: middle; position: relative; -webkit-appearance: none; } .k-radio::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background-color: currentColor; -webkit-transform: scale(0) translate(-50%, -50%); -ms-transform: scale(0) translate(-50%, -50%); transform: scale(0) translate(-50%, -50%); overflow: hidden; position: absolute; top: 50%; left: 50%; } .k-radio:hover { cursor: pointer; } .k-radio:checked::before { -webkit-transform: scale(1) translate(-50%, -50%); -ms-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%); } .k-radio:disabled, .k-radio:disabled + .k-radio-label { opacity: 0.6; -webkit-filter: grayscale(0.8); filter: grayscale(0.8); cursor: default; } .k-radio + .k-radio-label { display: inline; } .k-radio-label { margin: 0; padding: 0; line-height: 17px; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: start; align-items: flex-start; vertical-align: middle; position: relative; cursor: pointer; } .k-radio-label:empty, .k-radio-label.k-no-text { display: none; } .k-radio-label .k-ripple { display: none !important; } .k-radio + .k-radio-label, .k-radio-label + .k-radio { margin-left: 4px; } .k-radio-label > .k-radio { margin-right: 4px; -ms-flex-negative: 0; flex-shrink: 0; } .k-radio-list { margin: 0; padding: 0; list-style: none; } .k-radio-list .k-radio-item { margin-top: 16px; } .k-radio-list .k-radio-item:first-child { margin-top: 0; } .k-list-horizontal .k-radio-item { display: inline-block; margin: 0 32px 0 0; } .k-list-horizontal .k-radio-item:last-child { margin-right: 0; } .k-rtl .k-radio + .k-radio-label, [dir="rtl"] .k-radio + .k-radio-label, .k-rtl .k-radio-label + .k-radio, [dir="rtl"] .k-radio-label + .k-radio { margin-left: 0; margin-right: 4px; } .k-rtl .k-radio-label > .k-radio, [dir="rtl"] .k-radio-label > .k-radio { margin-right: 0; margin-left: 4px; } .k-rtl .k-list-horizontal .k-radio-item, [dir="rtl"] .k-list-horizontal .k-radio-item { margin-right: 0; margin-left: 32px; } .k-rtl .k-list-horizontal .k-radio-item:last-child, [dir="rtl"] .k-list-horizontal .k-radio-item:last-child { margin-left: 0; } .k-radio::-ms-check { border-width: 0; border-color: inherit; color: inherit; background-color: inherit; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .k-radio::-ms-check { border-width: 1px; } } .k-filemanager { border-width: 1px; border-style: solid; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .k-filemanager-header { border-color: inherit; } .k-filemanager-toolbar { border-width: 0; border-bottom-width: 1px; border-color: inherit; -ms-flex-negative: 0; flex-shrink: 0; } .k-filemanager-search-tool { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .k-filemanager-content-container { border-color: inherit; box-sizing: border-box; -ms-flex: 1 1 0%; flex: 1 1 0%; display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-align: stretch; align-items: stretch; overflow: hidden; } .k-filemanager-navigation { width: 20%; border-width: 0; border-right-width: 1px; border-style: solid; border-color: inherit; box-sizing: border-box; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; } .k-filemanager-navigation > .k-treeview { padding: 16px 16px; height: 100%; box-sizing: border-box; } .k-filemanager-treeview > .k-group > .k-item { padding: 0; } .k-filemanager-content { border-color: inherit; -ms-flex: 1 1 0%; flex: 1 1 0%; display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-align: stretch; align-items: stretch; overflow: hidden; } .k-filemanager-breadcrumb { border-width: 0; border-bottom-width: 1px; padding: 8px 8px; -ms-flex-negative: 0; flex-shrink: 0; } .k-filemanager-view { display: -ms-flexbox; display: flex; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .k-filemanager-view > .k-filemanager-listview, .k-filemanager-view > .k-filemanager-grid { border-width: 0; } .k-filemanager-listview { height: 100%; -ms-flex: 1 1 0%; flex: 1 1 0%; overflow: auto; } .k-filemanager-listview .k-listview-item { padding: 16px 16px; width: 120px; height: 120px; text-align: center; } .k-filemanager-listview .k-file-preview { height: 48px; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: center; justify-content: center; } .k-filemanager-listview .k-file-icon { font-size: 48px; } .k-filemanager-listview .k-file-image { max-width: 100%; max-height: 48px; display: block; } .k-filemanager-listview .k-file-name { margin-top: 8px; display: block; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .k-filemanager-listview .k-file-size { margin-top: 8px; display: block; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .k-filemanager-listview .k-edit-item .k-textbox { width: 100%; } .k-filemanager-grid { -ms-flex: 1 1 0%; flex: 1 1 0%; } .k-filemanager-grid .k-file-preview { margin-right: 4px; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: row; flex-direction: row; vertical-align: middle; } .k-filemanager-grid .k-file-name { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: row; flex-direction: row; vertical-align: middle; } .k-filemanager-preview { padding: 48px 16px 16px; width: 20%; min-height: 304px; border-width: 0; border-left-width: 1px; border-style: solid; border-color: inherit; box-sizing: border-box; text-align: center; overflow-x: auto; -ms-flex-negative: 0; flex-shrink: 0; } .k-filemanager-preview .k-file-preview { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: center; justify-content: center; } .k-filemanager-preview .k-file-icon { font-size: 96px; } .k-filemanager-preview .k-file-name { margin-top: 16px; display: block; } .k-filemanager-preview .k-single-file-selected { font-weight: bold; } .k-filemanager-preview .k-multiple-files-selected { font-weight: bold; } .k-filemanager-preview .k-file-size { font-size: inherit; line-height: normal; } .k-filemanager-preview .k-file-meta { margin: 16px 0 0; box-sizing: border-box; text-align: start; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; } .k-filemanager-preview .k-file-meta-label { display: inline-block; } .k-filemanager-preview .k-file-meta-value { margin: 0; } .k-filemanager-preview .k-file-type { text-transform: capitalize; } .k-filemanager-preview .k-line-break { margin: 16px 0 0; width: 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .k-filemanager-resizable .k-filemanager-navigation, .k-filemanager-resizable .k-filemanager-preview { border-width: 0; } .k-filemanager .k-splitbar { -ms-flex-negative: 0; flex-shrink: 0; display: -ms-inline-flexbox; display: inline-flex; position: relative; } .k-filemanager .k-splitbar-horizontal { width: 6px; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; } .k-filemanager .k-splitbar-horizontal .k-resize-handle { width: 2px; } .k-filemanager-upload-dialog .k-upload-files { max-height: 200px; overflow-y: auto; } .k-filemanager-drag-hint { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; } .k-filemanager-drag-hint .k-icon { margin-right: 4px; } .k-window { padding: 0; border-width: 1px; border-style: solid; line-height: 1.42857143; box-sizing: border-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: column; flex-direction: column; position: absolute; z-index: 10001; } .k-window .k-overlay { position: absolute; opacity: 0; } .k-window.k-window-maximized { border-radius: 0; box-shadow: none; } .k-window.k-window-maximized .k-window-titlebar, .k-window.k-window-maximized .k-window-content { border-radius: 0; } .k-window-sm { width: 300px; } .k-window-md { width: 800px; } .k-window-lg { width: 1200px; } .k-window-titlebar { padding: 8px 12px; border-width: 0 0 1px; border-style: solid; width: 100%; box-sizing: border-box; background-position: 0 0; background-repeat: repeat-x; white-space: nowrap; min-height: 16px; position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-align: center; align-items: center; } .k-window-title { font-size: 1.2em; line-height: 1.25; font-weight: normal; -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; text-overflow: ellipsis; overflow: hidden; cursor: default; } .k-window-title::before { content: ""; display: inline-block; } .k-window-titlebar .k-window-actions { margin: 0 -6px; -webkit-margin-end: -6px; margin-inline-end: -6px; display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-align: center; align-items: center; } .k-window-titlebar .k-window-action { padding: 2px; width: 20px; height: 20px; border-width: 0; border-style: solid; border-color: transparent; color: inherit; box-sizing: content-box; opacity: 0.7; } .k-window-titlebar .k-window-action:hover { opacity: 1; } .k-window-titlebar .k-window-action .k-icon { opacity: 1; } .k-window-content, .k-prompt-container { padding: 12px 12px; box-sizing: border-box; overflow: auto; position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; outline: 0; } .k-window-content + .k-prompt-container { margin-top: -12px; } .k-prompt-container .k-textbox { width: 100%; } .k-window-iframecontent { padding: 0; overflow: visible; } .k-window-iframecontent .k-content-frame { vertical-align: top; border: 0; width: 100%; height: 100%; } .k-window-content > .km-scroll-container { height: 100%; } .k-window > .k-resize-handle { position: absolute; z-index: 1; background-color: #fff; font-size: 0; line-height: 6px; opacity: 0; zoom: 1; } .k-resize-n { top: 0; left: 0; width: 100%; height: 6px; cursor: n-resize; } .k-resize-e { top: 0; right: 0; width: 6px; height: 100%; cursor: e-resize; } .k-resize-s { bottom: 0; left: 0; width: 100%; height: 6px; cursor: s-resize; } .k-resize-w { top: 0; left: 0; width: 6px; height: 100%; cursor: w-resize; } .k-resize-se { bottom: 0; right: 0; width: 6px; height: 6px; cursor: se-resize; } .k-resize-sw { bottom: 0; left: 0; width: 6px; height: 6px; cursor: sw-resize; } .k-resize-ne { top: 0; right: 0; width: 6px; height: 6px; cursor: ne-resize; } .k-resize-nw { top: 0; left: 0; width: 6px; height: 6px; cursor: nw-resize; } .k-overlay { position: fixed; top: 0; left: 0; z-index: 10001; width: 100%; height: 100%; background-color: #000; opacity: 0.5; -webkit-backface-visibility: hidden; } .k-window > .k-action-buttons, .k-window-content > .k-action-buttons { border-width: 1px 0 0; border-style: solid; } .k-ie9 .k-window-content { height: calc(100% - 1.25em - 16px); border-radius: 0; } .k-ie9 .k-window-titlebar .k-window-actions, .k-ie9 .k-window-title { display: inline-block; } .k-rtl .k-window-titlebar .k-window-actions { right: auto; left: 6px; } .k-dialog { min-width: 90px; min-height: 3em; max-width: 100%; max-height: 100%; box-sizing: border-box; position: fixed; overflow: hidden; } .k-dialog-centered { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; left: 50%; } .k-dialog-titleless .k-dialog-close { position: absolute; z-index: 9999; top: 4px; right: 4px; } .k-dialog-titleless .k-dialog-content { padding: 2.4em; } .k-dialog-buttongroup { margin: 0; padding: 6px 6px; width: 100%; border-width: 1px 0 0; border-style: solid; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: end; justify-content: flex-end; } .k-dialog-buttongroup .k-button { -ms-flex-negative: 0; flex-shrink: 0; display: inline-block; text-overflow: ellipsis; box-sizing: border-box; } .k-dialog-buttongroup .k-button + .k-button { margin-left: 6px; } .k-dialog-button-layout-stretched .k-button { -ms-flex: 1 0 0px; flex: 1 0 0; white-space: nowrap; } .k-dialog.k-window-sm .k-dialog-button-group { -ms-flex-direction: column; flex-direction: column; } .k-dialog.k-window-sm .k-dialog-button-group .k-button + .k-button { margin: 6px 0 0; } .k-rtl.k-dialog-titleless .k-dialog-close, .k-rtl .k-dialog-titleless .k-dialog-close { right: auto; left: 4px; } .k-rtl .k-dialog-buttongroup .k-button + .k-button { margin-left: 0; margin-right: 6px; } .k-no-flexbox .k-dialog-button-layout-stretched { text-align: right; } .k-no-flexbox .k-rtl .k-dialog-button-layout-stretched { text-align: left; } .k-stepper { margin: 0 0; padding: 0 0; border-width: 0; border-style: solid; font-size: 14px; line-height: 1.42857143; position: relative; color: inherit; background: none; box-shadow: none; } .k-stepper .k-step-list { margin: 0; padding: 0; list-style: none; display: -ms-flexbox; display: flex; z-index: 1; } .k-stepper .k-step-link { outline: none; text-decoration: none; white-space: nowrap; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; overflow: hidden; } .k-stepper .k-step-disabled { pointer-events: none; } .k-stepper .k-step-disabled .k-step-link { cursor: default; } .k-stepper .k-step-indicator { border-radius: 50%; margin: 3px; width: 28px; height: 28px; border-width: 1px; border-style: solid; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 1; overflow: visible; transition-property: color, background-color, border-color; transition-duration: 0.4s; transition-timing-function: ease-in-out; } .k-stepper .k-step-indicator::after { border-radius: 100%; content: ""; border-width: 1px; border-style: solid; border-color: inherit; pointer-events: none; display: none; position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px; z-index: 2; } .k-stepper .k-step-focus .k-step-indicator::after, .k-stepper .k-step-link:focus .k-step-indicator::after { display: block; } .k-stepper .k-step-label { max-width: 10em; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; z-index: 1; } .k-stepper .k-step-label:only-child { border-radius: 15px; padding: 5px 12px; border-width: 0; } .k-stepper .k-step-label .k-step-text { max-width: calc(10em - 20px); -ms-flex-positive: 1; flex-grow: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .k-stepper .k-step-label .k-icon { margin-left: 4px; } .k-stepper .k-step-current .k-step-label, .k-stepper .k-step-hover .k-step-label, .k-stepper .k-step:hover .k-step-label { font-weight: bold; } .k-stepper .k-step-label .k-step-label-optional { font-style: italic; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .k-stepper .k-progressbar { position: absolute; pointer-events: none; z-index: 0; } .k-step-list-horizontal { -ms-flex-direction: row; flex-direction: row; } .k-step-list-horizontal .k-step { -ms-flex: 1 0 auto; flex: 1 0 auto; } .k-step-list-horizontal .k-step-link { -ms-flex-direction: column; flex-direction: column; } .k-step-list-horizontal .k-step-label { text-align: center; } .k-step-list-horizontal .k-step-indicator + .k-step-label { margin-top: 5px; } .k-step-list-horizontal ~ .k-progressbar { width: 100%; height: 2px; top: 16px; } .k-step-list-vertical { -ms-flex-direction: column; flex-direction: column; } .k-step-list-vertical .k-step { min-height: 54px; } .k-step-list-vertical .k-step-label { text-align: left; } .k-step-list-vertical .k-step-indicator + .k-step-label { margin-left: 12px; } .k-step-list-vertical ~ .k-progressbar { width: 2px; height: 100%; min-height: 20px; left: 17px; } .k-step-list-vertical .k-step-content { height: 0; overflow: hidden; transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .k-step-list-vertical .k-step-current .k-step-content { height: auto; overflow: visible; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; margin-left: 30px; padding: 20px 10px; } .k-rtl .k-stepper, .k-stepper[dir="rtl"] { direction: rtl; } .k-rtl .k-stepper .k-step-label .k-icon, .k-stepper[dir="rtl"] .k-step-label .k-icon { margin-left: 0; margin-right: 4px; } .k-rtl .k-stepper .k-step-list-vertical .k-step-indicator + .k-step-label, .k-stepper[dir="rtl"] .k-step-list-vertical .k-step-indicator + .k-step-label { margin-left: 0; margin-right: 12px; } .k-rtl .k-stepper .k-step-list-vertical ~ .k-progressbar, .k-stepper[dir="rtl"] .k-step-list-vertical ~ .k-progressbar { left: auto; right: 17px; } .k-wizard { padding: 16px 16px; border-width: 0; font-size: inherit; line-height: 1.42857143; position: relative; color: inherit; display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; overflow: hidden; background: none; } .k-wizard .k-stepper .k-step-list-vertical .k-step { -ms-flex: 1 0 auto; flex: 1 0 auto; } .k-wizard .k-stepper .k-step-indicator { -ms-flex-negative: 0; flex-shrink: 0; } .k-wizard-steps { display: -ms-flexbox; display: flex; overflow: hidden; } .k-wizard-step { padding: 10px; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: stretch; align-items: stretch; -ms-flex-pack: justify; justify-content: space-between; } .k-wizard-step:focus, .k-wizard-step.k-state-focused { outline-width: 1px; outline-style: dotted; outline-offset: -1px; } .k-wizard-content { overflow-y: auto; } .k-wizard-buttons { margin-top: 32px; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-negative: 0; flex-shrink: 0; } .k-wizard-buttons .k-button { margin-right: 8px; } .k-wizard-buttons .k-wizard-pager { vertical-align: middle; } .k-wizard-buttons-right .k-button:last-of-type { margin-right: 0; } .k-wizard-horizontal { -ms-flex-direction: column; flex-direction: column; } .k-wizard-horizontal .k-wizard-steps { margin-top: 32px; } .k-wizard-horizontal .k-wizard-steps, .k-wizard-horizontal .k-wizard-content { -ms-flex: 1 1 auto; flex: 1 1 auto; } .k-wizard-vertical .k-wizard-steps { -ms-flex: 1 0 0%; flex: 1 0 0%; } .k-wizard-vertical .k-wizard-content { -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; } .k-wizard-vertical .k-wizard-steps { margin-left: 32px; } .k-wizard-left { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .k-wizard-left .k-wizard-steps { margin-right: 32px; margin-left: 0; } .k-textarea { border-radius: 4px; margin: 0; border-width: 1px; border-style: solid; outline: 0; line-height: 1.42857143; box-sizing: border-box; box-shadow: none; background: none; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; vertical-align: middle; position: relative; -webkit-appearance: none; } .k-textarea::-ms-clear { display: none; } .k-textarea > .k-input { padding: 0; margin: 0; width: 100%; border: 0; outline: 0; box-sizing: border-box; color: inherit; background: none; font: inherit; display: inline-block; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-appearance: none; } .k-textarea > .k-input::-ms-clear { display: none; } .k-textarea:disabled, .k-textarea[disabled], .k-textarea.k-state-disabled { outline: none; cursor: default; opacity: 0.6; -webkit-filter: grayscale(0.1); filter: grayscale(0.1); pointer-events: none; box-shadow: none; } textarea.k-textarea { background-clip: padding-box; padding: 4px 8px; width: 18em; min-height: calc(1.42857143em + 10px); display: inline-block; resize: both; } .k-textarea > .k-input { background-clip: padding-box; padding: 4px 8px; width: 18em; min-height: calc(1.42857143em + 10px); overflow-y: auto; resize: both; } .k-textbox-container > .k-textarea, .k-floating-label-container > .k-textarea { -ms-flex: 1 1 auto; flex: 1 1 auto; width: auto; } .k-ie .k-textarea > .k-input { background-clip: border-box; } .k-ie textarea.k-textarea { background-clip: border-box; } .k-editor { border-style: solid; border-width: 1px; font-size: 100%; vertical-align: top; position: relative; } .k-editor > .k-content, .k-editor iframe.k-content, .k-editor .k-editor-content { margin: 0; padding: 0; width: 100%; height: 100%; border: 0; box-sizing: border-box; background: none; display: block; } table.k-editor { width: 100%; height: 250px; table-layout: fixed; border-collapse: separate; border-spacing: 0; } table.k-editor tbody, table.k-editor tr, table.k-editor td { border-color: inherit; } table.k-editor .k-editable-area { color: black; background: white; } .k-editor-inline { padding: 0.3em 0.5em; background: none; word-wrap: break-word; overflow: auto; position: relative; } .k-editor-inline.k-editor { border: 1px solid transparent; } .k-window.k-editor-widget { min-height: 0; } .editorToolbarWindow { padding: 4px 4px; font-size: 14px; display: -ms-flexbox; display: flex; -ms-flex-line-pack: start; align-content: flex-start; } .editorToolbarWindow .k-editor-toolbar { padding: 0; border-width: 0; background: none; } .k-editortoolbar-dragHandle { margin: 0 4px 0 0; padding: 0; position: relative; cursor: move; display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-align: center; align-items: center; } .k-editor-toolbar { border-width: 0 0 1px 0; border-color: inherit; } .k-editor-toolbar .k-tool-group .k-widget ~ .k-widget { -webkit-margin-start: 4px; margin-inline-start: 4px; } .k-editor-toolbar .k-tool-group > .k-tool { padding: 4px; width: calc(1.4285714286em + 10px); height: calc(1.4285714286em + 10px); } .k-editor-toolbar .k-tool-text { display: none; } .k-editor-toolbar .k-overflow-tools { margin: 0; border-color: inherit; visibility: hidden; position: absolute; top: 0; right: 0; bottom: 0; } .k-editor-toolbar .k-overflow-anchor { position: relative; } .k-editor-toolbar .k-break, .k-editor-toolbar .k-row-break { display: block; height: 1px; font-size: 0; line-height: 0; } .k-editor-toolbar .k-editor-export .k-icon { margin-right: 0.25em; margin-top: -0.25em; } .k-editable-area { width: 100%; height: 100%; outline: 0; } .k-resizable .k-editable-area { padding-bottom: 16px; } .k-editor .k-raw-content, .k-editor-dialog .k-editor-textarea { font-size: inherit; font-family: consolas, "courier new", monospace; } .k-editor-dialog { padding: 1em; width: 400px; } .k-editor-dialog .k-edit-label { width: 25%; } .k-editor-dialog .k-edit-field { width: 66%; } .k-editor-dialog .k-edit-field .k-textbox { width: 96%; } .k-filebrowser-dialog { width: auto; min-width: 350px; } .k-filebrowser-dialog .k-filebrowser { margin: 0 1em 0; } .k-filebrowser-dialog .k-edit-label { width: 18%; } .k-filebrowser-dialog .k-edit-field { width: 75%; } .k-filebrowser-dialog .k-edit-field .k-textbox { width: 70%; } #k-editor-image-width, #k-editor-image-height { width: 5em; } .k-editor-dialog .k-button { display: inline-block; } .k-button-wrapper .k-link:hover { text-decoration: underline; } .k-ct-popup { width: 180.4px; padding: 0.65em 0.5em 0.5em; } .k-ct-popup .k-button { width: 100%; } .k-ct-popup .k-status { margin: 0.3em 0; } .k-ct-popup .k-ct-cell { border-width: 1px; border-style: solid; width: 18px; height: 18px; margin: 1px; vertical-align: top; display: inline-block; overflow: hidden; pointer-events: all; -ms-high-contrast-adjust: none; } .k-editor .k-resize-handle { padding: 0; position: absolute; right: 0; bottom: 0; cursor: se-resize; } .k-editor .k-resize-handle .k-icon { vertical-align: bottom; } .k-editor .k-overlay { position: absolute; background-color: #fff; opacity: 0; } .k-editor-inline .k-element-resize-handle-wrapper { position: absolute; width: 5px; height: 5px; background-color: #fff; border: 1px solid #000; z-index: 100; } .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle { width: 100%; height: 100%; } .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-east { cursor: e-resize; } .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-north { cursor: n-resize; } .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-northeast { cursor: ne-resize; } .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-northwest { cursor: nw-resize; } .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-south { cursor: s-resize; } .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-southeast { cursor: se-resize; } .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-southwest { cursor: sw-resize; } .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-west { cursor: w-resize; } .k-editor-inline .k-column-resize-handle-wrapper { position: absolute; height: 10px; width: 10px; cursor: col-resize; z-index: 2; } .k-editor-inline .k-column-resize-handle-wrapper .k-column-resize-handle { width: 100%; height: 100%; } .k-editor-inline .k-column-resize-handle-wrapper .k-column-resize-handle .k-column-resize-marker { width: 2px; height: 100%; margin: 0 auto; background-color: #00b0ff; display: none; opacity: 0.8; } .k-editor-inline .k-table { width: 100%; border-spacing: 0; margin: 0 0 1em; } .k-editor-inline .k-table, .k-editor-inline .k-table td { outline: 0; border: 1px dotted #ccc; } .k-editor-inline .k-table td { min-width: 1px; padding: 0.2em 0.3em; } .k-table.k-element-resizing { opacity: 0.6; } .k-editor-inline .k-row-resize-handle-wrapper { position: absolute; z-index: 2; cursor: row-resize; width: 10px; height: 10px; } .k-editor-inline .k-row-resize-handle-wrapper .k-row-resize-handle { display: table; width: 100%; height: 100%; } .k-editor-inline .k-row-resize-handle-wrapper .k-row-resize-marker-wrapper { display: table-cell; width: 100%; height: 100%; margin: 0; padding: 0; vertical-align: middle; } .k-editor-inline .k-row-resize-handle-wrapper .k-row-resize-marker { display: none; margin: 0; padding: 0; width: 100%; height: 2px; background-color: #00b0ff; opacity: 0.8; } .k-viewhtml-dialog { width: 100%; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-align: stretch; align-items: stretch; } .k-viewhtml-dialog .k-editor-textarea { margin: 1em; padding: 0.17857143em 0.17857143em; width: calc(100% - 2em); height: 100%; border-width: 1px; border-style: solid; box-sizing: border-box; font: inherit; font-family: consolas, monospace; -ms-flex-positive: 1; flex-grow: 1; overflow: auto; resize: none; } .k-viewhtml-dialog .k-edit-buttons { text-align: right; border-width: 1px 0 0; border-style: solid; position: relative; bottom: -1em; padding: 0.6em; } .k-viewhtml-dialog .k-edit-buttons .k-button { margin-right: 0.5em; } .k-editor-dialog.k-editor-table-wizard-dialog.k-window-content { overflow: hidden; min-width: 325px; width: 24em; padding: 1em 0; } .k-editor-dialog .k-edit-form-container { width: auto; } .k-editor-dialog .k-tabstrip { margin: -1.333em 0 0; } .k-editor-dialog .k-root-tabs { margin: -1em -1em -1.5em; padding: 0.5em 1em 0; border-width: 0; } .k-editor-dialog ul.k-tabstrip-items { padding: 0.5em 1em 0; border-width: 0 0 1px; border-style: solid; } .k-editor-dialog ul.k-tabstrip-items .k-loading { border-top-width: 0; } .k-editor-dialog .k-tabstrip:focus { box-shadow: none; } .k-editor-dialog.k-editor-table-wizard-dialog .k-tabstrip-wrapper .k-content { overflow: hidden; min-height: 440px; height: 35em; margin: 0; padding: 1em 0.5em 0; border-width: 0; } .k-editor-dialog .k-edit-field .k-numerictextbox { width: 10.6em; margin: 0 0.35714285em 0 0; } .k-editor-dialog.k-editor-table-wizard-dialog .k-edit-field .k-numerictextbox + .k-dropdown { width: 4em; } .k-editor-dialog.k-editor-table-wizard-dialog .k-edit-field .k-textbox, .k-editor-dialog.k-editor-table-wizard-dialog .k-edit-field .k-dropdown { width: 15em; } .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdown { width: 5.35714285em; } .k-editor-dialog textarea.k-textbox { height: 14.28571428em; } .k-editor-dialog textarea.k-textbox.k-editor-accessibility-summary { height: auto; } .k-editor-dialog.k-editor-table-wizard-dialog .k-dropdown.k-align { width: 4em; } .k-popup.k-list-container.k-align { padding: 0; text-align: center; } .k-align-group { vertical-align: text-top; } .k-popup.k-align .k-list .k-item { display: inline-block; width: 2.57142857em; height: 2.57142857em; margin: 0; padding: 0; border: 0; border-radius: 0; } .k-popup.k-align .k-list .k-icon { vertical-align: bottom; vertical-align: -webkit-baseline-middle; } .k-popup.k-align .k-list .k-item:last-child { width: auto; display: block; border-width: 1px 0 0; border-style: solid; } .k-popup.k-align .k-list .k-item:before { width: 2.57142857em; height: 2.57142857em; line-height: 2.57142857em; } .k-editor-dialog.k-editor-table-wizard-dialog .k-edit-buttons { padding: 1em 0.8em; margin: 0.5em 0 0; } .k-appbar { padding: 8px 16px; border-width: 0px; border-style: solid; box-sizing: border-box; outline: 0; font-family: inherit; font-size: inherit; line-height: 1.42857143; list-style: none; display: -ms-flexbox; display: flex; gap: 8px; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; overflow: hidden; background-clip: padding-box; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-appbar > * { -ms-flex-negative: 0; flex-shrink: 0; } .k-appbar .k-appbar-section { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: center; align-items: center; } .k-appbar .k-appbar-spacer { -ms-flex: 1 0 auto; flex: 1 0 auto; } .k-appbar .k-appbar-spacer-sized { -ms-flex-positive: 0; flex-grow: 0; } .k-appbar .k-appbar-separator { margin: 0; width: 0; min-height: 1em; border-style: solid; border-width: 0 0 0 1px; display: inline-block; } .k-appbar-static { position: static; } .k-appbar-sticky { width: 100%; position: sticky; top: 0; z-index: 1; } .k-appbar-fixed { width: 100%; position: fixed; z-index: 1; } .k-appbar-top { top: 0; bottom: auto; } .k-appbar-bottom { top: auto; bottom: 0; } .k-appbar-bottom.k-appbar-fixed { bottom: 0; } .k-ie { background-clip: border-box; } .k-loader { position: relative; display: inline-block; vertical-align: middle; box-sizing: border-box; border-width: 0; box-shadow: none; line-height: 0; } .k-widget.k-loader { background: none; box-shadow: none; } .k-loader-canvas { position: relative; } .k-loader-segment { position: absolute; display: inline-block; } .k-loader-segment::after { content: ""; display: block; border-radius: 50%; } .k-loader-sm { padding: 3px; } .k-loader-sm .k-loader-segment::after { width: 6px; height: 6px; } .k-loader-md { padding: 5px; } .k-loader-md .k-loader-segment::after { width: 10px; height: 10px; } .k-loader-lg { padding: 10px; } .k-loader-lg .k-loader-segment::after { width: 20px; height: 20px; } .k-loader-pulsing-2 .k-loader-segment { position: relative; } .k-loader-pulsing-2 .k-loader-segment:nth-child(1) { -webkit-animation: pulsing-2-first-child 1s ease infinite; animation: pulsing-2-first-child 1s ease infinite; } .k-loader-pulsing-2 .k-loader-segment:nth-child(2) { -webkit-animation: pulsing-2-second-child 1s ease infinite; animation: pulsing-2-second-child 1s ease infinite; } .k-loader-pulsing-2.k-loader-sm .k-loader-segment:first-child { margin-right: 1.5px; } .k-loader-pulsing-2.k-loader-sm .k-loader-segment:last-child { margin-left: 1.5px; } .k-loader-pulsing-2.k-loader-md .k-loader-segment:first-child { margin-right: 2.5px; } .k-loader-pulsing-2.k-loader-md .k-loader-segment:last-child { margin-left: 2.5px; } .k-loader-pulsing-2.k-loader-lg .k-loader-segment:first-child { margin-right: 5px; } .k-loader-pulsing-2.k-loader-lg .k-loader-segment:last-child { margin-left: 5px; } .k-loader-spinner-3 .k-loader-segment:nth-child(1) { -webkit-animation: spinner-3-first-child 2s ease infinite; animation: spinner-3-first-child 2s ease infinite; } .k-loader-spinner-3 .k-loader-segment:nth-child(2) { -webkit-animation: spinner-3-second-child 2s ease infinite; animation: spinner-3-second-child 2s ease infinite; } .k-loader-spinner-3 .k-loader-segment:nth-child(3) { -webkit-animation: spinner-3-third-child 2s ease infinite; animation: spinner-3-third-child 2s ease infinite; } .k-loader-spinner-3.k-loader-sm .k-loader-canvas { width: 24px; height: 20px; } .k-loader-spinner-3.k-loader-md .k-loader-canvas { width: 40px; height: 34px; } .k-loader-spinner-3.k-loader-lg .k-loader-canvas { width: 80px; height: 65px; } .k-loader-spinner-4 .k-loader-canvas { -webkit-animation: spinner-4 1.833s ease infinite; animation: spinner-4 1.833s ease infinite; } .k-loader-spinner-4 .k-loader-segment:nth-child(1) { -webkit-animation: spinner-4-first-child 1.833s ease infinite; animation: spinner-4-first-child 1.833s ease infinite; } .k-loader-spinner-4 .k-loader-segment:nth-child(2) { -webkit-animation: spinner-4-second-child 1.833s ease infinite; animation: spinner-4-second-child 1.833s ease infinite; } .k-loader-spinner-4 .k-loader-segment:nth-child(3) { -webkit-animation: spinner-4-third-child 1.833s ease infinite; animation: spinner-4-third-child 1.833s ease infinite; } .k-loader-spinner-4 .k-loader-segment:nth-child(4) { -webkit-animation: spinner-4-fourth-child 1.833s ease infinite; animation: spinner-4-fourth-child 1.833s ease infinite; } .k-loader-spinner-4.k-loader-sm .k-loader-canvas { width: 24px; height: 24px; } .k-loader-spinner-4.k-loader-md .k-loader-canvas { width: 40px; height: 40px; } .k-loader-spinner-4.k-loader-lg .k-loader-canvas { width: 80px; height: 80px; } @-webkit-keyframes pulsing-2-first-child { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulsing-2-first-child { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes pulsing-2-second-child { 0% { -webkit-transform: scale(1.5); transform: scale(1.5); } 50% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.5); transform: scale(1.5); } } @keyframes pulsing-2-second-child { 0% { -webkit-transform: scale(1.5); transform: scale(1.5); } 50% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.5); transform: scale(1.5); } } @-webkit-keyframes spinner-3-first-child { 0% { top: 0; left: 50%; -webkit-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); } 33.3% { top: 100%; left: 0; -webkit-transform: translateX(0) translateY(-100%); transform: translateX(0) translateY(-100%); } 66.6% { top: 100%; left: 100%; -webkit-transform: translateX(-100%) translateY(-100%); transform: translateX(-100%) translateY(-100%); } 100% { top: 0; left: 50%; -webkit-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); } } @keyframes spinner-3-first-child { 0% { top: 0; left: 50%; -webkit-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); } 33.3% { top: 100%; left: 0; -webkit-transform: translateX(0) translateY(-100%); transform: translateX(0) translateY(-100%); } 66.6% { top: 100%; left: 100%; -webkit-transform: translateX(-100%) translateY(-100%); transform: translateX(-100%) translateY(-100%); } 100% { top: 0; left: 50%; -webkit-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); } } @-webkit-keyframes spinner-3-second-child { 0% { top: 100%; left: 0; -webkit-transform: translateX(0) translateY(-100%); transform: translateX(0) translateY(-100%); } 33.3% { top: 100%; left: 100%; -webkit-transform: translateX(-100%) translateY(-100%); transform: translateX(-100%) translateY(-100%); } 66.6% { top: 0; left: 50%; -webkit-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); } 100% { top: 100%; left: 0; -webkit-transform: translateX(0) translateY(-100%); transform: translateX(0) translateY(-100%); } } @keyframes spinner-3-second-child { 0% { top: 100%; left: 0; -webkit-transform: translateX(0) translateY(-100%); transform: translateX(0) translateY(-100%); } 33.3% { top: 100%; left: 100%; -webkit-transform: translateX(-100%) translateY(-100%); transform: translateX(-100%) translateY(-100%); } 66.6% { top: 0; left: 50%; -webkit-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); } 100% { top: 100%; left: 0; -webkit-transform: translateX(0) translateY(-100%); transform: translateX(0) translateY(-100%); } } @-webkit-keyframes spinner-3-third-child { 0% { top: 100%; left: 100%; -webkit-transform: translateX(-100%) translateY(-100%); transform: translateX(-100%) translateY(-100%); } 33.3% { top: 0; left: 50%; -webkit-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); } 66.6% { top: 100%; left: 0; -webkit-transform: translateX(0) translateY(-100%); transform: translateX(0) translateY(-100%); } 100% { top: 100%; left: 100%; -webkit-transform: translateX(-100%) translateY(-100%); transform: translateX(-100%) translateY(-100%); } } @keyframes spinner-3-third-child { 0% { top: 100%; left: 100%; -webkit-transform: translateX(-100%) translateY(-100%); transform: translateX(-100%) translateY(-100%); } 33.3% { top: 0; left: 50%; -webkit-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); } 66.6% { top: 100%; left: 0; -webkit-transform: translateX(0) translateY(-100%); transform: translateX(0) translateY(-100%); } 100% { top: 100%; left: 100%; -webkit-transform: translateX(-100%) translateY(-100%); transform: translateX(-100%) translateY(-100%); } } @-webkit-keyframes spinner-4-first-child { 0% { top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } 33.3% { top: 0; left: 0; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } 66.6% { top: 0; left: 0; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } 100% { top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } } @keyframes spinner-4-first-child { 0% { top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } 33.3% { top: 0; left: 0; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } 66.6% { top: 0; left: 0; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } 100% { top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } } @-webkit-keyframes spinner-4-second-child { 0% { top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } 33.3% { top: 0; left: 100%; -webkit-transform: translateX(-100%) translateY(0); transform: translateX(-100%) translateY(0); } 66.6% { top: 0; left: 100%; -webkit-transform: translateX(-100%) translateY(0); transform: translateX(-100%) translateY(0); } 100% { top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } } @keyframes spinner-4-second-child { 0% { top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } 33.3% { top: 0; left: 100%; -webkit-transform: translateX(-100%) translateY(0); transform: translateX(-100%) translateY(0); } 66.6% { top: 0; left: 100%; -webkit-transform: translateX(-100%) translateY(0); transform: translateX(-100%) translateY(0); } 100% { top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } } @-webkit-keyframes spinner-4-third-child { 0% { top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } 33.3% { top: 100%; left: 100%; -webkit-transform: translateX(-100%) translateY(-100%); transform: translateX(-100%) translateY(-100%); } 66.6% { top: 100%; left: 100%; -webkit-transform: translateX(-100%) translateY(-100%); transform: translateX(-100%) translateY(-100%); } 100% { top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } } @keyframes spinner-4-third-child { 0% { top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } 33.3% { top: 100%; left: 100%; -webkit-transform: translateX(-100%) translateY(-100%); transform: translateX(-100%) translateY(-100%); } 66.6% { top: 100%; left: 100%; -webkit-transform: translateX(-100%) translateY(-100%); transform: translateX(-100%) translateY(-100%); } 100% { top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } } @-webkit-keyframes spinner-4-fourth-child { 0% { top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } 33.3% { top: 100%; left: 0; -webkit-transform: translateX(0) translateY(-100%); transform: translateX(0) translateY(-100%); } 66.6% { top: 100%; left: 0; -webkit-transform: translateX(0) translateY(-100%); transform: translateX(0) translateY(-100%); } 100% { top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } } @keyframes spinner-4-fourth-child { 0% { top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } 33.3% { top: 100%; left: 0; -webkit-transform: translateX(0) translateY(-100%); transform: translateX(0) translateY(-100%); } 66.6% { top: 100%; left: 0; -webkit-transform: translateX(0) translateY(-100%); transform: translateX(0) translateY(-100%); } 100% { top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } } @-webkit-keyframes spinner-4 { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 33.3% { -webkit-transform: rotate(0); transform: rotate(0); } 66.6% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } } @keyframes spinner-4 { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 33.3% { -webkit-transform: rotate(0); transform: rotate(0); } 66.6% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } } .k-imageeditor { margin: 0px 0px; padding: 0px 0px; border-width: 0px; border-style: solid; box-sizing: border-box; outline: 0; font-family: inherit; font-size: inherit; line-height: 1.42857143; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-imageeditor-content { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .k-imageeditor-canvas-container { -ms-flex: 1 1 100%; flex: 1 1 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: auto; } .k-imageeditor-canvas { margin: auto; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; position: relative; } .k-imageeditor-action-pane { border-width: 1px; border-top-width: 0; border-style: solid; -ms-flex-negative: 0; flex-shrink: 0; overflow-y: auto; } .k-imageeditor-action-pane > .k-form { padding: 0 16px 32px 16px; } .k-imageeditor-crop-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .k-imageeditor-crop { width: 100%; height: 100%; border-width: 1px; border-style: dashed; box-sizing: border-box; position: absolute; } .k-imageeditor-crop .k-resize-handle { margin: 1px 1px; border-style: solid; border-width: 0px 2px 2px 0px; } .k-imageeditor-crop .k-resize-sw, .k-imageeditor-crop .k-resize-se, .k-imageeditor-crop .k-resize-nw, .k-imageeditor-crop .k-resize-ne { width: 15px; height: 15px; } .k-imageeditor-crop .k-resize-n, .k-imageeditor-crop .k-resize-s { left: calc(50% - 7.5px); width: 15px; height: 0; } .k-imageeditor-crop .k-resize-w, .k-imageeditor-crop .k-resize-e { top: calc(50% - 7.5px); width: 0; height: 15px; } .k-imageeditor-crop .k-resize-ne { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .k-imageeditor-crop .k-resize-nw { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .k-imageeditor-crop .k-resize-sw { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .k-imageeditor-crop .k-resize-n, .k-imageeditor-crop .k-resize-nw, .k-imageeditor-crop .k-resize-ne { top: 0; } .k-imageeditor-crop .k-resize-s, .k-imageeditor-crop .k-resize-sw, .k-imageeditor-crop .k-resize-se { bottom: 0; } .k-imageeditor-crop .k-resize-w, .k-imageeditor-crop .k-resize-nw, .k-imageeditor-crop .k-resize-sw { left: 0; } .k-imageeditor-crop .k-resize-e, .k-imageeditor-crop .k-resize-ne, .k-imageeditor-crop .k-resize-se { right: 0; } .k-ie .k-imageeditor-canvas { -ms-flex-direction: row; flex-direction: row; -ms-flex-item-align: start; align-self: flex-start; } .k-ie .k-imageeditor-action-pane { min-width: 200px; -ms-flex: 0 0 auto; flex: 0 0 auto; } .k-expander { border-width: 1px; border-style: solid; box-sizing: border-box; overflow: hidden; outline: 0; font-family: inherit; font-size: 14px; line-height: 1.42857143; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-clip: padding-box; } .k-rtl .k-expander .k-expander-indicator, .k-expander.k-rtl .k-expander-indicator, .k-expander[dir="rtl"] .k-expander-indicator { margin-left: 0; margin-right: 12px; } .k-expander-header { padding: 12px 16px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; cursor: pointer; } .k-expander-spacer { -ms-flex: 1 1 auto; flex: 1 1 auto; } .k-expander-title { font-weight: 500; text-transform: uppercase; } .k-expander-indicator { margin-left: 12px; } .k-expander-content { padding: 16px 16px; box-sizing: border-box; } .k-expander + .k-expander.k-expanded, .k-expander.k-expanded + .k-expander { margin-top: 8px; } .k-expander:not(.k-expanded) + .k-expander:not(.k-expanded) { border-top-width: 0; } .k-fab { padding: 0; border-width: 0; border-style: solid; border-color: transparent; box-sizing: border-box; color: inherit; background-color: transparent; font-size: inherit; line-height: 1.42857143; font-family: inherit; text-align: center; white-space: nowrap; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; cursor: pointer; outline: none; } .k-fab:focus { outline: none; } .k-fab-icon { width: 20px; height: 20px; } .k-fab-icon:not(:only-child) { margin-right: 8px; } .k-fab-sm { padding: 8px 8px; } .k-fab-md { padding: 16px 16px; } .k-fab-lg { padding: 24px 24px; } .k-fab-circle { border-radius: 50%; } .k-fab-pill { border-radius: 5rem; } .k-fab-rounded { border-radius: 4px; } .k-fab-items { margin: 0; padding: 16px 0; display: -ms-flexbox; display: flex; } .k-fab-items-bottom { -ms-flex-direction: column; flex-direction: column; } .k-fab-items-bottom .k-fab-item:last-child { margin-bottom: 0; } .k-fab-items-top { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .k-fab-items-top .k-fab-item:first-child { margin-bottom: 0; } .k-fab-item { list-style-type: none; margin-bottom: 8px; outline: none; white-space: nowrap; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; cursor: pointer; } .k-fab-item.k-text-right { -ms-flex-direction: row; flex-direction: row; } .k-fab-item.k-text-right .k-fab-item-text { margin-right: 8px; } .k-fab-item.k-text-left { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .k-fab-item.k-text-left .k-fab-item-text { margin-left: 8px; } .k-fab-item-text { padding: 4px 4px; border-width: 1px; border-radius: 2px; font-size: 10px; line-height: 1; } .k-fab-item-icon { padding: 8px 8px; border-width: 0; border-radius: 50%; box-sizing: content-box; outline: none; } .k-popup.k-fab-popup { position: absolute; border-width: 0; box-sizing: content-box; background-color: transparent; } .k-rtl .k-fab-icon:not(:only-child) { margin-right: 0; margin-left: 8px; } .k-rtl .k-fab-item.k-text-left { -ms-flex-direction: row; flex-direction: row; } .k-rtl .k-fab-item.k-text-right { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .k-actionsheet-container { width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 9999; overflow: hidden; } .k-actionsheet { padding: 0; width: 360px; max-width: 100%; max-height: 50vh; border-width: 0; border-style: solid; border-color: transparent; box-sizing: border-box; font-size: 14px; font-family: inherit; line-height: 1.42857143; overflow-x: hidden; overflow-y: auto; position: fixed; z-index: 10002; } .k-actionsheet-header { padding: 8px 16px; border-width: 0; border-bottom-width: 0; border-style: solid; border-color: transparent; box-sizing: border-box; font-size: inherit; font-family: inherit; line-height: inherit; } .k-actionsheet-items { margin: 0; padding: 0; list-style: none; } .k-actionsheet-item { padding: 0; box-sizing: border-box; } .k-actionsheet-action { margin: 0; padding: 8px 16px; min-height: 40px; box-sizing: border-box; color: inherit; text-decoration: none; outline: 0; display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-align: center; align-items: center; gap: 12px; } .k-actionsheet-item-icon { font-size: 16px; } .k-actionsheet-item-text { display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .k-actionsheet-item-title { font-weight: normal; text-transform: none; } .k-actionsheet-item-description { font-size: 0.875em; opacity: 0.75; } .k-actionsheet > .k-hr { margin: 0; border-color: inherit; } .k-actionsheet-top { border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-width: 0; border-top-width: 0; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .k-actionsheet-bottom { border-top-left-radius: 0; border-top-right-radius: 0; border-width: 0; border-bottom-width: 0; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .k-actionsheet-left { border-top-right-radius: 0; border-bottom-right-radius: 0; border-width: 0; border-left-width: 0; left: 0; top: 50%; -webkit-transform: translatey(-50%); -ms-transform: translatey(-50%); transform: translatey(-50%); } .k-actionsheet-right { border-bottom-left-radius: 0; border-top-left-radius: 0; border-width: 0; border-right-width: 0; right: 0; top: 50%; -webkit-transform: translatey(-50%); -ms-transform: translatey(-50%); transform: translatey(-50%); } .k-animation-container > .k-actionsheet { -webkit-transform: none; -ms-transform: none; transform: none; top: auto; right: auto; bottom: auto; left: auto; } .k-bottom-nav { padding: 4px 4px; width: 100%; border-width: 0; border-style: solid; border-color: transparent; box-sizing: border-box; font-size: inherit; line-height: 1.42857143; font-family: inherit; letter-spacing: 0.2px; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; white-space: nowrap; gap: 4px; overflow: hidden; outline: none; background-clip: padding-box; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-bottom-nav-border { border-width: 1px 0px 0px 0px; } .k-bottom-nav-shadow { box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.12); } .k-bottom-nav-item { padding: 0 8px; min-width: 72px; min-height: 48px; border-width: 0; border-radius: 4px; box-sizing: border-box; font: inherit; display: -ms-inline-flexbox; display: inline-flex; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; gap: 0 8px; text-decoration: none; cursor: pointer; color: inherit; background-color: inherit; border-color: inherit; outline: none; } .k-bottom-nav-item.k-state-disabled { background-color: initial; } .k-bottom-nav-item:focus { outline: none; } .k-bottom-nav-item:hover { color: inherit; text-decoration: none; } .k-bottom-nav-item-icon { font-size: 24px; } .k-bottom-nav-item-text { overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .k-bottom-nav-item-flow-horizontal .k-bottom-nav-item { -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .k-bottom-nav-item-flow-vertical .k-bottom-nav-item { -ms-flex-direction: column; flex-direction: column; } .k-bottom-nav.k-pos-fixed, .k-bottom-nav.k-pos-absolute { bottom: 0; z-index: 1; } .k-searchbox { border-radius: 4px; border-width: 1px; border-style: solid; font-family: inherit; font-size: 14px; line-height: 1.42857143; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; vertical-align: middle; -ms-flex-flow: row nowrap; flex-flow: row nowrap; position: relative; overflow: hidden; background-clip: padding-box; } .k-searchbox > .k-input { padding: 4px 8px; } .k-skeleton { display: block; } .k-skeleton-text { border-radius: 2px; -webkit-transform: scale(1, 0.6); -ms-transform: scale(1, 0.6); transform: scale(1, 0.6); } .k-skeleton-text:empty::before { content: "\00a0"; } .k-skeleton-circle { border-radius: 9999px; } @-webkit-keyframes k-skeleton-wave { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 60% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } @keyframes k-skeleton-wave { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 60% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } .k-skeleton-wave .k-skeleton, .k-skeleton-wave.k-skeleton { position: relative; overflow: hidden; } .k-skeleton-wave .k-skeleton::after, .k-skeleton-wave.k-skeleton::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-animation: k-skeleton-wave 1.6s linear 0.5s infinite; animation: k-skeleton-wave 1.6s linear 0.5s infinite; } @-webkit-keyframes k-skeleton-pulse { 0% { opacity: 1; } 50% { opacity: 0.4; } 100% { opacity: 1; } } @keyframes k-skeleton-pulse { 0% { opacity: 1; } 50% { opacity: 0.4; } 100% { opacity: 1; } } .k-skeleton-pulse .k-skeleton, .k-skeleton-pulse.k-skeleton { -webkit-animation: k-skeleton-pulse 1.5s ease-in-out 0.5s infinite; animation: k-skeleton-pulse 1.5s ease-in-out 0.5s infinite; } .k-taskboard { padding: null null; box-sizing: border-box; font-size: inherit; font-family: inherit; line-height: 1.42857143; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; position: relative; } .k-toolbar.k-taskboard-toolbar { padding: 16px 16px; border-width: 0; box-shadow: none; background: none; background-image: none; } .k-taskboard-content { padding: 0 16px 16px; display: -ms-flexbox; display: flex; position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow-x: auto; } .k-taskboard-columns-container { outline: none; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; overflow: hidden; gap: 16px; overflow-x: visible; } .k-taskboard-column { width: 320px; border-width: 1px; border-radius: 4px; border-style: solid; outline: none; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; } .k-taskboard-column-header { padding: 8px 8px; font-weight: 500; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; gap: 4px; } .k-taskboard-column-header-actions { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-item-align: start; align-self: flex-start; gap: 8px; } .k-taskboard-column-cards-container { padding: 0 8px; outline: none; overflow: auto; margin-bottom: 8px; -ms-flex: 1 1 auto; flex: 1 1 auto; } .k-taskboard-column-cards { padding: 0 0; min-height: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 8px 0; } .k-taskboard-column-new { max-height: calc(2em + 16px); } .k-taskboard-column-new .k-taskboard-column-header, .k-taskboard-column-edit .k-taskboard-column-header { font-weight: inherit; } .k-taskboard-column-new .k-taskboard-column-header-text, .k-taskboard-column-edit .k-taskboard-column-header-text { -ms-flex: 1 1 100%; flex: 1 1 100%; } .k-taskboard-column-new .k-textbox, .k-taskboard-column-edit .k-textbox { width: 100%; } .k-taskboard-pane { padding: 16px 16px; width: 320px; border-width: 1px; border-style: solid; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; position: absolute; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 2; gap: 16px; } .k-taskboard-pane-header { font-weight: 500; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; } .k-taskboard-pane-header-text { word-break: break-word; } .k-taskboard-pane-header-actions { -ms-flex-item-align: start; align-self: flex-start; -ms-flex-negative: 0; flex-shrink: 0; } .k-taskboard-pane-content { margin: 0 -16px; padding: 0 16px; overflow: auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .k-taskboard-pane-actions { padding: 0 0; } .k-taskboard-pane-start { right: auto; left: 0; } .k-taskboard-card { border-radius: 4px; border-width: 1px; } .k-taskboard-card.k-taskboard-card-category { border-left-width: 4px; } .k-rtl .k-taskboard-card.k-taskboard-card-category, .k-taskboard-card.k-taskboard-card-category.k-rtl, [dir="rtl"] .k-taskboard-card.k-taskboard-card-category, .k-taskboard-card.k-taskboard-card-category[dir="rtl"] { border-left-width: 1px; border-right-width: 4px; } .k-taskboard-card .k-card-header .k-card-body, .k-taskboard-card .k-card-footer { padding: 16px 16px; } .k-taskboard-card .k-card-header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .k-taskboard-card .k-card-title { margin: 0; font-size: inherit; font-weight: inherit; word-break: break-word; } .k-taskboard-card .k-card-title:focus, .k-taskboard-card .k-card-title.k-state-focus, .k-taskboard-card .k-card-title:hover, .k-taskboard-card .k-card-title.k-state-hover { text-decoration: underline; } .k-taskboard-card .k-card-header-actions { -ms-flex-item-align: start; align-self: flex-start; } .k-taskboard-drag-placeholder { border-radius: 4px; border-width: 1px; border-style: solid; position: relative; } .k-ie .k-taskboard-column:not(:last-child) { margin-right: 16px; } .k-ie .k-rtl .k-taskboard-column:not(:last-child) { margin-right: 0; margin-left: 16px; } .k-ie .k-taskboard-column-cards-container { margin-bottom: 3 * 8px; } .k-ie .k-taskboard-column-cards > .k-taskboard-card:not(:last-child) { margin-bottom: 8px; } .k-ie .k-taskboard-column-header-actions > .k-button:not(:last-child) { margin-right: 8px; } .k-ie .k-rtl .k-taskboard-column-header-actions > .k-button:not(:last-child) { margin-right: 0; margin-left: 8px; } .k-scheduler-layout-flex { overflow: auto; } .k-scheduler-layout-flex .k-scheduler-head { position: sticky; top: 0; z-index: 3; } .k-scheduler-layout-flex .k-scheduler-body { position: relative; } .k-scheduler-layout-flex .k-scheduler-head, .k-scheduler-layout-flex .k-scheduler-body { display: -ms-flexbox; display: flex; -ms-flex: 100%; flex: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; } .k-scheduler-yearview .k-scheduler-body { padding: 12px 12px; -ms-flex-pack: center; justify-content: center; } .k-scheduler-yearview .k-calendar { width: 100%; border-width: 0; } .k-scheduler-yearview .k-calendar .k-calendar-view { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; } .k-scheduler-yearview .k-calendar .k-content { -ms-flex: 0; flex: 0; } .k-scheduler-yearview .k-calendar .k-month-header { font-size: inherit; font-weight: bold; opacity: 1; } .k-scheduler-yearview .k-calendar .k-link { position: relative; } .k-scheduler-yearview .k-calendar td.k-state-selected { background-color: inherit; } .k-scheduler-yearview .k-day-indicator { width: 3px; height: 3px; border-radius: 50%; position: absolute; top: calc(100% - 0.5em); left: calc(50% - 1.5px); } .k-scheduler-tooltip { padding: 8px 8px; color: inherit; } .k-scheduler-tooltip .k-tooltip-title { margin-bottom: 4px; } .k-scheduler-tooltip .k-tooltip-title .k-month { font-size: 12px; text-transform: uppercase; } .k-scheduler-tooltip .k-tooltip-title .k-day { font-size: 24px; } .k-scheduler-tooltip .k-tooltip-events-container { overflow: auto; } .k-scheduler-tooltip .k-tooltip-events { max-height: 250px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 4px; } .k-scheduler-tooltip .k-tooltip-event { padding: 4px 8px; border-radius: 2px; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-align: center; align-items: center; position: relative; gap: 4px; } .k-scheduler-tooltip .k-tooltip-event .k-event-time { display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; font-size: inherit; } .k-ie .k-scheduler-tooltip .k-tooltip-event:not(:last-child) { margin-bottom: 4px; } @font-face { font-family: "DejaVu Sans"; src: url("fonts/DejaVu/DejaVuSans.ttf?v=1.1") format("truetype"); } @font-face { font-family: "DejaVu Sans"; font-weight: bold; src: url("fonts/DejaVu/DejaVuSans-Bold.ttf?v=1.1") format("truetype"); } @font-face { font-family: "DejaVu Sans"; font-style: italic; src: url("fonts/DejaVu/DejaVuSans-Oblique.ttf?v=1.1") format("truetype"); } @font-face { font-family: "DejaVu Sans"; font-weight: bold; font-style: italic; src: url("fonts/DejaVu/DejaVuSans-BoldOblique.ttf?v=1.1") format("truetype"); } @font-face { font-family: "DejaVu Serif"; src: url("fonts/DejaVu/DejaVuSerif.ttf?v=1.1") format("truetype"); } @font-face { font-family: "DejaVu Serif"; font-weight: bold; src: url("fonts/DejaVu/DejaVuSerif-Bold.ttf?v=1.1") format("truetype"); } @font-face { font-family: "DejaVu Serif"; font-style: italic; src: url("fonts/DejaVu/DejaVuSerif-Italic.ttf?v=1.1") format("truetype"); } @font-face { font-family: "DejaVu Serif"; font-weight: bold; font-style: italic; src: url("fonts/DejaVu/DejaVuSerif-BoldItalic.ttf?v=1.1") format("truetype"); } @font-face { font-family: "DejaVu Mono"; src: url("fonts/DejaVu/DejaVuSansMono.ttf?v=1.1") format("truetype"); } @font-face { font-family: "DejaVu Mono"; font-weight: bold; src: url("fonts/DejaVu/DejaVuSansMono-Bold.ttf?v=1.1") format("truetype"); } @font-face { font-family: "DejaVu Mono"; font-style: italic; src: url("fonts/DejaVu/DejaVuSansMono-Oblique.ttf?v=1.1") format("truetype"); } @font-face { font-family: "DejaVu Mono"; font-weight: bold; font-style: italic; src: url("fonts/DejaVu/DejaVuSansMono-BoldOblique.ttf?v=1.1") format("truetype"); } .kendo-pdf-hide-pseudo-elements:before, .kendo-pdf-hide-pseudo-elements:after { display: none !important; } .k-pdf-export sub, .k-pdf-export sup { display: inline-block; } /* COPYRIGHT 2017 Panton Incorporated All rights reserved. This copyright notice is Copyright Management Information under 17 USC 1202 and is included to protect this work and deter copyright infringement. Removal or alteration of this Copyright Management Information without the express written permission of Panton Incorporated is prohibited, and any such unauthorized removal or alteration will be a violation of federal law. */ /* ---------------------------------------------- -----------------Site Dialogue --------------- ---------------------------------------------- */ #btnDialogWindowLink, #btnDialogWindowOK, #btnDialogWindowYes, #btnDialogWindowNo, #btnDialogWindowCancel, #btnDialogWindowIgnore { margin: 7px; width: 90px; padding: 1px; } /*.sp-dialogIcon { background-image: url(../Images/sprites.png); float: left; width: 60px; height: 60px; padding-right:5px; vertical-align:top; }*/ .sp-button > img { vertical-align: middle; } .sp-icon { margin: 0 4px 0 -3px; padding-bottom: 3px; display: inline-block; overflow: hidden; background-repeat: no-repeat; font-size: 0; line-height: 0; text-indent: -3333px; text-align: center; vertical-align: middle; background-color: transparent; } .sp-bottom-button { width: 80px; margin: 15px; } .sp-question-icon, .sp-password-icon, .sp-warning-icon, .sp-error-icon, .sp-info-icon { background-image: url(../Images/sprites.png); width: 48px; height: 48px; } .sp-question-icon { background-position: -48px -18px; } .sp-password-icon { background-position: -51px -68px; } .sp-warning-icon { background-position: 0 -66px; } .sp-error-icon { background-position: -95px -18px; } .sp-info-icon { background-position: 0 -18px; } /*Use http://spritepad.wearekiss.com/ to edit sprites.png, easy to use.*/ .sp-add-icon,.sp-edit-icon, .sp-save-icon, .sp-delete-icon, .sp-refresh-icon, .sp-table-select-column-icon, .sp-save-settings-icon, .sp-lock-icon, .sp-noaccess-icon, .sp-user-icon, .sp-printer-icon, .sp-transparent-icon { background-image: url(../Images/sprites.png); width: 16px; height: 16px; } .sp-add-icon { background-position: -89px 0; } .sp-edit-icon { background-position: -144px -38px; } .sp-save-icon { background-position: 0px 0px; } .sp-delete-icon { background-position: -36px 0; } .sp-refresh-icon { background-position: -53px 0; } .sp-table-select-column-icon { background-position: -70px 0; } .sp-save-settings-icon { background-position: -18px 0; } .sp-lock-icon { background-position: -127px 0; } .sp-noaccess-icon { background-position: -109px 0; } .sp-printer-icon { background-position: -143px -18px; } .sp-user-icon { background-position: -144px 0; } .sp-transparent-icon { background-position: -38px -63px; } .sp-toolbar-button { border: none !important; margin: 0px !important; height: 26px; line-height: 26px; cursor: pointer; padding-top: 0px; color: black; } .sp-toolbar-label { color: black; vertical-align: middle; } /* ---------------------------------------------- -----------------Busy Indicator--------------- ---------------------------------------------- */ #fixedBusyIndicator{ color:white; height: 100%; margin: 0px; position: fixed; text-align:center; width: 100%; z-index: 2147483646; } #animationWrapper{ background:rgba(64,65,66,0.7); left: 0; height: 50px; position: fixed; top: 0; width: 100%; } #fixedBusyIndicator img{ float:left; margin-left:35%; margin-top: 7px; } #isBusyContentText{ float: left; margin-left:10px; margin-top: 12px; } #fixedBusyIndicator-overlay{ background-color: #000000; bottom:0; display:none; left:0; right:0; height: 100%; margin: 0px; opacity: 0.5; position: fixed; top:50px; width: 100%; z-index: 2147483646; } #loading-overlay { position: fixed; width: 100%; height: 100%; margin: 0px; background-color: #000; opacity: 0.5; z-index: 2147483646; } #loading-message { position: absolute; color: black; width: 200px; height: 50px; line-height: 50px; background-color: whitesmoke; text-align: center; font-size: 1.2em; left: 50%; top: 50%; margin-left: -100px; margin-top: -50px; border-style: solid; border-color: navy; border-width: 2px; border-radius: 10px; box-shadow: 5px 5px 15px gray; z-index: 2147483647; } /* COPYRIGHT 2017 Panton Incorporated All rights reserved. This copyright notice is Copyright Management Information under 17 USC 1202 and is included to protect this work and deter copyright infringement. Removal or alteration of this Copyright Management Information without the express written permission of Panton Incorporated is prohibited, and any such unauthorized removal or alteration will be a violation of federal law. */ .ui-widget { /*the font-family here should be set to the same as the site.css body font-family*/ font-family: Verdana,Arial,sans-serif; font-size: 100%; } /* COPYRIGHT 2017 Panton Incorporated All rights reserved. This copyright notice is Copyright Management Information under 17 USC 1202 and is included to protect this work and deter copyright infringement. Removal or alteration of this Copyright Management Information without the express written permission of Panton Incorporated is prohibited, and any such unauthorized removal or alteration will be a violation of federal law. */ /*#region Override values from theme */ .k-state-selected, .k-list > .k-state-selected, .k-list > .k-state-focused, .k-list > .k-state-highlight, .k-panelbar > .k-state-selected, .k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover { background: #fef9d8; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZjlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iI2ZkZWNiMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iI2ZmZDQ1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY4YjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fef9d8 0%, #fdecb0 48%, #ffd45f 52%, #f6f8b7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fef9d8), color-stop(48%,#fdecb0), color-stop(52%,#ffd45f), color-stop(100%,#f6f8b7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fef9d8 0%,#fdecb0 48%,#ffd45f 52%,#f6f8b7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fef9d8 0%,#fdecb0 48%,#ffd45f 52%,#f6f8b7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fef9d8 0%,#fdecb0 48%,#ffd45f 52%,#f6f8b7 100%); /* IE10+ */ background: linear-gradient(to bottom, #fef9d8 0%,#fdecb0 48%,#ffd45f 52%,#f6f8b7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef9d8', endColorstr='#f6f8b7',GradientType=0 ); /* IE6-8 */ border: solid 0px #ffe28e; color: black; background-color: #ffe28e; } .k-button:active { border-width: 1px; } .k-block, .k-header, .k-grid-header, .k-toolbar, .k-grouping-header, .k-pager-wrap, .k-button, .k-draghandle { background: #e9f1fe; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5ZjFmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iI2NiZTJmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iI2E0YzhmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkN2YxZmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #e9f1fe 0%, #cbe2ff 48%, #a4c8f2 52%, #d7f1fb 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9f1fe), color-stop(48%,#cbe2ff), color-stop(52%,#a4c8f2), color-stop(100%,#d7f1fb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e9f1fe 0%,#cbe2ff 48%,#a4c8f2 52%,#d7f1fb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e9f1fe 0%,#cbe2ff 48%,#a4c8f2 52%,#d7f1fb 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e9f1fe 0%,#cbe2ff 48%,#a4c8f2 52%,#d7f1fb 100%); /* IE10+ */ background: linear-gradient(to bottom, #e9f1fe 0%,#cbe2ff 48%,#a4c8f2 52%,#d7f1fb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f1fe', endColorstr='#d7f1fb',GradientType=0 ); /* IE6-8 */ } .ui-widget-header .ui-state-default, .k-widget .k-dropdown-wrap, .k-widget .k-picker-wrap, .k-widget .k-numeric-wrap, .k-textbox, .k-autocomplete.k-header, .k-autocomplete.k-state-focused, span.k-dropdown-wrap.k-state-active, span.k-picker-wrap.k-state-active, .k-picker-wrap.k-state-focused, .k-picker-wrap.k-state-focused:hover, span.k-numeric-wrap.k-state-active, .k-numeric-wrap.k-state-focused, .k-numeric-wrap.k-state-focused:hover, .k-window-titlebar.k-header, ul.k-tabstrip-items > li.k-item.k-state-default { background: #e9f1fe; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5ZjFmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iI2NiZTJmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iI2E0YzhmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkN2YxZmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #e9f1fe 0%, #cbe2ff 48%, #a4c8f2 52%, #d7f1fb 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9f1fe), color-stop(48%,#cbe2ff), color-stop(52%,#a4c8f2), color-stop(100%,#d7f1fb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e9f1fe 0%,#cbe2ff 48%,#a4c8f2 52%,#d7f1fb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e9f1fe 0%,#cbe2ff 48%,#a4c8f2 52%,#d7f1fb 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e9f1fe 0%,#cbe2ff 48%,#a4c8f2 52%,#d7f1fb 100%); /* IE10+ */ background: linear-gradient(to bottom, #e9f1fe 0%,#cbe2ff 48%,#a4c8f2 52%,#d7f1fb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f1fe', endColorstr='#d7f1fb',GradientType=0 ); /* IE6-8 */ background-color: #7ec6e3; } .ui-tabs-active.ui-state-active, .k-menu .k-state-active, .k-menu .k-state-active:hover, .k-draghandle:hover, .k-state-hover, .k-state-hover:hover, .k-splitbar-horizontal-hover:hover, .k-splitbar-vertical-hover:hover, .k-list > .k-state-hover, .k-marquee, .k-pager-wrap .k-link:hover, .k-dropdown .k-state-focused, .k-button:hover, .k-autocomplete.k-state-hover, .k-picker-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-dropdown-wrap.k-state-hover, .k-combobox > .k-state-focused.k-state-hover, ul.k-tabstrip-items > li.k-item.k-state-active { background: #fef9d8; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZjlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iI2ZkZWNiMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iI2ZmZDQ1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY4YjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fef9d8 0%, #fdecb0 48%, #ffd45f 52%, #f6f8b7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fef9d8), color-stop(48%,#fdecb0), color-stop(52%,#ffd45f), color-stop(100%,#f6f8b7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fef9d8 0%,#fdecb0 48%,#ffd45f 52%,#f6f8b7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fef9d8 0%,#fdecb0 48%,#ffd45f 52%,#f6f8b7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fef9d8 0%,#fdecb0 48%,#ffd45f 52%,#f6f8b7 100%); /* IE10+ */ background: linear-gradient(to bottom, #fef9d8 0%,#fdecb0 48%,#ffd45f 52%,#f6f8b7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef9d8', endColorstr='#f6f8b7',GradientType=0 ); /* IE6-8 */ color: black; background-color: #ffe28e; } .k-state-selected > .k-link { color: black; } div.k-tabstrip.k-header { background: white; background-color: white; } .k-window-titlebar.k-header { border: 10px; padding-top: 5px; padding-bottom: 5px; } .k-state-focused, .k-button:focus, .k-grouping-row .k-state-focused { background: #fef9d8; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZjlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iI2ZkZWNiMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iI2ZmZDQ1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY4YjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fef9d8 0%, #fdecb0 48%, #ffd45f 52%, #f6f8b7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fef9d8), color-stop(48%,#fdecb0), color-stop(52%,#ffd45f), color-stop(100%,#f6f8b7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fef9d8 0%,#fdecb0 48%,#ffd45f 52%,#f6f8b7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fef9d8 0%,#fdecb0 48%,#ffd45f 52%,#f6f8b7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fef9d8 0%,#fdecb0 48%,#ffd45f 52%,#f6f8b7 100%); /* IE10+ */ background: linear-gradient(to bottom, #fef9d8 0%,#fdecb0 48%,#ffd45f 52%,#f6f8b7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef9d8', endColorstr='#f6f8b7',GradientType=0 ); /* IE6-8 */ } .k-tooltip { background-color: rgb(252, 127, 127); background: rgb(252, 127, 127); text-align: left; white-space: nowrap; } .ui-widget-header, .k-group, td.k-group-cell, .k-toolbar, .k-pager-wrap, .k-grid-footer, .k-footer-template td, .k-widget .k-status, .k-calendar th, .k-dropzone-hovered, .k-upload-files { background-color: #ffffff; background: #ffffff; } .k-grouping-header, .k-group-footer td, .k-grouping-row td { } /*.k-icon { background-image: url("/Content/BlueOpal/sprite.png"); }*/ .k-loading-image { background-image: url("/Content/BlueOpal/loading-image.gif"); } .ui-widget-content { background-image: url("/Content/images/ui-bg_flat_75_ffffff_40x100.png"); } .ui-tabs .ui-tabs-panel { padding-top: 0.5em; padding-left: 0.5em; padding-right: 0.5em; padding-bottom: 0px; } /*#endregion */ /* COPYRIGHT 2017 Panton Incorporated All rights reserved. This copyright notice is Copyright Management Information under 17 USC 1202 and is included to protect this work and deter copyright infringement. Removal or alteration of this Copyright Management Information without the express written permission of Panton Incorporated is prohibited, and any such unauthorized removal or alteration will be a violation of federal law. */ .k-state-selected, .k-list > .k-state-selected, .k-list > .k-state-focused, .k-list > .k-state-highlight, .k-panelbar > .k-state-selected, .k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-block, .k-header, .k-grid-header, .k-toolbar, .k-grouping-header, .k-pager-wrap, .k-button, .k-draghandle, .ui-widget-header .ui-state-default, .k-widget .k-dropdown-wrap, .k-widget .k-picker-wrap, .k-widget .k-numeric-wrap, .k-textbox, .k-autocomplete.k-header, .k-autocomplete.k-state-focused, span.k-dropdown-wrap.k-state-active, span.k-picker-wrap.k-state-active, .k-picker-wrap.k-state-focused, .k-picker-wrap.k-state-focused:hover, span.k-numeric-wrap.k-state-active, .k-numeric-wrap.k-state-focused, .k-numeric-wrap.k-state-focused:hover, .k-window-titlebar.k-header, ul.k-tabstrip-items > li.k-item.k-state-default, .ui-tabs-active.ui-state-active, .k-menu .k-state-active, .k-menu .k-state-active:hover, .k-draghandle:hover, .k-state-hover, .k-state-hover:hover, .k-splitbar-horizontal-hover:hover, .k-splitbar-vertical-hover:hover, .k-list > .k-state-hover, .k-marquee, .k-pager-wrap .k-link:hover, .k-dropdown .k-state-focused, .k-button:hover, .k-autocomplete.k-state-hover, .k-picker-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-dropdown-wrap.k-state-hover, .k-combobox > .k-state-focused.k-state-hover, ul.k-tabstrip-items > li.k-item.k-state-active, .k-state-focused, .k-grouping-row .k-state-focused, .menu-toolbar { filter: none; }