/* Minification failed. Returning unminified contents. (4125,12): run-time error CSS1036: Expected expression, found '!important' (7600,38): run-time error CSS1046: Expect comma, found '0' (7600,42): run-time error CSS1046: Expect comma, found '/' (7600,72): run-time error CSS1046: Expect comma, found '0' (7600,76): run-time error CSS1046: Expect comma, found '/' */ /*! jQuery UI - v1.9.2 - 2013-01-12 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 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-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-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; overflow: auto !important;} .ui-autocomplete { position: absolute; top: 0; left: 0; 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: .5em 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;background-color: slategray;} .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:100%;background-color: white;} .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; top: 0; left: 0; width: 300px; overflow: hidden;background-color: white;border: solid 1px;border-color: lightgray;} .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;background-color: #f5f5f5;font-size: 1.2em;border-bottom: solid 1px #ccc;} .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0;font-family: Arial; } .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; padding: .5em 1em; 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-slider { position: relative; text-align: left;background-color: white;border: 1px solid darkgrey;} .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;} .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*/ /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: none; background: #e5e5e5; font-weight: normal; color: #555555; padding-left: 5px; padding-right: 5px;} .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; 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; background: #dadada url(/Content/themes/smoothness/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121; text-decoration: none; } .ui-state-active, .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(/Content/themes/smoothness/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(/Content/themes/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(/Content/themes/smoothness/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .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(/Content/themes/smoothness/images/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(/Content/themes/smoothness/images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(/Content/themes/smoothness/images/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(/Content/themes/smoothness/images/ui-icons_888888_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/Content/themes/smoothness/images/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon {background-image: url(/Content/themes/smoothness/images/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(/Content/themes/smoothness/images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/Content/themes/smoothness/images/ui-icons_cd0a0a_256x240.png); } /* 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 ----------------------------------*/ /* Overlays */ .ui-widget-overlay {background: black; opacity: .3;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/Content/themes/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } html { background-color: white; margin: 0; padding: 0; } body { background-color: #fff; color: #333; font-size: .85em; font-family: 'Segoe UI',Tahoma,Helvetica,Sans-Serif; margin: 0; padding: 0; } ul { list-style-type: none; } .submitFont { font-size: 15pt; font-weight: 600; } .preformatted { font-family: monospace; white-space: pre; } .headerForPage { float: left; margin-top: 10px; width: 100%; margin-bottom: 10px; } .projectHoverOn { background-color: lightsteelblue; } .rowHoverTable tbody tr:hover { background: lightgray; } .dashboardHeader { width: 100%; font-size: 1.5em; background-color: lightgray; /* padding: 10px; */ padding-top: 5px; padding-bottom: 5px; } .wordwrap { white-space: pre-wrap; /* CSS3 */ white-space: -moz-pre-wrap; /* Firefox */ white-space: -pre-wrap; /* Opera <7 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* IE */ word-break: break-all; } .ribbon { background-color: rgb(231, 236, 239); border: 1px solid; border-color: rgb(231, 236, 239); height: 70px; overflow: auto; white-space: nowrap; } .ribbonIcon { height: 35px; width: 35px; } .ribbonMargin { margin-left: 10px; float: left; height: 70px; border-left: 1px solid; border-color: lightgray; } .search_init { width: 90%; } .userIM:hover { background-color:darkgray; } .hoverTable { background-color: steelblue; } .calendarValue{} .projectHoverOut { background: none; } .mainViewForm { margin-left: 15px; } .popupDialog { background-color: white; /*z-index: 305;*/ } a, img { border:none; } .display-label { font-weight: bold; font-size: 10pt; } .display-field { font-size: 10pt; margin-bottom: 5px; height: 20px; } .textAlign { text-align: left; } .grids { font-size: 10pt; } .handCursor { cursor: pointer; } .boldFont { font-weight: bold; } .fontForHide { font: normal 9pt 'Segoe UI' } .positionForMenuHide { position: absolute; top: 5px; right: 10px; } .positionOfMenuHidePanel { position: absolute; top: 0px; right: 10px; } .dimensionsOfMenuHidePanel { height: 7px; width: 70px; } .backgroundColorMenuHidePanel { background-color: rgb(81, 81, 81); } .classForHolidayCalendarHighlight a.ui-state-default { background: red; border-color: red; } .classForExpiryCalendarHighlight a.ui-state-default { background: rgb(18, 120, 199); border-color: rgb(18, 120, 199); } .classForExpiryCalendarHighlightMultiple a.ui-state-default { background: rgb(0, 201, 11); border-color: rgb(0, 201, 11); } .zerototwenty a.ui-state-default { background: limegreen; border-color: limegreen; } .twentytoforty a.ui-state-default { background: greenyellow; border-color: greenyellow; } .fortytosixty a.ui-state-default { background: yellow; border-color: yellow; } .sixtytoeighty a.ui-state-default { background: orange; border-color: orange; } .eighttoonehundred a.ui-state-default { background: red; border-color: red; } .eventLink{} /* HOVER STYLES */ div#pop-up { padding: 10px; } .hourlyProjectColor { background-color: lightcoral; } a { color: #333; outline: none; padding-left: 3px; padding-right: 3px; text-decoration: underline; } a:link, a:visited, a:active, a:hover { color: #333; } /* a:hover { background-color: #c7d1d6; } */ header, footer, hgroup, nav, section { display: block; } mark { background-color: #a6dbed; padding-left: 5px; padding-right: 5px; } .float-left { float: left; } .float-right { float: right; } .clear-fix:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } h1, h2, h3, h4, h5, h6 { color: #000; margin-bottom: 0; padding-bottom: 0; } h1 { font-size: 2em; } h2 { font-size: 1.75em; } h3 { font-size: 1.2em; } h4 { font-size: 1.1em; } h5, h6 { font-size: 1em; } h5 a:link, h5 a:visited, h5 a:active { padding: 0; text-decoration: none; } /* main layout ----------------------------------------------------------*/ .content-wrapper { margin: 0 auto; max-width: 100%; } #body { background-color: white; clear: both; padding-bottom: 35px; margin-top: 30px; } .main-content { padding: 10px; margin-left: 155px; } .featured + .main-content { background: url("/Images/heroAccent.png") no-repeat; } header .content-wrapper { position: fixed; height: 30px; top: 0; width: 100%; z-index: 500; background-color: white; } .search1Button { background-image: url("/Images/search.png"); background-size: 15px 15px; } .addButton { background-image: url("/Images/plus-icon.png"); background-size: 15px 15px; } .categoryContextMenu { background-image: url("/Images/categoryIcon.png"); background-size: 15px 15px; } .editReportGroupButton { background-image: url("/Images/editIcon.png"); background-size: 15px 15px; } .dashboardIcon { background-image: url("/Images/heroAccent.png"); } .homeIcon { background-image: url("/Images/homeIcon.png"); background-size: 15px 15px; } .copyJobIcon { background-image: url("/Images/copyJob.png"); background-size: 15px 15px; } .detailsAssetIcon { background-image: url("/Images/detailsasset.png"); background-size: 15px 15px; } .deleteIcon { background-image: url("/Images/deleteIcon.png"); background-size: 15px 15px; } .highlightIconForAddPartial { background-image: url("/Images/highlight.png"); background-size: 15px 15px; } .selectIconForAddPartial { background-image: url("/Images/selectIcon.png"); background-size: 15px 15px; } .deselectIconForAddPartial { background-image: url("/Images/deleteIcon.png"); background-size: 15px 15px; } .reportingIcon { background-image: url("/Images/reporting.png"); background-size: 15px 15px; } .inoutboardIcon { background-image: url("/Images/hideMenuIcon.png"); background-size: 15px 15px; } .searchIcon { background-image: url("/Images/search.png"); background-size: 15px 15px; } .pooledJobIconMain { background-image: url("/Images/job.png"); background-size: 15px 15px; } .alertIcon { background-image: url("/Images/alert.png"); background-size: 20px 20px; } .holidayIcon { background-image: url("/Images/stat2.png"); background-size: 15px 15px; } .mainHolidayIcon { background-image: url("/Images/statHolidayIcon2.png"); background-size: 15px 15px; } .systemIcon { background-image: url("/Images/system.png"); background-size: 15px 15px; } .invoiceIcon { background-image: url("/Images/rateIcon.png"); background-size: 15px 15px; } .timeOffTypeIcon { background-image: url("/Images/timeOffTypeIcon.png"); background-size: 15px 15px; } .customerIcon { background-image: url("/Images/customers.png"); background-size: 15px 15px; } .jqueryTabIconCalendar { background-image: url("/Images/appointment.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconTree { background-image: url("/Images/workflow.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconSchedule { background-image: url("/Images/scheduleChart.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconItems { background-image: url("/Images/listIcon.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconLogs { background-image: url("/Images/auditTab.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconComparisons { background-image: url("/Images/comparisons.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconAllInventory { background-image: url("/Images/inventory.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconJobMaterialOrders { background-image: url("/Images/workorder.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconTimeOff { background-image: url("/Images/stat2.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconResources { background-image: url("/Images/resourcesIcon.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconReports { background-image: url("/Images/reportDocument.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconSummary { background-image: url("/Images/template.png"); background-size: 20px 20px; background-repeat: no-repeat; } .mini-card-thirdpartyservices-icon { background-image: url("/Images/vendorSideNav.png"); background-size: 50px 50px; background-repeat: no-repeat; } .mini-card-hourcategory-icon { background-image: url("/Images/jobSideNav.png"); background-size: 50px 50px; background-repeat: no-repeat; } .mini-card-trainingexpiry-icon { background-image: url("/Images/safetySideNav.png"); background-size: 50px 50px; background-repeat: no-repeat; } .mini-card-pendingworkcalendar-icon { background-image: url("/Images/scheduleSideNav.png"); background-size: 50px 50px; background-repeat: no-repeat; } .mini-card-project-revenue-icon { background-image: url("/Images/PriceRateSheetIcon.png"); background-size: 50px 50px; background-repeat: no-repeat; } .mini-card-topprojects-icon { background-image: url("/Images/projectSideNav.png"); background-size: 50px 50px; background-repeat: no-repeat; } .mini-card-workorderstatus-icon { background-image: url("/Images/timesheetSideNav.png"); background-size: 50px 50px; background-repeat: no-repeat; } .mini-card-myopenworkorders-icon { background-image: url("/Images/mygroups.png"); background-size: 50px 50px; background-repeat: no-repeat; } .mini-card-unassigned-icon { background-image: url("/Images/adminSideNav.png"); background-size: 50px 50px; background-repeat: no-repeat; } .jqueryTabIconMyDetails { background-image: url("/Images/mygroups.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconSafety { background-image: url("/Images/safety.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconGeneralForms { background-image: url("/Images/reportDocument.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconPurchaseOrdersProjectGroup { background-image: url("/Images/purchaseOrder.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconQuotesProjectGroup { background-image: url("/Images/quoteIcon.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconSalesOrderProjectGroup { background-image: url("/Images/PriceRateSheetIcon.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconInvoice { background-image: url("/Images/PriceRateSheetIcon.png"); background-size: 25px 25px; background-repeat: no-repeat; } .jqueryTabIconTimeSheetMain { background-image: url("/Images/appointment.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconComments { background-image: url("/Images/comments.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconChangeOrders { background-image: url("/Images/editIcon.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconExpenses { background-image: url("/Images/rateIcon.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconZones { background-image: url("/Images/poigroup.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconTrainingLocation { background-image: url("/Images/trainingIcon.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconAuditForProject { background-image: url("/Images/highlight.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconCustomers { background-image: url("/Images/customers.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconInvoices { background-image: url("/Images/rateIcon.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconSummaryExcludePriceSheets { background-image: url("/Images/pieChartStats.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconLocations { background-image: url("/Images/locations2.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconWorkOrder { background-image: url("/Images/workorder.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconMaterial { background-image: url("/Images/inventory.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconPricing { background-image: url("/Images/1432512873_cash.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconFiles { background-image: url("/Images/attachments.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconFilesAlt { background-image: url("/Images/attachments.png"); background-size: 20px 20px; background-repeat: no-repeat; filter: hue-rotate(180deg); } .jqueryTabIconFilesAlt2 { background-image: url("/Images/attachments.png"); background-size: 20px 20px; background-repeat: no-repeat; filter: hue-rotate(270deg); } .jqueryTabIconWaste { background-image: url("/Images/trash.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconRecurringForDetails { background-image: url("/Images/forwardIconSch.png"); background-size: 20px 20px; background-repeat: no-repeat; } .unassignedJobsTabIcon { background-image: url("/Images/alert.png"); background-size: 20px 20px; background-repeat: no-repeat; } .unsentJobsTabIcon { background-image: url("/Images/sendIm.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconShift{ background-image: url("/Images/shiftIcon.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconAudit{ background-image: url("/Images/auditTab.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconSettings{ background-image: url("/Images/system.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconNotes{ background-image: url("/Images/editIcon.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryChartsIconSafety{ background-image: url("/Images/reporting.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryProjectGroupForRateSheet{ background-image: url("/Images/reportFolder.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryMapIconSafety{ background-image: url("/Images/highlightlocation.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTodayIconWO{ background-image: url("/Images/Calendar-icon.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jquery7DaysIconWO{ background-image: url("/Images/shiftIcon.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryCalendarIconWO{ background-image: url("/Images/appointment.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTimesheetIconWO{ background-image: url("/Images/workorders.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryEquipmentIcon{ background-image: url("/Images/equipment2.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryServicesIcon{ background-image: url("/Images/jobSideNav.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryWorkTypes{ background-image: url("/Images/comparisons.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryEquipmentModels{ background-image: url("/Images/pattern.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryMasterListIconWO{ background-image: url("/Images/listIcon.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryStatusIcon{ background-image: url("/Images/categoryIcon.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryWeekIntervalIcon { background-image: url("/Images/statHolidayIcon2.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryServicesDefaultIcon { background-image: url("/Images/comparisons.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryCustomersListIcon { background-image: url("/Images/customersSideNav.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryDataFlowsIcon{ background-image: url("/Images/dualarrow.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryCourierIcon{ background-image: url("/Images/assetsIcon.png"); background-size: 20px 20px; background-repeat: no-repeat; } .related-customers-icon{ background-image: url("/Images/assetgroup.png"); background-size: 20px 20px; background-repeat: no-repeat; } .billing-icon { background-image: url("/Images/billing-icon.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryPunchClockListIconWO{ background-image: url("/Images/timeOffTypeIcon.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryIdleResources{ background-image: url("/Images/resourcesIcon.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryAddWebFormDevice{ background-image: url("/Images/equipment2.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTrainingListQuickAdd{ background-image: url("/Images/addIcon.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryCalendar{ background-image: url("/Images/appointment.png"); background-size: 20px 20px; background-repeat: no-repeat; } .addIconAddPartial{ background-image: url("/Images/addIcon.png"); background-size: 25px 25px; background-repeat: no-repeat; } .addIconMapAddPartial{ background-image: url("/Images/poimarker.png"); background-size: 25px 25px; background-repeat: no-repeat; } .mapPOIIcon{ background-image: url("/Images/poimarker.png"); background-size: 20px 20px; background-repeat: no-repeat; } .addIconMapCustLocationDetails{ background-image: url("/Images/poimarker.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryGridIconSafety{ background-image: url("/Images/listIcon.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryGridIconReviews{ background-image: url("/Images/workorders.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconTraining{ background-image: url("/Images/trainingIcon.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconServices{ background-image: url("/Images/contacts.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconVendorContacts { background-image: url("/Images/contacts_V2.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconTimeOff{ background-image: url("/Images/stat2.png"); background-size: 20px 20px; background-repeat: no-repeat; } .clearGroupCrew{ background-image: url("/Images/MobileBack.png"); background-size: 15px 15px; background-repeat: no-repeat; } .jqueryTabIconRestrictions{ background-image: url("/Images/restrictions.png"); background-size: 20px 20px; background-repeat: no-repeat; } .sidenavnamecompanylogo{ background-image: url("/Config/Logos/Nylus-Logo-8.png"); background-size: 110px 40px; background-repeat: no-repeat; margin-left: 20px; } .sidenavnamecompanylogoopennav{ background-image: url("/Images/LogoNew_V3.png"); background-size: 20px 30px; background-repeat: no-repeat; margin-left: 20px; } .sidenavnamecompanylogoIconBar{ background-image: url("/Images/LogoNew_V3.png"); background-size: 20px 40px; background-repeat: no-repeat; margin-left: 10px; } .jqueryTabIconJobHistory { background-image: url("/Images/job.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconPreRequisites { background-image: url("/Images/dispatchSelectIcon.png"); background-size: 20px 20px; background-repeat: no-repeat; } .jqueryTabIconVendor { background-image: url("/Images/vendorSideNav.png"); background-size: 20px 20px; background-repeat: no-repeat; } .toolbarHelpIcon { background-image: url("/Images/helpToolbarIcon.png"); background-size: 20px 20px; background-repeat: no-repeat; } .toolbarHelpIconLegacyMenu { background-image: url("/Images/helpToolbarIcon.png"); background-size: 15px 15px; } .toolbarSideNavHome { background-image: url("/Images/homeSideNav.png"); background-size: 18px 18px; background-repeat: no-repeat; -moz-background-position-y: 8px; -o-background-position-y: 8px; background-position-y: 8px; -moz-background-position-x: 10px; -o-background-position-x: 10px; background-position-x: 10px; } .scheduleSideNavMainIcon { background-image: url("/Images/scheduleSideNav.png"); background-size: 18px 18px; background-repeat: no-repeat; -moz-background-position-y: 8px; -o-background-position-y: 8px; background-position-y: 8px; -moz-background-position-x: 10px; -o-background-position-x: 10px; background-position-x: 10px; } .toolbarSideNavAdmin { background-image: url("/Images/adminSideNav.png"); background-size: 18px 18px; background-repeat: no-repeat; -moz-background-position-y: 8px; -o-background-position-y: 8px; background-position-y: 8px; -moz-background-position-x: 10px; -o-background-position-x: 10px; background-position-x: 10px; } .toolbarSideNavTimeSheet { background-image: url("/Images/timesheetSideNav2.png"); background-size: 18px 18px; background-repeat: no-repeat; -moz-background-position-y: 8px; -o-background-position-y: 8px; background-position-y: 8px; -moz-background-position-x: 10px; -o-background-position-x: 10px; background-position-x: 10px; } .toolbarSideNavContacts { background-image: url("/Images/contacts_V2.png"); background-size: 18px 18px; background-repeat: no-repeat; -moz-background-position-y: 8px; -o-background-position-y: 8px; background-position-y: 8px; -moz-background-position-x: 10px; -o-background-position-x: 10px; background-position-x: 10px; } .toolbarSideNavSignOff { background-image: url("/Images/signOff.png"); background-size: 18px 18px; background-repeat: no-repeat; -moz-background-position-y: 8px; -o-background-position-y: 8px; background-position-y: 8px; -moz-background-position-x: 10px; -o-background-position-x: 10px; background-position-x: 10px; } .toolbarSideNavWorkOrder { background-image: url("/Images/timesheetSideNav.png"); background-size: 18px 18px; background-repeat: no-repeat; -moz-background-position-y: 8px; -o-background-position-y: 8px; background-position-y: 8px; -moz-background-position-x: 10px; -o-background-position-x: 10px; background-position-x: 10px; } .toolbarSideNavApproval { background-image: url("/Images/approval.png"); background-size: 18px 18px; background-repeat: no-repeat; -moz-background-position-y: 8px; -o-background-position-y: 8px; background-position-y: 8px; -moz-background-position-x: 10px; -o-background-position-x: 10px; background-position-x: 10px; } .toolbarSideNavLocations { background-image: url("/Images/assetSideNav.png"); background-size: 15px 20px; background-repeat: no-repeat; -moz-background-position-y: 8px; -o-background-position-y: 8px; background-position-y: 8px; -moz-background-position-x: 10px; -o-background-position-x: 10px; background-position-x: 10px; } .toolbarSideNavAsset { background-image: url("/Images/inventorySideNav.png"); background-size: 15px 15px; background-repeat: no-repeat; -moz-background-position-y: 8px; -o-background-position-y: 8px; background-position-y: 8px; -moz-background-position-x: 10px; -o-background-position-x: 10px; background-position-x: 10px; } .toolbarSideNavEquipment { background-image: url("/Images/equipment2.png"); background-size: 18px 25px; background-repeat: no-repeat; -moz-background-position-y: 8px; -o-background-position-y: 8px; background-position-y: 8px; -moz-background-position-x: 10px; -o-background-position-x: 10px; background-position-x: 10px; } .toolbarSideNavCustomer { background-image: url("/Images/customersSideNav.png"); background-size: 18px 18px; background-repeat: no-repeat; -moz-background-position-y: 8px; -o-background-position-y: 8px; background-position-y: 8px; -moz-background-position-x: 10px; -o-background-position-x: 10px; background-position-x: 10px; } .toolbarSideNavVendor { background-image: url("/Images/vendorSideNav.png"); background-size: 18px 18px; background-repeat: no-repeat; -moz-background-position-y: 8px; -o-background-position-y: 8px; background-position-y: 8px; -moz-background-position-x: 10px; -o-background-position-x: 10px; background-position-x: 10px; } .toolbarSideNavWorkFlow { background-image: url("/Images/workflow.png"); background-size: 18px 18px; background-repeat: no-repeat; -moz-background-position-y: 8px; -o-background-position-y: 8px; background-position-y: 8px; -moz-background-position-x: 10px; -o-background-position-x: 10px; background-position-x: 10px; } .toolbarSideNavSchedule { background-image: url("/Images/scheduleSideNav.png"); background-size: 18px 18px; background-repeat: no-repeat; -moz-background-position-y: 8px; -o-background-position-y: 8px; background-position-y: 8px; -moz-background-position-x: 10px; -o-background-position-x: 10px; background-position-x: 10px; } .toolbarSideNavScheduleIconBar { background-image: url("/Images/scheduleSideNav.png"); background-size: 20px 20px; background-repeat: no-repeat; -moz-background-position-y: 8px; -o-background-position-y: 8px; background-position-y: 8px; -moz-background-position-x: 10px; -o-background-position-x: 10px; background-position-x: 10px; } .toolbarSideNavSafety { background-image: url("/Images/safetySideNav.png"); background-size: 18px 18px; background-repeat: no-repeat; -moz-background-position-y: 8px; -o-background-position-y: 8px; background-position-y: 8px; -moz-background-position-x: 10px; -o-background-position-x: 10px; background-position-x: 10px; } .toolbarSideNavServiceCalls { background-image: url("/Images/phone.png"); background-size: 18px 18px; background-repeat: no-repeat; -moz-background-position-y: 8px; -o-background-position-y: 8px; background-position-y: 8px; -moz-background-position-x: 10px; -o-background-position-x: 10px; background-position-x: 10px; } .toolbarSideNavPayRoll { background-image: url("/Images/payroll.png"); background-size: 18px 18px; background-repeat: no-repeat; -moz-background-position-y: 8px; -o-background-position-y: 8px; background-position-y: 8px; -moz-background-position-x: 10px; -o-background-position-x: 10px; background-position-x: 10px; } .toolbarSideNavPriceRateSheet { background-image: url("/Images/PriceRateSheetIcon.png"); background-size: 18px 18px; background-repeat: no-repeat; -moz-background-position-y: 8px; -o-background-position-y: 8px; background-position-y: 8px; -moz-background-position-x: 10px; -o-background-position-x: 10px; background-position-x: 10px; } .toolbarSideNavIntegration { background-image: url("/Images/dualarrow.png"); background-size: 18px 18px; background-repeat: no-repeat; -moz-background-position-y: 8px; -o-background-position-y: 8px; background-position-y: 8px; -moz-background-position-x: 10px; -o-background-position-x: 10px; background-position-x: 10px; } .toolbarSideNavDevelopment { background-image: url("/Images/forwardIconSch.png"); background-size: 18px 18px; background-repeat: no-repeat; -moz-background-position-y: 8px; -o-background-position-y: 8px; background-position-y: 8px; -moz-background-position-x: 10px; -o-background-position-x: 10px; background-position-x: 10px; } .toolbarSideNavPurchaseorder { background-image: url("/Images/purchaseOrder.png"); background-size: 18px 18px; background-repeat: no-repeat; -moz-background-position-y: 8px; -o-background-position-y: 8px; background-position-y: 8px; -moz-background-position-x: 10px; -o-background-position-x: 10px; background-position-x: 10px; } .toolbarSideNavHazardWasteDisposal { background-image: url("/Images/hazard-icon.png"); background-size: 18px 18px; background-repeat: no-repeat; -moz-background-position-y: 8px; -o-background-position-y: 8px; background-position-y: 8px; -moz-background-position-x: 10px; -o-background-position-x: 10px; background-position-x: 10px; } .toolbarSideNavQuote { background-image: url("/Images/quoteIcon.png"); background-size: 18px 18px; background-repeat: no-repeat; -moz-background-position-y: 8px; -o-background-position-y: 8px; background-position-y: 8px; -moz-background-position-x: 10px; -o-background-position-x: 10px; background-position-x: 10px; } .toolbarSideNavResources { background-image: url("/Images/resourcesSideNav.png"); background-size: 18px 18px; background-repeat: no-repeat; -moz-background-position-y: 8px; -o-background-position-y: 8px; background-position-y: 8px; -moz-background-position-x: 10px; -o-background-position-x: 10px; background-position-x: 10px; } .toolbarSideNavJob { background-image: url("/Images/jobSideNav.png"); background-size: 18px 18px; background-repeat: no-repeat; -moz-background-position-y: 8px; -o-background-position-y: 8px; background-position-y: 8px; -moz-background-position-x: 10px; -o-background-position-x: 10px; background-position-x: 10px; } .toolbarSideNavProject { background-image: url("/Images/projectSideNav.png"); background-size: 18px 18px; background-repeat: no-repeat; -moz-background-position-y: 8px; -o-background-position-y: 8px; background-position-y: 8px; -moz-background-position-x: 10px; -o-background-position-x: 10px; background-position-x: 10px; } .toolbarLegalIcon { background-image: url("/Images/courthouse.png"); background-size: 25px 25px; background-repeat: no-repeat; } .toolbarServiceCallIcon { background-image: url("/Images/phone.png"); background-size: 25px 25px; background-repeat: no-repeat; } .toolbarSearchIcon { background-image: url("/Images/searchIconMainToolbar.png"); background-size: 20px 20px; background-repeat: no-repeat; } .editGridIcon { background-image: url("/Images/editIcon_V2.png"); background-size: 16px 16px; margin-top: 3px; background-repeat: no-repeat; } .previewGridIcon { background-image: url("/Images/searchIconMainToolbar.png"); background-size: 18px 18px; margin-top: 3px; background-repeat: no-repeat; } .auditGridIcon { background-image: url("/Images/auditGridIcon.png"); background-size: 18px 18px; margin-top: 3px; background-repeat: no-repeat; } .previewWOJobDetailsGridIcon { background-image: url("/Images/searchIconMainToolbar.png"); background-size: 20px 20px; background-repeat: no-repeat; } .pdfLayoutIcon { background-image: url("/Images/pdfLayout.png"); background-size: 20px 20px; background-repeat: no-repeat; } .pdfAddWebForm { background-image: url("/Images/pdfFile.png"); background-size: 20px 20px; background-repeat: no-repeat; } .downloadcsvLayoutIcon { background-image: url("/Images/timesheetSideNav.png"); background-size: 20px 20px; background-repeat: no-repeat; } .photo-job-details-icon { background-image: url("/Images/uploadPhoto.png"); background-size: 20px 15px; background-repeat: no-repeat; } .resetGridIcon { background-image: url("/Images/resetIcon.png"); background-size: 18px 18px; background-repeat: no-repeat; } .sendEmailGridIcon { background-image: url("/Images/sendIconEmail.png"); background-size: 22px 22px; background-repeat: no-repeat; } .sendEmailGridMessageHistoryIcon { background-image: url("/Images/sendIconEmail.png"); background-size: 28px 25px; background-repeat: no-repeat; } .detailsGridIcon { background-image: url("/Images/detailIcon_V2.png"); background-size: 16px 4px; margin-top: 10px; background-repeat: no-repeat; } .deleteGridIcon { background-image: url("/Images/deleteIcon_V2.png"); background-size: 18px 18px; margin-top: 2px; background-repeat: no-repeat; } .toolbarPooledJobIcon { background-image: url("/Images/pooledJobsMainIcon.png"); background-size: 20px 20px; background-repeat: no-repeat; } .toolbarApprovalIcon { background-image: url("/Images/approval.png"); background-size: 20px 20px; background-repeat: no-repeat; } .trainingIcon { background-image: url("/Images/trainingIcon.png"); background-size: 15px 15px; } .ratesIcon { background-image: url("/Images/rateIcon.png"); background-size: 15px 15px; } .gpsAllIcon { background-image: url("/Images/customers.png"); background-size: 15px 15px; } .gpsAllLayerIcon { background-image: url("/Images/filesMobile.png"); background-size: 15px 15px; } .gpsAllLayerItemIcon { background-image: url("/Images/routesMobile.png"); background-size: 15px 15px; } .mobileMenuIcon { background-image: url("/Images/filesMobile.png"); background-size: 15px 15px; } .itemMenusIcon { background-image: url("/Images/auditGridIcon.png"); background-size: 15px 15px; } .gpsResourceIcon { background-image: url("/Images/gpsTruck1.png"); background-size: 15px 15px; } .shiftsIcon { background-image: url("/Images/shiftIcon.png"); background-size: 15px 15px; } .workHoursIcon { background-image: url("/Images/workHoursIcon.png"); background-size: 15px 15px; } .workHoursIconBig { background-image: url("/Images/workHoursIcon.png"); background-size: 20px 20px; } .webFormsIcon { background-image: url("/Images/workOrders.png"); background-size: 15px 15px; } .workOrderIcon { background-image: url("/Images/workOrder.png"); background-size: 15px 15px; } .projectIcon { background-image: url("/Images/workorders.png"); background-size: 15px 15px; } .powerSheetIcon { background-image: url("/Images/wizard.png"); background-size: 15px 15px; } .instantMessageIcon { background-image: url("/Images/instantMessage.png"); background-size: 15px 15px; } .dispatchIcon { background-image: url("/Images/dispatch.png"); background-size: 15px 15px; } .selectForMessagingIcon { background-image: url("/Images/sendIconEmail.png"); background-size: 15px 15px; } .historyIconMobileAssetListView { background-image: url("/Images/detailsasset.png"); background-size: 15px 15px; } .resourcesIconMobileAssetListView { background-image: url("/Images/resourcesIcon.png"); background-size: 15px 15px; } .addLocationIconMobileAssetListView { background-image: url("/Images/highlightlocation.png"); background-size: 15px 15px; } .detailsGeoFenceIconMobileAssetListView { background-image: url("/Images/detailsAsset.png"); background-size: 15px 15px; } .sendToListView { background-image: url("/Images/forwardIconSch.png"); background-size: 15px 15px; } .dispatchContextMenuItem { background-image: url("/Images/dispatch.png"); background-size: 15px 15px; } .deleteGeoFenceIconMobileAssetListView { background-image: url("/Images/deleteIcon.png"); background-size: 15px 15px; } .generalGPSShowRoute { background-image: url("/Images/gpsTruck2.png"); background-size: 15px 15px; } .sendSMSIconMobileAssetListView { background-image: url("/Images/ImMobile.png"); background-size: 15px 15px; } .downloadWorkOrderIcon { background-image: url("/Images/zipfile.png"); background-size: 15px 15px; } .createInvoiceIcon { background-image: url("/Images/addIcon.png"); background-size: 15px 15px; } .copyQuickSchedulerIcon { background-image: url("/Images/copyJob.png"); background-size: 15px 15px; } .nylus-go-to-week-icon { background-image: url("/Images/scheduleSideNav.png"); background-size: 15px 15px; } .contextMenuReviewIcon { background-image: url("/Images/workorders.png"); background-size: 15px 15px; } .toAddressReviewIcon { background-image: url("/Images/dualarrow.png"); background-size: 15px 15px; } .downloadPDFIcon{ background-image: url("/Images/pdfFile.png"); background-size: 15px 15px; } .woSignIcon { background-image: url("/Images/signOff.png"); background-size: 15px 15px; } .unprocessWorkOrderIcon { background-image: url("/Images/deleteIcon.png"); background-size: 15px 15px; } .autoPopulateContextMenuIcon { background-image: url("/Images/filesMobile.png"); background-size: 15px 15px; } .auditTabContextMenuIcon { background-image: url("/Images/auditTab.png"); background-size: 15px 15px; } .processWorkOrderIcon { background-image: url("/Images/checkmark.png"); background-size: 15px 15px; } .popOutIcon { background-image: url("/Images/popout.png"); background-size: 15px 15px; } .editProjectIcon { background-image: url("/Images/editIcon.png"); background-size: 15px 15px; } .uploadDocumentIcon { background-image: url("/Images/checkmark.png"); background-size: 15px 15px; } .alertIcon { background-image: url("/Images/alert.png"); background-size: 15px 15px; } .poiIcon { background-image: url("/Images/pointofinterest.png"); background-size: 15px 15px; } .resourcesIcon { background-image: url("/Images/resourcesIcon.png"); background-size: 15px 15px; } .resourcesClassIcon { background-image: url("/Images/resourceClassificationIcon2.png"); background-size: 15px 15px; } .quickSchedulerAddCategoryIcon { background-image: url("/Images/categoryIcon.png"); background-size: 15px 15px; } .resourcesGroupIcon { background-image: url("/Images/resourceLocationIcon.png"); background-size: 15px 15px; } .resourcesRestrictionIcon { background-image: url("/Images/restrictions.png"); background-size: 15px 15px; } .changePasswordIcon { background-image: url("/Images/changePasswordIcon.png"); background-size: 15px 15px; } .userSettingsIcon { background-image: url("/Images/mygroups.png"); background-size: 15px 15px; } .legalIcon { background-image: url("/Images/Legal.png"); background-size: 15px 15px; } .manageAssetsIcon { background-image: url("/Images/assetsIcon.png"); background-size: 15px 15px; } .manageStaticAssetsIcon { background-image: url("/Images/homeIcon.png"); background-size: 15px 15px; } .manageStaticEquipmentIcon { background-image: url("/Images/equipment2.png"); background-size: 15px 15px; } .manageInventoryIcon { background-image: url("/Images/inventory.png"); background-size: 15px 15px; } .logoutIcon { background-image: url("/Images/logoutIcon.png"); background-size: 15px 15px; } .importIcon { background-image: url("/Images/import.png"); background-size: 15px 15px; } .safetyIcon { background-image: url("/Images/safety.png"); background-size: 15px 15px; } .reportingDataIcon { background-image: url("/Images/reportingdata.png"); background-size: 15px 15px; } .iconCrewGroup { background-image: url("/Images/groups.png"); background-size: 15px 15px; } .addWebFormPreview { background-image: url("/Images/goToCurrent.png"); background-size: 15px 15px; margin-right: 5px; } .addWebFormCreate { background-image: url("/Images/checkmark.png"); background-size: 15px 15px; margin-right: 5px; } .addButtonForToolbar { background-image: url("/Images/addIcon.png"); background-size: 15px 15px; margin-right: 5px; } .newInventoryItemForToolbar { background-image: url("/Images/inventory.png"); background-size: 15px 15px; margin-right: 5px; } .allAvailableResourcesToolbar { background-image: url("/Images/system.png"); background-size: 15px 15px; margin-right: 5px; } .availableResourcesToolbar { background-image: url("/Images/checkmark.png"); background-size: 15px 15px; margin-right: 5px; } .busyResourcesToolbar { background-image: url("/Images/alert.png"); background-size: 15px 15px; margin-right: 5px; } .resetGridForToolbar { background-image: url("/Images/MobileBack.png"); background-size: 15px 15px; margin-right: 5px; } .sendSMSForToolbar { background-image: url("/Images/sendIm.png"); background-size: 15px 15px; margin-right: 5px; } .expandForToolbar { background-image: url("/Images/expand.png"); background-size: 15px 15px; margin-right: 5px; } .bulkUpdateForToolbar { background-image: url("/Images/editIcon.png"); background-size: 15px 15px; margin-right: 5px; } .aboutIcon { background-image: url("/Images/about.png"); background-size: 15px 15px; } .archiveIcon { background-image: url("/Images/archive.png"); background-size: 15px 15px; } .weekPreviousIcon { background-image: url("/Images/previousIconSch.png"); background-size: 15px 15px; margin-left: 5px; margin-right: 5px; } .resourcesToolbarMobileAssetIcon { background-image: url("/Images/resourcesIcon.png"); background-size: 15px 15px; margin-left: 5px; margin-right: 5px; } .jobsToolbarMobileAssetIcon { background-image: url("/Images/listIcon.png"); background-size: 15px 15px; margin-left: 5px; margin-right: 5px; } .safetyToolbarMobileAssetIcon { background-image: url("/Images/safety.png"); background-size: 15px 15px; margin-left: 5px; margin-right: 5px; } .locationsToolbarMobileAssetIcon { background-image: url("/Images/locations2.png"); background-size: 15px 15px; margin-left: 5px; margin-right: 5px; } .customersToolbarMobileAssetIcon { background-image: url("/Images/customers.png"); background-size: 15px 15px; margin-left: 5px; margin-right: 5px; } .searchToolbarMobileAssetIcon { background-image: url("/Images/search.png"); background-size: 15px 15px; margin-left: 5px; margin-right: 5px; } .patternIcon { background-image: url("/Images/pattern.png"); background-size: 15px 15px; margin-left: 5px; margin-right: 5px; } .generalFormsIcon { background-image: url("/Images/reportDocument.png"); background-size: 15px 15px; margin-left: 5px; margin-right: 5px; } .crewTopMenuIcon { background-image: url("/Images/resourcesSideNav.png"); background-size: 15px 15px; margin-left: 5px; margin-right: 5px; } .taxesIcon { background-image: url("/Images/auditTab.png"); background-size: 15px 15px; margin-left: 5px; margin-right: 5px; } .chargeIcon { background-image: url("/Images/rateIcon.png"); background-size: 15px 15px; margin-left: 5px; margin-right: 5px; } .vendorSideNavIcon { background-image: url("/Images/vendorSideNav.png"); background-size: 15px 15px; margin-left: 5px; margin-right: 5px; } .dayPreviousIcon { background-image: url("/Images/dayPreviousIconSch.png"); background-size: 15px 15px; margin-left: 5px; margin-right: 5px; } .dayForwardIcon { background-image: url("/Images/dayForwardIconSch.png"); background-size: 15px 15px; margin-left: 5px; margin-right: 5px; } .mapPOIQSIcon { background-image: url("/Images/poimarker.png"); background-size: 15px 15px; margin-left: 5px; margin-right: 5px; } .mapRouteQSIcon { background-image: url("/Images/routesMobile.png"); background-size: 15px 15px; margin-left: 5px; margin-right: 5px; } .weekForwardIcon { background-image: url("/Images/forwardIconSch.png"); background-size: 15px 15px; margin-left: 5px; margin-right: 5px; } .resourcesIconScheduleToolbar { background-image: url("/Images/resourcesIcon.png"); background-size: 15px 15px; margin-left: 5px; margin-right: 5px; } .dispatchIconScheduleToolbar { background-image: url("/Images/dispatch.png"); background-size: 15px 15px; margin-left: 5px; margin-right: 5px; } .deleteIconScheduleToolbar { background-image: url("/Images/deleteIcon.png"); background-size: 15px 15px; margin-left: 5px; margin-right: 5px; } .highlightScheduleToolbar { background-image: url("/Images/highlight.png"); background-size: 15px 15px; margin-left: 5px; margin-right: 5px; } .addJobScheduleToolbar { background-image: url("/Images/addIcon.png"); background-size: 16px 16px; margin-left: 5px; margin-right: 5px; } .listJobsToolbar { background-image: url("/Images/listIcon.png"); background-size: 16px 16px; margin-left: 5px; margin-right: 5px; } .mapMobileToolbar { background-image: url("/Images/highlightlocation.png"); background-size: 16px 16px; margin-left: 5px; margin-right: 5px; } .selectScheduleToolbar { background-image: url("/Images/dispatchSelectIcon.png"); background-size: 15px 15px; margin-left: 5px; margin-right: 5px; } .resourceSelectToolbar { background-image: url("/Images/selectIcon.png"); background-size: 15px 15px; margin-left: 5px; margin-right: 5px; } .sendScheduleToolbar { background-image: url("/Images/sendIm.png"); background-size: 15px 15px; margin-left: 5px; margin-right: 5px; } .pageHeaderSafetyIcon { background-image: url("/Images/safety.png"); background-size: 50px 50px; margin-left: 5px; margin-right: 5px; display: inline-block; width: 50px; height: 50px; overflow: hidden; background-repeat: no-repeat; font-size: 0; line-height: 0; text-align: center; background-color: transparent; float: left; margin-left: 10px; margin-top: 8px; } .statisticsIcon { background-image: url("/Images/pieChartStats.png"); background-size: 15px 15px; margin-left: 5px; margin-right: 5px; } .legendIcon { background-image: url("/Images/legendIconSch.png"); background-size: 15px 15px; margin-left: 5px; margin-right: 5px; } .goToCurrentIcon { background-image: url("/Images/goToCurrent.png"); background-size: 15px 15px; margin-left: 5px; margin-right: 5px; } .clearFilterIcon { background-image: url("/Images/clearFilterIconSch.png"); background-size: 15px 15px; margin-left: 5px; margin-right: 5px; } .pageHeaderFont { font-size: 2em; font-weight: 600; margin-right: 15px; font-family: Segoe UI; font-weight: lighter; } .legalHeaderFont { font-size: 1.5em; font-weight: 600; margin-right: 15px; font-family: Segoe UI; font-weight: lighter; } .legalSubHeaderFont { font-size: 1.25em; font-weight: 600; margin-right: 15px; font-family: Segoe UI; font-weight: lighter; color: red; } .legalParagraphFont { font-size: 1.1em; font-weight: 600; margin-right: 15px; font-family: Segoe UI; font-weight: lighter; } .searchHeaderFont { font-size: 1.75em; font-weight: 600; margin-right: 15px; font-family: Segoe UI; font-weight: lighter; } .subsearchInfoFont { font-size: 1.25em; font-weight: 600; margin-right: 15px; font-family: Segoe UI; font-weight: lighter; margin-left: 20px; } .searchResultsFont { font-size: 1.25em; font-weight: 600; margin-right: 15px; font-family: Segoe UI; font-weight: lighter; margin-left: 20px; } footer { clear: both; background-color: #e2e2e2; font-size: .8em; height: 100px; } /* site title ----------------------------------------------------------*/ .site-title { color: #c8c8c8; font-family: Rockwell, Consolas, "Courier New", Courier, monospace; font-size: 2.3em; margin: 0; } .site-title a, .site-title a:hover, .site-title a:active { background: none; color: #c8c8c8; outline: none; text-decoration: none; } /* login ----------------------------------------------------------*/ #login { display: block; font-size: .85em; text-align: right; margin-right: 70px; } #login a { background-color: #d3dce0; margin-left: 10px; margin-right: 3px; padding: 2px 3px; text-decoration: none; } #login a.username { background: none; margin: 0; padding: 0; text-decoration: underline; } #login ul { margin: 0; } #login li { display: inline; list-style: none; } .toolbarClass { background: #e5e5e5; height: 40px; position: fixed; width: 100%; z-index: 2000; } .toolbarClassNonFixed { background: #e5e5e5; height: 40px; width: 100%; } /* menu ----------------------------------------------------------*/ nav { text-align: left; margin-right: 100px; z-index: 9999; } nav ul ul { display: none; } nav ul li:hover > ul { display: block; } nav ul { border-radius: 10px; list-style: none; position: relative; display: inline-table; font-size: 10pt; } nav ul:after { content: ""; clear: both; display: block; } nav ul li { float: left; } nav ul li:hover { background: #4b545f; /*background: linear-gradient(top, #4f5964 0%, #5f6975 40%);*/ background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%); background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%); } nav ul li:hover a { color: #fff; } nav ul li a { display: block; /*padding: 5px 20px;*/ color: #757575; text-decoration: none; } nav ul ul { background: #5f6975; border-radius: 0px; padding: 0; position: absolute; top: 100%; } nav ul ul li { float: none; border-top: 1px solid #6b727c; border-bottom: 1px solid #575f6a; position: relative; } nav ul ul li a { padding: 10px 20px; color: #fff; } nav ul ul li a:hover { background: #4b545f; } nav ul ul ul { position: absolute; left: 100%; top:0; font-size: 0.85em; } /* page elements ----------------------------------------------------------*/ /* featured */ .featured { background-color: #fff; } .featured .content-wrapper { background-color: #7ac0da; background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%); background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6)); background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%); /*background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);*/ color: #3e5667; padding: 20px 40px 30px 40px; } .featured hgroup.title h1, .featured hgroup.title h2 { color: #fff; } .featured p { font-size: 1.1em; } /* page titles */ hgroup.title { margin-bottom: 10px; } hgroup.title h1, hgroup.title h2 { display: inline; } hgroup.title h2 { font-weight: normal; margin-left: 3px; } /* features */ section.feature { width: 300px; float: left; padding: 10px; } /* ordered list */ ol.round { list-style-type: none; padding-left: 0; } ol.round li { margin: 25px 0; padding-left: 45px; } ol.round li.zero { background: url("/Images/orderedList0.png") no-repeat; } ol.round li.one { background: url("/Images/orderedList1.png") no-repeat; } ol.round li.two { background: url("/Images/orderedList2.png") no-repeat; } ol.round li.three { background: url("/Images/orderedList3.png") no-repeat; } ol.round li.four { background: url("/Images/orderedList4.png") no-repeat; } ol.round li.five { background: url("/Images/orderedList5.png") no-repeat; } ol.round li.six { background: url("/Images/orderedList6.png") no-repeat; } ol.round li.seven { background: url("/Images/orderedList7.png") no-repeat; } ol.round li.eight { background: url("/Images/orderedList8.png") no-repeat; } ol.round li.nine { background: url("/Images/orderedList9.png") no-repeat; } /* content */ article { float: left; width: 70%; } aside { float: right; width: 25%; } aside ul { list-style: none; padding: 0; } aside ul li { background: url("/Images/bullet.png") no-repeat 0 50%; padding: 2px 0 2px 20px; } .label { font-weight: 700; } /* login page */ #loginForm { float: left; width: 100%; } #loginForm .validation-error { display: block; margin-left: 15px; } #loginForm .validation-summary-errors ul { margin: 0; padding: 0; } #loginForm .validation-summary-errors li { display: inline; list-style: none; margin: 0; } #loginForm input { width: 250px; } #loginForm input[type="checkbox"], #loginForm input[type="submit"], #loginForm input[type="button"], #loginForm button { width: auto; } #socialLoginForm { margin-left: 40px; float: left; width: 40%; } .labelClass { margin-top: 5px; } #socialLoginForm h2 { margin-bottom: 5px; } #socialLoginList button { margin-bottom: 12px; } #logoutForm { display: inline; } /* contact */ .contact h3 { font-size: 1.2em; } .contact p { margin: 5px 0 0 10px; } .contact iframe { border: 1px solid #333; margin: 5px 0 0 10px; } /* forms */ fieldset { border: none; margin: 0; padding-left: 0; padding-bottom: 0; padding-top: 0; } fieldset legend { display: none; } fieldset ol { padding: 0; list-style: none; } fieldset ol li { padding-bottom: 5px; } label { display: block; font-size: 10pt; font-weight: 600; } label.checkbox { display: inline; } input, textarea { border: 1px solid #c9c9c9; background: white; color: #333; font-size: 1.2em; margin: 5px 0 6px 0; padding: 5px; width: 250px; } textarea { font-family: inherit; width: 500px; } input:focus, textarea:focus { border: 1px solid #7ac0da; } input[type="checkbox"] { background: transparent; border: inherit; width: auto; } td input[type="submit"], td input[type="button"], td button { font-size: 1em; padding: 4px; margin-right: 4px; } /* info and errors */ .message-info { border: 1px solid; clear: both; padding: 10px 20px; } .message-error { clear: both; color: #e80c4d; font-size: 1.1em; font-weight: bold; margin: 20px 0 10px 0; } .message-success { color: #7ac0da; font-size: 1.3em; font-weight: bold; margin: 20px 0 10px 0; } .error { color: #e80c4d; } /* styles for validation helpers */ .field-validation-error { color: #e80c4d; font-weight: bold; } .field-validation-valid { display: none; } input.input-validation-error { border: 1px solid #e80c4d; } input[type="checkbox"].input-validation-error { border: 0 none; } .validation-summary-errors { color: #e80c4d; font-weight: bold; font-size: 1.1em; } .validation-summary-valid { display: none; } /* tables ----------------------------------------------------------*/ .mainProjectTable { /*border-spacing: 1px;*/ margin-top: 2px; /*border-collapse: collapse;*/ width: 100%; } .mainProjectTableForProjectDetail { /*border-spacing: 0; border-collapse: collapse;*/ width: 100%; } .mainProjectTableForDetail { border-spacing: 0; margin-top: 0.75em; border-collapse: collapse; width: 100%; table-layout: fixed; font-size: 0.85em; } .mainProjectTableInner { border-spacing: 0; /*border: 1px solid; border-collapse: collapse;*/ width: 100%; font-size: 7pt; } .mainProjectTableInner td { /*border-color: white; border: 1px solid; */ width: 15px; height: 15px; } .mainProjectTableInner td div{ height: 100%; width: 100%; } .mainProjectTableInnerProjectColor { background-color: rgb(0, 128, 128); background: -webkit-linear-gradient(bottom,rgba(0, 128, 128, 0.75),rgba(0, 128, 128, 1)); background: -o-linear-gradient(bottom,rgba(0, 128, 128, 0.75),rgba(0, 128, 128, 1)); background: -moz-linear-gradient(bottom,rgba(0, 128, 128, 0.75),rgba(0, 128, 128, 1)); background: linear-gradient(to bottom, rgba(0, 128, 128, 0.75), rgba(0, 128, 128, 1)); } .mainProjectTableInnerForUnallocatedProjectColor{ background-color: #d41313; background: rgb(232, 232, 232) } .mainResourceTableInnerProjectColor { background-color: rgb(136, 125, 200); background: -webkit-linear-gradient(bottom,rgba(136, 125, 200, 0.75),rgba(136, 125, 200, 1)); background: -o-linear-gradient(bottom,rgba(136, 125, 200, 0.75),rgba(136, 125, 200, 1)); background: -moz-linear-gradient(bottom,rgba(136, 125, 200, 0.75),rgba(136, 125, 200, 1)); background: linear-gradient(to bottom, rgba(136, 125, 200, 0.75), rgba(136, 125, 200, 1)); } .mainResourceTableInnerProjectColorForDaysOff { background-color: purple; background: -webkit-linear-gradient(bottom,rgba(128, 0, 128, 0.75),rgba(128, 0, 128, 1)); background: -o-linear-gradient(bottom,rgba(128, 0, 128, 0.75),rgba(128, 0, 128, 1)); background: -moz-linear-gradient(bottom,rgba(128, 0, 128, 0.75),rgba(128, 0, 128, 1)); background: linear-gradient(to bottom, rgba(128, 0, 128, 0.75), rgba(128, 0, 128, 1)); } .mainResourceTableInnerProjectColorForMonthlyView { background-color: steelblue; } .mainResourceTableInnerProjectColorForMonthlyViewSecondHalf { background-color: grey; } .mainResourceTableInnerProjectColorForHour { background-color: white; } .mainResourceTableInnerProjectColorCannotAllocate { background-color: #cbcbcb; } .mainResourceTableInnerProjectColorTimeOff { background-color: rgb(51, 51, 51); background: -webkit-linear-gradient(bottom,rgba(51, 51, 51, 0.75),rgba(51, 51, 51, 1)); background: -o-linear-gradient(bottom,rgba(51, 51, 51, 0.75),rgba(51, 51, 51, 1)); background: -moz-linear-gradient(bottom,rgba(51, 51, 51, 0.75),rgba(51, 51, 51, 1)); background: linear-gradient(to bottom, rgba(51, 51, 51, 0.75), rgba(51, 51, 51, 1)); } .mainEmployeeUnallocatedTableInnerProjectColor { background-color: limegreen; } .mainEmployeeUnallocatedEquipmentTableInnerProjectColor { background-color: limegreen; } .mainEmployeeUnallocatedProjectTimeTableInnerProjectColor { background-color: rgb(255, 0, 0); background: -webkit-linear-gradient(bottom,rgba(255, 0, 0, 0.75),rgba(255, 0, 0, 1)); background: -o-linear-gradient(bottom,rgba(255, 0, 0, 0.75),rgba(255, 0, 0, 1)); background: -moz-linear-gradient(bottom,rgba(255, 0, 0, 0.75),rgba(255, 0, 0, 1)); background: linear-gradient(to bottom, rgba(255, 0, 0, 0.75), rgba(255, 0, 0, 1)); } .dateColumnsForSeparatorColumn { border-bottom: 1px; border-bottom-style: solid; } #tabs { padding: 5px; background: none; border-width: 0px; } #tabs .ui-tabs-nav { padding-left: 0px; background: transparent; border-width: 0px 0px 1px 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } #tabs .ui-tabs-panel { background: white; border-width: 0px 1px 1px 1px; border: solid 1px; border-color: lightgrey; } .tabsForResourceAdd { padding: 5px; background: none; border-width: 0px; margin-top: 0px; } .tabsForResourceAdd .ui-tabs-nav { padding-left: 0px; background: transparent; border-width: 0px 0px 1px 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .tabsForResourceAdd .ui-tabs-panel { background: white; border-width: 0px 1px 1px 1px; border: solid 1px; border-color: lightgrey; } .border { border-width: 1px; } .toggle-vis{} /* .listTable tbody tr.even:hover, #example tbody tr.even td.highlighted { background-color: #97c2fd; } .listTable tbody tr.odd:hover, #example tbody tr.odd td.highlighted { background-color: #97c2fd; } .listTable tr.even:hover { background-color: #97c2fd; } .listTable tr.even:hover td.sorting_1 { background-color: #97c2fd; } .listTable tr.even:hover td.sorting_2 { background-color: #97c2fd; } .listTable tr.even:hover td.sorting_3 { background-color: #97c2fd; } .listTable tr.odd:hover { background-color: #97c2fd; } .listTable tr.odd:hover td.sorting_1 { background-color: #97c2fd; } .listTable tr.odd:hover td.sorting_2 { background-color: #97c2fd; } .listTable tr.odd:hover td.sorting_3 { background-color: #97c2fd; } */ .projectTableMain { border-spacing: 0;border-collapse: collapse; width: 100%; } .projectTableDetail { background-color: white; z-index: 201;border-spacing: 0;border-collapse: collapse; width: 100%; } .formSectionSeparation { float: left; } .formSectionMarginLeft{ margin-left: 20px;} .submitButton{ width: 100%;} /************* Dojo style *********/ .tundra .dojoxCalendarColumnView .dojoxCalendarEvent.Calendar1 .bg { background-color: rgb(136, 125, 200); } .tundra .dojoxCalendarColumnView .dojoxCalendarEvent.Calendar1.Hovered .bg { background-color: rgb(176, 163, 249); } .tundra .dojoxCalendarColumnView .dojoxCalendarEvent.Calendar2 .bg { background-color: #333333; } .tundra .dojoxCalendarColumnView .dojoxCalendarEvent.Calendar2.Hovered .bg { background-color: #7f7f7f; } .tundra .dojoxCalendarColumnView .dojoxCalendarEvent.Calendar3 .bg { background-color: Red; } .tundra .dojoxCalendarColumnView .dojoxCalendarEvent.Calendar3.Hovered .bg { background-color: rgb(255, 105, 105); } .tundra .dojoxCalendarColumnView .dojoxCalendarEvent.Calendar4 .bg { background-color: orange; } .tundra .dojoxCalendarColumnView .dojoxCalendarEvent.Calendar4.Hovered .bg { background-color: rgb(255, 194, 83); } .tundra .dojoxCalendarMatrixView .dojoxCalendarEvent.Calendar1.dojoxCalendarHorizontal.Hovered .bg { background-color: rgb(176, 163, 249); } .tundra .dojoxCalendarMatrixView .dojoxCalendarEvent.Calendar1.dojoxCalendarHorizontal .bg { background-color: rgb(136, 125, 200); } .tundra .dojoxCalendarMatrixView .dojoxCalendarEvent.Calendar2.dojoxCalendarHorizontal.Hovered .bg { background-color: #7f7f7f; } .tundra .dojoxCalendarMatrixView .dojoxCalendarEvent.Calendar2.dojoxCalendarHorizontal .bg { background-color: #333333; } .tundra .dojoxCalendarMatrixView .dojoxCalendarEvent.Calendar3.dojoxCalendarHorizontal.Hovered .bg { background-color: rgb(255, 105, 105); } .tundra .dojoxCalendarMatrixView .dojoxCalendarEvent.Calendar3.dojoxCalendarHorizontal .bg { background-color: Red; } /******************** * Mobile Styles * ********************/ @media only screen and (max-width: 850px) { /* header ----------------------------------------------------------*/ header .float-left, header .float-right { float: none; } /* logo */ header .site-title { margin: 10px; text-align: center; } /* login */ #login { font-size: .85em; margin: 0 0; text-align: center; } #login ul { margin: 5px 0; padding: 0; } #login li { display: inline; list-style: none; margin: 0; padding: 0; } #login a { background: none; color: #999; font-weight: 600; margin: 2px; padding: 0; } #login a:hover { color: #333; } /* menu */ nav { margin-bottom: 5px; } ul#menu { margin: 0; padding: 0; text-align: center; } ul#menu li { margin: 0; padding: 0; } /* main layout ----------------------------------------------------------*/ .main-content, .featured + .main-content { background-position: 10px 0; } .content-wrapper { padding-right: 10px; padding-left: 10px; } .featured .content-wrapper { padding: 10px; } /* page content */ article, aside { float: none; width: 100%; } /* ordered list */ ol.round { list-style-type: none; padding-left: 0; } ol.round li { padding-left: 10px; margin: 25px 0; } ol.round li.zero, ol.round li.one, ol.round li.two, ol.round li.three, ol.round li.four, ol.round li.five, ol.round li.six, ol.round li.seven, ol.round li.eight, ol.round li.nine { background: none; } /* features */ section.feature { float: none; padding: 10px; width: auto; } section.feature img { color: #999; content: attr(alt); font-size: 1.5em; font-weight: 600; } /* forms */ input { width: 90%; } /* login page */ #loginForm { border-right: none; float: none; width: auto; } #loginForm .validation-error { display: block; margin-left: 15px; } #socialLoginForm { margin-left: 0; float: none; width: auto; } .detaillabel { color: red; } /* footer ----------------------------------------------------------*/ footer .float-left, footer .float-right { float: none; } footer { text-align: center; height: auto; padding: 10px 0; } footer p { margin: 0; } } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .btn:focus, .btn:active:focus, .btn.active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus { color: #333; text-decoration: none; } .btn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { color: #333; background-color: #ebebeb; border-color: #adadad; } .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #428bca; border-color: #357ebd; width: 120px;/* color: #333; background-color: #fff; border-color: #ccc;*/ } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { color: #fff; background-color: #3276b1; border-color: #285e8e; } .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #428bca; border-color: #357ebd; } .btn-primary .badge { color: #428bca; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { color: #fff; background-color: #47a447; border-color: #398439; } .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { color: #fff; background-color: #39b3d7; border-color: #269abc; } .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { color: #fff; background-color: #ed9c28; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { color: #fff; background-color: #d2322d; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { font-weight: normal; color: #428bca; cursor: pointer; border-radius: 0; } .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #2a6496; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #999; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; } .btn-block + .btn-block { margin-top: 5px; } .ui-button .ui-icon .customIcon { background-image: url('/Content/~/Images/Pencil-icon.png') !important; width: 30px; height: 30px; } .detailButtons:hover { background-color: blue; } .formContainer { margin-left: 20px; } .inputError { background-color: rgb(255, 155, 155); border-color: red; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); margin: 10px; } .ra-well-title { font-size: 1.2857em; line-height: 1.2857em; border-bottom: 1px solid #e7e7e7; margin: -5px -19px 0.8333em; padding: 0 19px 0.7222em; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 500; } .well-sub { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: white; border: 1px solid #e3e3e3; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); margin: 10px; } .ra-well-title-sub { font-size: 1.2857em; line-height: 1.2857em; border-bottom: 1px solid #e7e7e7; margin: -5px -19px 0.8333em; padding: 0 19px 0.7222em; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 500; } .ra-last-name { display: block; font-size: 1.7143em; line-height: 1.3em; } .ra-position { font-size: 1em; color: #999; } .ra-details-font-header { font-size: 0.85em; color: rgb(71, 71, 71); } .ra-details-font-header-2 { font-size: 1em; color: black; font-weight: bold; } .ra-details-font { font-size: 1em; color: rgb(71, 71, 71); margin-bottom: 10px; } .ra-details-font-2 { font-size: 2em; color: rgb(25, 195, 66); margin-bottom: 10px; } .ra-details-font-3 { color: rgb(33, 126, 222); margin-bottom: 10px; } #menu h2 { font-size: 1em; text-transform: uppercase; padding: 5px 10px; } #tabs-1 { } #tabs-1 ol { float: left; margin: 0 0 0 30px; padding: 10px 10px 0 10px; } #tabs-1:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* #tabs-1 .k-button { float: left; clear: left; margin: 5px 0 5px 12px; }*/ .sidenav { height: 100%; /* 100% Full-height */ width: 155px; /* 0 width - change this with JavaScript */ position: fixed; /* Stay in place */ z-index: 10005; top: 0; left: 0; /* background-color:#2a2d33; */ background-color:#404349; /* Black*/ overflow-x: hidden; /* Disable horizontal scroll */ padding-top: 10px; /* Place content 60px from the top */ transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */ } /* The navigation menu links */ .sidenav a { padding: 6px 8px 6px 20px; text-decoration: none; font-size: 14px; /*color: #818181;*/ color: #c1c1c1; display: block; transition: 0.3s } /* When you mouse over the navigation links, change their color */ .sidenav a:hover, .offcanvas a:focus { color: #f1f1f1; } /* Position and style the close button (top right corner) */ .sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 12px; margin-left: 50px; } /* Style page content - use this if you want to push the page content to the right when you open the side navigation */ #main { transition: margin-left .5s; padding: 20px; } .sidenavicon { display: inline-block; width: 110px; height: 50px; overflow: hidden; background-repeat: no-repeat; font-size: 0; line-height: 0; text-align: center; background-color: transparent; float: left; margin-right: 5px; } .sidenaviconopennav { display: inline-block; width: 20px; height: 30px; overflow: hidden; background-repeat: no-repeat; font-size: 0; line-height: 0; text-align: center; background-color: transparent; float: left; margin-right: 5px; margin-top: 5px; } .sidenaviconBar { display: inline-block; width: 20px; height: 40px; overflow: hidden; background-repeat: no-repeat; font-size: 0; line-height: 0; text-align: center; background-color: transparent; float: left; margin-right: 5px; margin-top: 5px; } .menu-focus-style { background-color: darkgray; color: !important white; } div.panel { display: none; background-color: rgb(108, 107, 107); } div.panel a { padding-left: 30px; font-size: 12px; } div.panel.show { display: block; } .topnavmenu { position: fixed; height: 40px; top: 0; width: 100%; z-index: 10003; /* margin-left: 130px; */ background-color: white; margin: 0 auto; max-width: 100%; } .topnavmenu ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; /*background-color: #2a2d33;*/ background-color: whitesmoke; } .topnavmenu li { float: left; } .topnavmenu li a { display: block; /*color: white; text-align: center;*/ padding: 10px 16px; text-decoration: none; } /* .topnavmenu li a:hover:not(.active) { background-color: #111; }*/ .dropbtn { background-color: #21a339; color: white; padding: 16px; font-size: 16px; border: none; cursor: pointer; } .dropbtnHelp { padding: 16px; font-size: 16px; cursor: pointer; } /* The container
- needed to position the dropdown content */ .dropdown { /*position: relative;*/ display: inline-block; } /* Dropdown Content (Hidden by Default) */ .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); right: 0; } .dropdown-content-help { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); } /* Links inside the dropdown */ .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; } .dropdown-content-help a { color: black; padding: 12px 16px; text-decoration: none; display: block; } /* Change color of dropdown links on hover */ .dropdown-content a:hover {background-color: #dfdfdf} .dropdown-content-help a:hover {background-color: #dfdfdf} /* Show the dropdown menu on hover */ .dropdown:hover .dropdown-content { display: block; } .dropdown:hover .dropdown-content-help { display: block; } /* Change the background color of the dropdown button when the dropdown content is shown */ .dropdown:hover .dropbtn { background-color: #3e8e41; } .topcorner { position: absolute; top: 0; right: 0; } .maintoolbarIcon { display: inline-block; width: 20px; overflow: hidden; background-repeat: no-repeat; font-size: 0; line-height: 0; text-align: center; background-color: transparent; float: left; margin-left: 10px; margin-top: 10px; } .editGridToolbarIcon { display: inline-block; width: 20px; overflow: hidden; background-repeat: no-repeat; font-size: 0; line-height: 0; text-align: center; background-color: transparent; float: left; margin-left: 5px; height: 20px; } /*.editGridToolbarIcon:hover { background-color: rgb(154, 202, 255); }*/ .loader { border: 5px solid #f3f3f3; /* Light grey */ border-top: 5px solid; /* Blue */ border-radius: 50%; width: 50px; height: 50px; animation: spin 2s linear infinite; margin: auto; margin-top: 250px; } .loader_small { border: 5px solid #f3f3f3; /* Light grey */ border-top: 5px solid; /* Blue */ border-radius: 50%; width: 50px; height: 50px; animation: spin 2s linear infinite; margin: auto; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .k-grid-header { padding-right: 17px !important; } .k-grid .k-grid-content { min-height: 30px; } .dropbtntoolbar { background-color: white; color: #428bca; padding: 12px; font-size: 13px; border: #428bca 1px solid; cursor: pointer; -moz-min-width: 100px; -ms-min-width: 100px; -o-min-width: 100px; -webkit-min-width: 100px; min-width: 80px; } .dropbtntoolbardefault { background-color: white; color: black; padding: 5px; /* font-size: 13px; */ border: none; cursor: pointer; -moz-min-width: 100px; -ms-min-width: 100px; -o-min-width: 100px; -webkit-min-width: 100px; /* min-width: 80px; */ background-color: whitesmoke; } .dropbtntoolbardelete { background-color: white; color: rgb(253, 73, 73); padding: 12px; font-size: 13px; border: rgb(253, 73, 73) 1px solid; cursor: pointer; -moz-min-width: 100px; -ms-min-width: 100px; -o-min-width: 100px; -webkit-min-width: 100px; min-width: 80px; } .dropbtntoolbarrefresh { background-color: white; color: green; padding: 12px; font-size: 13px; border: green 1px solid; cursor: pointer; -moz-min-width: 100px; -ms-min-width: 100px; -o-min-width: 100px; -webkit-min-width: 100px; min-width: 80px; } .dropbtntoolbar:hover { background-color: darkgray; } .dropbtntoolbardefault:hover { background-color: lightgrey; } .dropbtntoolbardelete:hover { background-color: rgb(255, 198, 198); } .dropbtntoolbarrefresh:hover { background-color: rgb(149, 214, 149); } .dropdowntoolbar:hover .dropbtntoolbar { background-color: darkgray; } .dropdowntoolbar { position: relative; display: inline-block; height: 50px; float: right; margin-right: 10px; } .dropdownfilter { position: relative; display: inline-block; height: 50px; float: left; margin-right: 10px; } .dropdowntoolbar-content { display: none; position: absolute; right: 0; background-color: #f9f9f9; min-width: 100px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 9999; text-align: right; } .dropdownfilter-content { display: none; position: absolute; background-color: #f9f9f9; width: 500px; height: 170px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 9999; } .dropdowntoolbar-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; } .dropdowntoolbar-content a:hover {background-color: #d0d0d0} .dropdowntoolbar:hover .dropdowntoolbar-content { display: block; } .dropdownfilter:hover { display: block; } .showFilters {display:block;} .buttonHeaderForList { height: 50px; width: 100%; float: left; margin-bottom: 10px; } pre { white-space: pre-wrap; /* Since CSS 2.1 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } .k-grid tr td { border-bottom: 1px solid lightgray; } .k-tabstrip .k-item { background-color: transparent !important; border-color: transparent !important; } .k-tabstrip .k-item.k-state-active { border-bottom: solid 4px #428bca !important; } .k-tabstrip-items .k-state-hover { background-color: lightgrey !important; border: transparent !important; } /* .k-button { border-color: darkgray !important; background-color: white !important; color: #333 !important; }*/ .k-tabstrip.k-header { background-color: transparent !important; } .previewDialog { padding: 20px !important; } .tabpanel { padding: 10px !important; } .row-top { width: 100%; height: 180px; float: left; } .row-top-equipment { width: 100%; height: 410px; float: left; } .row-bottom { width: 100%; float: left; } .card-equip { padding: 10px; width: 20%; float: left; height: 138px; margin: 10px; cursor: pointer; } .card-quick { padding: 10px; width: 30%; float: left; height: 138px; margin: 10px; cursor: pointer; } .card-quick-right { padding: 10px; width: 45%; float: right; height: 138px; margin: 10px; cursor: pointer; } .card-equip-row-top { float: left; width: 100%; height: 50px; margin-top: 13px; } .card-equip-row-bottom { float: left; width: 100%; height: 70px; } .card-equip-header { font-size: 1.5em; font-weight: 600; margin-right: 15px; font-family: Segoe UI; font-weight: lighter; color: white; } .card-equip-result { font-size: 3.5em; font-weight: 600; margin-right: 15px; font-family: Segoe UI; font-weight: lighter; } .nylus-project-rev-font { font-size: 3.5em; font-weight: 600; margin-right: 15px; font-family: Arial; font-weight: lighter; } .card-equip-open { color: white; } .card-equip-closed { color: white; } .card-equip-overdue { color: white; } .card-open-background { background-color: lightslategray; } .card-closed-background { background-color: cadetblue; } .card-overdue-background { background-color: crimson; } .card-reassigned-background { background-color: rgb(20, 160, 220); } .card-repairs-background { background-color: rgb(241, 177, 58); } .card-equip:hover{ background-color: lightgray; } .card-date-widgets-equip { float: left; width: 25%; margin-top: 70px; } .card-date-widgets { float: left; width: 25%; padding-left: 10px; } .card-chart-widget { float: left; width: 75%; } .card-widget-container { width: 100%; float: left; } .card-widget-container-equip { width: 100%; float: left; margin-left: 20px; } .main-tab-content { padding: 20px; } /* Kendo UI Styling */ .listViewItem { border-bottom: 1px solid lightgray; } .listViewItem-workflow { border-bottom: 1px solid lightgray; display: flex; align-items: center; } .listViewItem-header { font-size: 1em; margin-right: 15px; } .listViewItem-flexrow { display: flex; flex-direction: row; width: 100%; } .listViewItem-header-really-big { font-size: 2em; font-weight: 600; margin-right: 15px; font-family: Segoe UI; font-weight: lighter; } .listViewItem-header-big { font-size: 1.75em; font-weight: 600; margin-right: 15px; font-family: Segoe UI; font-weight: lighter; } .listViewItem-header-medium { font-size: 1.5em; font-weight: 600; margin-right: 15px; font-family: Segoe UI; font-weight: lighter; } .listViewItem-sub-header-1 { font-size: 1em; margin-right: 15px; color: crimson; } .listViewItem-wrapper { border-top: 1px solid #f3f3f3; border-bottom: 1px solid #dbdbdb; padding: 1.25em 0; } .listViewItem-list-details{ display: inline-block; margin-left: 20px; } .listViewItem-list-details-workflow{ display: flex; flex-direction: row; margin-left: 20px; } .listViewItem-active-status { margin-left: auto; margin-right: 1rem; display: flex; flex-direction: row; white-space: nowrap; } .listViewItem-active-icon { background-color: white; width: 20px; height: 20px; border-radius: 50%; margin-left: 0.5rem; } .listViewItem-edit-btns { margin-left: auto; display: flex; flex-direction: row; } .listViewItem.k-state-selected { background-color: #cde6f7; } .listViewItem.k-state-selected .listViewItem-wrapper { border-top: 1px solid #cde6f7; border-bottom: 1px solid #cde6f7; } .listViewItem-workflow.k-state-selected { background-color: #cde6f7; } .listViewItem-workflow.k-state-selected .listViewItem-wrapper { border-top: 1px solid #cde6f7; border-bottom: 1px solid #cde6f7; } .splitter-column { margin-top: 10px; } .label-field { font-size: 10pt; font-weight: 600; } /* Master Price Sheet */ .master-price-sheet-column-1 { float: left; width: 45%; } .master-price-sheet-column-2 { float: left; width: 55%; } .assign-template-column-1 { float: left; width: 60%; } .assign-template-column-2 { float: left; width: 40%; } .cost-codes-template-column-1 { float: left; width: 50%; } .cost-codes-template-column-2 { float: left; width: 50%; } .errorContainer { margin-bottom: 10px; } .purchase-order-column { float: left; width: 100%; } .spinner { margin: 100px auto 0; width: 70px; text-align: center; } .spinner-sm { margin: 0 auto 0; width: 50px; text-align: center; } .spinner-sm > div { width: 10px; height: 10px; background-color: #7c7c7c; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .spinner-sm .bounce1-sm { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .spinner-sm .bounce2-sm { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .spinner-no-margin { margin: 0 auto 0; width: 70px; text-align: center; } .spinner-no-margin > div { width: 18px; height: 18px; background-color: #7c7c7c; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .spinner-no-margin .bounce1-no-margin { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .spinner-no-margin .bounce2-no-margin { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .spinner > div { width: 18px; height: 18px; background-color: #7c7c7c; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) } } @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1.0); transform: scale(1.0); } } .warn-highlight { background-color: orangered; } .over-highlight { background-color: red; } .pageHeaderGeneral { margin-left: 15px; } .header-strip-dashboard { font-size: 18px; text-transform: uppercase; line-height: 26px; padding-top: 30px; padding-bottom: 30px; font-weight: 400; } .date-picker-gps-header { float: right; margin-left: 5px; padding-top: 40px; line-height: 30px; } .strip-1 { width: 100%; float: left; padding: 10px; } .strip-2 { width: 100%; float: left; background-color: #eeeeee; padding: 10px; } .strip-3 { width: 100%; float: left; padding: 10px; } .strip-4 { width: 100%; float: left; } .col-qs-gps-1 { float: left; width: 25%; } .col-qs-gps-2 { float: left; width: 75%; } .section-header-gps-trip-history { font-size: 11px; color: #35373d; text-transform: uppercase; padding-bottom: 1.091em; padding: 15px 0; margin-top: 0px; font-weight: 400; } .section-content-gps-trip-history { font-size: 36px; text-transform: uppercase; margin-top: 0px; font-weight: 400; } .graph-gps { } .sales-order-strip { width: 100%; float: left; } .sales-order-column-1 { width: 30%; float: left; } .sales-order-column-1 { width: 30%; float: left; } .sales-order-column-2 { width: 70%; float: left; } .sales-order-textbox { width: 90%; } #feedback { font-size: 1.4em; } .selectable-custom-grid-field .ui-selecting { background: #FECA40; } .selectable-custom-grid-field .ui-selected { background: #F39814; color: white; } .selectable-custom-grid-field { list-style-type: none; margin: 0; padding: 0; width: 460px; } .selectable-custom-grid-field li { margin: 3px; padding: 1px; float: left; width: 30px; height: 30px; font-size: 4em; text-align: center; } .side-nav-sub-panel { padding-left: 50px !important; } .form-builder-select-list { height: 30px; } .page-overflow-columns { overflow: auto; } .input-disable { background-color: whitesmoke; } .edit-web-form-dialog { height: 800px !important; /*padding-top: 40px !important;*/ } .toolbar-label-margin-top { margin-top: 0px; } .mobile-jobs-icon { background-image: url("/Images/mobile-jobs-icon.png"); background-size: 50px 50px; } .pivot-service-grid { display: table-cell; vertical-align: top; } /*Service Grid TimeSheet css*/ .column-1-timesheet-sub { width: 100%; float: left; margin-bottom: 20px; } .labelFontWeight { font-weight: 500; } .hidden-on-narrow { display: inline-block; vertical-align: top; } .pivot-service-grid { display: table-cell; vertical-align: top; } .form-control { display: block; width: 95%; height: 30px; padding: 3px 10px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .nylus-new-button { background-color: #21a339 !important; color: white !important; } .nylus-remove-button { background-color: #ee0000 !important; color: white !important; } .nylus-save-button-toolbar { background-color: #007bff !important; color: white !important; } .nylus-save-button { background-color: #007bff !important; color: white !important; margin-top: 10px !important; width: 100px; } .nylus-save-button-lg { background-color: #007bff !important; color: white !important; margin-top: 10px !important; width: 150px; } .nylus-notes-button { margin-top: 10px !important; width: 100px; margin-right: 5px !important; } .nylus-add-equipment-button { background-color: #007bff !important; color: white !important; margin-top: 10px !important; } .nylus-save-button-wide { background-color: #007bff !important; color: white !important; margin-top: 10px !important; } .nylus-mobile-save-button { background-color: #007bff !important; color: white !important; margin-top: 10px !important; height: 40px; width: 100%; } .nylus-save-button-no-top-margin { background-color: #007bff !important; color: white !important; width: 100px; } .nylus-submit-button-no-top-margin { background-color: #10bc83 !important; color: white !important; width: 100px; } .nylus-save-button-no-top-margin-md-wide { width: 100px; } .nylus-save-button-no-top-margin-wide { background-color: #007bff !important; color: white !important; width: 130px; margin-right: 5px !important; } .nylus-save-button-no-top-margin-wide-no-right-margin { background-color: #007bff !important; color: white !important; width: 130px; } .nylus-save-button-top-margin-wide-no-right-margin { background-color: #007bff !important; color: white !important; width: 130px; margin-top: 10px !important; } .nylus-cancel-button-no-top-margin-wide { width: 130px; } .nylus-general-button { margin-top: 10px !important; width: 100px; } .nylus-general-button-no-top-margin { width: 100px; } .nylus-grid-toolbar { border-top: 1px solid lightgrey !important; border-left: 1px solid lightgrey !important; border-right: 1px solid lightgray !important; border-bottom: none !important; } .nylus-main-page-toolbar { margin-top: 10px !important; } .nylus-toolbar-right-align { position: absolute !important; top: -1px !important; right: 0px !important; bottom: -1px !important; /* width: 2.8571428571em; */ margin: 0 !important; line-height: inherit !important; border-radius: 0 !important; } .nylus-back-arrow { font-size: 2.5em; font-weight: 600; margin-right: 15px; font-family: Segoe UI; font-weight: lighter; cursor: pointer; text-decoration: none !important; margin-bottom: 5px; } .nylus-back-arrow:hover { background-color: whitesmoke; } .nylus-new-toolbar { margin-bottom: 20px; border: none !important; } .nylus-header-font { font-size: 2em; margin-top: 5px; font-weight: 600; margin-right: 15px; font-family: Segoe UI; font-weight: lighter; } .nylus-header-font-block { font-size: 1em; margin-top: 5px; margin-right: 5px; margin-top: 15px; } .nylus-toolbar-header-width { width: 250px; } .nylus-form-component-margin { margin-bottom: 5px; } .nylus-old-dropdown { height: 30px; width: 262px; } .nylus-form-component-kendo-combo { width: 97% !important; } .nylus-form-component-input { width: 95%; } .nylus-form-component-textarea { height: 100px; } .nylus-form { float: left; width: 100%; } .nylus-form-header { float: left; width: 100%; } .nylus-form-column { float: left; width: 35%; } .nylus-form-header-inner { float: left; width: 100%; margin-top: 0px; } .nylus-label-field { } #WorkFlowItemType-list { width: 200px !important; } .workflow-image { display: inline-block; width: 37px; height: 37px; border-radius: 50%; background-size: 32px 35px; background-position: center center; vertical-align: middle; line-height: 32px; margin-left: 5px; } .workflow-item-image { display: inline-block; width: 32px; height: 32px; border-radius: 50%; background-size: 32px 32px; background-position: center center; vertical-align: middle; line-height: 32px; margin-left: 5px; } .workflow-item { display: inline-block; vertical-align: middle; line-height: 32px; padding-left: 3px; } .workflow-listview-edit-btn { margin-left: auto; cursor: pointer; text-decoration: underline; } .nylus-toolbar-no-border { border: none !important; } .nylus-tabs { margin-top: 10px !important; border: none !important; font-size: 9pt !important; float: left; width: 100%; } .nylus-job-details-container { padding-top: 10px; padding-left: 30px; padding-right: 30px; padding-bottom: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .nylus-form-label-field-container { width: 20%; float: left; } .nylus-form-input-field-container { width: 77%; float: left; } .nylus-form-input-field-container-sm { width: 50%; float: left; } .nylus-form-field-container { width: 100%; float: left; margin-top: 10px; } .nylus-form-group-header { margin: 0 0 16px; padding: 0 0; border-style: solid; width: 97%; border-width: 0 0 2px; box-sizing: border-box; font-size: inherit; line-height: 1.42857143; text-transform: uppercase; border-color: lightgray; } .nylus-form-input-field-container-no-label { width: 97%; float: left; } .nylus-form-font-size { font-size: 9pt; } .nylus-autocomplete-list .k-item > span { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: top; margin: 20px 10px 10px 5px; } .nylus-autocomplete-list .k-item > span:first-child { -moz-box-shadow: inset 0 0 30px rgba(0,0,0,.3); -webkit-box-shadow: inset 0 0 30px rgba(0,0,0,.3); box-shadow: inset 0 0 30px rgba(0,0,0,.3); margin: 10px; width: 50px; height: 50px; border-radius: 50%; background-size: 100%; background-repeat: no-repeat; } .nylus-autocomplete-list h3 { font-size: 1.25em; font-weight: normal; margin: 0 0 1px 0; padding: 0; } .nylus-autocomplete-list p { margin: 0; padding: 0; font-size: .9em; } .nylus-form-autocomplete { width: 100% !important; } .nylus-form-input { width: 75%; margin-bottom: 5px; } .nylus-form-textarea { width: 95%; margin-bottom: 5px; height: 50px; } .job-details-form-textarea { width: 95%; margin-bottom: 5px; height: 100px; } .k-button.k-state-active, .k-button:active { color: #fff !important; background-color: #0072c6 !important; border-color: #0072c6; } .nylus-autocomplete-margin-bottom { margin-bottom: 10px; } .nylus-form-field-top-margin { margin-top: 10px; } .nylus-form-field-left-margin { margin-left: 5px; } .nylus-form-field-duration-width { width: 50px; } .nylus-job-details-link { color: black; cursor: pointer; margin-top: 10px; } .nylus-layout-main { float: left; width: 80%; } .nylus-layout-main-sub { float: left; width: 20%; } .dropZoneElement { position: relative; display: inline-block; background-color: #f8f8f8; border: 1px solid #c7c7c7; width: 100%; height: 200px; text-align: center; } .dropZoneElementFiles { position: relative; display: inline-block; background-color: #f8f8f8; border: 1px solid #c7c7c7; width: 100%; height: 200px; text-align: center; } .textWrapper { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; font-size: 18px; line-height: 1.2em; font-family: Arial,Helvetica,sans-serif; color: #000; } .dropImageHereText { color: #c7c7c7; text-transform: uppercase; font-size: 12px; } .nylus-layout-component { width: 100%; margin-top: 5px !important; } .nylus-default-list { min-height: 800px; width: 98%; float: left; background-color: lightgray; padding: 10px; } .nylus-layout-group { min-height: 400px; background-color: whitesmoke; padding: 10px; } .nylus-default-field-font { font-size: 10pt; margin-left: 10px; } .nylus-list-item { cursor: move; padding-left: 0px !important; padding-right: 0px !important; } .ui-state-highlight { height: 30px; line-height: 1.2em; background-color: red !important; } .nylus-custom-field-background-color { background-color: white !important; } .nylus-dropdown-properties { width: 500px; } .nylus-dropdown-properties-header { width: 100%; height: 30px; font-size: 9pt; background-color: whitesmoke; } .nylus-dropdown-properties-grid { margin-top: 10px; width: 100%; font-size: 9pt; float: left; } .nylus-grid-container { width: 96%; display: grid !important; grid-gap: 10px; grid-template-columns: 20% 20% 20% 20% 20%; } .nylus-grid-container-details { width: 96%; display: grid !important; grid-gap: 10px; grid-template-columns: 25% 25% 25% 25%; } .nylus-grid-container-job-details { display: grid !important; grid-gap: 15px; grid-template-columns: repeat(6, 1fr); width: 100% !important; } .nylus-grid-container-job-details-items { width: 100%; display: grid !important; grid-gap: 10px; grid-template-columns: 50% 50%; } .nylus-grid-container-job-details-photos { width: 100%; display: grid !important; grid-gap: 10px; grid-template-columns: 100%; } .nylus-custom-field-label-margin { margin-left: 5px; } .nylus-group-layout-remove-link { margin-left: 10px; text-transform: none !important; cursor: pointer; } .nylus-toolbar-dropdown { margin-top: 10px; } .nylus-layout-panel-header-input { width: 140px; } .nylus-margin-top { margin-top: 10px; } .k-checkbox { border-radius: 0; border-color: #cccccc !important; color: #0072c6 !important; background-color: #fff !important; width: 16px !important; border-width: 1px !important; border-style: solid !important; } .nylus-html { height: 100%; } .nylus-body { height: 100%; } .nylus-login-button { background-color: #007bff !important; color: white !important; margin-top: 10px !important; width: 150px !important; font-size: 1em; cursor: pointer; } .nylus-login-button-mobile { background-color: #007bff !important; color: white !important; margin-top: 20px !important; width: 100% !important; font-size: 1em; cursor: pointer; height: 40px; } .nylus-confirmation-status-button { margin-right: 5px; } .grid-function-icon:hover { background-color: lightblue; } .nylus-form-margin { margin-left: 10px; } .nylus-grid-link { color: blue; } .nylus-territory-header { padding: 20px; } .nylus-territory-header-font { font-size: 2.5em; margin-right: 50px; } .nylus-panelbar-area { float: left; width: 100%; } .nylus-panel { background-color: rgb(249, 249, 249); box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px 0px; padding: 20px; box-sizing: border-box !important; } .nylus-overlay-panel { height: 100%; /* 100% Full-height */ width: 0; /* 0 width - change this with JavaScript */ position: fixed; /* Stay in place */ z-index: 1000; /* Stay on top */ top: 0; /* Stay at the top */ left: 0; background-color: whitesmoke; /* Black*/ overflow-x: hidden; /* Disable horizontal scroll */ padding-top: 60px; /* Place content 60px from the top */ transition: 0.5s; } .nylus-custom-dispatch-container { margin-bottom: 20px; float: left; margin-top: 10px; width: 100%; } .nylus-margin-right { margin-right: 5px; } .nylus-float-left { float: left; margin-left: 10px; } .nylus-text-chat-close-button { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; } .nylus-block-scheduler-functions-close-button { position: absolute; top: 0; left: 0; right: 25px; font-size: 36px; margin-left: 10px; color: white !important; } .nylus-block-scheduler-functions-close-button-black { position: absolute; top: 0; left: 0; right: 25px; font-size: 36px; margin-left: 10px; color: black !important; text-decoration: none; width: 100px; } .nylus-block-scheduler-functions-close-button-black-right { position: absolute; top: 0; right: 0; right: 25px; font-size: 36px; margin-left: 10px; color: black !important; text-decoration: none; } .nylus-overlay-panel-right { height: 100%; /* 100% Full-height */ width: 0; /* 0 width - change this with JavaScript */ position: fixed; /* Stay in place */ z-index: 20000; /* Stay on top */ top: 0; /* Stay at the top */ right: 0; background-color: rgb(108, 107, 107); /* Black*/ overflow-x: hidden; /* Disable horizontal scroll */ padding-top: 60px; /* Place content 60px from the top */ transition: 0.5s; font-size: 9pt; } .nylus-overlay-panel-right-white { height: 100%; /* 100% Full-height */ width: 0; /* 0 width - change this with JavaScript */ position: fixed; /* Stay in place */ z-index: 10502; /* Stay on top */ top: 0; /* Stay at the top */ right: 0; background-color: white; /* Black*/ overflow-x: hidden; /* Disable horizontal scroll */ padding-top: 60px; /* Place content 60px from the top */ transition: 0.5s; font-size: 9pt; } .nylus-overlay-panel-right-white-no-padding { height: 100%; /* 100% Full-height */ width: 0; /* 0 width - change this with JavaScript */ position: fixed; /* Stay in place */ z-index: 20000; /* Stay on top */ top: 0; /* Stay at the top */ right: 0; background-color: white; /* Black*/ overflow-x: hidden; /* Disable horizontal scroll */ transition: 0.5s; font-size: 9pt; } .nylus-grid-scheduler-panel { transition: 0.5s; } .nylus-function-panel-table { width: 100%; margin-top: 20px; } .nylus-function-panel-table td { padding-left: 10px; } .nylus-function-panel-table-col-1 { width: 25%; } .nylus-function-panel-table-col-2 { width: 75%; } .nylus-function-panel-table-col-3 { width: 33.3%; } .nylus-function-panel-button-width { width: 100%; } .tab-notifier-schedules { display: inline-block; width: 18px; height: 18px; border-radius: 50%; background-size: 18px 18px; background-position: center center; vertical-align: middle; line-height: 17px; margin-left: 5px; font-size: 8pt; background-color: darkgray; border: 1px solid darkgray; text-align: center; color: white } .tab-notifier-unassigned { display: inline-block; width: 18px; height: 18px; border-radius: 50%; background-size: 18px 18px; background-position: center center; vertical-align: middle; line-height: 17px; margin-left: 5px; font-size: 8pt; background-color: red; border: 1px solid red; text-align: center; color: white } .tab-notifier-followup { display: inline-block; width: 18px; height: 18px; border-radius: 50%; background-size: 18px 18px; background-position: center center; vertical-align: middle; line-height: 17px; margin-left: 5px; font-size: 8pt; background-color: orange; border: 1px solid orange; text-align: center; color: white } .tab-font-sm { font-size: 9pt !important; } .tab-container { padding: 0px !important; } .nylus-custom-field-properties-label { float: left; width: 25%; padding-top: 5px; } .nylus-custom-field-properties-input { float: left; width: 75%; } .nylus-custom-field-properties-label-span { margin-left: 10px; } .nylus-layout-container { float: left; width: 100%; margin-top: 5px; } .nylus-input-width { width: 50%; } .nylus-custom-field-properties-label-sm { float: left; width: 100px; padding-top: 5px; font-size: 1.25em; } .nylus-layout-top-header { float: left; width: 100%; margin-top: 20px; margin-bottom: 10px; } .nylus-layout-input-border { border: none !important; } .notransition { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; } .nylus-add-link { cursor: pointer; float: right; margin-bottom: 5px; } .nylus-link-color { color: #007bff !important; } .nylus-link-color-delete { color: red !important; } .nylus-add-grid { float: left; } .nylus-overlay { position: fixed; /* Sit on top of the page content */ display: none; /* Hidden by default */ width: 100%; /* Full width (cover the whole page) */ height: 100%; /* Full height (cover the whole page) */ top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); /* Black background with opacity */ z-index: 10501; /* Specify a stack order in case you're using a different order for other elements */ } .nylus-overlay-sm { position: fixed; /* Sit on top of the page content */ display: none; /* Hidden by default */ width: 65%; /* Full width (cover the whole page) */ height: 100%; /* Full height (cover the whole page) */ top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); /* Black background with opacity */ z-index: 10501; /* Specify a stack order in case you're using a different order for other elements */ } .nylus-add-screen-component { float: left; margin-left: 10px; } .nylus-add-screen-component-no-left-margin { float: left; } .nylus-add-screen-toolbar { margin-bottom: 20px; float: left; margin-top: 20px; width: 100%; } .nylus-function-panel-table-add-screen { width: 100%; margin-top: 20px; } .nylus-function-panel-table-add-screen-sub-table { width: 100%; margin-top: 20px; } .nylus-add-screen-component-right { float: right; margin-right: 30px; margin-top: 10px; } .nylus-add-screen-component-right-no-right-margin { float: right; margin-top: 10px; } .nylus-add-screen-component-right-no-top-margin-no-right-margin { float: right; } .nylus-add-screen-component-right-no-top-margin { float: right; margin-right: 30px; } .nylus-function-panel-table-add-screen td { padding-left: 10px; color: black; } .nylus-function-panel-table-add-screen-sub-table td { padding-left: 10px; color: black; } .nylus-add-screen-textarea { width: 95%; } .nylus-cell-vertical-align { vertical-align: top; } .nylus-contact-component-input { width: 25%; margin-right: 5px; } .nylus-add-builder-link { cursor: pointer; } .nylus-add-form-dropdown-list-width { width: 100%; } .nylus-notification-container { float: left; width: 100%; } .nylus-form-contacts-section-margin-bottom { margin-bottom: 20px; } .nylus-customer-contact-container { width: 100%; float: left; } .nylus-customer-contact-container-name { width: 80%; float: left; } .nylus-customer-contact-container-functions { width: 20%; float: left; margin-top: 8px; } .nylus-customer-contact-container-description { width: 50%; float: left; } .nylus-customer-contact-container-name-input { width: 90%; } .nylus-customer-contact-container-description-input { width: 90%; } .nylus-add-screen-component-right-sm-margin { margin-top: 10px; margin-right: 5px; float: right; } .nylus-add-screen-component-right-sm-margin-no-top-margin { margin-right: 5px; float: right; } .nylus-table-delete-link { cursor: pointer; } .nylus-contact-right-link { float: right; } .nylus-text-input-width { width: 97%; } .nylus-customer-autocomplete-width { width: 250px !important; } .nylus-customer-autocomplete-top-margin { margin-top: 21px; margin-right: 20px; } .nylus-view { /* font-size: 9pt; */ margin-top: 10px; } .nylus-custom-field-properties-dropdown { height: 100%; /* width: 100%; */ font-size: 9pt; } .nylus-style-float-left { float: left; width: 100%; } .nylus-mypowersheet-table { width: 100%; margin-top: 10px; margin-left: 10px; } .nylus-mypowersheet-table-no-left-margin { width: 100%; margin-top: 10px; } .nylus-mypowersheet-table textarea { width: 95%; } .nylus-mypowersheet-table-label { width: 10%; } .nylus-mypowersheet-table-component-2 { width: 90%; } .nylus-mypowersheet-table-component { width: 23.333%; } .nylus-mypowersheet-tabs { margin-top: 30px !important; } .nylus-cell-top-align { vertical-align: top; } .nylus-workflow-action-details-column-1 { float: left; width: 65%; } .nylus-workflow-action-details-column-2 { float: left; width: 35%; } .nylus-listview-min-height { width: 100%; min-height: 40px; margin: 0; padding: 0; border: 1px solid #dddddd; border-radius: 4px; } .nylus-list-item { min-width: 200px; list-style-type: none; margin: 5px; line-height: 30px; text-align: center; background-color: #222222; color: #ffffff; border-radius: 3px; cursor: move; background-color: #54b8fa; } .nylus-overlay-link-header-container { width: 100%; } .nylus-grid-float-width { width: 100%; float: left; } .nylus-content-padding { padding: 10px; -moz-box-sizing: border-box; box-sizing: border-box; } .nylus-delete-window-margin-top { margin-top: 20px; text-align: center; } .nylus-label-window-margin-top { margin-top: 20px; } .nylus-delete-window-bottom-margin { margin-bottom: 20px; } .nylus-old-mobile-timesheet { font-size: 9pt; } .nylus-timesheet-table { width: 100%; } .nylus-center-align { text-align: center; } .nylus-old-link-padding { padding-left: 2px !important; padding-right: 2px !important; } .nylus-no-margin { margin: 0px !important; } .nylus-button-look-like-link { background: none !important; border: none !important; padding: 0 !important; text-decoration: underline !important; cursor: pointer !important; min-width: 0 !important; padding-left: 2px !important; padding-right: 2px !important; } .nylus-header-float-right{ float: left; } .nylus-timesheet-report-parameters { margin-right: 10px; margin-top: 10px; } .nylus-report-panel { float: left; width: 100% !important; } .nylus-cell-content { word-wrap: break-word; /*old browsers overflow-wrap: break-word;*/ word-break: break-all; } .overflow-wrap-hack{ max-width:1px; } .nylus-mapquest-tooltip-cell { white-space: -o-pre-wrap; word-wrap: break-word; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; } .nylus-job-details-toolbar-margin-bottom { margin-bottom: 10px; } .nylus-rule-container { width: 100%; margin-bottom: 10px; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .nylus-rule-container-sub { margin-bottom: 5px; width: 100%; float: left; padding: 5px; /* background-color: whitesmoke; */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box !important; border: 2px dotted darkgray; } .nylus-rule-container-sub-no-border { margin-bottom: 5px; width: 100%; float: left; padding: 5px; /* background-color: whitesmoke; */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box !important; } .nylus-rule-container-sub-dashed { margin-bottom: 5px; width: 100%; float: left; padding: 5px; /* background-color: whitesmoke; */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box !important; border: 2px dashed darkgray; } .nylus-rule-panel-main { background-color: rgb(234, 233, 233); -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; padding: 10px; float: left; width: 100%; display: flex; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; column-gap: 5px; } .nylus-rule-panel-main-column { } .nylus-rule-panel-main-column:last-child { margin-left: auto; } .nylus-rule-panel { width: 100%; margin-bottom: 10px; border: 1px rgb(234, 233, 233) solid; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; padding: 10px; float: left; } .nylus-rule-panel-no-border { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; padding: 10px; float: left; width: 100%; } .nylus-rule-panel-dashed { width: 100%; margin-bottom: 10px; border: 3px rgb(197, 197, 197) dashed; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; padding: 10px; float: left; margin-top: 10px; } .nylus-rule-button { cursor: pointer; line-height: 30px; } .nylus-rule-container-delete { right: 25px; font-size: 18px; /* margin-left: 10px; */ color: darkgray !important; text-decoration: none; float: right; } .nylus-rule-component-button-container { width: 100%; float: left; } .nylus-rule-panel-margin-top { margin-top: 10px; } .nylus-condition-component { margin-right: 5px; } /*_layout page*/ .aboutFont { font-weight: 600; font-family: Segoe UI; font-weight: lighter; } .km-content, .km-popover-root .km-content .km-widget, .km-widget { color: #333; background: transparent !important; } .km-switch-background, .km-switch-handle { color: #09d527; } .km-switch-container, .km-switch-wrapper { border-color: transparent !important; } .km-switch-wrapper { background-color: red !important; } .icon-bar { height: 100%; width: 0px; position: fixed; z-index: 600; top: 0; left: 0; background-color: #404349; overflow-x: hidden; transition: 0.5s; } .icon-bar a { padding: 22px; display: block; transition: all 0.3s ease; color: white; font-size: 36px; } .icon-bar a:hover { background-color: #000; } .arrow-down { width: 0; height: 2px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #818181; display: inline-block; position: absolute; right: 15px; margin-top: 8px; } .arrow-down-small { width: 0; height: 2px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #818181; display: inline-block; } .nylus-logout-top-container { min-height: 350px; background-color: #404349; width: 100%; float: left; } .nylus-circle { background-color: #fff; height: 130px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; width: 130px; margin-right: auto; margin-left: auto; margin-top: 60px; text-align: center; border: 1px solid darkgray; } .nylus-avatar { background-image: url("/Images/IMUser.png"); background-size: 90px 90px; background-repeat: no-repeat; margin-top: 10px; } .nylus-icon { display: inline-block; width: 90px; height: 90px; overflow: hidden; background-repeat: no-repeat; font-size: 0; line-height: 0; background-color: transparent; } .nylus-logout-name { font-size: 2.25em; text-align: center; margin-top: 20px; color: white; } .nylus-logout-name-sub-1 { font-size: 1.75em; text-align: center; margin-top: 10px; color: white; } .nylus-logout-name-sub-2 { font-size: 1.25em; text-align: center; margin-top: 10px; color: #D32300; } .nylus-logout-top-container-sub-1 { float: left; width: 100%; } .nylus-button-container-left { float: left; width: 50%; } .nylus-button-container-right { float: right; width: 50%; } .nylus-logout-buttons { width: 100% !important; height: 40px; font-size: 1.2em !important; border: none !important; background-color: #007bff !important; color: white !important; } .nylus-logout-button-left-border { border-left: 1px solid darkgray !important; } /* Integration Dashboard CSS */ #ConnectionTypeDropDown-list { width: 200px !important; } #IntegrationInventoryItemsComboBox-list { width: 300px !important; } #IntegrationInventoryItemsComboBox-list .k-item { line-height: 1.25em; } /* Material Theme padding adjustment*/ .k-material #IntegrationInventoryItemsComboBox-list .k-item, .k-material #IntegrationInventoryItemsComboBox-list .k-item.k-state-hover, .k-materialblack #IntegrationInventoryItemsComboBox-list .k-item, .k-materialblack #IntegrationInventoryItemsComboBox-list .k-item.k-state-hover { padding-left: 5px; border-left: 0; } #IntegrationInventoryItemsComboBox-list .k-item > span { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: top; margin: 20px 10px 10px 5px; } #IntegrationInventoryItemsComboBox-list h3 { font-size: 1.25em; font-weight: normal; margin: 0 0 1px 0; padding: 0; } #IntegrationInventoryItemsComboBox-list p { margin: 0; padding: 0; font-size: .9em; } #SPIREVersion2102NumberMappingDropDownList-list { width: 300px !important; } #SPIREVersion2102NumberMappingDropDownList-list .k-item { line-height: 1.25em; } /* Material Theme padding adjustment*/ .k-material #SPIREVersion2102NumberMappingDropDownList-list .k-item, .k-material #SPIREVersion2102NumberMappingDropDownList-list .k-item.k-state-hover, .k-materialblack #SPIREVersion2102NumberMappingDropDownList-list .k-item, .k-materialblack #SPIREVersion2102NumberMappingDropDownList-list .k-item.k-state-hover { padding-left: 5px; border-left: 0; } #SPIREVersion2102NumberMappingDropDownList-list .k-item > span { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: top; margin: 20px 10px 10px 5px; } #SPIREVersion2102NumberMappingDropDownList-list h3 { font-size: 1.25em; font-weight: normal; margin: 0 0 1px 0; padding: 0; } #SPIREVersion2102NumberMappingDropDownList-list p { margin: 0; padding: 0; font-size: .9em; } .nylus-integration-grid-column { width: 100%; float: left; } .nylus-panel-padding { padding: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .nylus-table { width: 90%; margin: auto; border-spacing: 0 1.5em; } .nylus-logout-link{ cursor: pointer; font-size: 1.2em; text-decoration: none; } .nylus-logout-cell-style{ width: 50%; } .nylus-kendo-web-icon { display: inline-block; width: 25px; height: 25px; overflow: hidden; background-repeat: no-repeat; font-size: 0; line-height: 0; text-align: center; background-color: transparent; float: left; margin-right: 10px; } .nylus-help-icon { background-image: url("/Images/helpToolbarIcon.png"); background-size: 25px 25px; background-repeat: no-repeat; } .nylus-legal-icon { background-image: url("/Images/signOff.png"); background-size: 25px 25px; background-repeat: no-repeat; } .nylus-reset-password-icon { background-image: url("/Images/adminSideNav.png"); background-size: 25px 25px; background-repeat: no-repeat; } .nylus-mobile-view-icon { background-image: url("/Images/phone.png"); background-size: 25px 25px; background-repeat: no-repeat; } .nylus-panel-margin-top { margin-top: 10px; } .nylus-new-panel { box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.2); padding: 10px; box-sizing: border-box !important; } .nylus-top-menu-logo-width { width: 35px; } /*Home page css*/ .k-notification { border: 0; } /* Success template */ .k-notification-upload-success.k-group { background: rgba(0%,60%,0%,.7); color: #fff; } .upload-success { width: 240px; padding: 0 30px; } .jqueryTabIcon { display: inline-block; width: 20px; height: 20px; overflow: hidden; background-repeat: no-repeat; font-size: 0; line-height: 0; text-align: center; background-color: transparent; float: left; } .ui-tabs .ui-tabs-nav li { background-color: white; } .upload-success h3 { font-size: 1.7em; font-weight: normal; display: inline-block; vertical-align: middle; line-height: 70px; margin-bottom: 20px; } .upload-success img { display: inline-block; vertical-align: middle; margin-right: 10px; margin: 30px 15px 30px 30px; } .ui-slider-horizontal .ui-state-default { background-color: darkgrey; } .highlight { background-color: lightblue; } .ui-menu { width: 150px; background-color: white; border: 1px solid lightgrey; } .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 { background: white; } .markerImage { background-image: url("/Content/kendo/styles/Bootstrap/markers.png"); float: left; background-repeat: no-repeat; width: 28px; height: 40px; background-position: right 0px bottom -40px; } .markerImageCurrent { background-image: url("/Content/kendo/styles/Bootstrap/markers.png"); float: left; background-repeat: no-repeat; width: 28px; height: 40px; background-position: right 0px bottom 0px; } .disable-input { background-color: whitesmoke; } .inoutGroup { width: 50px; } .column-dashboard { width: 33%; float: left; padding-bottom: 100px; } .portlet { margin: 0 1em 1em 0; /* padding: 15px; */ border: 1px solid lightgray; box-shadow: 2px 2px 5px lightgrey; font-size: 9pt; } .portlet-header { padding: 0.2em 0.3em; /* margin-bottom: 0.5em; */ position: relative; background-color: whitesmoke; font-size: 1.25em; font-weight: 600; font-family: Arial; font-weight: lighter; border-bottom: 1px solid lightgray; height: 30px; line-height: 30px; } .portlet-toggle { position: absolute; top: 50%; right: 0; margin-top: -8px; } .portlet-content { padding: 20px; } .portlet-placeholder { border: 1px dotted black; margin: 0 1em 1em 0; height: 300px; } .row-2-dashboard { float: left; width: 100%; margin-top: 10px; } .cardHeader-dashboard { font-size: 2em; font-weight: 600; font-family: Segoe UI; font-weight: lighter; margin-left: 20px; } .dashFont { font-size: 2em; font-weight: 600; font-family: Segoe UI; font-weight: lighter; margin-top: 30px; } .addCardFont { font-size: 1.5em; font-weight: 600; font-family: Segoe UI; font-weight: lighter; margin-top: 30px; } .add-card-row { float: left; width: 100%; } .add-card-column { float: left; width: 33%; } .mini-card { height: 100px; width: 100px; background-color: lightgray; margin: 0 auto; text-align: center; } .component-container { width: 100%; float: left; text-align: center; margin-bottom: 20px; } .checkbox-add-card { height: 17px; width: 17px !important; } .mini-card-icon { display: inline-block; width: 50px; height: 50px; overflow: hidden; background-repeat: no-repeat; font-size: 0; line-height: 0; text-align: center; background-color: transparent; margin-top: 25px; } .trainingExpiryCalendarCircle { width: 20px; height: 20px; margin: auto; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 50%; line-height: 20px; background-color: Red; color: white; margin-top: 10px; } .safetyExpiryCalendarCircle { width: 20px; height: 20px; margin: auto; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 50%; line-height: 20px; background-color: Red; color: white; } .pendingWorkCalendarCircle { width: 20px; height: 20px; margin: auto; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 50%; line-height: 20px; background-color: Orange; color: white; margin-top: 10px; } .listViewName { font-size: 1.25em; font-weight: 600; margin-right: 15px; font-family: Segoe UI; font-weight: lighter; } .listview-wrapper { border-top: 1px solid #f3f3f3; border-bottom: 1px solid #dbdbdb; padding: 1.25em 0; } .listview-list-details { display: inline-block; margin-left: 20px; } .listview-container.k-state-selected { background-color: #6abd2d; } .listview-container.k-state-selected .listview-wrapper { border-top: 1px solid #6abd2d; border-bottom: 1px solid #6abd2d; } .listDefault { font-size: 1.25em; font-weight: 600; margin-right: 15px; font-family: Segoe UI; font-weight: lighter; color: crimson; } .projectGroupNoteListViewNote { margin-bottom: 20px; font-size: 1.35em; margin-left: 0px; font-family: Segoe UI; font-weight: lighter; margin-top: 0px; } .card-myapproval { padding: 10px; width: 90%; float: left; height: 138px; margin: 10px; } .card-equip-row-top-signoff { float: left; width: 100%; height: 50px; margin-top: 13px; } .started-sync-integration-job { width: 30px; height: 30px; margin: auto; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 50%; line-height: 30px; background-color: rgb(0, 151, 208); color: white; margin-top: 10px; } .started-sync-background { background-color: #007bff; } .k-scheduler-content .k-event.k-state-selected { background-position: 0 0 !important; box-shadow: 0 0 0 4px red, inset 4px 0 0 0 rgba(255,255,255,.5) !important; } .k-scheduler .k-scheduler-table td, .k-scheduler .k-scheduler-table th { font-weight: 400; } .nylus-add-remove-card { float: right; margin-right: 30px !important; } .nylus-panel-style { margin: 0 1em 1em 0; /* padding: 15px; */ border: 1px solid lightgray; box-shadow: 2px 2px 5px lightgrey; } .nylus-panel-style-no-border { margin: 0 1em 1em 0; } .nylus-panel-header { padding: 0.2em 0.3em; /* margin-bottom: 0.5em; */ position: relative; background-color: whitesmoke; font-size: 1.2em; font-weight: 600; font-family: Arial; font-weight: lighter; border-bottom: 1px solid lightgray; height: 30px; line-height: 30px; } .nylus-panel-content { padding: 15px; box-sizing: border-box !important; float: left; width: 100%; } .nylus-tab-content { display: grid !important; grid-gap: 15px; } .training-list-table .k-grid { border: none !important; } .training-list-resource-grid .k-state-selected { border-left-color: transparent !important; } .training-list-resource-grid a { cursor: pointer; } .training-editor-panel-section .nylus-panel-style:nth-child(2) { box-shadow: none !important; border: none !important; } .training-resource-grid-section .nylus-panel-style { box-shadow: none !important; border: none !important; } .training-resource-grid-section .nylus-panel-content { padding: 0px 15px 15px 15px; } .nylus-link-left { cursor: pointer; float: left; margin-bottom: 5px; margin-bottom: 20px; } .nylus-filter-content-panel { display: none; position: absolute; background-color: rgb(249, 249, 249); min-width: 300px; box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 16px 0px; padding: 20px; z-index: 200; border: 1px solid lightgray; } .nylus-filter-row { width: 100%; margin-bottom: 15px; } .nylus-report-select { display: inline-block !important; } .nylus-timesheet-report-header-widget { float: left; } .nylus-bulk-filter-content { float: left; padding: 20px; margin-top: 30px; box-sizing: border-box; } .nylus-charges-column { float: left; width: 100%; } .nylus-sales-order-main { width: 100%; } /*Sales Order CSS*/ .footer { position: fixed; left: 0; bottom: 0; width: 100%; background-color: white; color: white; text-align: right; height: 50px; border: 1px solid lightgray; } #PurchaseOrderDropDown-list { width: 300px !important; } #PurchaseOrderDropDown-list .k-item { line-height: 1.25em; } /* Material Theme padding adjustment*/ .k-material #PurchaseOrderDropDown-list .k-item, .k-material #PurchaseOrderDropDown-list .k-item.k-state-hover, .k-materialblack #PurchaseOrderDropDown-list .k-item, .k-materialblack #PurchaseOrderDropDown-list .k-item.k-state-hover { padding-left: 5px; border-left: 0; } #PurchaseOrderDropDown-list .k-item > span { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: top; margin: 20px 10px 10px 5px; } #PurchaseOrderDropDown-list h3 { font-size: 1.25em; font-weight: normal; margin: 0 0 1px 0; padding: 0; } #PurchaseOrderDropDown-list p { margin: 0; padding: 0; font-size: .9em; } #PartNumber-list { width: 300px !important; } #PartNumber-list .k-item { line-height: 1.25em; } /* Material Theme padding adjustment*/ .k-material #PartNumber-list .k-item, .k-material #PartNumber-list .k-item.k-state-hover, .k-materialblack #PartNumber-list .k-item, .k-materialblack #PartNumber-list .k-item.k-state-hover { padding-left: 5px; border-left: 0; } #PartNumber-list .k-item > span { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: top; margin: 20px 10px 10px 5px; } #PartNumber-list h3 { font-size: 1.25em; font-weight: normal; margin: 0 0 1px 0; padding: 0; } #PartNumber-list p { margin: 0; padding: 0; font-size: .9em; } #customerSalesOrderCombobox-list { width: 300px !important; } #customerSalesOrderCombobox-list .k-item { line-height: 1.25em; } /* Material Theme padding adjustment*/ .k-material #customerSalesOrderCombobox-list .k-item, .k-material #customerSalesOrderCombobox-list .k-item.k-state-hover, .k-materialblack #customerSalesOrderCombobox-list .k-item, .k-materialblack #customerSalesOrderCombobox-list .k-item.k-state-hover { padding-left: 5px; border-left: 0; } #customerSalesOrderCombobox-list .k-item > span { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: top; margin: 20px 10px 10px 5px; } #customerSalesOrderCombobox-list h3 { font-size: 1.25em; font-weight: normal; margin: 0 0 1px 0; padding: 0; } #customerSalesOrderCombobox-list p { margin: 0; padding: 0; font-size: .9em; } .nylus-notification-content { width: 100%; float: left; } .k-window { z-index: 30000 !important; } .k-overlay { z-index: 30000 !important; } .nylus-block-scheduler-scheduler-summary-filter { margin-right: 10px !important; } .nylus-block-scheduler-scheduler-summary-filter-container { margin-bottom: 20px; } .nylus-classic-view { border: 1px solid #17a2b8; height: 42px; text-align: right; padding: 10px; box-sizing: border-box; vertical-align: middle; background-color: #17a2b8; opacity: 0.8; /* color: white; */ margin-top: 10px; } .nylus-classic-view-link { color: white !important; /* text-decoration: none; */ cursor: pointer; } .nylus-classic-view-close-button { /* top: 0; */ /* right: 0; */ right: 25px; font-size: 15px; /* margin-left: 10px; */ color: white !important; text-decoration: none; margin-right: 5px; } #LocationDropDownCustomerSave-list { width: 300px !important; } .nylus-customer-drop-down-font { font-size: 1.25em; } .review-dashboard-container { box-sizing: border-box; padding: 20px; display: flex; justify-content: space-evenly; column-gap: 20px; } .review-dashboard-container-item-1 { -ms-flex-basis: 15%; -o-flex-basis: 15%; -webkit-flex-basis: 15%; flex-basis: 15%; justify-content: center; column-gap: 1rem; } .review-dashboard-container-item-2 { -ms-flex-basis: 85%; -o-flex-basis: 85%; -webkit-flex-basis: 85%; flex-basis: 85%; display: flex; justify-content: center; column-gap: 1rem; } .review-dashboard-container-item-3 { -ms-flex-basis: 20%; -o-flex-basis: 20%; -webkit-flex-basis: 20%; flex-basis: 20%; justify-content: left; column-gap: 1rem; } .review-dashboard-container-item-4 { -ms-flex-basis: 80%; -o-flex-basis: 80%; -webkit-flex-basis: 80%; flex-basis: 80%; justify-content: center; column-gap: 1rem; font-size: 9pt; } .review-dashboard-container-item-5 { -ms-flex-basis: 100%; -o-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; display: flex; justify-content: center; column-gap: 1rem; } .new-grid { border: none !important; } .review-dashboard-header-font { font-size: 1.5rem; } .header-margin-bottom { margin-bottom: 30px; } .three-dot-menu-overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: block; background-color: white; z-index: 10002 !important; } .nylus-overlay-link-header-container { width: 100%; } .three-dot-menu-sub-menu-container { display: flex; justify-content: space-evenly; margin-top: 50px; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; row-gap: 30px; padding: 30px; box-sizing: border-box; } .three-dot-menu-sub-menu-container-item { -ms-flex-basis: 33%; -o-flex-basis: 33%; -webkit-flex-basis: 33%; flex-basis: 33%; display: flex; justify-content: center; } .mobile-job-details-margin-top { margin-top: 10px; } .nylus-equipment-input { width: 100%; } .nylus-side-panel { background-color: white; box-shadow: 5px 0 0px -6px rgb(0 0 0 / 20%), -7px 0 5px -4px rgb(0 0 0 / 20%); padding-left: 20px; padding-right: 20px; box-sizing: border-box !important; } .review-listview { border: none !important; margin-top: 60px !important; } .mobile-job-status { width: 50px; height: 50px; background-color: rgba(207,216,220,1); border-width: 0px; border-style: solid; border-radius: 50%; float: left; } .mobile-listview-template-header-font { font-size: 1.1em; } .mobile-listview-template-header-font-1 { font-size: 0.8em; color: rgba(68, 68, 68, 0.6); } .mobile-vertical-align-template { line-height: 50px !important; float: left; margin-left: 20px; } .review-listview-template { width: 90%; float: left; border-bottom: 1px solid lightgray; padding: 10px; box-sizing: border-box; } .review-icon-image { display: inline-block; width: 40px; height: 40px; overflow: hidden; background-repeat: no-repeat; font-size: 0; line-height: 0; text-align: center; background-color: transparent; float: left; margin-right: 5px; } .review-icon { background-image: url("/Images/Review-Icon.png"); background-size: 35px 35px; background-repeat: no-repeat; } .nylus-quick-scheduler-filters-container { margin-top: 50px; padding: 20px; box-sizing: border-box; } .nylus-view-new { padding: 20px; box-sizing: border-box; } .nylus-grid-no-border { border: none !important; } .nylus-component { margin: 5px; /* display: block !important; */ float: left; width: 100%; } /* Invoice CSS */ .row-1-invoice { float: left; width: 100%; margin-top: 10px; margin-bottom: 10px; } .row-2-invoice { float: left; width: 100%; } .column-1-invoice { float: left; width: 15%; } .nylus-invoice-card { padding: 10px; width: 90%; float: left; height: 60px; margin: 10px; } .nylus-invoice-card-2 { padding: 10px; width: 95%; float: left; height: 60px; margin: 10px; } .card-equip-row-top-signoff { float: left; width: 100%; } .created-background { background-color: rgb(0, 151, 208); } .sent-background { background-color: steelblue; } .hold-background { background-color: orangered; } .canceled-background { background-color: crimson; } .overdue-background { background-color: orange; } .disputed-background { background-color: red; } .paid-background { background-color: rgb(113, 215, 0); } .spire-sales-order-status-container:hover { -ms-opacity: 1; opacity: 0.5 } .card-equip-result { font-size: 1.75em !important; } .invoice-input-3 { width: 50%; } .invoice-input-4 { width: 95%; } .invoice-input-5 { width: 90%; } .invoice-input-6 { width: 98%; } .invoice-input-disabled { background-color: whitesmoke; } .toolbar.k-toolbar.k-widget.k-toolbar-resizable { border: none; background-color: inherit; } .toolbar.k-toolbar.k-widget.k-toolbar-resizable.k-button { border: none; background-color: inherit; } .toolbar-work-orders.k-toolbar.k-widget.k-toolbar-resizable { border: none; background-color: inherit; } .toolbar-work-orders.k-toolbar.k-widget.k-toolbar-resizable.k-button { border: none; background-color: inherit; } .toolbar-invoice-line-items.k-toolbar.k-widget.k-toolbar-resizable { border: none; background-color: inherit; } .toolbar-invoice-line-items.k-toolbar.k-widget.k-toolbar-resizable.k-button { border: none; background-color: inherit; } .invoice-email-window { padding: 20px; box-sizing: content-box; margin-top: 30px; } .invoice-card { padding: 10px; width: 100%; float: left; height: 138px; /* margin: 10px; */ box-sizing: border-box; } /* Styling for Truck Maintenance */ .truck-maintenance-body { display: flex; flex-direction: row; } .truck-maintenance-body-left { width: 25%; margin-right: 0.5rem; } .truck-maintenance-body-right { width: 75%; margin-left: 0.5rem; } .truck-maintenance-date-row { display: flex; flex-direction: row; align-items: center; } .truck-maintenance-chart-section { margin-bottom: 2rem; } .truck-maintenance-status-section { padding: 0 !important; margin-bottom: 1rem; } .truck-maintenance-status-wrapper { display: flex; flex-direction: row; } .truck-maintenance-status-item { width: 50%; display: flex; flex-direction: column; align-items: center; padding-top: 1.5rem; padding-bottom: 1.5rem; text-align: center; } .truck-maintenance-status-amount { font-size: 1.75rem; } .truck-maintenance-status-icon { width: 50px; height: 50px; border-radius: 50%; margin-bottom: 0.75rem; } .truck-maintenance-jobs-today-icon { background-color: #1a87cd; } .truck-maintenance-requiring-maintenance-icon { background-color: #f5bf42; } .truck-maintenance-unassigned-icon { background-color: #942332; } .truck-maintenance-hover-jobs-today { transition: 0.3s; } .truck-maintenance-hover-jobs-today:hover { background-color: #1a87cd; color: #ffffff; } .truck-maintenance-hover-jobs-today:hover .truck-maintenance-jobs-today-icon { background-color: #0b588b; } .truck-maintenance-hover-requiring-maintenance { transition: 0.3s; width: 50% !important; } .truck-maintenance-hover-requiring-maintenance:hover { background-color: #f5bf42; } .truck-maintenance-hover-requiring-maintenance:hover .truck-maintenance-requiring-maintenance-icon { background-color: #f3d671; } .truck-maintenance-hover-unassigned { transition: 0.3s; margin-left: auto; } .truck-maintenance-hover-unassigned:hover { background-color: #942332; color: #ffffff; } .truck-maintenance-hover-unassigned:hover .truck-maintenance-unassigned-icon { background-color: #f52a44; } .truck-maintenance-tab-link { display: flex; flex-direction: row; padding: 0.5rem; } .truck-maintenance-assigned-tab-icon { width: 20px; height: 20px; border-radius: 50%; margin-right: 0.75rem; color: #ffffff; background-color: #227224; display: flex; align-items: center; justify-content: center; } .truck-maintenance-unassigned-tab-icon { width: 20px; height: 20px; border-radius: 50%; margin-right: 0.75rem; color: #ffffff; background-color: #f52a44; display: flex; align-items: center; justify-content: center; } .truck-maintenance-assigned-grid-icon { width: 20px; height: 20px; border-radius: 50%; position: fixed; } .truck-maintenance-assigned-grid-span { margin-left: 30px; } /* Styling for Custom Notifier */ .custom-notifier-section { display: none; position: fixed; top: 0; left: 0; width: 100%; z-index: 10000; } .custom-notifier-container { margin: auto; display: flex; flex-direction: column; width: 28%; height: 12rem; top: 0; } .custom-notifier-container-close-btn { cursor: pointer; position: relative; width: 100%; display: flex; justify-content: flex-end; margin-top: 0.25rem; right: 0.25rem; font-size: 1.25rem !important; } .custom-notifier-container-close-btn:hover { cursor: pointer; } .custom-notifier-container-content { height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: center; } .custom-notifier-container-header-row { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; margin-bottom: 0.5rem; } .custom-notifier-container-secondary-row { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; margin-bottom: 1rem; } .custom-notifier-container-btn-row { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; } .custom-notifier-container-header-icon .k-icon { font-size: 1.5rem !important; } .custom-notifier-container-header-text { margin-left: 1rem; font-size: 2rem; } .custom-notifier-container-secondary-text { font-size: 1.25rem; } .custom-notifier-btn { font-size: 1rem; width: 5rem; height: 1.5rem; display: flex; flex-direction: center; align-items: center; justify-content: center; } .custom-notifier-btn:hover { cursor: pointer; box-shadow: inset 2px 2px rgba(0, 0, 0, 0.2); } .custom-notifier-btn:focus { box-shadow: inset 2px 2px rgba(0, 0, 0, 0.4); } @media only screen and (max-width: 850px) { .custom-notifier-container { width: 100%; height: 15rem; } } .qs-show-all-jobs{ margin-top: 23px; } .qs-show-all-jobs-span{ margin-right: 5px; } .nylus-checkbox-item{ margin-bottom: 10px; margin-top: 10px; } .quickbooks-connect-logo{ background: url("/Images/C2QB_green_btn_med_default.png"); border: none !important; width: 223px; height: 36px; cursor: pointer; } .location-search-container { float: left; margin-bottom: 20px; } .location-search-components { float: left; } .location-search-button-components { margin-top: 20px !important; margin-left: 10px !important; } .qb-sync-buttons{ } .nylus-top-margin-payroll-configuration{ margin-top: 50px; } .nylus-po-button { margin-right: 20px !important; } .nylus-punch-clock-row{ padding: 10px; width: 95%; float: left; height: 60px; } .punch-clock-status-clockedin { width: 25px; height: 25px; background: linear-gradient(45deg, #28a745, #35D95A); border-width: 0px; border-style: solid; border-radius: 50%; } .punch-clock-status-notclockedin{ width: 25px; height: 25px; background: linear-gradient(45deg, #ff0000, #ff2121); border-width: 0px; border-style: solid; border-radius: 50%; } .review-status-completed { width: 25px; height: 25px; background: linear-gradient(45deg, #28a745, #35D95A); border-width: 0px; border-style: solid; border-radius: 50%; } .review-status-started { width: 25px; height: 25px; background: linear-gradient(45deg, #0990ff, #4da0e5); border-width: 0px; border-style: solid; border-radius: 50%; } .timesheet-status-submitted{ color: #28a745; } .timesheet-status-pending{ color: #ff6f00; } .review-status-reviewing{ width: 25px; height: 25px; background: linear-gradient(45deg, #ff6f00, #ffb21c); border-width: 0px; border-style: solid; border-radius: 50%; } .review-status-created{ width: 25px; height: 25px; background: linear-gradient(45deg, #ff0000, #ff2121); border-width: 0px; border-style: solid; border-radius: 50%; } .timesheet-main{ width: 100%; float: left; } .timesheet-main-col-1{ width: 60%; padding: 10px; box-sizing: border-box; float: left; } .timesheet-main-col-2{ width: 40%; padding: 10px; box-sizing: border-box; float: left; } .timesheet-main-map{ height: 25rem; width: 100%; float: left; padding-top: 10px; padding-bottom: 10px; box-sizing: border-box; } .timesheet-main-map-1 { height: 100%; width: 100%; } .timesheet-main-grid{ width: 100%; float: left; } .review-history-margin { margin-top: 50px; } /*Styling for grid filter window in the Training module*/ .filter-window-wrapper { z-index: 99999; background-color: rgba(0,0,0,0.5); position: fixed; display: flex; justify-content: flex-end; width: 100%; height: 100vh; top: 0; left: 0; } .filter-window { position: absolute; background-color: #FFFFFF; width: 33%; height: 100%; right: -33%; } .filter-window-header { display: flex; flex-direction: row; align-items: center; margin: 2rem 1rem 1rem 1rem; } .filter-window-body { margin-left: 1rem; margin-right: 1rem; margin-bottom: 3rem; } .safety-manager-header { padding-top: 20px; padding-bottom: 20px; } .safety-manager-container { display: flex; flex-direction: row; } .safety-manager-quick-info { display: flex; flex-direction: column; } .block-scheduler-work-order-fixed{ display: block; height: 100%; position: fixed; z-index: 1; top: 0; right: 0; overflow-x: hidden; padding: 20px; box-sizing: border-box; margin-top: 80px; } .safety-manager-quick-info-element { display: flex; flex-direction: row; align-items: center; margin-bottom: 0.75rem; } .safety-calendar { border: none !important; width: 100%; } .safety-calendar .k-header { border: none !important; } .safety-calendar .k-calendar-view { width: 100% !important; } .safety-manager-status-selector { padding: 0; margin: 0; } .safety-manager-status-selector li { margin-bottom: 0.5rem; display: flex; flex-direction: row; justify-content: flex-start; } .safety-manager-status-selector input { margin-right: 0.5rem; } .safety-manager-status-selector label { margin-right: 1rem; } .safety-manager-status-label { margin-right: 1rem; width: 20px; border-radius: 50%; height: 20px; } .status-label-Created { background-color: #1e7eeb; } .status-label-Processing { background-color: #edb047; } .status-label-Completed { background-color: #32a852; } .status-label-Canceled { background-color: #c9594f; } .safety-manager-shadow-box { display: flex; flex-direction: column; border: 1px solid lightgray; box-shadow: 2px 2px 5px lightgray; padding: 1rem; } .gps-report-datepicker-element { margin-right: 0.5rem; margin-bottom: 5px; display: flex; flex-direction: column; } .gps-report-datepicker-label { font-size: 0.75rem; } .gps-report-grid-tools-row { display: flex; flex-direction: row; align-items: flex-end; flex-wrap: wrap; } .gps-report-grid-tools-row .k-multiselect-wrap .k-input { width: auto !important; } .safety-review-button-group { width: 100%; display: flex !important; flex-direction: column !important; } .safety-review-dropdown { width: 100% !important; } .safety-review-dropdown .k-input { display: flex !important; flex-direction: row !important; } .safety-manager-review-button-group-element { width: 100%; } .powersheet-submitted{ background-color: #28a745 !important; color: white; height: 30px; padding: 5px; line-height: 30px; } .powersheet-pending{ background-color: #ffc107 !important; height: 30px; padding: 5px; line-height: 30px; } .no-display{ display: none !important; } .nylus-grid-buttons-and-search .k-grid-toolbar { display: flex !important; flex-direction: row !important; } .nylus-grid-buttons-and-search .k-grid-toolbar .k-grid-search { margin-left: auto !important; } .resource-list-grid .k-grid-toolbar { display: flex !important; flex-direction: row !important; } .resource-list-grid .k-grid-toolbar .k-grid-search { margin-left: auto !important; } .resource-list-editor-container { display: flex; flex-direction: column; } .resource-list-unlock-link { color: #ad4a3e; cursor: pointer !important; text-decoration: underline; } .resource-list-grid-toolbar { width: 100%; } .resource-list-grid-toolbar .k-overflow-anchor { border: none !important; } .resource-editor-body { display: flex; flex-direction: row; } .resource-editor-column-left { width: 22%; } .resource-editor-column-right { width: 78%; padding-left: 2rem; } .resource-editor-shadow-box { display: flex; flex-direction: column; border: 1px solid lightgray; box-shadow: 2px 2px 5px lightgray; padding: 1rem; margin-bottom: 1rem; } .resource-editor-tab-container { margin-top: 1rem; display: flex; flex-direction: column; } .resource-editor-tab-toolbar { display: flex; flex-direction: row; margin-bottom: 5px; align-items: flex-end; } .resource-editor-tab-toolbar-element { margin-right: 0.5rem !important; margin-bottom: 5px !important; } .resource-editor-tab-toolbar-drp { margin-right: 0.5rem !important; } .resource-editor-row { margin-bottom: 0.75rem; display: flex; flex-direction: row; } .resource-editor-photo-row { justify-content: center; } .resource-editor-hyperlink a { color: blue !important; } .resource-editor-row-title { width: 50%; } .resource-editor-row-item { width: 50%; text-overflow: ellipsis; } .resource-editor-color-item { width: 50%; display: flex; flex-direction: column; } .resource-editor-details-fields-row { display: flex; flex-direction: row; margin-bottom: 3rem; } .resource-editor-details-fields-column { display: flex; flex-direction: column; margin-right: 1rem; width: 50%; } .resource-details-column-item { display: flex; flex-direction: row; width: 100%; margin-bottom: 0.75rem; align-items: center; } .resource-details-column-item-tall { display: flex; flex-direction: row; width: 100%; margin-bottom: 0.75rem; align-items: flex-start; } .resource-editor-photo-edit-btn { margin-left: 0.75rem; cursor: pointer; } .resource-details-column-label { width: 25%; } .resource-field-item { display: flex; flex-direction: column; } .resource-details-input { width: 265px !important; } .resource-details-input::placeholder { color: #b8b8b8; } .resource-details-textarea { resize: vertical; width: 265px; } .resource-editor-details-checkbox-row { display: flex; flex-direction: row; } .resource-details-checkbox-column { display: flex; flex-direction: column; width: 25%; } .resource-details-checkbox-item { margin-bottom: 0.75rem; } .resource-details-checkbox-item label { font-weight: normal !important; } .photo-upload-body { padding: 1rem; } .photo-upload-header { font-size: 1.75rem; margin-top: 2rem; margin-bottom: 2rem; } .resource-details-password-warning { color: red; } .bulk-update-body { padding: 1rem; } .bulk-update-header { font-size: 1.75rem; margin-bottom: 2rem; } .bulk-update-item { display: flex; flex-direction: row; margin-bottom: 0.75rem; } .bulk-update-item-label { width: 40%; } .bulk-update-item-component { width: 60%; } .bulk-update-ul { padding: 0 !important; margin: 0 !important; } .add-shift-body { padding: 1rem; } .add-shift-header { font-size: 1.75rem; margin-bottom: 2rem; } .add-shift-item { display: flex; flex-direction: row; margin-bottom: 0.75rem; } .add-shift-item-label { width: 40%; } .add-shift-item-component { width: 60%; } #PurchaseOrderDropDownList-list { width: 300px !important; } .nylus-grid .k-grid-content{ overflow: hidden !important; } .nylus-shadow-box-section { border: 1px solid lightgray; box-shadow: 2px 2px 5px lightgray; padding: 1rem; } .workflow-listview-item { display: flex; align-items: center; } .workflow-listview-details { display: flex; flex-direction: row; } .workflow-manager-header { padding-top: 20px; padding-bottom: 20px; } .workflow-manager-body { display: flex; flex-direction: row; } .workflow-manager-column-left { width: 35%; padding-right: 0.5rem; display: flex; } .workflow-manager-column-right { width: 65%; padding-left: 0.5rem; display: flex; } .workflow-list-section { width: 100%; } .workflow-list-section-toolbar { width: 100%; } .workflow-trigger-toolbar { display: flex !important; justify-content: flex-end !important; margin-bottom: 2rem !important; } .workflow-trigger-label { margin-top: 5px; margin-bottom: 5px; } .workflow-trigger-item { margin-bottom: 15px; } .workflow-item-row { display: flex; flex-direction: row; align-items: center; margin-bottom: 15px; } .workflow-item-row-tall { display: flex; flex-direction: row; margin-bottom: 15px; } .workflow-item-row-label { width: 25%; } .workflow-item-row-object { width: 75%; } .workflow-item-row-object-required { color: red; margin-left: 0.5rem; } .workflow-item-input-required { border-color: red; } .workflow-action-details-column-wrapper { display: flex; flex-direction: row; } .workflow-action-details-column-left { width: 65%; padding-right: 0.5rem; } .workflow-action-details-full-column { padding-right: 0.5rem; } .workflow-action-details-column-right { width: 35%; padding-left: 0.5rem; } .workflow-trigger-geofence-map-section { display: flex; flex-direction: row; } .workflow-trigger-geofence-map-col-left { width: 30%; padding-right: 0.5rem; } .workflow-trigger-geofence-map-col-right { width: 70%; padding-left: 0.5rem; } .workflow-inline-input-wrapper { width:60px; margin-left: 0.25rem; margin-right: 0.25rem; } .recurring-event-type-row { display: flex; flex-direction: row; align-items: center; margin-bottom: 1rem; } .recurring-event-parameters-row { display: flex; flex-direction: row; align-items: center; margin-bottom: 1rem; } .recurring-event-parameters-label { width: 25%; } .recurring-event-parameters-object { width: 75%; } .side-window-content { padding: 1rem; } .side-window-content-header { font-size: 1.75rem; margin-bottom: 2rem; } .side-window-content-body { } .side-window-content-body-row { display: flex; flex-direction: row; align-items: center; margin-bottom: 0.75rem; } .side-window-content-body-row-tall { display: flex; flex-direction: row; margin-bottom: 0.75rem; } .side-window-content-body-row-reverse-tall { display: flex; flex-direction: row-reverse; margin-bottom: 0.75rem; } .side-window-content-body-row-vertical { display: flex; flex-direction: column; margin-bottom: 0.75rem; } .side-window-content-body-row-centered { align-items: center; } .side-window-content-body-label { width: 25%; } .side-window-content-body-item { width: 75%; } .nylus-presenter-header { padding-top: 20px; padding-bottom: 20px; display: flex; flex-direction: row; align-items: center; } .resource-lists-body { display: flex; flex-direction: row; } .resource-lists-column-left { width: 25%; padding-right: 0.5rem; display: flex; } .resource-lists-column-right { width: 75%; padding-left: 0.5rem; display: flex; } .resource-lists-list-section { width: 100%; } .resource-lists-section-toolbar { width: 100%; } .resource-lists-listview-item { display: flex; align-items: center; } .resource-lists-listview-details { display: flex; flex-direction: row; } .resource-lists-side-window-textarea { width: 250px; } .signoff-manager-body { display: flex; flex-direction: row; } .signoff-manager-column-left { width: 25%; padding-right: 0.75rem; display: flex; flex-direction: column; } .signoff-manager-column-right { width: 75%; padding-left: 0.75rem; display: flex; flex-direction: column; } .signoff-manager-daterange-row { display: flex; flex-direction: row; align-items: center; } .signoff-date-range-picker { margin-bottom: 6px; margin-right: 0.5rem; } .signoff-manager-calendar-section { display: flex; flex-direction: column; margin-bottom: 2rem; } .signoff-manager-calendar-section .k-calendar-view { width: 100% !important; } .signoff-manager-calendar { border: none !important; margin-bottom: 1.5rem; } .signoff-manager-status-box { padding: 0 !important; } .signoff-manager-status-section { display: flex; flex-direction: row; align-items: center; width: 100%; height: 100%; } .signoff-status-item { display: flex; flex-direction: column; align-items: center; width: 33%; padding-top: 1.5rem; padding-bottom: 1.5rem; } .signoff-status-icon { width: 50px; height: 50px; border-radius: 50%; margin-bottom: 0.75rem; } .signoff-status-partial { background-color: #f0db3e; } .signoff-status-complete { background-color: #5bab49; } .signoff-status-waiting { background-color: #942332; } .signoff-status-hover-partial { transition: 0.3s; } .signoff-status-hover-partial:hover { background-color: #f0db3e; } .signoff-status-hover-partial:hover .signoff-status-partial { background-color: #fcec71; } .signoff-status-hover-complete { transition: 0.3s; width: 34% !important; } .signoff-status-hover-complete:hover { background-color: #5bab49; color: #ffffff; } .signoff-status-hover-complete:hover .signoff-status-complete { background-color: #74c465; } .signoff-status-hover-waiting { transition: 0.3s; margin-left: auto; } .signoff-status-hover-waiting:hover { background-color: #942332; color: #ffffff; } .signoff-status-hover-waiting:hover .signoff-status-waiting { background-color: #d2394d; } .signoff-status-amount { font-size: 1.75rem; } .sign-off-calendar-waiting-circle { width: 20px; height: 20px; margin: auto; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 50%; line-height: 20px; background-color: #d2394d; color: white; } .sign-off-calendar-partial-circle { width: 20px; height: 20px; margin: auto; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 50%; line-height: 20px; background-color: #f0db3e; color: black; } .warehouse-manager-body { display: flex; flex-direction: row; } .warehouse-manager-column-left { width: 25%; padding-right: 1rem; display: flex; } .warehouse-manager-column-right { width: 75%; padding-left: 1rem; display: flex; flex-direction: column; } .warehouse-listview-section { display: flex; flex-direction: column; width: 100%; } .warehouse-manager-map-row { height: 30rem; display: flex; flex-direction: row; margin-bottom: 1rem; } .warehouse-manager-map-row-details-column { width: 35%; padding-right: 0.75rem; display: flex; flex-direction: column; } .warehouse-manager-map-row-map-column { width: 65%; padding-left: 0.75rem; display: flex; } .warehouse-manager-map { height: 30rem !important; width: 100% !important; border: 1px solid lightgrey !important; } .warehouse-manager-button-container { margin-left: auto; display: flex; flex-display: row; } .warehouse-manager-details-item { display: flex; flex-direction: row; margin-bottom: 1rem; align-items: center; } .warehouse-manager-details-item-tall { display: flex; flex-direction: row; align-items: flex-start; margin-bottom: 1rem; } .warehouse-manager-details-item-tall textarea { resize: none; width: 85% !important; } .warehouse-manager-details-title { width: 20%; padding-right: 0.5rem; } .warehouse-manager-details-content { width: 80%; padding-left: 0.5rem; } .warehouse-listview-item { display: flex; align-items: center; } .warehouse-listview-details { display: flex; flex-direction: row; } .inventory-item-editor-body { display: flex; flex-direction: row; } .inventory-item-editor-autocomplete { margin-top: 10px; margin-right: 1rem; } .inventory-item-editor-body-column-left { width: 20%; display: flex; flex-direction: column; padding-right: 0.75rem; } .inventory-item-editor-body-column-right { width: 80%; display: flex; flex-direction: column; padding-left: 0.75rem; } .inventory-item-editor-carousel-details-section { display: flex; flex-direction: column; } .inventory-item-editor-carousel-details-section-header { margin-bottom: 0.75rem; text-align: center; width: 100%; font-size: 1.25rem; } .inventory-item-editor-carousel-images { width: 100%; height: 20rem; margin-bottom: 0.5rem; border: none !important; } .inventory-item-editor-carousel-image { width: 100% !important; height: 100% !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; } .inventory-item-editor-carousel-images-btn-row { width: 100%; display: flex; justify-content: flex-end; margin-bottom: 1.75rem; } .inventory-item-editor-carousel-images-btn { cursor: pointer; color: blue !important; } .inventory-item-editor-carousel-details-section-totals-row { display: flex; flex-direction: row; width: 100%; margin-bottom: 1.5rem; } .inventory-item-editor-totals-row-item { display: flex; flex-direction: column; width: 50%; align-items: center; } .inventory-item-editor-totals-row-title { margin-bottom: 0.25rem; } .inventory-item-editor-totals-row-value { font-size: 1.75rem; } .inventory-item-editor-carousel-details-section-ids-row { display: flex; flex-direction: column; align-items: center; } .inventory-item-editor-ids-row-item { display: flex; flex-direction: row; width: 80%; margin-bottom: 0.5rem; } .inventory-item-editor-ids-row-title { width: 35%; } .inventory-item-editor-ids-row-value { width: 65%; } .inventory-item-editor-fields-row { display: flex; flex-direction: row; margin-bottom: 2rem; } .inventory-item-editor-fields-column-left { display: flex; flex-direction: column; width: 50%; padding-right: 0.5rem; } .inventory-item-editor-fields-column-right { display: flex; flex-direction: column; width: 50%; padding-left: 0.5rem; } .inventory-item-editor-fields-item { display: flex; flex-direction: row; align-items: center; margin-bottom: 0.5rem; } .inventory-item-editor-fields-item-tall { display: flex; flex-direction: row; align-items: flex-start; margin-bottom: 0.5rem; } .inventory-item-editor-fields-item-tall textarea { resize: none; width: 85% !important; } .inventory-item-editor-fields-name { width: 25%; } .inventory-item-editor-fields-value { width: 75%; } .inventory-item-editor-dependent-grid-image { height: 60px; width: 60px; border-radius: 50%; background-position: center center; background-size: cover; } .expand-image-window-container { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 10600; } .expand-image-window-content-wrapper { display: flex; flex-direction: column; width: 100%; height: 100%; align-items: center; justify-content: center; } .expand-image-window-content-section { height: 100%; display: flex; flex-direction: column; justify-content: center; } .expand-image-window-close-btn { cursor: pointer; margin-left: auto; } .expand-image-window-close-btn:hover { color: #494949; } .expand-image-window-close-btn span { font-size: 2.5rem; } .expand-image-window-image-container { margin-top: 1rem; } .expand-image-window-img { width: 100% } .expand-image-window-clickable-area { cursor: pointer; } .system-settings-body { display: flex; flex-direction: row; } .system-settings-button-container { margin-left: auto; display: flex; flex-display: row; } .system-settings-body-menu-column { width: 30%; display: flex; flex-direction: column; padding-right: 0.75rem; } .system-settings-body-content-column { width: 70%; display: flex; flex-direction: column; padding-left: 0.75rem; } .system-settings-menu-options-section { width: 90%; display: flex; flex-direction: column; } .system-settings-menu-options-row { display: flex; flex-direction: row; } .system-settings-menu-options-column { padding-top: 0.75rem; display: flex; flex-direction: column; cursor: pointer; transition: 0.3s; } .system-settings-column-quarters { width: 25%; } .system-settings-column-thirds-outer { width: 33%; } .system-settings-column-thirds-inner { width: 34%; } .system-settings-menu-options-column:hover { color: #ffffff; background-color: #1a87cd; } .system-settings-selected-option { color: #ffffff; background-color: #1a87cd; } .system-settings-menu-options-icon { padding-bottom: 0.25rem; width: 100%; display: flex; justify-content: center; } .system-settings-menu-options-icon .k-icon { font-size: 3rem !important; } .system-settings-menu-options-text { width: 100%; font-size: 1.05rem; margin-bottom: 1rem; display: flex; justify-content: center; text-align: center; } .system-settings-body-section { display: flex; flex-direction: column; width: 100%; } .system-settings-body-section-split { display: flex; flex-direction: row; width: 100%; } .system-settings-body-section-split-column { display: flex; flex-direction: column; width: 50%; } .system-settings-body-section-item { display: flex; flex-direction: row; width: 100%; align-items: center; margin-bottom: 0.75rem; } .system-settings-body-section-item-margin-top { margin-top: 1rem; display: flex; flex-direction: row; width: 100%; align-items: center; margin-bottom: 0.75rem; } .system-settings-body-section-item-tall { display: flex; flex-direction: row; width: 100%; align-items: flex-start; margin-bottom: 0.75rem; } .system-settings-body-section-item-title { width: 20%; padding-right: 0.25rem; } .system-settings-body-section-item-title-subheader { font-weight: bold; } .system-settings-body-section-item-content { width: 80%; padding-left: 0.25rem; } .system-settings-body-section-split-column .system-settings-body-section-item-title { width: 40%; } .system-settings-body-section-split-column .system-settings-body-section-item-content { width: 60%; } .system-settings-dropdown { width: 280px !important; } .customer-assets-make-models-left { width: 50%; padding-right: 0.75rem; } .customer-assets-make-models-right { width: 50%; padding-left: 0.75rem; } .equipment-editor-body { display: flex; flex-direction: row; } .equipment-editor-autocomplete { margin-top: 10px; margin-right: 1rem; } .equipment-editor-body-column-left { width: 20%; display: flex; flex-direction: column; padding-right: 0.75rem; } .equipment-editor-body-column-right { width: 80%; display: flex; flex-direction: column; padding-left: 0.75rem; } .equipment-editor-fields-row { display: flex; flex-direction: row; margin-bottom: 2rem; } .equipment-editor-fields-column-left { display: flex; flex-direction: column; width: 50%; padding-right: 0.5rem; } .equipment-editor-details-section { display: flex; flex-direction: column; } .equipment-editor-carousel-images { width: 100%; height: 20rem; margin-bottom: 0.5rem; border: none !important; } .equipment-editor-carousel-images-btn-row { width: 100%; display: flex; justify-content: flex-end; margin-bottom: 1.75rem; } .equipment-editor-carousel-images-btn { cursor: pointer; color: blue !important; } .equipment-editor-carousel-image { width: 100% !important; height: 100% !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; } .equipment-editor-details-section-numbers-row { display: flex; flex-direction: row; width: 100%; justify-content: center; } .equipment-editor-details-item { display: flex; flex-direction: row; width: 90%; margin-bottom: 0.5rem; } .equipment-editor-details-title { width: 50%; display: flex; align-items: center; font-size: 1rem; } .equipment-editor-details-value { width: 50%; display: flex; justify-content: flex-end; align-items: center; font-size: 1.75rem; } .equipment-editor-work-order-history-label { margin-bottom: 1rem; border: black; border-style: solid; border-width: 0 0 3px; padding-bottom: 0.5rem; width: 150px; display: flex; justify-content: center; } .equipment-editor-fields-column-right { display: flex; flex-direction: column; width: 50%; padding-left: 0.5rem; } .equipment-editor-grid-row { } .equipment-editor-fields-item { display: flex; flex-direction: row; align-items: center; margin-bottom: 0.5rem; } .equipment-editor-fields-name { width: 25%; } .equipment-editor-fields-value { width: 75%; } .equipment-editor-dropdown { width: 280px !important; } .equipment-editor-dependent-grid-image { height: 60px; width: 60px; border-radius: 50%; background-position: center center; background-size: cover; } .remote-sign-off-container { display: flex; flex-direction: column; align-items: center; width: 100%; } .remote-sign-off-header { display: flex; flex-direction: column; align-items: center; width: 100%; margin-bottom: 1.5rem; } .remote-sign-off-header-logo-column { } .remote-sign-off-text-column { display: flex; flex-direction: column; align-items: center; } .remote-sign-off-text-row-1 { font-size: 1.5rem; margin-bottom: 1rem; text-align: center; } .remote-sign-off-text-row-2 { font-size: 1.25rem; } .remote-sign-off-sign-off-section { z-index: 10000; background-color: rgba(0,0,0,0.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; flex-direction: column; align-items: center; padding-top: 20rem; } .remote-sign-off-work-order-section { width: 100%; display: flex; justify-content: center; } .remote-sign-off-work-order-pdf-container { height: 850px !important; width: 50% !important; } .remote-sign-off-signature-panel { width: 500px; padding: 1rem; background-color: white; height: auto; margin-bottom: 1.5rem; } .remote-sign-off-submit-btn-row { display: flex; flex-direction: row; align-items: center; } .remote-sign-off-round-btn { display: flex; cursor: pointer; align-items: center; justify-content: center; width: 4rem; height: 4rem; border-radius: 50%; background-color: gainsboro; color: black; } .remote-sign-off-round-btn-submit { background-color: #1089ff; color: white; } .remote-sign-off-btn-icon { font-size: 2rem !important; } .remote-sign-off-success-section { text-align: center; font-size: 2rem; } @media only screen and (max-width: 768px) { .remote-sign-off-sign-off-section { transform: rotate(90deg); padding-top: 1.5rem; left: auto; right: 0; width: 100vh; } .remote-sign-off-signature-panel { width: 90%; } .remote-sign-off-work-order-pdf-container { height: 500px !important; } } @media screen and (max-width: 1100px) { .remote-sign-off-work-order-pdf-container { width: 95% !important; } } @media screen and (max-width: 1100px) and (orientation: landscape) { .remote-sign-off-sign-off-section { transform: rotate(90deg); padding-top: 1.5rem; left: auto; right: 0; width: 100vw; } .remote-sign-off-signature-panel { width: 90%; } } .cssload-spinner { width: 6rem; height: 6rem; display: inline-block; border: 3px solid rgba(158, 158, 158, 0.9); border-radius: 50%; border-top-color: #1089ff; margin-bottom: 10rem; animation: 1s spin infinite ease-in-out; } .spinner-loading-container { width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: block; background-color: rgba(255, 255, 255, 0.5); font-family: 'Nunito', sans-serif; font-weight: 100; z-index: 100002 !important; } .spinner-loading-container-internal { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; background-color: rgba(255, 255, 255, 0.5); font-family: 'Nunito', sans-serif; font-weight: 100; z-index: 100002 !important; } .spinner-cssload-container { position: relative; width: 97px; height: 97px; margin: auto; top: 40%; perspective: 292px; -o-perspective: 292px; -ms-perspective: 292px; -webkit-perspective: 292px; -moz-perspective: 292px; transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; } .location-editor-body { display: flex; flex-direction: row; } .location-editor-body-column-left { display: flex; flex-direction: column; width: 30%; margin-right: 0.5rem; } .location-editor-body-column-right { width: 70%; margin-left: 0.5rem; } .location-editor-autocomplete { margin-top: 10px; margin-right: 1rem; } .location-editor-map-section-header { font-size: 1.1rem; text-align: center; margin-top: 0.5rem; margin-bottom: 0.8rem; } .location-editor-fields-row { display: flex; flex-direction: row; } .location-editor-fields-column-left { display: flex; flex-direction: column; width: 50%; margin-right: 0.75rem; } .location-editor-fields-column-right { display: flex; flex-direction: column; width: 50%; margin-left: 0.75rem; } .location-editor-fields-item { display: flex; flex-direction: row; align-items: center; margin-bottom: 0.5rem; } .location-editor-fields-item-tall { display: flex; flex-direction: row; margin-bottom: 0.5rem; } .location-editor-fields-name { width: 25%; } .location-editor-fields-value { width: 75%; } .location-editor-text-area { width: 80%; } .location-editor-search-listview { width: 100%; overflow: auto; } .location-editor-jobs-date-row { display: flex; flex-direction: row; align-items: center; } @media (min-width: 701px) { .new-equipment-overlay { width: 50% !important; } } @media (max-width: 700px) { .new-equipment-overlay { width: 100% !important; } } .job-details-warning-text { margin-top: 0.4rem; color: red; } .job-details-warning-border { border: solid 1px red !important; } .job-details-resource-assignment-container { width: 100%; height: 100%; display: flex; flex-direction: column; } .job-details-resource-assignment-availability-section { width: 100%; height: 80%; display: flex; } .job-details-resource-assignment-selected-section { width: 100%; height: 20%; display: flex; } .availability-scheduler-container { display: flex; flex-direction: column; width: 100%; height: 100%; } .availability-scheduler-cursor { cursor: ew-resize !important; } .availability-scheduler-toolbar { display: flex; flex-direction: row; align-items: center; height: 3rem; width: 100%; margin-bottom: 2rem; } .availability-scheduler-toolbar-legend { display: flex; flex-direction: row; margin-left: 3rem; height: 2rem; } .availability-scheduler-legend-row-1 { display: flex; flex-direction: row; align-items: center; justify-content: center; background-color: #f5f5f5; } .availability-scheduler-legend-row-2 { display: flex; align-items: center; justify-content: center; background-color: #efefef; width: 4rem; } .availability-scheduler-legend-element { display: flex; flex-direction: row; align-items: center; height: 100%; padding-left: 1rem; padding-right: 1rem; } .availability-scheduler-legend-element-icon { height: 20px; width: 20px; background-color: white; border-radius: 50%; } .availability-scheduler-legend-element-title { margin-left: 0.75rem; } .availability-scheduler-legend-available-icon { background-color: #007bff; } .availability-scheduler-legend-unavailable-icon { background-color: #797979 } .availability-scheduler-legend-selected-icon { background-color: #4efa6e; } .availability-scheduler-legend-created-icon { background-color: #DBFF33; } .availability-scheduler-legend-sent-icon { background-color: #FF5733; } .availability-scheduler-legend-confirmed-icon { background-color: #5D47A1; } .availability-scheduler-grid-wrapper { display: flex; flex-direction: row; width: 100%; } .availability-scheduler-resources-column { display: flex; flex-direction: column; width: 10%; } .availability-scheduler-resources-column-element { display: flex; align-items: center; padding-left: 0.75rem; width: 100%; } .availability-scheduler-timeslots-column { display: flex; flex-direction: column; width: 90%; overflow-x: scroll; } .availability-scheduler-resource-name-element { display: flex; flex-direction: row; width: 100%; align-items: center; height: 2rem; } .availability-scheduler-resource-icon { width: 15px; height: 15px; border-radius: 50%; margin-right: 1rem; } .availability-scheduler-row { display: flex; flex-direction: row; height: 2rem; } .availability-scheduler-titles-row { } .availability-scheduler-resource-column { height: 100%; width: 125px; display: flex; align-items: center; padding-left: 0.75rem; flex-shrink: 0; } .availability-scheduler-timeslot-value { flex-shrink: 0; width: 120px; display: flex; flex-direction: column; justify-content: center; } .availability-scheduler-timeslot-next-day { background-color: #eeeeee; } .availability-scheduler-timeslots-section { display: flex; flex-direction: row; align-items: center; } .availability-scheduler-rows-section { display: flex; flex-direction: column; width: 100%; } .availability-scheduler-resource-row-hover { background-color: #e5e5e5; } .availability-scheduler-resource-row-timeslot { height: 27px; width: 30px; cursor: pointer; display: flex; align-items: center; text-align: center; } .availability-scheduler-resource-row-timeslot-next-day { box-shadow: 0px 5px 0px rgba(172, 187, 196, 0.62), 0px -5px 0px rgba(172, 187, 196, 0.62); } .availability-scheduler-timeslot-available { background-color: #007bff; border-right: 1px solid #0961ab; box-sizing: border-box !important; } .availability-scheduler-timeslot-available:hover { background-color: #4efa6e; border-right: 1px solid #17da3c; } .availability-scheduler-timeslot-selected { background-color: #4efa6e; border-right: 1px solid #17da3c; box-sizing: border-box !important; } .availability-scheduler-timeslot-selected-pending { background-color: #4efa6e; border-right: 1px solid #17da3c; box-sizing: border-box !important; } .availability-scheduler-status-sent { background-color: #FF5733; border-right: 1px solid #c44d35; box-sizing: border-box !important; } .availability-scheduler-status-confirmed { background-color: #5D47A1; border-right: 1px solid #41209d; box-sizing: border-box !important; } .availability-scheduler-status-created { background-color: #DBFF33; border-right: 1px solid #a4c219; box-sizing: border-box !important; } .availability-scheduler-timeslot-unavailable { background-color: #797979; border-right: 1px solid #696969; box-sizing: border-box !important; } .availability-scheduler-timeslot-unavailable:hover { background-color: #696969; } .availability-scheduler-tooltip { position: absolute; width: 120px; height: 25px; background-color: #f8f8f8; color: black; z-index: 10001; display: flex; align-items: center; justify-content: center; border: 1px solid black; } .availability-scheduler-tooltip-wide { width: 220px !important; } .availability-scheduler-tooltip:after { position: absolute; width: 0; border-bottom: 12px solid black; border-left: 6px solid transparent; border-right: 6px solid transparent; top: 200%; left: 25%; margin-left: -25px; content: ''; transform: rotate(180deg); margin-top: -25px; } .availability-scheduler-tooltip-wide:after { left: 18% !important; } .availability-scheduler-unavailable-container { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 10000; background-color: rgba(0,0,0,0.5); } .availability-scheduler-unavailable-info-wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 50rem; height: 36rem; background-color: white; box-shadow: 3px 3px 15px rgba(0,0,0,0.4); } .availability-scheduler-unavailable-info-close-btn-row { display: flex; flex-direction: row; width: 100%; } .availability-scheduler-unavailable-info-header { font-size: 1.75rem; margin-left: 2rem; } .availability-scheduler-unavailable-info-close-btn { cursor: pointer; margin-left: auto; margin-right: 1.25rem; } .availability-scheduler-unavailable-info-close-btn span { font-size: 1.5rem !important; } .availability-scheduler-unavailable-info-close-btn:hover { color: #7e7e7e; } .availability-scheduler-unavailable-info-body { display: flex; flex-direction: column; width: 100%; margin-top: 1.25rem; padding-left: 1.25rem; padding-right: 1.25rem; } .availability-scheduler-unavailable-info-body-element { display: flex; flex-direction: row; width: 100%; height: 2rem; align-items: center; margin-bottom: 1rem; } .availability-scheduler-unavailable-info-body-title { display: flex; flex-direction: row; width: 33%; justify-content: flex-end; font-weight: bold; } .availability-scheduler-unavailable-info-body-content { display: flex; flex-direction: row; width: 67%; justify-content: center; font-size: 1.25rem; } .availability-scheduler-unavailable-info-footer { display: flex; flex-direction: row; justify-content: flex-end; margin-right: 3.25rem; width: 100%; margin-top: 1rem; } .availability-scheduler-unavailable-footer-element { margin-left: 1rem; } .job-manager-body { display: flex; flex-direction: row; } .job-manager-body-left { width: 30%; margin-right: 0.5rem; } .job-manager-fixed-column-wrapper { } .job-manager-body-right { width: 70%; margin-left: 0.5rem; } .job-manager-status-section { padding: 0 !important; margin-bottom: 1rem; } .job-manager-status-wrapper { display: flex; flex-direction: row; } .job-manager-status-item { width: 50%; display: flex; flex-direction: column; align-items: center; padding-top: 1.5rem; padding-bottom: 1.5rem; text-align: center; transition: 0.3s; } .job-manager-status-unassigned-icon { background-color: #de9c0f; } .job-manager-status-hover-unassigned:hover { background-color: #de9c0f; } .job-manager-status-hover-unassigned:hover .job-manager-status-unassigned-icon { background-color: #f6be42; } .job-manager-status-unsent-icon { background-color: #d23808; } .job-manager-status-hover-unsent:hover { background-color: #d23808; color: #ffffff; } .job-manager-status-hover-unsent:hover .job-manager-status-unsent-icon { background-color: #f36134; } .job-manager-status-amount { font-size: 1.75rem; } .job-manager-status-icon { width: 50px; height: 50px; border-radius: 50%; margin-bottom: 0.75rem; } .job-manager-charts-section { width: 100%; height: 23rem; display: flex; flex-direction: row; margin-bottom: 1rem; } .job-manager-charts-section-column-large { width: 34%; height: 100%; padding-left: 0.5rem; padding-right: 0.5rem; } .job-manager-charts-section-column { width: 33%; height: 100%; padding-left: 0.5rem; padding-right: 0.5rem; } .job-manager-chart { height: 100% !important; } .job-manager-save-row { display: flex; flex-direction: row; width: 100%; margin-bottom: 2rem; align-items: end; } .job-manager-currently-loaded-search { width: 50%; } .job-manager-save-search-button { } .job-manager-load-search-button { margin-left: auto !important; margin-right: 0.5rem !important; } .job-manager-date-range-row { display: flex; flex-direction: row; width: 100%; align-items: end; margin-bottom: 2rem; flex-wrap: wrap; } .job-manager-date-item { display: flex; flex-direction: column; margin-right: 0.5rem; } .job-manager-date-header { margin-bottom: 0.25rem; font-size: 0.75rem; } .job-manager-show-hide-charts-btn { float: right; } .job-manager-search-button { margin-left: auto !important; } .job-manager-filter-button-row { display: flex; flex-direction: row; width: 100%; align-items: center; margin-bottom: 2rem; flex-wrap: wrap; } .job-manager-filters-button-group { margin-left: auto !important; } .job-manager-filter-item-row { display: flex; flex-direction: row; align-items: center; width: 100%; margin-bottom: 1rem; } .job-manager-filter-item { margin-left: auto !important; display: flex; flex-direction: row; } .job-manager-search-multiselect { width: 275px !important; } .block-scheduler-link{ color: blue; cursor: pointer; } .job-task-priority-highest { color: #f61313 !important; margin-right: 0.5rem; font-size: 1.25rem !important; } .job-task-priority-high { color: #ef951f !important; margin-right: 0.5rem; font-size: 1.25rem !important; } .job-task-priority-medium { color: #12aef1 !important; margin-right: 0.5rem; font-size: 1.25rem !important; } .job-task-priority-low { color: #18c20c !important; margin-right: 0.5rem; font-size: 1.25rem !important; } .payroll-cycle-body { display: flex; } .payroll-cycle-column-left { width: 30%; margin-right: 0.5rem; } .payroll-cycle-column-right { width: 70%; margin-left: 0.5rem; } .payroll-batch-warning-border { border: red solid 1px !important; } .payroll-batch-config-required { color: red; margin-left: 2rem; } .payroll-batch-config-row { display: flex; align-items: center; } .payroll-batch-lock-switch .k-switch-handle { border-color: #f4f4f4 !important; color: #333333 !important; background-color: #f4f4f4 !important; } .payroll-batch-lock-switch .k-switch-on .k-switch-container { background-color: #20bd69 !important; color: white !important; } .payroll-batch-lock-switch .k-switch-off .k-switch-container { background-color: #bd2020 !important; color: white !important; } .payroll-batch-editor-body { display: flex; flex-direction: row; } .payroll-batch-body-column-left { width: 20%; display: flex; flex-direction: column; padding-right: 0.75rem; } .payroll-batch-editor-details-section { display: flex; flex-direction: column; padding: 0 !important; padding-bottom: 1rem !important; } .payroll-batch-editor-details-header { margin-bottom: 0.75rem; text-align: center; width: 100%; font-size: 1.1rem; padding-top: 1rem; } .payroll-batch-editor-details-hours-section { display: flex; flex-direction: row; align-items: center; width: 100%; height: 10rem; margin-bottom: 1rem; } .payroll-batch-hours-item { display: flex; flex-direction: column; align-items: center; width: 100%; padding-top: 1.5rem; padding-bottom: 1.5rem; text-align: center; } .payroll-batch-hours-regular { transition: 0.3s; } .payroll-batch-hours-regular:hover { background-color: #2faf30; color: white; } .payroll-batch-hours-overtime { transition: 0.3s; width: 34% !important; } .payroll-batch-hours-overtime:hover { background-color: #e18317; } .payroll-batch-hours-resources { transition: 0.3s; } .payroll-batch-hours-resources:hover { background-color: #0e6ab7; color: white; } .payroll-batch-hours-icon { width: 50px; height: 50px; border-radius: 50%; margin-bottom: 0.75rem; } .payroll-batch-hours-regular-icon { background-color: #2faf30; } .payroll-batch-hours-regular-icon:hover { background-color: #66c567; } .payroll-batch-hours-overtime-icon { background-color: #e18317; } .payroll-batch-hours-overtime-icon:hover { background-color: #eea14a; } .payroll-batch-hours-resources-icon { background-color: #0e6ab7; } .payroll-batch-hours-resources-icon:hover { background-color: #459ae1; } .payroll-batch-hours-amount { font-size: 1.75rem; } .payroll-batch-editor-details-chart-section { height: 30rem; margin-bottom: 1rem; padding-left: 1rem; padding-right: 1rem; } .payroll-batch-editor-details-item { display: flex; flex-direction: row; width: 80%; margin-bottom: 0.75rem; padding-left: 1rem; padding-right: 1rem; align-items: center; } .payroll-batch-editor-details-item-name { width: 40%; margin-right: 0.5rem; } .payroll-batch-editor-details-item-value { width: 60%; margin-left: 0.5rem; } .payroll-batch-editor-details-item-value-lg { width: 60%; font-size: 1.2rem; margin-left: 0.5rem; } .payroll-batch-body-column-right { width: 80%; display: flex; flex-direction: column; padding-left: 0.75rem; } .payroll-batch-body-right-row-1 { display: flex; flex-direction: row; margin-bottom: 2rem; } .payroll-batch-body-row-1-column-left { display: flex; flex-direction: column; width: 50%; padding-right: 0.5rem; } .payroll-batch-body-row-1-column-right { display: flex; flex-direction: column; width: 50%; padding-left: 0.5rem; } .payroll-batch-editor-body-fields-item { display: flex; flex-direction: row; align-items: center; margin-bottom: 0.5rem; } .payroll-batch-editor-body-fields-item-tall { display: flex; flex-direction: row; align-items: flex-start; margin-bottom: 0.5rem; } .payroll-batch-editor-fields-name { width: 25%; } .payroll-batch-editor-fields-value { width: 75%; } .payroll-batch-body-right-row-2 { } .payroll-batch-editor-timesheet-search-toolbar { display: flex; flex-direction: row; margin-bottom: 0.5rem; } .payroll-batch-editor-timesheet-search-toolbar-element { display: flex; flex-direction: column; justify-content: flex-end; margin-right: 0.5rem; } .payroll-batch-editor-timesheet-search-toolbar-title { font-size: 0.6rem; margin-bottom: 0.2rem; } .customer-editor-date-range-section { display: flex !important; align-items: flex-end !important; } .customer-editor-date-range-item { margin-right: 0.5rem; } .customer-editor-date-range-item-top { font-size: 0.6rem; } .new-contact-add-side-window-content-body { margin-top: 9rem; padding-left: 1.5rem; padding-right: 1.5rem; } .new-contact-add-input-width { width: 75% !important; } .new-contact-add-input-width-alt { width: 55% !important; } .invoice-manager-editor-toolbar { position: fixed; top: 0; z-index: 499; width: 89%; margin-top: 41px; margin-bottom: 20px; padding-top: 20px; padding-bottom: 20px; float: left; background-color: white; } .vendor-manager-body { display: flex; } .vendor-manager-listview-item { display: flex; align-items: center; padding: 0.5rem 1rem 0.5rem 0rem; } .vendor-manager-column-left { width: 22%; padding-right: 0.5rem; } .vendor-manager-column-right { width: 78%; padding-left: 0.5rem; } .vendor-manager-details-section { display: flex; } .vendor-manager-details-left { width: 40%; padding-right: 0.5rem; } .vendor-manager-details-right { width: 40%; padding-left: 0.5rem; } .vendor-manager-details-item { display: flex; margin-bottom: 1rem; align-items: center; } .vendor-manager-details-item-tall { display: flex; margin-bottom: 1rem; } .vendor-manager-details-label { width: 18%; margin-right: 0.75rem; } .vendor-manager-details-component { width: 82%; } .dumpsites-manager-body { display: flex; } .dumpsites-manager-body-left { display: none; } .dumpsites-manager-body-right { width: 100%; } .dumpsites-map-section { height: 25rem; margin-bottom: 1rem; } .dumpsite-editor-details-header { font-size: 1.25rem; margin-bottom: 0.75rem; text-align: center; } .dumpsite-editor-details-map-section { height: 25rem; margin-bottom: 0.75rem; } .dumpsite-editor-details-item { display: flex; margin-bottom: 0.75rem; } .dumpsite-editor-details-label { font-size: 1.1rem; width: 30%; margin-left: 1rem; } .dumpsite-editor-details-value { width: 70%; } .dumpsite-editor-autocomplete { margin-top: 10px; margin-right: 1rem; } .dumpsite-editor-body { display: flex; } .dumpsite-editor-details-tab-container { display: flex; flex-direction: column; } .dumpsite-editor-body-column-left { width: 25%; margin-right: 0.5rem; } .dumpsite-editor-body-column-right { width: 75%; margin-left: 0.5rem; } .dumpsite-editor-details-tab-container { display: flex; } .dumpsite-editor-fields-section { display: flex; width: 100%; margin-bottom: 1rem; height: 10rem; } .dumpsite-editor-materials-grid-section { width: 100%; } .dumpsite-editor-details-column-left { width: 50%; margin-right: 0.5rem; } .dumpsite-editor-details-column-right { width: 50%; margin-left: 0.5rem; } .dumpsite-editor-fields-item { display: flex; align-items: center; margin-bottom: 0.75rem; } .dumpsite-editor-fields-item-tall { display: flex; } .dumpsite-editor-fields-name { width: 15%; } .dumpsite-editor-fields-value { width: 85%; } .dumpsite-editor-fields-value-multi { width: 85%; display: flex; align-items: center; } .billing-periods-body { display: flex; flex-direction: row; } .billing-periods-body-column-left { width: 35%; display: flex; flex-direction: column; padding-right: 0.75rem; } .billing-periods-button-group-row { display: flex; flex-direction: row; justify-content: center; align-items: center; margin-bottom: 1rem; } .billing-periods-filter-label { margin-right: 1rem; } .billing-periods-charts-section { padding: 0.75rem; } .billing-periods-body-column-right { width: 65%; display: flex; flex-direction: column; padding-left: 0.75rem; } .billing-period-editor-body { display: flex; flex-direction: row; } .billing-period-editor-body-column-left { width: 30%; display: flex; flex-direction: column; padding-right: 0.75rem; } .billing-period-editor-details-section { display: flex; flex-direction: column; padding: 0 !important; padding-bottom: 1rem !important; } .billing-period-editor-details-header { margin-bottom: 0.75rem; text-align: center; width: 100%; font-size: 1.1rem; padding-top: 1rem; } .billing-period-editor-details-totals-section { display: flex; flex-direction: row; align-items: center; width: 100%; height: 10rem; margin-bottom: 1rem; } .billing-period-totals-item { display: flex; flex-direction: column; align-items: center; width: 33%; padding-top: 1.5rem; padding-bottom: 1.5rem; text-align: center; } .billing-period-subtotal { transition: 0.3s; } .billing-period-subtotal:hover { background-color: #2a5db2; color: white; } .billing-period-tax { transition: 0.3s; width: 34% !important; } .billing-period-tax:hover { background-color: #ff3030; color: white; } .billing-period-total { transition: 0.3s; } .billing-period-total:hover { background-color: #46a65c; color: white; } .billing-period-totals-icon { width: 50px; height: 50px; border-radius: 50%; margin-bottom: 0.75rem; } .billing-period-subtotal-icon { background-color: #2a5db2; } .billing-period-subtotal:hover .billing-period-subtotal-icon { background-color: #4581e7; } .billing-period-tax-icon { background-color: #ff3030; } .billing-period-tax:hover .billing-period-tax-icon { background-color: #b21717; } .billing-period-total-icon { background-color: #46a65c; } .billing-period-total:hover .billing-period-total-icon { background-color: #2e6c3c; } .billing-period-totals-amount { font-size: 1.2rem; } .billing-period-editor-details-chart-section { height: 30rem; margin-bottom: 1rem; padding-left: 1rem; padding-right: 1rem; } .billing-period-editor-details-item { display: flex; flex-direction: row; width: 80%; margin-bottom: 0.75rem; padding-left: 1rem; padding-right: 1rem; align-items: center; } .billing-period-editor-details-item-name { width: 40%; margin-right: 0.5rem; } .billing-period-editor-details-item-value { width: 60%; margin-left: 0.5rem; } .billing-period-editor-body-column-right { width: 70%; display: flex; flex-direction: column; padding-left: 0.75rem; } .billing-period-editor-textarea { width: 70%; height: 100px; } .billing-period-editor-body-right-row-1 { display: flex; flex-direction: row; margin-bottom: 2rem; } .billing-period-editor-body-row-1-column-left { display: flex; flex-direction: column; width: 50%; padding-right: 0.5rem; } .billing-period-editor-body-row-1-column-right { display: flex; flex-direction: column; width: 50%; padding-left: 0.5rem; } .billing-period-editor-details-field { display: flex; flex-direction: row; align-items: center; margin-bottom: 0.5rem; } .billing-period-editor-details-field-tall { display: flex; flex-direction: row; align-items: flex-start; margin-bottom: 0.5rem; } .billing-period-editor-details-field-name { width: 25%; } .billing-period-editor-details-field-value { width: 75%; } .billing-period-editor-body-right-row-2 { } .billing-period-editor-invoice-search-toolbar { display: flex; flex-direction: row; margin-bottom: 0.5rem; } .billing-period-editor-invoice-search-toolbar-element { display: flex; flex-direction: column; justify-content: flex-end; margin-right: 0.5rem; } .billing-period-editor-invoice-search-toolbar-title { font-size: 0.6rem; margin-bottom: 0.2rem; } .billing-period-editor-selected-invoices-header { display: flex; align-items: center; justify-content: center; width: 125px; padding-bottom: 5px; margin-bottom: 0.6rem; border-bottom: solid 2px; } .messaging-module-container { } .messaging-module-count-notifier { width: 20px; height: 20px; border-radius: 50%; background-color: red; color: white; position: fixed; bottom: 4.75rem; right: 1.5rem; display: flex; align-items: center; justify-content: center; z-index: 4999; } .messaging-module-open-btn { width: 70px; height: 70px; border-radius: 50%; background-color: rgba(0,123,255,0.25); color: white; position: fixed; bottom: 1.5rem; right: 1.5rem; transition: 0.3s; cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 4998; } .messaging-module-open-btn:hover { background-color: rgba(0,123,255,1); } .messaging-module-open-btn-active { background-color: rgba(0,123,255,1); } .messaging-module-close-btn { cursor: pointer; transition: 0.3s; } .messaging-module-close-btn:hover { color: #007bff; } .messaging-module-chat-area-container { background-color: #F2F2F2; box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.3); bottom: 3.5rem; right: 6.5rem; position: fixed; width: 50rem; height: 93%; z-index: 5000; } .messaging-module-options-container { display: flex; justify-content: flex-start; flex-direction: column; background-color: #F2F2F2; width: 100%; height: 100%; } .messaging-module-options-item { display: flex; flex-direction: row; width: 100%; margin-bottom: 1rem; margin-left: 2rem; align-items: center; } .messaging-module-options-item-label { width: 25%; } .messaging-module-options-item-field { width: 75%; } .messaging-module-chat-area-header { font-size: 1.75rem; padding: 1rem; display: flex; align-items: center; } .messaging-module-chat-area-body { width: 100%; height: 100%; display: flex; flex-direction: row; } .messaging-module-resources { width: 40%; height: 90%; overflow: auto; } .messaging-module-resources-toolbar { display: flex; flex-direction: row; align-items: center; height: 40px; padding: 0.3rem; } .messaging-module-resource-search::placeholder { font-style: italic; color: #9f9f9f; font-size: 0.9rem; } .messaging-module-resource-search { width: 80%; margin-right: 1rem; border: none; box-shadow:0 0 6px 0 rgba(0,0,0,0.06); padding: 9px; } .messaging-module-resource-search:focus { outline: none; border: none; } .messaging-module-resource-filter { font-size: 1.3rem !important; margin-left: auto; margin-right: 0.3rem; color: #404349 !important; cursor: pointer; } .messaging-module-resource-filter:hover { color: #007bff !important; } .messaging-module-filter-window { width: 70%; padding-top: 1rem; height: 130px; position: absolute; left: 0; display: flex; flex-direction: column; justify-content: center; background-color: #dfe4eb; box-shadow:2px 2px 6px 1px rgba(0,0,0,0.1); } .messaging-module-filter-window-close-btn { font-size: 1.3rem !important; color: #404349 !important; cursor: pointer; position: absolute !important; top: 0.3rem; right: 0.3rem; } .messaging-module-filter-window-close-btn:hover { color: #007bff !important; } .messaging-module-filters-applied { font-style: italic; font-size: 0.8rem; display: flex; align-items: center; margin-left: 0.4rem; margin-bottom: 0.5rem; height: 20px; width: 95%; } .messaging-module-resource-item { display: flex; flex-direction: row; height: 50px; border-bottom: solid 1px rgba(0,0,0,0.2); padding: 1rem; cursor: pointer; transition: 0.3s; } .messaging-module-resource-item:hover { background-color: rgba(0, 123, 255, 0.1); } .messaging-module-resource-item-selected { background-color: rgba(0, 123, 255, 0.1); } .messaging-module-resource-item-col-1 { display: flex; flex-direction: column; justify-content: center; width: 80%; } .messaging-module-resource-item-col-2 { display: flex; flex-direction: column; justify-content: center; width: 20%; } .messaging-module-profile-picture-container { display: flex; justify-content: center; } .messaging-module-profile-picture { width: 2rem; border-radius: 50%; } .messaging-module-resource-item-row-1 { display: flex; flex-direction: row; align-items: center; margin-bottom: 0.5rem; } .messaging-module-resource-item-row-2 { display: flex; flex-direction: row; font-size: 0.8rem; } .messaging-module-new-message-icon { background-color: #f81c1c; width: 10px; height: 10px; border-radius: 50%; margin-left: auto; } .messaging-module-resource-status-icon { width: 8px; height: 8px; border-radius: 50%; margin-right: 0.75rem; } .messaging-module-resource-status-online { background-color: #21a339; } .messaging-module-resource-status-offline { background-color: #a32121; } .messaging-module-resource-item-name { font-size: 1.1rem; } .messaging-module-message-section { width: 60%; display: flex; flex-direction: column; } .messaging-module-message-header { height: 7%; display: flex; flex-direction: column; margin-left: 0.5rem; } .messaging-module-message-header-chatting-with { font-style: italic; font-size: 0.7rem; } .messaging-module-message-header-resource-name { font-size: 1.2rem; } .messaging-module-message-body { height: 72%; width: 89%; background-color: rgba(255,255,255,0.45); padding: 1rem; overflow: auto; display: flex; flex-direction: column; align-items: center; } .messaging-module-message { width: 75%; margin-bottom: 1rem; box-shadow: 2px 2px 6px 2px rgba(0,0,0,0.1); padding: 0.5rem; border-radius: 7px; } .messaging-module-sent { background-color: white; margin-left: auto; } .messaging-module-received { background-color: #007bff; color: white; margin-right: auto; } .messaging-module-message-input-area { height: 7%; display: flex; flex-direction: row; align-items: center; width: 100%; border-radius: 7px; } .messaging-module-message-input-wrapper { display: flex; flex-direction: column; } .messaging-module-message-input::placeholder { font-style: italic; color: #9f9f9f; font-size: 0.9rem; } .messaging-module-message-input { width: 80%; margin-right: 1rem; height: 30px; border: none; box-shadow:0 0 6px 0 rgba(0,0,0,0.06); padding: 9px; } .messaging-module-message-input:focus { outline: none; border: none; } .messaging-module-send-btn { height: 40px; width: 40px; border-radius: 50%; background-color: #007bff; color: white; display: flex; align-items: center; justify-content: center; cursor: pointer; } .messaging-module-send-btn:hover { color: #93c1f6; } .messaging-module-send-btn:focus { color: #2e8ff6; } .messaging-module-option-btn { color: #404349 !important; margin-left: auto; margin-right: 1.3rem; font-size: 1.3rem !important; cursor: pointer; } .messaging-module-option-btn:hover { color: #656972 !important; } .messaging-module-load-more-messages-btn { cursor: pointer; font-style: italic; background-color: #404349; color: white; width: 40%; margin-bottom: 1rem; box-shadow: 2px 2px 6px 2px rgba(0,0,0,0.1); padding: 0.5rem; border-radius: 20px; text-align: center; } .fixed-header-qs { top: 40px; position: fixed; width: auto; z-index: 1; } .topSignOffRow { float: left; width: 100%; height: 370px; } .topSignOffRow-column1 { float: left; width: 33%; } .topSignOffRow-column2 { float: left; width: 66%; } .bottomSignOffRow { float: left; width: 100%; } .card-myapproval { padding: 10px; width: 90%; float: left; height: 138px; margin: 10px; } .card-equip-row-top-signoff { float: left; width: 100%; height: 50px; margin-top: 13px; } .not-synced-integration-job { width: 30px; height: 30px; margin: auto; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 50%; line-height: 30px; background-color: orange; color: white; margin-top: 10px; } .started-sync-integration-job { width: 30px; height: 30px; margin: auto; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 50%; line-height: 30px; background-color: rgb(0, 151, 208); color: white; margin-top: 10px; } .sync-failed-integration-job { width: 30px; height: 30px; margin: auto; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 50%; line-height: 30px; background-color: red; color: white; margin-top: 10px; } .completed-not-verified-integration-job { width: 30px; height: 30px; margin: auto; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 50%; line-height: 30px; background-color: rgb(113, 215, 0); color: white; margin-top: 10px; } .completed-verified-integration-job { width: 30px; height: 30px; margin: auto; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 50%; line-height: 30px; background-color: green; color: white; margin-top: 10px; } .verification-failed-integration-job { width: 30px; height: 30px; margin: auto; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 50%; line-height: 30px; background-color: orangered; color: white; margin-top: 10px; } .manual-sync-integration-job { width: 30px; height: 30px; margin: auto; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 50%; line-height: 30px; background-color: slategray; color: white; margin-top: 10px; } .not-synced-background { background-color: orange; } .started-sync-background { background-color: rgb(0, 151, 208); } .sync-failed-background { background-color: red; } .completed-not-verified-background { background-color: rgb(113, 215, 0); } .completed-verified-background { background-color: green; } .verification-failed-background { background-color: orangered; } .manual-sync-background { background-color: slategray; } .spire-sales-order-status-container:hover { -ms-opacity: 1; opacity: 0.5 } /* Truck Maintenance Configuration Component */ .btn-container-layout { margin-top: 30px; height: 40px; float: left; width: 100%; margin-bottom: 20px; } .btn-cnl { margin-left: 5px; float: right; } .btn-sv { float: right; } .trk-mnt-confg-tabs { width: 100%; float: left; border: none !important; } /* JobDetails.js */ .job-details-text-input-sm { width: 80% !important; } .tab-notifier-pooled-jobs-more { display: inline-block; width: 15px; height: 15px; border-radius: 50%; background-size: 18px 18px; background-position: center center; vertical-align: middle; line-height: 15px; margin-left: 5px; font-size: 8pt; background-color: red; border: 1px solid red; text-align: center; color: white; top: 15px; position: absolute; right: 15px; } .workflow-create-job-container { width: 100%; float: left; } .workflow-create-job-container-column { width: 50%; float: left; box-sizing: border-box; padding: 10px; } .truck-maintenance-component { float: left; width: 100%; } .popout-panel-padding-top { padding-top: 60px; } /* Assign GUI Builder */ .assign-gui-container { padding-top: 60px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; box-sizing: border-box; height: 100%; } .assign-gui-builder-area-body { width: 100%; height: 100%; display: flex; flex-direction: row; padding: 5px; box-sizing: border-box; } .assign-gui-builder-component-area { width: 100%; height: 70px; padding: 5px; box-sizing: border-box; } .assign-gui-builder-component-margin { margin-left: 5px; } .assign-gui-unit-area { width: 20%; height: 100%; overflow: auto; padding: 5px; box-sizing: border-box; } .assign-gui-column1-grid-area { width: 50%; height: 100%; padding: 10px; box-sizing: border-box; } .assign-gui-column2-grid-area { width: 50%; height: 100%; padding: 10px; box-sizing: border-box; } .assign-gui-filter-components-area { width: 100%; overflow: auto; padding: 5px; box-sizing: border-box; } .assign-gui-details-area { width: 80%; height: 100%; padding: 5px; box-sizing: border-box; display: flex; flex-direction: row; } .equipment-scheduler-job-group-gui-details-area { width: 100%; height: 100%; padding: 5px; box-sizing: border-box; display: flex; flex-direction: row; } .assign-content-panel-height { height: 100%; } .assign-listview { height: 100%; width: 100%; float: left; padding: 10px; box-sizing: border-box !important; } .assign-column-name { font-size: 1.25rem; margin-bottom: 10px; } .assign-column-filter-components-area { margin-bottom: 20px; } .utlization-report-category-top-grid { width: 50%; font-size: 1.5em; background-color: rgb(229, 229, 229); border: 1px solid black; height: 50px; table-layout: fixed; } .utlization-report-category-top-grid-margin { margin-top: 20px; margin-bottom: 10px; } .utlization-report-category-legend { width: 50%; border: 1px solid black; background-color: rgb(229, 229, 229); table-layout: fixed; } .utlization-report-category-final-grid-margin-bottom { margin-bottom: 30px; } .utlization-report-category-legend-top-row-font { font-weight: bold; font-size: 1.1em; } .utlization-report-category-category-grid-top-row-font { font-weight: bold; } /* Dashboard CSS */ .payroll-dashboard-container { display: grid; grid-template-columns: 1fr 4fr; gap: 20px; } .payroll-dashboard-container-column1 { } .payroll-dashboard-container-column2 { } .payroll-dashboard-content-header { width: 100%; text-align: center; } .payroll-dashboard-content-row-2 { display: grid; grid-template-columns: 1fr; gap: 20px; width: 100%; } .payroll-dashboard-map-container { height: 16rem; width: 100%; } .payroll-dashboard-content-row-3 { display: grid; grid-template-columns: 1fr; width: 100%; } .truck-maintenance-margins { margin-top: 10px !important; margin-left: 10px !important; } .dashboard-completed { width: 23px; height: 20px; background: linear-gradient(45deg, #28a745, #35D95A); border-width: 0px; border-style: solid; border-radius: 50%; margin-right: 5px; } .dashboard-not-completed { width: 23px; height: 20px; background: linear-gradient(45deg, #a72828, #d93535); border-width: 0px; border-style: solid; border-radius: 50%; margin-right: 5px; } .dashboard-datepicker { width: 100% !important; margin-bottom: 10px; } .dashboard-left-column { overflow-x: hidden; overflow-y: auto; } .location-service-grid-accordian { background-color: #007bff !important; color: white !important; margin-top: 10px !important; } .work-order-dash-content { padding: 1rem; } .work-order-dash-body-left { width: 20%; margin-right: 0.5rem; } .work-order-dash-body-right { width: 80%; margin-right: 0.5rem; } .work-order-dash-font { font-size: 9pt; } .work-order-dash-header { padding: 10px; } .work-order-dash-submitted-background { background-color: green; } .work-order-dash-pending-background { background-color: orange; } .work-order-dash-unprocessed-background { background-color: red; } .work-order-dash-working-background { background-color: rgb(0, 108, 255); } .quick-scheduler-mobile-listview-details-container { margin-left: 1rem; } .work-order-dash-listview-content { width: 100%; min-height: 70px; padding: 10px; box-sizing: border-box !important; display: flex; } .qs-listview-item-content { float: left; border-top: 1px solid lightgray; border-left: 1px solid lightgray; border-right: 1px solid lightgray; width: 100%; } .qs-listview-border { border: none !important; } .report-invoice-by-line-item-filter-link { text-decoration: none; color: blue; margin-top: 10px; margin-right: 5px; cursor: pointer; } .report-invoice-by-line-item-filter-link-container { margin-top: 15px; } .report-invoice-by-line-item-filter-container { display: flex; column-gap: 5px; } .report-invoice-by-line-item-filter-container-button { line-height: 35px; } .report-invoice-by-line-item-filter-container-services { margin-top: 5px; width: 200px; } .report-invoice-by-line-item-filter-multi { width: 200px; } .qs-assign-main-unit-tab-content { display: flex !important; -moz-column-gap: 15px; -ms-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; } .qs-assign-attachment-tab-content { display: flex !important; -moz-column-gap: 15px; -ms-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; flex-direction: column; } .payroll-dropdown-width { width: 250px !important; } .trig-calc-canvas { width: 100%; height: 500px; } .trig-input-font { font-size: 1.1em } .equipscheduler__container { overflow: hidden; font-size: 9pt; } .equipscheduler__scheduler { border: none; } .equipment-job-details-schedule-gui-builder-container { display: grid !important; grid-gap: 15px; grid-template-columns: repeat(8, 1fr); width: 100% !important; } .equipment-job-details-schedule-gui-builder-container-item-toolbar { float: left; width: 100%; grid-column: 1 / span 8; } .equipment-job-details-schedule-gui-builder-container-item-left { float: left; width: 100%; grid-column: 1 / span 6; } .equipment-job-details-unassigned-job { float: left; width: 100%; grid-column: 1 / span 8; } .equipment-job-details-schedule-gui-builder-container-item-right { float: left; width: 100%; grid-column: 7 / span 2; padding: 5px; box-sizing: border-box !important; } .equipment-job-details-schedule-gui-builder-container-border { border: 1px solid lightgray; box-shadow: 2px 2px 5px lightgrey; } /* Job Group GUI Builder */ .job-group-gui-container { padding-top: 60px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; box-sizing: border-box; } .job-group-gui-builder-component-area { width: 100%; padding: 5px; box-sizing: border-box; } .job-group-gui-column-name { margin-bottom: 20px; } /* Amp Dash */ .amp-grid-links { color: #4287f5 !important; cursor: pointer; text-decoration: none; } .dot-pending { height: 15px; width: 15px; background-color: orange; border-radius: 50%; display: inline-block; } .dot-unprocessed { height: 15px; width: 15px; background-color: red; border-radius: 50%; display: inline-block; } .dot-submitted { height: 15px; width: 15px; background-color: green; border-radius: 50%; display: inline-block; } .dot-pending-eqpt { height: 15px; width: 15px; background-color: orange; border-radius: 50%; display: inline-block; margin-right: 3px; vertical-align: middle; } .dot-submitted-eqpt { height: 15px; width: 15px; background-color: green; border-radius: 50%; display: inline-block; margin-right: 3px; vertical-align: middle; } /* New Work Order Dash */ .new-work-order-dash-body { width: 100%; } /* Master Price Sheet */ .panel-box-sizing-padding { box-sizing: border-box; padding: 20px; } .dumpsite-grid-webform-ui-row { display: flex; flex-direction: row; width: 100%; margin-bottom: 0.33rem; column-gap: 10px; } .dumpsite-grid-webform-ui-row-left { display: flex; flex-direction: row; width: 50%; margin-bottom: 0.33rem; align-items: center; } .dumpsite-grid-webform-ui-row-right { display: flex; flex-direction: row; width: 50%; align-items: center; } /* Job Details Reqired Field Highlight */ .job-details-input-required { border-color: red; } /* Nylus Grid */ .nylus-grid { width: 100%; } .nylus-grid-header-align { text-align: left; } .nylus-grid-header-border { border-bottom: 1px solid #ccc; } .nylus-grid-header-padding { padding: 10px; } .nylus-grid-header-font { font-weight: normal; } .nylus__addscreen__toolbar { position: fixed; display: flex; justify-content: space-between; align-items: center; width: -moz-available; width: -webkit-fill-available; width: fill-available; width: 80%; padding-bottom: 0.75rem; transform: translateX(-4px); background-color: white; z-index: 1000; } .nylus__addscreen__toolbar__buttonsection { display: flex; gap: 0.25rem; } .nylus__jobdetails__container { padding-top: 7.9px; padding-left: 30px; padding-right: 30px; padding-bottom: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .nylus__scrollsection { margin-top: 46px; } .nylus__headerfont { font-size: 2em; font-weight: 600; margin-right: 15px; font-family: Segoe UI; font-weight: lighter; } .nylus__displaynone { display: none !important; } .nylus__nopadding { padding: 0 !important; } .nylus__nomargin { margin: 0 !important; } .nylus__noborder { border: none !important; } .nylus__transparentborder { border-color: transparent !important; } .nylus__maincontent { padding: 30px; margin-left: 155px; } .nylus__view { box-sizing: border-box; padding: 20px; } .nylus__presenterheader { padding-bottom: 20px; display: flex; flex-direction: row; align-items: center; } .nylus__button__blue { background-color: #007BFF !important; color: white !important; } .nylus__documentname { background-color: transparent; border: none; cursor: pointer; text-align: left; } .nylus__popout__content { display: flex; flex-direction: column; width: calc(22vw - 1.3rem); margin-top: 30px; padding: 0.65rem; } .nylus__namepopout__inputsection { display: flex; justify-content: space-between; align-items: center; gap: 3rem; margin-top: 20px; } .nylus__namepopout__inputsection label { min-width: 30px; font-size: 9pt; } .nylus__namepopout__inputsection input { width: 100% !important; } .nylus__namepopout__inputsection .k-multiselect { width: 100% !important; } .nylus__newdirectory__confirmbutton { align-self: flex-end; white-space: nowrap; } .nylus__fileupload__uploadsection { margin-top: 20px; } .nylus__fileupload__uploadsection .k-upload-selected { display: none !important; } .kendogrid__noborder .k-grid { border-color: transparent !important; } .nylus__kendogrid { border: none !important; } .nylus__kendogrid .k-grid-header { padding-right: 0 !important; } .nylus__namepopout__inputsection__invoice { display: flex; justify-content: space-between; align-items: center; gap: 3rem; margin-top: 20px; } .nylus__namepopout__inputsection__invoice label { min-width: 60px; font-size: 9pt; } .nylus__namepopout__inputsection__invoice input { width: 100% !important; } .form-builder-close-button-black-right { position: absolute; top: 0; right: 0; right: 25px; font-size: 36px; margin-left: 10px; color: black !important; text-decoration: none; } .form-builder-overlay-link-header-container { width: 100%; } .form-builder-panel { display: flex; justify-content: space-evenly; margin-top: 50px; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; row-gap: 10px; padding: 30px; box-sizing: border-box; } .form-builder-panel-item { -ms-flex-basis: 100%; -o-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; display: flex; justify-content: center; } .form-builder-panel-item-1 { -ms-flex-basis: 100%; -o-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; display: flex; justify-content: center; } .form-builder-margin-top { margin-top: 10px; } .form-builder-input { width: 100%; } .form-builder-sub-item { width: 100%; } .form-builder-panel-overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: block; background-color: white; z-index: 10002 !important; } .form-builder-panel-overlay-right { width: 100%; height: 100%; position: fixed; top: 0; right: 0; display: block; background-color: white; z-index: 10002 !important; } .form-builder-save-button { background-color: #007bff !important; color: white !important; width: 150px; } .form-builder-delete-button { width: 150px; } .form-builder-add-button { display: inline-block; position: fixed; bottom: 30px; right: 30px; width: 60px; height: 60px; background-color: #1089ff; border-radius: 50%; z-index: 1; } .form-builder-nav-item { display: flex; flex-direction: row; align-items: center; width: 100%; margin-left: 1rem; margin-bottom: 1rem; cursor: pointer; } .form-builder-nav-logo { margin-top: 1rem; margin-bottom: 2rem; } .form-builder-save-icon { background-image: url("/Images/Save-Icon.png"); background-size: 25px 25px; background-repeat: no-repeat; } .form-builder-icon-nav { display: inline-block; width: 25px; height: 25px; overflow: hidden; background-repeat: no-repeat; font-size: 0; line-height: 0; text-align: center; background-color: transparent; float: left; margin-left: 3px; } .demo-section { height: 380px; width: 100%; font-family: Arial; } .jobs-container { width: 100%; font-family: Arial; } #special-days { height: 100%; width: 100%; margin: 0; padding: 0; } /* calendar */ #calendar { width: 100%; text-align: center; } #calendar .k-content { height: 300px; } #calendar, #calendar .k-content, #calendar .k-header, #calendar th, #calendar .k-link, #calendar .k-state-hover, #calendar .k-state-selected, #calendar .k-state-focused { background: transparent; border-color: transparent; color: slategray; box-shadow: none; } #calendar .k-content .k-state-hover, #calendar .k-content .k-state-focused { font-size: 14px; font-weight: bold; } #calendar .k-state-selected, #calendar .k-state-selected.k-state-focused { font-size: 24px; font-weight: bold; } #calendar .k-content .k-link { padding: 0; min-height: 40px; line-height: 40px; } #calendar th { padding-top: 20px; color: #8cbabf; } #calendar td.k-other-month .k-link { color: #8cbabf; } #calendar th, #calendar td { text-align: center; } #calendar .k-calendar-view { height: 100%; width: 100%; } #calendar .k-today { border: 1px solid rgb(0, 185, 255); -ms-border-radius: 50px; border-radius: 50px; } #calendar .k-today a { font-weight: bold; } /* Template Days */ .exhibition, .party, .cocktail, .scheduleNotConfirmed { width: 37px; height: 37px; margin: auto; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 50%; line-height: 40px; } .trainingExpiryCalendarCircle { width: 20px; height: 20px; margin: auto; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 50%; line-height: 20px; background-color: Red; color: white; margin-top: 10px; } .jobBadge, .workOrderBadge, .workOrderBadgeSubmitted, .scheduleBadge, .scheduleBadgeSubmitted, .trainingBadge, .jobBadgeSubmitted, .safetyBadge, .commentsExistBadge, .generalFormsBadgeSubmitted { width: 80px; height: 80px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 50%; line-height: 80px; } .timesheetBadge { width: 150px; height: 150px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 50%; line-height: 150px; } .itemBadge { width: 150px; height: 80px; line-height: 80px; } .itemBadge { background-color: green; color: white; font-size: 1em; text-align: center; float: left; } .plusMinusItem { width: 80px; height: 80px; line-height: 80px; } .plusMinusItem { background-color: white; color: Black; font-size: 2em; text-align: center; float: left; margin-left: 5px; } .inputForItems { background-color: white; width: 50px; margin-left: 5px; } .exhibition { background-color: Red; color: white; } .party { background-color: limegreen; color: black; } .cocktail { background-color: #333333; color: white; } .scheduleNotConfirmed { background-color: Orange; color: Black; } .jobBadge { background-color: Orange; color: Black; font-size: 2em; text-align: center; float: left; } .timesheetBadge { background-color: lightblue; color: Black; font-size: 2em; text-align: center; } .jobBadgeSubmitted { background-color: limegreen; color: Black; font-size: 2em; text-align: center; float: left; } .workOrderBadge { background-color: orange; color: Black; font-size: 2em; text-align: center; float: left; } .scheduleBadge { background-color: orange; color: Black; font-size: 2em; text-align: center; float: left; } .scheduleBadgeSubmitted { background-color: limegreen; color: Black; font-size: 2em; text-align: center; float: left; } .generalFormsBadgeSubmitted { background-color: limegreen; color: Black; font-size: 2em; text-align: center; float: left; } .workOrderBadgeSubmitted { background-color: limegreen; color: Black; font-size: 2em; text-align: center; float: left; } .trainingBadge { background-color: slategray; color: white; font-size: 2em; text-align: center; float: left; } .safetyBadge { background-color: red; color: white; font-size: 2em; text-align: center; float: left; } .commentsExistBadge { background-color: rgb(239, 255, 0); color: black; font-size: 2em; text-align: center; float: left; } .jobDescription { float: left; line-height: 80px; font-size: 1.5em; margin-left: 10px; } .jobDescriptionText { float: left; margin-left: 10px; } .jobDetails { float: left; line-height: 80px; /* padding: 5px; */ font-size: 1em; margin-left: 10px; } .jobSubContainer { margin-top: 5px; width: 100%; float: left; padding: 5px; background-color: whitesmoke; cursor: pointer; } .jobSubContainer:hover { background-color: lightgray; } .dynamicFormInput { margin-bottom: 15px; /*margin-left: 10px;*/ } .dynamicFormInputLabel { /*margin-left: 10px;*/ } .mobileHeader { width: 100%; text-align: center; margin-top: 10px; font-size: 2em; font-family: Segoe UI; font-weight: lighter; } #mobileJobListCalendar { width: 100%; text-align: center; } #mobileJobListCalendar .k-content { height: 300px; } #mobileJobListCalendar, #mobileJobListCalendar .k-content, #mobileJobListCalendar .k-header, #mobileJobListCalendar th, #mobileJobListCalendar .k-link, #mobileJobListCalendar .k-state-hover, #mobileJobListCalendar .k-state-selected, #mobileJobListCalendar .k-state-focused { background: transparent; border-color: transparent; color: slategray; box-shadow: none; } #mobileJobListCalendar .k-content .k-state-hover, #mobileJobListCalendar .k-content .k-state-focused { font-size: 14px; font-weight: bold; } #mobileJobListCalendar .k-state-selected, #mobileJobListCalendar .k-state-selected.k-state-focused { font-size: 18px; font-weight: bold; } #mobileJobListCalendar .k-content .k-link { padding: 0; min-height: 40px; line-height: 40px; } #mobileJobListCalendar th { padding-top: 20px; color: #8cbabf; } #mobileJobListCalendar td.k-other-month .k-link { color: #8cbabf; } #mobileJobListCalendar th, #mobileJobListCalendar td { text-align: center; } #mobileJobListCalendar .k-calendar-view { height: 100%; width: 100%; } #mobileJobListCalendar .k-today { border: 1px solid rgb(0, 185, 255); -ms-border-radius: 50px; border-radius: 50px; } #mobileJobListCalendar .k-today a { font-weight: bold; } #quickSchedulerCalendar { width: 100%; text-align: center; } #quickSchedulerCalendar .k-content { height: 300px; } #quickSchedulerCalendar, #quickSchedulerCalendar .k-content, #quickSchedulerCalendar .k-header, #quickSchedulerCalendar th, #quickSchedulerCalendar .k-link, #quickSchedulerCalendar .k-state-hover, #quickSchedulerCalendar .k-state-selected, #quickSchedulerCalendar .k-state-focused { background: transparent; border-color: transparent; color: slategray; box-shadow: none; } #quickSchedulerCalendar .k-content .k-state-hover, #quickSchedulerCalendar .k-content .k-state-focused { font-size: 14px; font-weight: bold; } #quickSchedulerCalendar .k-state-selected, #calendar .k-state-selected.k-state-focused { font-size: 24px; font-weight: bold; } #quickSchedulerCalendar .k-content .k-link { padding: 0; min-height: 40px; line-height: 40px; } #quickSchedulerCalendar th { padding-top: 20px; color: #8cbabf; } #quickSchedulerCalendar td.k-other-month .k-link { color: #8cbabf; } #quickSchedulerCalendar th, #quickSchedulerCalendar td { text-align: center; } #quickSchedulerCalendar .k-calendar-view { height: 100%; width: 100%; } #quickSchedulerCalendar .k-today { border: 1px solid rgb(0, 185, 255); -ms-border-radius: 50px; border-radius: 50px; } #quickSchedulerCalendar .k-today a { font-weight: bold; } #calendar-spireversion2102 { width: 100%; text-align: center; } #calendar-spireversion2102 .k-content { height: 300px; } #calendar-spireversion2102, #calendar-spireversion2102 .k-content, #calendar-spireversion2102 .k-header, #calendar-spireversion2102 th, #calendar-spireversion2102 .k-link, #calendar-spireversion2102 .k-state-hover, #calendar-spireversion2102 .k-state-selected, #calendar-spireversion2102 .k-state-focused { background: transparent; border-color: transparent; color: slategray; box-shadow: none; } #calendar-spireversion2102 .k-content .k-state-hover, #calendar-spireversion2102 .k-content .k-state-focused { font-size: 14px; font-weight: bold; } #calendar-spireversion2102 .k-state-selected, #calendar-spireversion2102 .k-state-selected.k-state-focused { font-size: 24px; font-weight: bold; } #calendar-spireversion2102 .k-content .k-link { padding: 0; min-height: 40px; line-height: 40px; } #calendar-spireversion2102 th { padding-top: 20px; color: #8cbabf; } #calendar-spireversion2102 td.k-other-month .k-link { color: #8cbabf; } #calendar-spireversion2102 th, #calendar-spireversion2102 td { text-align: center; } #calendar-spireversion2102 .k-calendar-view { height: 100%; width: 100%; } #calendar-spireversion2102 .k-today { border: 1px solid rgb(0, 185, 255); -ms-border-radius: 50px; border-radius: 50px; } #calendar-spireversion2102 .k-today a { font-weight: bold; } #calendar-gridScheduler { width: 100%; text-align: center; } #calendar-gridScheduler .k-content { height: 300px; } #calendar-gridScheduler, #calendar-gridScheduler .k-content, #calendar-gridScheduler .k-header, #calendar-gridScheduler th, #calendar-gridScheduler .k-link, #calendar-gridScheduler .k-state-hover, #calendar-gridScheduler .k-state-selected, #calendar-gridScheduler .k-state-focused { background: transparent; border-color: transparent; color: slategray; box-shadow: none; } #calendar-gridScheduler .k-content .k-state-hover, #calendar-gridScheduler .k-content .k-state-focused { font-size: 14px; font-weight: bold; } #calendar-gridScheduler .k-state-selected, #calendar-gridScheduler .k-state-selected.k-state-focused { font-size: 24px; font-weight: bold; } #calendar-gridScheduler .k-content .k-link { padding: 0; min-height: 40px; line-height: 40px; } #calendar-gridScheduler th { padding-top: 20px; color: #8cbabf; } #calendar-gridScheduler td.k-other-month .k-link { color: #8cbabf; } #calendar-gridScheduler th, #calendar-gridScheduler td { text-align: center; } #calendar-gridScheduler .k-calendar-view { height: 100%; width: 100%; } #calendar-gridScheduler .k-today { border: 1px solid rgb(0, 185, 255); -ms-border-radius: 50px; border-radius: 50px; } #calendar-gridScheduler .k-today a { font-weight: bold; } #calendarForExpiredTraining { width: 100%; text-align: center; } #calendarForExpiredTraining .k-content { height: 200px; } #calendarForExpiredTraining, #calendarForExpiredTraining .k-content, #calendarForExpiredTraining .k-header, #calendarForExpiredTraining th, #calendarForExpiredTraining .k-link, #calendarForExpiredTraining .k-state-hover, #calendarForExpiredTraining .k-state-selected, #calendarForExpiredTraining .k-state-focused { background: transparent; border-color: transparent; color: slategray; box-shadow: none; } #calendarForExpiredTraining .k-content .k-state-hover, #calendarForExpiredTraining .k-content .k-state-focused { font-size: 14px; font-weight: bold; } #calendarForExpiredTraining .k-state-selected, #calendarForExpiredTraining .k-state-selected.k-state-focused { font-size: 18px; font-weight: bold; } #calendarForExpiredTraining .k-content .k-link { padding: 0; min-height: 20px; line-height: 20px; } #calendarForExpiredTraining th { padding-top: 20px; color: #8cbabf; } #calendarForExpiredTraining td.k-other-month .k-link { color: #8cbabf; } #calendarForExpiredTraining th, #calendarForExpiredTraining td { text-align: center; } #calendarForExpiredTraining .k-calendar-view { height: 100%; width: 100%; } #calendarForExpiredTraining .k-today { border: 1px solid rgb(0, 185, 255); -ms-border-radius: 50px; border-radius: 50px; } #calendarForExpiredTraining .k-today a { font-weight: bold; } #calendarForPendingWork { width: 100%; text-align: center; } #calendarForPendingWork .k-content { height: 200px; } #calendarForPendingWork, #calendarForPendingWork .k-content, #calendarForPendingWork .k-header, #calendarForPendingWork th, #calendarForPendingWork .k-link, #calendarForPendingWork .k-state-hover, #calendarForPendingWork .k-state-selected, #calendarForPendingWork .k-state-focused { background: transparent; border-color: transparent; color: slategray; box-shadow: none; } #calendarForPendingWork .k-content .k-state-hover, #calendarForPendingWork .k-content .k-state-focused { font-size: 14px; font-weight: bold; } #calendarForPendingWork .k-state-selected, #calendarForPendingWork .k-state-selected.k-state-focused { font-size: 18px; font-weight: bold; } #calendarForPendingWork .k-content .k-link { padding: 0; min-height: 20px; line-height: 20px; } #calendarForPendingWork th { padding-top: 20px; color: #8cbabf; } #calendarForPendingWork td.k-other-month .k-link { color: #8cbabf; } #calendarForPendingWork th, #calendarForPendingWork td { text-align: center; } #calendarForPendingWork .k-calendar-view { height: 100%; width: 100%; } #calendarQuickScheduler .k-calendar-view { height: 100%; width: 100%; } #calendarForPendingWork .k-today { border: 1px solid rgb(0, 185, 255); -ms-border-radius: 50px; border-radius: 50px; } #calendarForPendingWork .k-today a { font-weight: bold; } .km-widget.km-buttongroup { margin: 0 auto; } .icon-info:before { content: "\e600"; } .icon-faves:before { content: "\e601"; } .icon-star-empty:before { content: "\e602"; } .icon-chart-column:before { content: "\e603"; } .icon-mobile:before { content: "\e604"; } .icon { margin-right: 0.917em; } /* Bootstrap overrides*/ .row, .container-fluid { padding: 0; margin: 0; } .column{ padding-left: 0; padding-right: 0; } /* Nav section */ #nav-section{ background-color: #35373d; width: 220px; float: left; height: 100%; } #nav-section li { border-bottom: 1px solid #4a4b51; white-space:nowrap; font-size: 11px; line-height: 11px; } #nav-section li a { color: #b8bbc2; text-transform: uppercase; text-decoration: none; margin-left: 1em; font-size: 12px; padding: 3em 1.2em; } #nav-section li:hover { background-color: #212329; } #nav-section li.active { background-color: #0d1016; } .nav > li > a:hover, .nav > li > a:focus { background: none; } #dash-logo { color: #fff; background-color: #1996e4; text-align: center; } #sidebar-nav{ padding: 0; } #rights { color: #848690; font-size: 10px; position: absolute; bottom: 10px; left: 15px; } /* Toggle button */ #toggle-button { margin-top: 27px; border: none; } #toggle-button:hover, #toggle-button:focus { background-color: transparent; } #toggle-button .icon-bar { background-color: #fff; } /* Main section */ #main-section { float: none; width: auto; overflow: hidden; height: 100%; background-color: #eee; } #employee-list { height: 100%; } #dash-logo, #main-section-header > h2{ font-size: 18px; text-transform: uppercase; line-height: 26px; padding-top: 30px; padding-bottom: 30px; } #main-section-header > h2 { padding-left: 1.667em; white-space: nowrap; } #main-section-header { height: auto; border-bottom: 1px solid #ededee; -moz-box-shadow: 1px 0 4px #ededee; -webkit-box-shadow: 1px 0 4px #ededee; box-shadow: 1px 0 4px #ededee; background-color: #fff; } /* team efficiency */ #dateFilter { padding: 30px; text-align: right; } #employee-list, #employee-details-wrapper { padding: 0; } #employee-details-wrapper { height: 100%; overflow-y: auto; background-color: #fff; } #employee-details { overflow-y: auto; overflow-x: hidden; } #employee-list, #EmployeesList { background-color: #eee; } #employee-list h3 { padding: 2.5em 2.727em; font-size: 11px; color: #35373d; border-bottom: 1px solid #dbdbdb; } .employee-wrapper { border-top: 1px solid #f3f3f3; border-bottom: 1px solid #dbdbdb; padding: 1.25em 0; margin-left: 2.5em; } .job-wrapper { border-top: 1px solid #f3f3f3; border-bottom: 1px solid #dbdbdb; padding: 1.25em 0; margin-left: 2.5em; } .search-wrapper { border-top: 1px solid #f3f3f3; border-bottom: 1px solid #dbdbdb; padding: 1.25em 0; margin-left: 2.5em; } .location-wrapper { border-top: 1px solid #f3f3f3; border-bottom: 1px solid #dbdbdb; padding: 1.25em 0; margin-left: 2.5em; } .employee.k-state-selected { background-color: #6abd2d; } .employee.k-state-selected .employee-wrapper{ border-top: 1px solid #6abd2d; border-bottom: 1px solid #6abd2d; } .jobMap.k-state-selected { background-color: steelblue; } .jobMap.k-state-selected .job-wrapper{ border-top: 1px solid steelblue; border-bottom: 1px solid steelblue; } .searchMap.k-state-selected { background-color: slateblue; } .searchMap.k-state-selected .job-wrapper{ border-top: 1px solid slateblue; border-bottom: 1px solid slateblue; } .locationMap.k-state-selected { background-color: crimson; } .locationMap.k-state-selected .job-wrapper{ border-top: 1px solid crimson; border-bottom: 1px solid crimson; } .geoFenceMap.k-state-selected { background-color: lightseagreen; } .geoFenceMap.k-state-selected .job-wrapper{ border-top: 1px solid lightseagreen; border-bottom: 1px solid lightseagreen; } #EmployeesList { border: none; overflow: auto; height: 100%; height: calc(100% - 154px); } #employee-details-wrapper { border: none; overflow: auto; height: 100%; height: calc(100% - 86px); } .name { font-size: 14px; color: #35373d; } .title { font-size: 9px; line-height: 9px; color: #8a8b8f; text-transform: uppercase; display: inline-block; } .phone { font-size: 10px; line-height: 10px; color: #35373d; } .k-state-selected .name, .k-state-selected .title { color: #fff; } .bioTooltip { font-size: 9px; line-height: 9px; } #employee-quarter-sales-label, #employee-average-sales-label { font-size: 36px; display: inline-block; margin: 0 auto 10px; } .employee-list-image, .employee-details-image, .employee-list-details, .employee-bio-details { display: inline-block; } .employee-list-image { border-radius: 30px; margin-right: 5px; } .employee-details-image { border-radius: 45px; border: 2px solid #737374; margin-right: 20px; } #employee-about { border-bottom: 1px solid #eaeaeb; } #employee-about .row { padding: 30px 0; } #employee-about h3, #employeeSchedule h3, .section-header{ font-size: 11px; color: #35373d; text-transform: uppercase; padding-bottom: 1.091em; padding: 15px 0; } #employeeSchedule { padding-left: 30px; padding-bottom: 20px; background-color: #fff; } .placeholder { margin-bottom: 20px; } .employee-list-details, .employee-bio-details { vertical-align: middle; } .employee-bio-details dt{ font-size: 18px; line-height: 18px; margin: 4px auto; } .employee-bio-details dd { margin: 4px auto; } .period-wrapper { display: inline-block; } .select-period { margin-right: 0.833em; margin-left: 2.500em; text-transform: uppercase; font-weight: normal; } /* Kendo widgets */ .k-sparkline { display: inline-block; width: 100%; } .k-tooltip { width: 200px; } /* Regional sales */ #statsContainer { background-color: #fff; } #regional-sales { border: none; overflow-y: auto; height: calc(100% - 86px); } #regional-sales .row { height: auto; } #map-wrapper { background-color: #eeeeee; } #map-details span { line-height: 13px; } #countryCustomers { font-size: 11px; } #topProductsContainer { padding: 15px; } #topProductsContainer h3{ padding-left: 15px; } /* Products & Orders*/ #products-orders-main-content { border: none; overflow: auto; height: 100%; height: calc(100% - 86px); color: #464648; font-size: 11px; } #products-orders-main-content .k-tooltip { width: 140px; } #products-orders-main-content .k-tooltip th{ text-align: left; } #products-orders-main-content .k-tooltip td{ border: 0; } .product-details{ display: inline-block; height: 100%; } .product-name-cat, .product-details-wrapper { display: inline-block; vertical-align: middle; } .product-details-wrapper { color: #0d1016; width: 100%; } .product-details-image { border-radius: 55px; border: 1px solid #eaeaeb; margin-right: 1.667em; } .product-name { font-size: 14px; } .product-category { font-size: 9px; color: #8a8b8f; text-transform: uppercase; } .product-details { padding: 0; text-transform: uppercase; display: inline-block; } .product-details .k-sparkline { width: 80%; height: 50px; } .product-details span { font-size: 36px; display: inline-block; vertical-align: middle; line-height: normal; } .product-details-wrapper h5 { font-size: 11px; vertical-align: middle; top: 20%; position: relative; margin-bottom: 20px; } .stats-graph { padding: 15px 30px 30px; } #market-share-label, #revenue-label, #orders-label, #customers-label, #countryName { font-size: 36px; text-transform: uppercase; } .k-detail-cell .k-tabstrip .k-content { padding: 0.2em; } .shipping-details ul { list-style:none; font-style:italic; margin: 15px; padding: 0; } .shipping-details ul li { margin: 0; line-height: 1.7em; } .shipping-details label { display:inline-block; width:90px; padding-right: 10px; text-align: right; font-style:normal; font-weight:bold; } /* About */ #map-wrapper { padding: 15px; } #map { height: 350px; outline: 0; } #about { font-size: 15px; line-height: 24px; } #about > div { padding: 90px 60px; } #about p { padding-bottom: 1em; max-width: 960px; } #about ul { list-style: disc; color: #428bca; } .section-title { font-size: 36px; color: #35373d; padding-bottom: 1em; } .section-sub-title { font-weight: bold; padding-top: 1em; padding-bottom: .5em; } .section-white { background-color: #fff; } .download-btn { color: #fff; background-color: #ee5315; border: 1px solid #ee5315; background-clip: padding-box; position: relative; display: inline-block; padding: 0.667em 2.000em; line-height: 0.933em; transition-property: background-color, color; transition-duration: 0.2s; transition-timing-function: ease; border-radius: 2px; -webkit-appearance: none; font-size: 22px; font-weight: normal; text-align: center; margin: 1em 0 0; } .download-btn:hover { background-color: #c2410e; border-color: #c2410e; cursor: pointer; text-decoration: none; color: #fff; } .download-btn span { display: block; font-size: 10px; margin-bottom: -3px; } /*max-width: 768px -> .col-xs- */ .row-offcanvas { position: relative; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .row-offcanvas-left .sidebar-offcanvas { left: -50%; } .row-offcanvas-left.active { left: 50%; } .employee-list-details .title, .employee-list-details .name { /*display: none;*/ } .employee-list-image { display: inline-block; } .employee-wrapper { margin: auto; margin-left: 20px; } #nav-section { width: 100%; height: auto; } #main-section { width: 100%; overflow: hidden; } #main-section-header > h2, #dateFilter { display: block; width: 100%; text-align: center; } #main-section-header > h2 { padding-bottom: 15px; } #dateFilter { padding-top: 15px; } #employee-list h3 { display: none; } #rights { display: none; } /* End custom */ /* Empty charts overlays */ #topProductsContainer, .sparkline-container { position: relative; } .overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: .1; filter: alpha(opacity=60); background: #fff; text-align: center; } .iconCrewGroup { background-image: url("/Images/groups.png"); background-size: 15px 15px; } .headerForPage { float: left; margin-top: 10px; width: 100%; margin-bottom: 10px; } .pageHeaderFont { font-size: 2em; font-weight: 600; margin-right: 15px; font-family: Segoe UI; font-weight: lighter; } .overlay div { position: relative; font-size: 34px; margin-top: -17px; top: 50%; } /* clear floats */ .employee:after, .bio:after { content:""; clear:both; display: block; } .ui-slider-horizontal .ui-state-default { background-color: darkgrey; } .highlight { background-color: lightblue; } .ui-menu { width: 150px; background-color: white; border: 1px solid lightgrey; } #tabstrip { border-color: transparent; background-color: transparent; } .jqueryTabIcon { display: inline-block; width: 20px; height: 20px; overflow: hidden; background-repeat: no-repeat; font-size: 0; line-height: 0; text-align: center; background-color: transparent; float: left; margin-right: 10px; } .ui-tabs .ui-tabs-nav li { background-color: white; } .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 { background: white; } .buttonHover { } .buttonHover:hover { background-color: lightblue; } .tabsClass { border-color: transparent; background-color: transparent; background: transparent; } .jqueryTabIcon { display: inline-block; width: 20px; height: 20px; overflow: hidden; background-repeat: no-repeat; font-size: 0; line-height: 0; text-align: center; background-color: transparent; float: left; margin-right: 5px; } .ui-tabs .ui-tabs-nav li { background-color: white; } .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 { background: white; } .listViewName { font-size: 1.5em; font-weight: 600; margin-right: 15px; font-family: Segoe UI; font-weight: lighter; } .listview-wrapper { border-top: 1px solid #f3f3f3; border-bottom: 1px solid #dbdbdb; padding: 1.25em 0; } .listview-list-details{ display: inline-block; margin-left: 20px; } .listview-container.k-state-selected { background-color: #6abd2d; } .listview-container.k-state-selected .listview-wrapper{ border-top: 1px solid #6abd2d; border-bottom: 1px solid #6abd2d; } .listDefault { font-size: 1.25em; font-weight: 600; margin-right: 15px; font-family: Segoe UI; font-weight: lighter; color: crimson; } .template-grid { display: grid; grid-gap: 20px; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); } .template-badge { min-height: 100px; float: left; padding: 5px; border: 1px solid lightsteelblue; } /* * Table styles */ table.dataTable { width: 98%; margin: 0 auto; clear: both; border-collapse: separate; border-spacing: 0; font-size: 0.85em; /* * Header and footer styles */ /* * Body styles */ } table.dataTable thead th, table.dataTable tfoot th { font-weight: bold; text-align: left; } table.dataTable thead th, table.dataTable thead td { padding: 10px 18px; border-bottom: 1px solid #111111; } table.dataTable thead th:active, table.dataTable thead td:active { outline: none; } table.dataTable tfoot th, table.dataTable tfoot td { padding: 10px 18px 6px 18px; border-top: 1px solid #111111; } table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting { cursor: pointer; font-weight: bold; *cursor: hand; } table.dataTable thead .sorting { background: url("/Content/images/sort_both.png") no-repeat center right; } table.dataTable thead .sorting_asc { background: url("/Content/images/sort_asc.png") no-repeat center right; } table.dataTable thead .sorting_desc { background: url("/Content/images/sort_desc.png") no-repeat center right; } table.dataTable thead .sorting_asc_disabled { background: url("/Content/images/sort_asc_disabled.png") no-repeat center right; } table.dataTable thead .sorting_desc_disabled { background: url("/Content/images/sort_desc_disabled.png") no-repeat center right; } table.dataTable tbody tr { background-color: white; } table.dataTable tbody tr.selected { background-color: #b0bed9; } table.dataTable tbody th, table.dataTable tbody td { padding: 8px 10px; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid #dddddd; } table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td { border-top: none; } table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td { border-top: 1px solid #dddddd; border-right: 1px solid #dddddd; } table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child { border-left: 1px solid #dddddd; } table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td { border-top: none; } table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { background-color: #f9f9f9; } table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected { background-color: #abb9d3; } table.dataTable.hover tbody tr:hover, table.dataTable.hover tbody tr.odd:hover, table.dataTable.hover tbody tr.even:hover, table.dataTable.display tbody tr:hover, table.dataTable.display tbody tr.odd:hover, table.dataTable.display tbody tr.even:hover { background-color: whitesmoke; } table.dataTable.hover tbody tr:hover.selected, table.dataTable.hover tbody tr.odd:hover.selected, table.dataTable.hover tbody tr.even:hover.selected, table.dataTable.display tbody tr:hover.selected, table.dataTable.display tbody tr.odd:hover.selected, table.dataTable.display tbody tr.even:hover.selected { background-color: #a9b7d1; } table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 { background-color: #f9f9f9; } table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3 { background-color: #acbad4; } table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color: #f1f1f1; } table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 { background-color: #f3f3f3; } table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 { background-color: whitesmoke; } table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 { background-color: #a6b3cd; } table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 { background-color: #a7b5ce; } table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 { background-color: #a9b6d0; } table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: #f9f9f9; } table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 { background-color: #fbfbfb; } table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 { background-color: #fdfdfd; } table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 { background-color: #acbad4; } table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 { background-color: #adbbd6; } table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 { background-color: #afbdd8; } table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.display tbody tr.odd:hover > .sorting_1, table.dataTable.display tbody tr.even:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1, table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 { background-color: #eaeaea; } table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.display tbody tr.odd:hover > .sorting_2, table.dataTable.display tbody tr.even:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_2, table.dataTable.order-column.hover tbody tr.even:hover > .sorting_2 { background-color: #ebebeb; } table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.display tbody tr.odd:hover > .sorting_3, table.dataTable.display tbody tr.even:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_3, table.dataTable.order-column.hover tbody tr.even:hover > .sorting_3 { background-color: #eeeeee; } table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.display tbody tr.odd:hover.selected > .sorting_1, table.dataTable.display tbody tr.even:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_1 { background-color: #a1aec7; } table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.display tbody tr.odd:hover.selected > .sorting_2, table.dataTable.display tbody tr.even:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_2 { background-color: #a2afc8; } table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.display tbody tr.odd:hover.selected > .sorting_3, table.dataTable.display tbody tr.even:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_3 { background-color: #a4b2cb; } table.dataTable.no-footer { border-bottom: 1px solid #111111; } table.dataTable.nowrap th, table.dataTable.nowrap td { white-space: nowrap; } table.dataTable.compact thead th, table.dataTable.compact thead td { padding: 5px 9px; } table.dataTable.compact tfoot th, table.dataTable.compact tfoot td { padding: 5px 9px 3px 9px; } table.dataTable.compact tbody th, table.dataTable.compact tbody td { padding: 4px 5px; } table.dataTable th.dt-left, table.dataTable td.dt-left { text-align: left; } table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty { text-align: center; } table.dataTable th.dt-right, table.dataTable td.dt-right { text-align: right; } table.dataTable th.dt-justify, table.dataTable td.dt-justify { text-align: justify; } table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap { white-space: nowrap; } table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left { text-align: left; } table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center { text-align: center; } table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right { text-align: right; } table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify { text-align: justify; } table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap { white-space: nowrap; } table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left { text-align: left; } table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center { text-align: center; } table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right { text-align: right; } table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify { text-align: justify; } table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap { white-space: nowrap; } table.dataTable, table.dataTable th, table.dataTable td { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* * Control feature layout */ .dataTables_wrapper { position: relative; clear: both; *zoom: 1; zoom: 1; } .dataTables_wrapper .dataTables_length { float: left; } .dataTables_wrapper .dataTables_filter { float: right; text-align: right; } .dataTables_wrapper .dataTables_filter input { margin-left: 0.5em; } .dataTables_wrapper .dataTables_info { clear: both; float: left; padding-top: 0.755em; } .dataTables_wrapper .dataTables_paginate { float: right; text-align: right; padding-top: 0.25em; } .dataTables_wrapper .dataTables_paginate .paginate_button { box-sizing: border-box; display: inline-block; min-width: 1.5em; padding: 0.5em 1em; margin-left: 2px; text-align: center; text-decoration: none !important; cursor: pointer; *cursor: hand; color: #333333 !important; border: 1px solid transparent; } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #333333 !important; border: 1px solid #cacaca; background-color: white; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, gainsboro)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, gainsboro 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, white 0%, gainsboro 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, white 0%, gainsboro 100%); /* IE10+ */ background: -o-linear-gradient(top, white 0%, gainsboro 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, white 0%, gainsboro 100%); /* W3C */ } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { cursor: default; color: #666 !important; border: 1px solid transparent; background: transparent; box-shadow: none; } .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: white !important; border: 1px solid #111111; background-color: #585858; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111111)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #585858 0%, #111111 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #585858 0%, #111111 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #585858 0%, #111111 100%); /* IE10+ */ background: -o-linear-gradient(top, #585858 0%, #111111 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #585858 0%, #111111 100%); /* W3C */ } .dataTables_wrapper .dataTables_paginate .paginate_button:active { outline: none; background-color: #2b2b2b; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* IE10+ */ background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); /* W3C */ box-shadow: inset 0 0 3px #111; } .dataTables_wrapper .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 100%; height: 40px; margin-left: -50%; margin-top: -25px; padding-top: 20px; text-align: center; font-size: 1.2em; background-color: white; background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */ background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* IE10+ */ background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* Opera 11.10+ */ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* W3C */ } .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color: #333333; } .dataTables_wrapper .dataTables_scroll { clear: both; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody { *margin-top: -1px; -webkit-overflow-scrolling: touch; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing { height: 0; overflow: hidden; margin: 0 !important; padding: 0 !important; } .dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom: 1px solid #111111; } .dataTables_wrapper.no-footer div.dataTables_scrollHead table, .dataTables_wrapper.no-footer div.dataTables_scrollBody table { border-bottom: none; } .dataTables_wrapper:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } @media screen and (max-width: 767px) { .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate { float: none; text-align: center; } .dataTables_wrapper .dataTables_paginate { margin-top: 0.5em; } } @media screen and (max-width: 640px) { .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { float: none; text-align: center; } .dataTables_wrapper .dataTables_filter { margin-top: 0.5em; } } /** * Kendo UI v2020.2.617 (http://www.telerik.com/kendo-ui) * Copyright 2020 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-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 { -ms-flex: 1 1 0%; flex: 1 1 0%; } .k-flex-auto { -ms-flex: 1 1 auto; flex: 1 1 auto; } .k-flex-none { -ms-flex: none; flex: none; } .k-flex-grow { -ms-flex-positive: 1; flex-grow: 1; } .k-flex-grow-0 { -ms-flex-positive: 0; flex-grow: 0; } .k-flex-shrink { -ms-flex-negative: 1; flex-shrink: 1; } .k-flex-shrink-0 { -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-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(1, 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(1, 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(1, 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(1, 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(1, 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(1, 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(1, 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(1, 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(1, 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-hbox, .k-vbox { display: -ms-flexbox; display: flex; } .k-ihbox, .k-ivbox { display: -ms-inline-flexbox; display: inline-flex; } .k-hbox, .k-ihbox { -ms-flex-direction: row; flex-direction: row; } .k-vbox, .k-ivbox { -ms-flex-direction: column; flex-direction: column; } .k-column { -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; } .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, .k-grid-toolbar:after { content: ""; display: block; clear: both; visibility: hidden; height: 0; overflow: hidden; } .k-floatwrap, .k-slider-items, .k-grid-toolbar { display: inline-block; } .k-floatwrap, .k-slider-items, .k-grid-toolbar { display: block; } .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-autocomplete, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap, .k-autocomplete.k-state-hover, .k-dropdown-wrap.k-state-hover, .k-picker-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-draghandle { background-repeat: repeat; background-position: 0 center; } .k-link:hover { text-decoration: none; } .k-state-highlight > .k-link { color: inherit; } .k-textbox > input, .k-textarea > textarea, .k-multiselect .k-input, .k-input[type="text"], .k-input[type="number"], .k-textbox, .k-textarea, .k-picker-wrap .k-input { font-size: 100%; font-family: inherit; border-style: solid; border-width: 1px; -webkit-appearance: none; } .k-widget, .k-block, .k-inline-block, .k-draghandle { border-style: solid; border-width: 1px; -webkit-appearance: none; } .k-block, .k-widget { line-height: normal; outline: 0; } .k-widget .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 { filter: alpha(opacity=30); opacity: 0.3; } .k-content-frame { border: 0; width: 100%; height: 100%; } .k-pane > .k-splitter-overlay { filter: alpha(opacity=0); opacity: 0; position: absolute; } .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-textarea, .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-i-drag-and-drop, .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; } .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-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.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-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-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-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-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; display: -ms-flexbox; display: flex; -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; } .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-style: solid; border-width: 0 0 1px; } .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-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; overflow-x: hidden; 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, .k-grid-toolbar { 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-toolbar .k-button { vertical-align: middle; } .k-grid-actions { display: inline-block; } .k-grid .k-button, .k-grid .k-grid-toolbar > * { 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 { filter: alpha(opacity=60); 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-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 { filter: alpha(opacity=50); opacity: 0.5; } .k-loading-pdf-mask .k-loading-pdf-progress { margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .k-pdf-export .k-loading-pdf-mask { display: none; } .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-header .k-grid-search { width: 15.7em; float: right; display: -ms-flexbox; display: flex; } .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-i-drag-and-drop { position: absolute; z-index: 10000; visibility: hidden; width: 80px; height: 5px; margin-top: -3px; background-color: transparent; background-repeat: no-repeat; } .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 { white-space: nowrap; position: relative; } .k-gantt-layout { display: inline-block; white-space: normal; vertical-align: top; } .k-gantt .k-splitbar { position: relative; cursor: e-resize; width: 5px; border-width: 0 1px; background-repeat: repeat-y; } .k-gantt .k-gantt-layout th, .k-gantt .k-gantt-layout .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-toolbar { border-style: solid; border-width: 0 0 1px; line-height: 2.4em; padding: 0.5em; } .k-gantt-layout + .k-gantt-toolbar { border-width: 1px 0 0; } .k-gantt-actions, .k-gantt-toolbar > ul { float: left; margin-right: 0.6em; } .k-gantt-actions > .k-button { margin-right: 0.5em; vertical-align: top; } .k-gantt-toolbar > .k-gantt-views { float: right; margin-right: 0; } .k-gantt-toolbar > .k-gantt-views > li.k-current-view { display: none; } .k-gantt-toolbar > ul > li { display: inline-block; border-style: solid; border-width: 1px 1px 1px 0; } .k-gantt-toolbar > ul > li:first-child + li { border-left-width: 1px; } .k-gantt-toolbar .k-link { display: inline-block; padding: 0 1.1em; } .k-gantt-toolbar li:first-child + li, .k-gantt-toolbar li:first-child + li > .k-link { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .k-gantt-toolbar li:last-child, .k-gantt-toolbar li:last-child > .k-link { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .k-gantt-toolbar li.k-button { line-height: inherit; padding-top: 0; padding-bottom: 0; } .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 .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); } .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; filter: alpha(opacity=50); opacity: 0.5; } .k-task-content > .k-resize-e { right: 0; top: 0; bottom: 0; width: 0.4em; } .k-task-content > .k-resize-w { left: 0; top: 0; bottom: 0; width: 0.4em; } .k-task-content > .k-resize-e:after, .k-task-content > .k-resize-w:after { left: 1px; top: 50%; margin-top: -0.7em; height: 1.4em; width: 1px; } .k-task-content > .k-resize-e:after { left: auto; right: 1px; } .k-task-draghandle { position: absolute; bottom: 0; width: 0; height: 0; margin: 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; } button.k-gantt-toggle { display: none; float: left; margin-right: 0.5em; } @media only screen and (max-width: 1024px) { .k-gantt-toolbar > ul.k-gantt-views { position: absolute; right: 6px; top: 6px; z-index: 10000; } .k-rtl .k-gantt-toolbar > ul.k-gantt-views { right: auto; left: 6px; } .k-gantt-toolbar > ul.k-gantt-views > li:not(.k-current-view) { display: none; } .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view { display: block; border-width: 1px; } .k-rtl .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view { text-align: left; padding-left: 1em; } .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view > .k-link { display: block; position: relative; padding-right: 2.5em; padding-left: 1em; } .k-rtl .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view > .k-link { padding-left: 0; } .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view > .k-link:after { content: "\E006"; position: absolute; top: 50%; right: 0.6em; margin-top: -0.5em; line-height: 1em; } .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > li, .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > li:first-child + li { display: block; border: 0; border-radius: 0; } .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded { border: 1px solid #c5c5c5; background-color: #fff; background-image: none; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); } .k-rtl .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded { text-align: left; } } @media only screen and (max-width: 480px) { button.k-gantt-toggle { display: inline-block; } .k-gantt-create span + span, .k-gantt-pdf span + span { display: none; } .k-gantt-create .k-icon, .k-gantt-pdf .k-icon { margin: 0; } .k-gantt .k-splitbar { display: none; width: 0; border-width: 0; } .k-gantt .k-gantt-treelist { display: none; max-width: 0; } .k-gantt .k-treelist .k-grid-content { overflow-y: scroll; } .k-gantt .k-gantt-timeline { width: 100%; } } .k-gantt-resize-hint { white-space: nowrap; } .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-i-drag-and-drop { position: absolute; z-index: 10000; visibility: hidden; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: transparent; background-repeat: no-repeat; } .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 { position: relative; display: inline-block; width: 12.4em; overflow: visible; border-width: 0; vertical-align: middle; } .k-autocomplete > .k-i-close, .k-dropdown-wrap > .k-i-close, .k-multiselect-wrap > .k-i-close { font-size: 100%; display: none; position: absolute; cursor: pointer; } .k-autocomplete > .k-i-close { right: calc(1em - 8px); } .k-multiselect-wrap > .k-i-close { right: calc(1em - 7px); } .k-autocomplete > .k-i-close, .k-dropdown-wrap > .k-i-close { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .k-dropdown-wrap > .k-i-close { right: calc(3em - 8px); } .k-multiselect-wrap > .k-i-close, .k-dropdowntree > .k-multiselect-wrap > .k-i-close { top: calc(1.00357143em - 7px); } .k-multiselect-wrap .k-readonly, .k-dropdown-wrap .k-readonly { opacity: 0.5; } .k-autocomplete.k-state-hover > .k-i-close, .k-dropdown-wrap.k-state-hover > .k-i-close, .k-multiselect-wrap.k-state-hover > .k-i-close, .k-autocomplete.k-state-focused > .k-i-close, .k-dropdown-wrap.k-state-focused > .k-i-close, .k-multiselect-wrap.k-state-focused > .k-i-close { display: inline-block; outline: none; } .k-multiselect.k-state-hover > .k-multiselect-wrap > .k-i-close, .k-multiselect.k-state-focused > .k-multiselect-wrap > .k-i-close { display: inline-block; outline: none; } .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: 13.2em; } .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 { 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-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-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-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-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, .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-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 2em; position: relative; } .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-i-close { left: calc(3em - 8px); } .k-rtl .k-autocomplete > .k-i-close { left: calc(1em - 8px); } .k-rtl .k-multiselect-wrap > .k-i-close { 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-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("/Content/kendo/commercial/styles/web/textures/transtexture.png"); background-position: 50% 50%; text-align: right; } .k-flatcolorpicker .k-selected-color input.k-color-value { font-family: Consolas, "Ubuntu Mono", "Lucida Console", "Courier New", monospace; padding: 0.75em 0.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("/Content/kendo/commercial/styles/web/textures/transparency.png"); background-size: 100% auto; background-position: 100% 50%; background-repeat: no-repeat; } .k-flatcolorpicker .k-controls { margin-top: 10px; margin-bottom: 5px; text-align: center; font-size: 90%; } .k-flatcolorpicker .k-controls .k-button { width: 6em; } .k-flatcolorpicker .k-hsv-gradient { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%), linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%); height: 180px; margin-bottom: 5px; } .k-ie9 .k-flatcolorpicker .k-hue-slider .k-slider-track { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iI2ZmZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzAwZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iI2ZmMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); } .k-ie9 .k-flatcolorpicker .k-hsv-gradient { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); } .k-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 { filter: alpha(opacity=60); opacity: 0.6; } .k-state-disabled .k-slider-wrap .k-slider-items { color: #333; } .k-slider .k-button-decrease { left: 0; } .k-slider-vertical .k-button-decrease, .k-grid .k-slider-vertical .k-button-decrease { top: auto; bottom: 0; } .k-slider .k-button-increase { right: 0; } .k-slider .k-icon, .k-slider-track, .k-slider .k-tick { cursor: pointer; } .k-slider-track, .k-slider-selection { position: absolute; margin: 0; padding: 0; } .k-slider-horizontal .k-slider-track, .k-slider-horizontal .k-slider-selection { top: 50%; left: 0; height: 8px; margin-top: -4px; background-repeat: repeat-x; } .k-slider-horizontal .k-slider-buttons .k-slider-track { left: 34px; } .k-slider-vertical .k-slider-track, .k-slider-vertical .k-slider-selection { left: 50%; bottom: 0; width: 8px; margin-left: -4px; background-repeat: repeat-y; } .k-slider-vertical .k-slider-buttons .k-slider-track { bottom: 34px; } .k-draghandle { position: absolute; background-repeat: no-repeat; background-color: transparent; text-indent: -3333px; overflow: hidden; text-decoration: none; text-align: center; outline: 0; } .k-slider-horizontal .k-draghandle { top: -4px; width: 13px; height: 14px; } .k-slider-vertical .k-draghandle { left: -4px; width: 14px; height: 13px; } .k-slider-buttons .k-slider-items { margin-left: 34px; } .k-slider-horizontal .k-slider-items { height: 100%; } .k-slider-vertical .k-slider-items { padding-top: 1px; } .k-slider-vertical .k-slider-buttons .k-slider-items { padding-top: 0; } .k-slider-vertical .k-slider-buttons .k-slider-items { margin: 0; padding-top: 35px; } .k-slider .k-tick { position: relative; margin: 0; padding: 0; background-color: transparent; background-repeat: no-repeat; background-position: center center; } .k-slider-horizontal .k-tick { float: left; height: 100%; text-align: center; } .k-slider-horizontal .k-tick { background-position: center -92px; } .k-slider-horizontal .k-slider-topleft .k-tick { background-position: center -122px; } .k-slider-horizontal .k-slider-bottomright .k-tick { background-position: center -152px; } .k-slider-horizontal .k-tick-large { background-position: center -2px; } .k-slider-horizontal .k-slider-topleft .k-tick-large { background-position: center -32px; } .k-slider-horizontal .k-slider-bottomright .k-tick-large { background-position: center -62px; } .k-slider-vertical .k-tick { background-position: -92px center; } .k-slider-vertical .k-slider-topleft .k-tick { background-position: -122px center; } .k-slider-vertical .k-slider-bottomright .k-tick { background-position: -152px center; } .k-slider-vertical .k-tick-large { background-position: -2px center; } .k-slider-vertical .k-slider-topleft .k-tick-large { background-position: -32px center; } .k-slider-vertical .k-slider-bottomright .k-tick-large { background-position: -62px center; } .k-slider-horizontal .k-first { background-position: 0 -92px; } .k-slider-horizontal .k-tick-large.k-first { background-position: 0 -2px; } .k-slider-horizontal .k-slider-topleft .k-first { background-position: 0 -122px; } .k-slider-horizontal .k-slider-topleft .k-tick-large.k-first { background-position: 0 -32px; } .k-slider-horizontal .k-slider-bottomright .k-first { background-position: 0 -152px; } .k-slider-horizontal .k-slider-bottomright .k-tick-large.k-first { background-position: 0 -62px; } .k-slider-horizontal .k-last { background-position: 100% -92px; } .k-slider-horizontal .k-tick-large.k-last { background-position: 100% -2px; } .k-slider-horizontal .k-slider-topleft .k-last { background-position: 100% -122px; } .k-slider-horizontal .k-slider-topleft .k-tick-large.k-last { background-position: 100% -32px; } .k-slider-horizontal .k-slider-bottomright .k-last { background-position: 100% -152px; } .k-slider-horizontal .k-slider-bottomright .k-tick-large.k-last { background-position: 100% -62px; } .k-slider-vertical .k-first { background-position: -92px 100%; } .k-slider-vertical .k-tick-large.k-first { background-position: -2px 100%; } .k-slider-vertical .k-slider-topleft .k-first { background-position: -122px 100%; } .k-slider-vertical .k-slider-topleft .k-tick-large.k-first { background-position: -32px 100%; } .k-slider-vertical .k-slider-bottomright .k-first { background-position: -152px 100%; } .k-slider-vertical .k-slider-bottomright .k-tick-large.k-first { background-position: -62px 100%; } .k-slider-vertical .k-last { background-position: -92px 0; } .k-slider-vertical .k-tick-large.k-last { background-position: -2px 0; } .k-slider-vertical .k-slider-topleft .k-last { background-position: -122px 0; } .k-slider-vertical .k-slider-topleft .k-tick-large.k-last { background-position: -32px 0; } .k-slider-vertical .k-slider-bottomright .k-last { background-position: -152px 0; } .k-slider-vertical .k-slider-bottomright .k-tick-large.k-last { background-position: -62px 0; } .k-slider-vertical .k-tick { text-align: right; } .k-slider-vertical .k-slider-topleft .k-tick { text-align: left; } .k-slider .k-label { position: absolute; white-space: nowrap; font-size: 0.92em; } .k-slider-horizontal .k-label { left: 0; width: 100%; line-height: 1; } .k-slider-horizontal .k-first .k-label { left: -50%; } .k-slider-horizontal .k-last .k-label { left: auto; right: -50%; } .k-slider-horizontal .k-label { bottom: -1.2em; } .k-slider-horizontal .k-slider-topleft .k-label { top: -1.2em; } .k-slider-vertical .k-label { left: 120%; display: block; text-align: left; } .k-slider-vertical .k-last .k-label { top: -0.5em; } .k-slider-vertical .k-first .k-label { bottom: -0.5em; } .k-slider-vertical .k-slider-topleft .k-label { left: auto; right: 120%; } .k-slider-tooltip { 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 { filter: alpha(opacity=60); 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; filter: alpha(opacity=50); 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 { 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 .k-clear-selected, .k-upload .k-upload-selected { display: inline-block; width: 50%; margin: 0; line-height: 1em; padding: 1.214em 0; border: 0; } .k-upload .k-upload-selected { border-left-width: 1px; border-left-style: solid; margin-left: -1px; } .k-upload .k-clear-selected { border-radius: 0 0 0 4px; } .k-upload .k-upload-selected { border-radius: 0 0 4px 0; } .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-upload-selected { min-width: 7.167em; margin: 0.25em 0 0; box-sizing: content-box; } .k-upload-selected, .k-upload-cancel { margin-bottom: 0.8em; } .k-upload-selected { margin-left: 0.8em; margin-right: 0.2em; } .k-rtl .k-file-extension-wrapper { margin-left: 14px; } .k-upload .k-action-buttons { padding: 0; margin: 0; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; clear: both; } .k-upload .k-action-buttons .k-button { -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0; } .k-upload .k-action-buttons .k-button + .k-button { margin: 0; } .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; } .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: 6px; 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); filter: alpha(opacity=1); } .k-handle { background: #d2d2d2; width: 7px; height: 26px; cursor: e-resize; z-index: 1; border-radius: 6px; position: absolute; } .k-handle div { width: 100%; height: 100%; background-color: transparent; } .k-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; filter: alpha(opacity=80); opacity: 0.8; } .k-border { background: #d2d2d2; width: 1px; height: 100%; position: absolute; } .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%; margin-left: 0; margin-top: 6px; } .k-pane-wrapper .k-grid .k-grid-search:first-child { margin-top: 0; } .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 { width: 100; 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('/Content/kendo/commercial/styles/web/fonts/glyphs/WebComponentsIcons.eot?gedxeo'); src: url('/Content/kendo/commercial/styles/web/fonts/glyphs/WebComponentsIcons.eot?gedxeo#iefix') format('embedded-opentype'), url('/Content/kendo/commercial/styles/web/fonts/glyphs/WebComponentsIcons.ttf?gedxeo') format('truetype'), url('/Content/kendo/commercial/styles/web/fonts/glyphs/WebComponentsIcons.woff?gedxeo') format('woff'), url('/Content/kendo/commercial/styles/web/fonts/glyphs/WebComponentsIcons.svg?gedxeo#WebComponentsIcons') format('svg'); font-weight: normal; font-style: normal; } .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-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-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-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-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-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-pane .k-spreadsheet-cell-comment { position: absolute; white-space: pre-wrap; text-align: left; border-width: 1px; 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-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; } .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("/Content/kendo/commercial/styles/web/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-card { border-radius: 4px; border-width: 1px; border-style: solid; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; position: relative; } .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-card-flat { box-shadow: none; } .k-card-horizontal { -ms-flex-direction: row; flex-direction: row; } .k-card-header { padding: 12px 16px; border-width: 0 0 1px; border-style: solid; 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; display: block; } .k-card-body { padding: 12px 16px; -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-title + .k-card-subtitle { margin-top: -6px; } .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 > .k-card-actions { border-top-width: 1px; border-color: inherit; } .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-actions-stretched.k-card-actions-vertical { -ms-flex-direction: column; flex-direction: column; } .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-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-hidden { display: none !important; } .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-avatar { border-radius: 100%; width: 32px; height: 32px; position: absolute; } .k-message-group:not(.k-alt) > .k-avatar { left: 0; bottom: 0; } .k-message-group.k-alt > .k-avatar { right: 0; bottom: 0; } .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) { padding-left: 40px; } .k-avatars .k-message-group.k-alt:not(.k-no-avatar) { padding-right: 40px; } .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-message-group:not(.k-alt) > .k-avatar, [dir="rtl"] .k-message-group:not(.k-alt) > .k-avatar { left: auto; right: 0; } .k-rtl .k-message-group.k-alt > .k-avatar, [dir="rtl"] .k-message-group.k-alt > .k-avatar { 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; } .k-scrollview { position: relative; overflow: hidden; outline: 0; display: block; } ul.k-scrollview-wrap { list-style-type: none; position: absolute; margin: 0; padding: 0; width: 100%; height: 100%; cursor: default; } ul.k-scrollview-wrap img { -webkit-user-select: none; -ms-user-select: none; user-select: none; } ul.k-scrollview-wrap > li { display: inline-block; overflow: hidden; position: absolute; top: 0; left: 0; } div.k-scrollview-wrap { white-space: nowrap; } div.k-scrollview-wrap > [data-role=page] { vertical-align: top; display: inline-block; min-height: 1px; } .k-scrollview-nav-wrap { position: absolute; bottom: 15px; left: 10px; right: 10px; height: 20px; overflow: hidden; } .k-scrollview-nav { margin: 0; padding: 5px 0 0 0; display: block; white-space: nowrap; overflow-x: scroll; overflow-y: hidden; text-align: center; list-style: none; pointer-events: initial; } .k-scrollview-nav > li.k-link { margin: 0 20px; padding: 0; width: 8px; height: 8px; box-sizing: content-box; vertical-align: top; display: inline-block; position: relative; border-width: 1px; border-style: solid; border-radius: 50%; cursor: pointer; pointer-events: all; } .k-scrollview-nav > li.k-link::before { content: ""; width: 28px; height: 20px; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .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; overflow: hidden; } .k-scrollview-prev { left: 0; } .k-scrollview-next { right: 0; } .k-scrollview-next span, .k-scrollview-prev span { display: table-cell; margin: 0; padding: 0; vertical-align: middle; font-size: 4.5em; font-weight: normal; position: static; } .k-scrollview-elements { width: 100%; } .k-scrollview-animation { transition-duration: 0.3s; transition-timing-function: ease-in-out; } .k-i-arrowhead-e::before { content: "\e014"; } .k-i-arrowhead-w::before { content: "\e016"; } @supports (-webkit-user-select: none) { div.k-scrollview ul.k-scrollview-wrap li > * { pointer-events: auto; } } @supports (not (-webkit-user-select: none)) { 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-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: 8px; 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: 15px; 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 { display: -ms-flexbox; display: flex; } .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: 4px 4px; border-width: 1px; border-style: solid; border-color: transparent; box-sizing: border-box; color: inherit; background-color: transparent; font-size: 10px; line-height: 1; 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; } .k-badge:empty { padding: 4px; } 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-lg { padding: 6px 6px; border-width: 1px; font-size: 12px; line-height: 1; } .k-badge-lg:empty { padding: 6px; } .k-badge-rounded { border-radius: 2px; } .k-badge-rounded-sm { border-radius: 1px; } .k-badge-rounded-lg { border-radius: 4px; } .k-badge-pill { border-radius: 5rem; } .k-badge-circle { padding: 0 !important; width: calc(1em + 10px); height: calc(1em + 10px); border-radius: 100%; } .k-badge-circle-sm { width: calc(1em + 6px); height: calc(1em + 6px); } .k-badge-circle-lg { width: calc(1em + 14px); height: calc(1em + 14px); } .k-badge-dot { padding: 0 !important; width: 10px; height: 10px; border-radius: 100%; font-size: 0; } .k-badge-dot-sm { width: 6px; height: 6px; } .k-badge-dot-lg { width: 12px; height: 12px; } .k-badge-container { position: relative; overflow: visible; } .k-badge-inside-top-start { position: absolute; z-index: 9999; top: 0; left: 0; } .k-badge-inside-top-end { position: absolute; z-index: 9999; top: 0; right: 0; } .k-badge-inside-bottom-start { position: absolute; z-index: 9999; bottom: 0; left: 0; } .k-badge-inside-bottom-end { position: absolute; z-index: 9999; bottom: 0; right: 0; } .k-rtl .k-badge-inside-top-start, [dir="rtl"] .k-badge-inside-top-start { left: auto; right: 0; } .k-rtl .k-badge-inside-top-end, [dir="rtl"] .k-badge-inside-top-end { right: auto; left: 0; } .k-rtl .k-badge-inside-bottom-start, [dir="rtl"] .k-badge-inside-bottom-start { left: auto; right: 0; } .k-rtl .k-badge-inside-bottom-end, [dir="rtl"] .k-badge-inside-bottom-end { right: auto; left: 0; } .k-badge-top-start { position: absolute; z-index: 9999; top: 0; left: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .k-badge-top-end { position: absolute; z-index: 9999; top: 0; right: 0; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); } .k-badge-bottom-start { position: absolute; z-index: 9999; bottom: 0; left: 0; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .k-badge-bottom-end { position: absolute; z-index: 9999; bottom: 0; right: 0; -webkit-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); transform: translate(50%, 50%); } .k-rtl .k-badge-top-start, [dir="rtl"] .k-badge-top-start { left: auto; right: 0; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); } .k-rtl .k-badge-top-end, [dir="rtl"] .k-badge-top-end { right: auto; left: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .k-rtl .k-badge-bottom-start, [dir="rtl"] .k-badge-bottom-start { left: auto; right: 0; -webkit-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); transform: translate(50%, 50%); } .k-rtl .k-badge-bottom-end, [dir="rtl"] .k-badge-bottom-end { right: auto; left: 0; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .k-badge-outside-top-start { position: absolute; z-index: 9999; top: 0; left: 0; -webkit-transform: translate(-100%, -100%); -ms-transform: translate(-100%, -100%); transform: translate(-100%, -100%); } .k-badge-outside-top-end { position: absolute; z-index: 9999; top: 0; right: 0; -webkit-transform: translate(100%, -100%); -ms-transform: translate(100%, -100%); transform: translate(100%, -100%); } .k-badge-outside-bottom-start { position: absolute; z-index: 9999; bottom: 0; left: 0; -webkit-transform: translate(-100%, 100%); -ms-transform: translate(-100%, 100%); transform: translate(-100%, 100%); } .k-badge-outside-bottom-end { position: absolute; z-index: 9999; bottom: 0; right: 0; -webkit-transform: translate(100%, 100%); -ms-transform: translate(100%, 100%); transform: translate(100%, 100%); } .k-rtl .k-badge-outside-top-start, [dir="rtl"] .k-badge-outside-top-start { left: auto; right: 0; -webkit-transform: translate(100%, -100%); -ms-transform: translate(100%, -100%); transform: translate(100%, -100%); } .k-rtl .k-badge-outside-top-end, [dir="rtl"] .k-badge-outside-top-end { right: auto; left: 0; -webkit-transform: translate(-100%, -100%); -ms-transform: translate(-100%, -100%); transform: translate(-100%, -100%); } .k-rtl .k-badge-outside-bottom-start, [dir="rtl"] .k-badge-outside-bottom-start { left: auto; right: 0; -webkit-transform: translate(100%, 100%); -ms-transform: translate(100%, 100%); transform: translate(100%, 100%); } .k-rtl .k-badge-outside-bottom-end, [dir="rtl"] .k-badge-outside-bottom-end { right: auto; left: 0; -webkit-transform: translate(-100%, 100%); -ms-transform: translate(-100%, 100%); transform: translate(-100%, 100%); } .k-badge-container { position: relative; overflow: visible; } .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 { margin-left: 4px; } .k-checkbox-label > .k-checkbox { margin-right: 4px; -ms-flex-negative: 0; flex-shrink: 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-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%; } .k-filemanager-listview .k-listview-content { 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; display: inline-block; position: absolute; z-index: 30000 !important; } .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; } .k-window-title { font-size: 1.2em; line-height: 1.25; font-weight: normal; display: block; text-overflow: ellipsis; overflow: hidden; cursor: default; } .k-window-title::before { content: ""; display: inline-block; } .k-window-titlebar .k-window-actions { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 6px; } .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; height: 100%; box-sizing: border-box; overflow: auto; position: relative; 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: -3px; left: 0; width: 100%; height: 6px; cursor: n-resize; } .k-resize-e { top: 0; right: -3px; width: 6px; height: 100%; cursor: e-resize; } .k-resize-s { bottom: -3px; left: 0; width: 100%; height: 6px; cursor: s-resize; } .k-resize-w { top: 0; left: -3px; width: 6px; height: 100%; cursor: w-resize; } .k-resize-se { bottom: -3px; right: -3px; width: 6px; height: 6px; cursor: se-resize; } .k-resize-sw { bottom: -3px; left: -3px; width: 6px; height: 6px; cursor: sw-resize; } .k-resize-ne { top: -3px; right: -3px; width: 6px; height: 6px; cursor: ne-resize; } .k-resize-nw { top: -3px; left: -3px; width: 6px; height: 6px; cursor: nw-resize; } .k-overlay { position: fixed; top: 0; left: 0; z-index: 29000 !important; 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-ie .k-window-content { border-radius: 0; } .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-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-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-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-table-resize-handle-wrapper { position: absolute; width: 5px; height: 5px; background-color: #fff; border: 1px solid #000; z-index: 100; } .k-editor-inline .k-table-resize-handle-wrapper .k-table-resize-handle { width: 100%; height: 100%; } .k-editor-inline .k-table-resize-handle-wrapper .k-table-resize-handle.k-resize-east { cursor: e-resize; } .k-editor-inline .k-table-resize-handle-wrapper .k-table-resize-handle.k-resize-north { cursor: n-resize; } .k-editor-inline .k-table-resize-handle-wrapper .k-table-resize-handle.k-resize-northeast { cursor: ne-resize; } .k-editor-inline .k-table-resize-handle-wrapper .k-table-resize-handle.k-resize-northwest { cursor: nw-resize; } .k-editor-inline .k-table-resize-handle-wrapper .k-table-resize-handle.k-resize-south { cursor: s-resize; } .k-editor-inline .k-table-resize-handle-wrapper .k-table-resize-handle.k-resize-southeast { cursor: se-resize; } .k-editor-inline .k-table-resize-handle-wrapper .k-table-resize-handle.k-resize-southwest { cursor: sw-resize; } .k-editor-inline .k-table-resize-handle-wrapper .k-table-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-table-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; 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; } @font-face { font-family: "DejaVu Sans"; src: url("/Content/kendo/commercial/styles/web/fonts/DejaVu/DejaVuSans.ttf?v=1.1") format("truetype"); } @font-face { font-family: "DejaVu Sans"; font-weight: bold; src: url("/Content/kendo/commercial/styles/web/fonts/DejaVu/DejaVuSans-Bold.ttf?v=1.1") format("truetype"); } @font-face { font-family: "DejaVu Sans"; font-style: italic; src: url("/Content/kendo/commercial/styles/web/fonts/DejaVu/DejaVuSans-Oblique.ttf?v=1.1") format("truetype"); } @font-face { font-family: "DejaVu Sans"; font-weight: bold; font-style: italic; src: url("/Content/kendo/commercial/styles/web/fonts/DejaVu/DejaVuSans-BoldOblique.ttf?v=1.1") format("truetype"); } @font-face { font-family: "DejaVu Serif"; src: url("/Content/kendo/commercial/styles/web/fonts/DejaVu/DejaVuSerif.ttf?v=1.1") format("truetype"); } @font-face { font-family: "DejaVu Serif"; font-weight: bold; src: url("/Content/kendo/commercial/styles/web/fonts/DejaVu/DejaVuSerif-Bold.ttf?v=1.1") format("truetype"); } @font-face { font-family: "DejaVu Serif"; font-style: italic; src: url("/Content/kendo/commercial/styles/web/fonts/DejaVu/DejaVuSerif-Italic.ttf?v=1.1") format("truetype"); } @font-face { font-family: "DejaVu Serif"; font-weight: bold; font-style: italic; src: url("/Content/kendo/commercial/styles/web/fonts/DejaVu/DejaVuSerif-BoldItalic.ttf?v=1.1") format("truetype"); } @font-face { font-family: "DejaVu Mono"; src: url("/Content/kendo/commercial/styles/web/fonts/DejaVu/DejaVuSansMono.ttf?v=1.1") format("truetype"); } @font-face { font-family: "DejaVu Mono"; font-weight: bold; src: url("/Content/kendo/commercial/styles/web/fonts/DejaVu/DejaVuSansMono-Bold.ttf?v=1.1") format("truetype"); } @font-face { font-family: "DejaVu Mono"; font-style: italic; src: url("/Content/kendo/commercial/styles/web/fonts/DejaVu/DejaVuSansMono-Oblique.ttf?v=1.1") format("truetype"); } @font-face { font-family: "DejaVu Mono"; font-weight: bold; font-style: italic; src: url("/Content/kendo/commercial/styles/web/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; } /** * Kendo UI v2020.2.617 (http://www.telerik.com/kendo-ui) * Copyright 2020 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-office365 { opacity: 0; } .ktb-var-accent { color: #cde6f7; } .ktb-var-base { color: #0072c6; } .ktb-var-background { color: #fff; } .ktb-var-border-radius { border-radius: 0; } .ktb-var-normal-background { color: #fff; } .ktb-var-normal-gradient { background-image: none; } .ktb-var-normal-text-color { color: #333333; } .ktb-var-hover-background { color: #f4f4f4; } .ktb-var-hover-gradient { background-image: none; } .ktb-var-hover-text-color { color: #000; } .ktb-var-selected-background { color: #cde6f7; } .ktb-var-selected-gradient { background-image: none; } .ktb-var-selected-text-color { color: #333333; } .ktb-var-primary { color: #cde6f7; } .ktb-var-secondary { color: #0072c6; } .ktb-var-tertiary { color: #008a17; } .ktb-var-error { color: #f44336; } .ktb-var-warning { color: #ffdb04; } .ktb-var-success { color: #43a047; } .ktb-var-info { color: #1976d2; } .ktb-var-dark { color: #000000; } .ktb-var-light { color: #ffffff; } .ktb-var-inverse { color: #000000; } .ktb-var-series-a { color: #0072c6; } .ktb-var-series-b { color: #5db2ff; } .ktb-var-series-c { color: #008a17; } .ktb-var-series-d { color: #82ba00; } .ktb-var-series-e { color: #ff8f32; } .ktb-var-series-f { color: #ac193d; } .k-grid-norecords-template { background-color: #fff; border: 1px solid #c9c9c9; } .k-button { border-radius: 0; border-color: #f4f4f4; color: #000000; background-color: #f4f4f4; background-position: 50% 50%; } .k-button.k-state-default { border-color: #f4f4f4; } .k-button:hover, .k-button.k-state-hover { color: #000000; border-color: #e2e2e2; background-color: #e2e2e2; } .k-button:active, .k-button.k-state-active, .k-button.k-state-selected { color: #ffffff; background-color: #0072c6; border-color: #0072c6; } .k-button.k-state-active:hover, .k-button.k-state-selected:hover { color: #ffffff; border-color: #005b9d; background-color: #005b9d; } .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: #0072c6; } .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: #000000; border-color: #f4f4f4; background-color: #f4f4f4; box-shadow: none; background-image: none; } .k-primary { color: #ffffff; border-color: #0072c6; background-color: #0072c6; } .k-primary.k-state-default { border-color: #0072c6; } .k-primary:hover, .k-primary.k-state-hover { color: #ffffff; border-color: #005b9d; background-color: #005b9d; } .k-primary:active, .k-primary.k-state-active { color: #ffffff; border-color: #00467a; background-color: #004c84; } .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: #00467a; } .k-primary[disabled], .k-state-disabled .k-primary, .k-primary.k-state-disabled, .k-primary[disabled]:hover, .k-state-disabled .k-primary:hover, .k-primary.k-state-disabled:hover { color: #ffffff; border-color: #0072c6; background-color: #0072c6; box-shadow: none; } .k-button-group .k-button { border-radius: 0; } .k-button-group .k-group-start, .k-button-group .k-button:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .k-button-group .k-group-end, .k-button-group .k-button:last-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .k-button-group .k-group-start.k-group-end, .k-button-group .k-button:first-child:last-child { border-radius: 0; } .k-widget.k-button-group { background: none; } .k-split-button { border-radius: 0; } .k-split-button .k-button { border-radius: 0; } .k-split-button .k-button:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .k-split-button .k-button:last-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .k-split-button.k-state-border-down > .k-button, .k-split-button.k-state-border-up > .k-button { color: #000000; background-color: #e2e2e2; border-color: #e2e2e2; box-shadow: none; } .k-split-button:focus { border-color: #0072c6; } .k-split-button:focus .k-button { box-shadow: none; border-color: inherit; } .k-edit-buttons { border-color: #c9c9c9; background: #fff; } .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: #0072c6; } .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: 0; border-bottom-right-radius: 0; } .k-rtl .k-button-group .k-group-end, .k-rtl .k-button-group .k-button:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .k-rtl .k-button-group .k-group-start.k-group-end, .k-rtl .k-button-group .k-button:first-child:last-child { border-radius: 0; } .k-rtl .k-split-button .k-button { border-radius: 0; } .k-rtl .k-split-button .k-button:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .k-rtl .k-split-button .k-button:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .k-card { border-color: #c9c9c9; color: #333333; background-color: #fff; } .k-card .k-card-callout { border-color: #c9c9c9; background-color: #fff; } .k-card-header { border-color: #c9c9c9; color: #333333; background-color: #fff; } .k-card-footer { border-color: #c9c9c9; color: #333333; background-color: #fff; } .k-card-separator { border-color: #c9c9c9; } .k-card-actions { border-color: #c9c9c9; } .k-card.k-state-primary, .k-card.k-card-primary { border-color: #e6f3fb; color: #67737c; background-color: #f0f8fd; } .k-card.k-state-info, .k-card.k-card-info { border-color: #8494a4; color: #041525; background-color: #b5bfc8; } .k-card.k-state-success, .k-card.k-card-success { border-color: #8a9a8b; color: #0b1a0c; background-color: #b9c2b9; } .k-card.k-state-warning, .k-card.k-card-warning { border-color: #b5ad80; color: #352d00; background-color: #d2ceb3; } .k-card.k-state-error, .k-card.k-card-error { border-color: #c48883; color: #450804; background-color: #dcb7b5; } .k-tilelayout, .k-widget.k-tilelayout { background-color: #f7f7f7; } .k-layout-item-hint { border-color: #c9c9c9; background-color: rgba(255, 255, 255, 0.2); } .k-chat { border-color: #c9c9c9; color: #333333; background-color: #fff; } .k-chat .k-timestamp { text-transform: uppercase; opacity: 0.7; } .k-chat .k-author { font-weight: bold; } .k-chat .k-bubble { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); border-color: #f4f4f4; color: #000000; background-color: #f4f4f4; transition: box-shadow 0.2s ease-in-out; -ms-flex-order: -1; order: -1; } .k-chat .k-bubble:hover { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16); } .k-chat .k-state-selected .k-bubble { box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16); } .k-chat .k-alt .k-bubble { border-color: #cde6f7; color: #000000; background-color: #cde6f7; } .k-chat .k-quick-reply { border-color: #0072c6; color: #0072c6; background-color: transparent; } .k-chat .k-quick-reply:hover { border-color: #0072c6; color: #ffffff; background-color: #0072c6; } .k-chat .k-message-box { border-color: inherit; color: #333333; background-color: #fff; } .k-chat .k-message-box .k-button:hover { color: #0072c6; } .k-chat .k-toolbar-box { border-color: inherit; color: #333333; background-color: #fff; } .k-chat .k-toolbar-box .k-button:hover { color: #0072c6; 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: #c9c9c9; color: #333333; background-color: #fff; } .k-calendar > .k-header { border-color: #c9c9c9; color: #333333; background-color: #fff; background-image: none; } .k-calendar th { border-color: #c9c9c9; color: #333333; background-color: #fff; } .k-calendar .k-alt { border-color: #c9c9c9; color: #333333; background-color: #ebebeb; } .k-calendar .k-weekend { background-color: transparent; } .k-calendar .k-other-month { color: #a5a5a5; background-color: transparent; } .k-calendar .k-out-of-range { pointer-events: none; visibility: hidden; } .k-calendar .k-today .k-link { color: #cde6f7; box-shadow: inset 0 0 0 1px #cde6f7; } .k-calendar td.k-state-hover .k-link { border-color: #e2e2e2; color: #000000; background-color: #e2e2e2; background-image: none; } .k-calendar td.k-state-selected .k-link { border-color: #cde6f7; color: #333333; background-color: #cde6f7; background-image: none; } .k-calendar td.k-state-focused .k-link { box-shadow: inset 0 0 0px 1px #0072c6; } .k-calendar .k-footer .k-nav-today, .k-calendar .k-calendar-header .k-today { color: #0072c6; } .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: #007eda; } .k-calendar-range { border-color: #c9c9c9; color: #333333; 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: #e2e2e2; color: #000000; background-color: #e2e2e2; } .k-calendar-range td.k-state-selected .k-link { border-color: #cde6f7; color: #333333; background-color: #cde6f7; } .k-calendar-range td.k-state-focused .k-link { box-shadow: inset 0 0 0px 1px #0072c6; } .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(205, 230, 247, 0.3) 1px, rgba(205, 230, 247, 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(205, 230, 247, 0.3); } .k-calendar-range td.k-range-split-start::after { background-image: linear-gradient(to left, rgba(205, 230, 247, 0.3), transparent); } .k-calendar-range td.k-range-split-end::after { background-image: linear-gradient(to right, rgba(205, 230, 247, 0.3), transparent); } .k-calendar-range .k-footer .k-nav-today { color: #cde6f7; background: none; } .k-pdf-viewer .k-toolbar .k-icon, .k-pdf-viewer .k-toolbar .k-pager-input { color: #000000; } .k-pdf-viewer .k-canvas { background-color: #fff; } .k-pdf-viewer .k-page { border-color: #c9c9c9; color: #333333; background-color: white; box-shadow: 0 0 15px #c9c9c9; } .k-pdf-viewer .k-search-highlight { background-color: #4d4d4d; } .k-scrollview-nav > li.k-link { border-color: #f4f4f4; background-color: #f4f4f4; background-clip: padding-box; } .k-scrollview-nav > li.k-link.k-primary { border-color: #0072c6; background-color: #0072c6; } .k-scrollview-elements { color: #333333; } .k-scrollview-next, .k-scrollview-prev { color: inherit; background: 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: rgba(0, 0, 0, 0); } .k-scrollview-next:hover, .k-scrollview-prev:hover { color: #333333; opacity: 1; } .k-scrollview-next:hover span::before, .k-scrollview-prev:hover span::before { background-color: transparent; } .k-switch-handle { background-clip: border-box; } .k-switch-on .k-switch-container { border-color: #bababa; color: #333333; background-color: #fff; } .k-switch-on .k-switch-handle { border-color: #0072c6; color: #333333; background-color: #0072c6; } .k-switch-on:focus .k-switch-container, .k-switch-on.k-state-focused .k-switch-container { border-color: #0072c6; color: #333333; background-color: #fff; } .k-switch-on:focus .k-switch-handle, .k-switch-on.k-state-focused .k-switch-handle { border-color: #0072c6; color: #333333; background-color: #0072c6; } .k-switch-on:hover .k-switch-container, .k-switch-on.k-state-hover .k-switch-container { border-color: #8f8f8f; color: #333333; background-color: #fff; } .k-switch-on:hover .k-switch-handle, .k-switch-on.k-state-hover .k-switch-handle { border-color: #005b9d; color: #333333; background-color: #005b9d; } .k-switch-on .k-switch-label-off { color: transparent; } .k-switch-off .k-switch-container { border-color: #bababa; color: #333333; background-color: #fff; } .k-switch-off .k-switch-handle { border-color: #f4f4f4; color: #333333; background-color: #f4f4f4; } .k-switch-off:focus .k-switch-container, .k-switch-off.k-state-focused .k-switch-container { border-color: #0072c6; color: #333333; background-color: #fff; } .k-switch-off:focus .k-switch-handle, .k-switch-off.k-state-focused .k-switch-handle { border-color: #0072c6; color: #333333; background-color: #f4f4f4; } .k-switch-off:hover .k-switch-container, .k-switch-off.k-state-hover .k-switch-container { border-color: #8f8f8f; color: #333333; background-color: #fff; } .k-switch-off:hover .k-switch-handle, .k-switch-off.k-state-hover .k-switch-handle { border-color: #ebebeb; color: #333333; background-color: #ebebeb; } .k-switch-off .k-switch-label-on { color: transparent; } .k-switch { background-color: transparent; box-shadow: none; } .k-switch:focus .k-switch-container, .k-switch.k-state-focused .k-switch-container { outline: none; } .k-switch.k-state-disabled { cursor: default; } .k-switch[aria-readonly="true"] { pointer-events: none; } .k-pane-wrapper .k-pane > .k-view > .k-content { background-position: 50% 50%; background-color: #fff; } .k-pane-wrapper .k-pane .k-grid-mobile .k-column-active + th.k-header { border-left-color: #333333; } .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: #0072c6; } .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: #0072c6; } .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: #333333; } .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: #bfbfbf; } .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: #fff; } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-other-month { background-color: #fff; } .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: #cde6f7; } .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: #333333; } .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: #333333; } .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: #0072c6; } .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-state-selected { color: #0072c6; 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: #0072c6; } .k-filter .k-filter-preview-operator { color: rgba(51, 51, 51, 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: #c9c9c9; } .k-drawer { border-color: #c9c9c9; color: #333333; 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: #000; background-color: #f4f4f4; background-image: none; } .k-drawer-item:focus, .k-drawer-item.k-state-focused { background-color: #fff; box-shadow: inset 0 0 0 1px #0072c6; } .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: #000; background-color: #f4f4f4; } .k-drawer-item.k-state-selected { color: #333333; background-color: #cde6f7; } .k-drawer-item.k-state-selected:hover, .k-drawer-item.k-state-selected.k-state-hover { color: #333333; background-color: #b7dbf3; } .k-drawer-separator { background-color: #c9c9c9; } .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(205, 230, 247, 0.5); } .k-rating-item { color: #c9c9c9; } .k-rating-item.k-state-selected { color: #0072c6; background: none; box-shadow: none; } .k-rating-item.k-state-selected:focus, .k-rating-item.k-state-selected.k-state-focused { color: #0072c6; } .k-rating-item:hover, .k-rating-item.k-state-hover { color: #0072c6; 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: #0072c6; color: #ffffff; } .k-timeline .k-timeline-circle { background-color: #0072c6; } .k-timeline .k-timeline-card .k-card-header { background-color: #fff; color: #333333; } .k-timeline .k-timeline-card .k-card-body { scrollbar-color: #c9c9c9 #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: #c9c9c9; } .k-timeline .k-timeline-card .k-card-body::-webkit-scrollbar-thumb:hover { background: #e2e2e2; } .k-timeline .k-timeline-date { color: #333333; } .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: #a5a5a5; background-color: #f4f4f4; border-color: #f4f4f4; } .k-timeline-vertical::after, .k-timeline-horizontal .k-timeline-track-wrap::after { background-color: #f4f4f4; border-color: #f4f4f4; } .k-timeline-horizontal .k-timeline-flag::after { background-color: #0072c6; } .k-breadcrumb:focus, .k-breadcrumb.k-state-focused { box-shadow: inset 0 0 0 1px #0072c6; } .k-breadcrumb .k-breadcrumb-link { border-color: transparent; color: #0072c6; background-color: transparent; } .k-breadcrumb .k-breadcrumb-link:hover, .k-breadcrumb .k-breadcrumb-link.k-state-hover { border-color: transparent; color: #007eda; 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: #0072c6; 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: #000000; 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: 0; border-color: #c9c9c9; color: #333333; background-color: #fff; } .k-listgroup-flush { border-radius: 0; } .k-messagebox-primary { border-color: #f5fafd; color: #6b7880; background-color: #f1f8fd; } .k-messagebox-secondary { border-color: #cce3f4; color: #003b67; background-color: #b8d8ef; } .k-messagebox-tertiary { border-color: #cce8d1; color: #00480c; background-color: #b8debe; } .k-messagebox-info { border-color: #d1e4f6; color: #0d3d6d; background-color: #bfd9f2; } .k-messagebox-success { border-color: #d9ecda; color: #235325; background-color: #cae4cb; } .k-messagebox-warning { border-color: #fff8cd; color: #857202; background-color: #fff5b9; } .k-messagebox-error { border-color: #fdd9d7; color: #7f231c; background-color: #fccac7; } .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-primary { border-color: #cde6f7; color: #000000; background-color: #cde6f7; } .k-badge-secondary { border-color: #0072c6; color: #ffffff; background-color: #0072c6; } .k-badge-tertiary { border-color: #008a17; color: #ffffff; background-color: #008a17; } .k-badge-info { border-color: #1976d2; color: #ffffff; background-color: #1976d2; } .k-badge-success { border-color: #43a047; color: #ffffff; background-color: #43a047; } .k-badge-warning { border-color: #ffdb04; color: #000000; background-color: #ffdb04; } .k-badge-error { border-color: #f44336; color: #ffffff; background-color: #f44336; } .k-badge-dark { border-color: #000000; color: #ffffff; background-color: #000000; } .k-badge-light { border-color: #ffffff; color: #000000; background-color: #ffffff; } .k-badge-inverse { border-color: #000000; color: #ffffff; background-color: #000000; } .k-badge-outline { border-color: currentColor; background-color: #fff; } .k-badge-outline-primary { color: #cde6f7; } .k-badge-outline-secondary { color: #0072c6; } .k-badge-outline-tertiary { color: #008a17; } .k-badge-outline-info { color: #1976d2; } .k-badge-outline-success { color: #43a047; } .k-badge-outline-warning { color: #ffdb04; } .k-badge-outline-error { color: #f44336; } .k-badge-outline-dark { color: #000000; } .k-badge-outline-light { color: #ffffff; } .k-badge-outline-inverse { color: #000000; } .k-badge-border-cutout { box-shadow: 0 0 0 2px #fff; } .k-checkbox { border-radius: 0; border-color: #cccccc; color: #0072c6; background-color: #fff; } .k-checkbox:checked::before { border-radius: 0; } .k-checkbox.k-invalid, .k-checkbox.k-state-invalid { border-color: #cccccc; } .k-checkbox:hover { border-color: #cccccc; color: #0072c6; background-color: #fff; } .k-checkbox:focus { box-shadow: none; border-color: #0072c6; } .k-checkbox:indeterminate, .k-checkbox.k-state-indeterminate { border-color: #cccccc; color: #0072c6; background-color: #fff; } .k-checkbox:checked { border-color: #cccccc; color: #0072c6; background-color: #fff; } .k-checkbox:checked:focus { box-shadow: none; border-color: #0072c6; } .k-radio { border-color: #cccccc; color: #0072c6; background-color: #fff; border-radius: 50%; } .k-radio::before { border-radius: 50%; } .k-radio:hover { border-color: #cccccc; color: #0072c6; background-color: #fff; } .k-radio:focus { box-shadow: none; border-color: #cccccc; } .k-radio:checked { border-color: #cccccc; color: #0072c6; background-color: #fff; } .k-radio:checked:focus { box-shadow: none; border-color: #cccccc; } .k-filemanager { border-color: false; color: false; background-color: false; } .k-filemanager-toolbar { border-color: #c9c9c9; color: false; background-color: false; } .k-filemanager-navigation { border-color: #c9c9c9; color: false; background-color: false; } .k-filemanager-breadcrumb { border-color: #c9c9c9; color: false; background-color: #0072c6; } .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: #333333; background-color: false; } .k-filemanager-listview .k-item .k-icon { border-color: false; color: #155889; background-color: false; } .k-filemanager-grid { border-color: false; color: false; background-color: false; } .k-filemanager-preview { border-color: #c9c9c9; color: false; background-color: false; } .k-filemanager-preview .k-file-preview-wrapper .k-icon { border-color: false; color: #155889; background-color: false; } .k-filemanager-preview .k-file-size { color: inherit; } .k-filemanager-drag-hint { border-color: false; color: #000000; background-color: #cde6f7; } .k-filemanager-drag-hint .k-icon { border-color: false; color: #000000; background-color: false; } .k-toolbar { border-color: #c9c9c9; color: #333333; background-color: #fff; } .k-overflow-container .k-button-group .k-button { border-radius: 0; } .k-overflow-container .k-split-button .k-button { border-radius: 0; } .k-window { border-radius: 0; border-color: #c9c9c9; color: #333333; background-color: #fff; box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.12); } .k-window.k-state-focused { border-color: #c9c9c9; box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.25); } .k-window-titlebar { border-top-left-radius: 0; border-top-right-radius: 0; border-color: #c9c9c9; color: #333333; background-color: #fff; background-image: linear-gradient(false); } .k-window-action { border-radius: 0; } .k-window-content { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .k-window-titleless .k-window-content { border-radius: 0; } .k-dialog-buttongroup { border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-color: #c9c9c9; } .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: #c9c9c9; color: #858585; background-color: #fff; } .k-stepper .k-step-indicator { border-color: #c9c9c9; color: #333333; 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: #c9c9c9; color: #333333; background-color: #fff; } .k-stepper .k-step-done .k-step-indicator { border-color: #cde6f7; color: #000000; background-color: #cde6f7; } .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: #a1d0f0; } .k-stepper .k-step-done.k-step-disabled .k-step-indicator, .k-stepper .k-step-done:disabled .k-step-indicator { border-color: #e1f0fa; color: #000000; background-color: #e1f0fa; } .k-stepper .k-step-current .k-step-indicator { border-color: #cde6f7; color: #000000; background-color: #cde6f7; } .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: #a1d0f0; } .k-stepper .k-step-current.k-step-disabled .k-step-indicator, .k-stepper .k-step-current:disabled .k-step-indicator { border-color: #e1f0fa; color: #000000; background-color: #e1f0fa; } .k-stepper .k-step-label { color: #333333; } .k-stepper .k-step-success .k-step-label .k-icon { color: #163417; } .k-stepper .k-step-error .k-step-label { color: #891008; } .k-stepper .k-step-disabled .k-step-label { color: #858585; } .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 #c9c9c9; } .k-stepper .k-step-optional .k-step-label-optional { opacity: 0.35; } .k-widget.k-form { background: none; } .k-form-error { color: #f44336; } .k-form-legend { border-color: #c9c9c9; } .k-tooltip, .k-tooltip.k-widget, .k-tooltip.k-popup { border-radius: 0; border-color: #c9c9c9; color: #333333; background-color: #fff; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.18); } .k-tooltip-primary { border-color: #cde6f7; color: #000000; background-color: #cde6f7; } .k-tooltip-secondary { border-color: #0072c6; color: #ffffff; background-color: #0072c6; } .k-tooltip-tertiary { border-color: #008a17; color: #ffffff; background-color: #008a17; } .k-tooltip-info { border-color: #1976d2; color: #ffffff; background-color: #1976d2; } .k-tooltip-success { border-color: #43a047; color: #ffffff; background-color: #43a047; } .k-tooltip-warning { border-color: #ffdb04; color: #000000; background-color: #ffdb04; } .k-tooltip-error { border-color: #f44336; color: #ffffff; background-color: #f44336; } .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 { box-shadow: inset 0 0 0 2px #c9c9c9; outline: none; } .k-text-error { color: #f44336; } .k-in, .k-item { border-color: transparent; } .k-splitbar .k-resize-handle { background-color: #333333; } .k-block, .k-widget { background-color: #fff; } .k-block, .k-widget, .k-input, .k-group, .k-content, .k-header, .k-filter-row > th, .k-separator, .k-autocomplete, .k-dropdown-wrap, .k-toolbar, .k-group-footer td, .k-grid-footer, .k-footer-template td, .k-state-default, .k-state-default .k-select, .k-state-disabled, .k-grid-header, .k-grid-header-wrap, .k-grid-header-locked, .k-grid-footer-locked, .k-grid-content-locked, .k-grid td, .k-grid td.k-state-selected, .k-grid-footer-wrap, .k-grouping-header, .k-grouping-header .k-group-indicator, .k-panelbar > .k-item > .k-link, .k-panel > .k-item > .k-link, .k-panelbar .k-panel, .k-panelbar .k-content, .k-treemap-tile, .k-slider-track, .k-splitbar, .k-dropzone-active, .k-upload-files, .k-popup.k-align .k-list .k-item:last-child, .k-editor-dialog .k-tabstrip-items, .k-maskedtextbox.k-state-disabled > .k-textbox:hover, .k-dateinput.k-state-disabled > .k-textbox:hover { border-color: #c9c9c9; } .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: #fff; } .k-grouping-row td, td.k-group-cell, .k-resize-handle-inner { background-color: #fff; } .k-list-container { border-color: #c9c9c9; background-color: #fff; } .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: #fff; } .k-pivot-rowheaders .k-alt .k-alt, .k-header.k-alt { background-color: #ebebeb; } .k-textbox, .k-textarea, .k-autocomplete.k-header, .k-dropdown-wrap.k-state-active, .k-picker-wrap.k-state-active, .k-numeric-wrap.k-state-active { border-color: #c9c9c9; background-color: #0072c6; } .k-textbox > input, .k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-textbox.k-state-focused, .k-autocomplete.k-state-focused .k-input, .k-dropdown-wrap.k-state-focused .k-input, .k-picker-wrap.k-state-focused .k-input, .k-numeric-wrap.k-state-focused .k-input { border-color: #c9c9c9; } .k-input, .k-textbox, .k-textarea, .k-textbox > input, .k-textarea > textarea, .k-multiselect-wrap { background-color: #fff; color: #333333; } .k-input-label { color: #333333; } .k-input[readonly] { background-color: #fff; color: #333333; } .k-block, .k-widget, .k-popup, .k-content, .k-toolbar, .k-dropdown .k-input { color: #333333; } .k-inverse { color: #fff; } .k-block { color: #333333; } .k-link { color: #0072c6; } .k-tabstrip-items .k-link, .k-panelbar > li > .k-link { color: #333333; } .k-header, .k-treemap-title, .k-grid-header .k-header > .k-link { color: #333333; } .k-header, .k-grid-header, .k-toolbar, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap, .k-grouping-header, .k-progressbar, .k-draghandle, .k-autocomplete, .k-state-highlight, .k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item { background-position: 50% 50%; background-color: #fff; } .k-block, .k-treemap-tile { background-color: #fff; } .k-mediaplayer-toolbar { background: rgba(255, 255, 255, 0.85); } .k-hr { border-color: #c9c9c9; } .k-i-loading { background-image: url('/Content/kendo/commercial/styles/web/Office365/loading.gif'); } .k-loading-image { background-image: url('/Content/kendo/commercial/styles/web/Office365/loading-image.gif'); } .k-loading-color { background-color: #fff; } .k-draghandle { border-color: #0072c6; background-color: #0072c6; box-shadow: none; } .k-draghandle:hover { border-color: #0072c6; background-color: #0072c6; box-shadow: none; } .k-scheduler { color: #000000; background-color: #fff; } .k-scheduler-layout { color: #333333; } .k-scheduler-datecolumn, .k-scheduler-groupcolumn { background-color: #fff; color: #333333; } .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: #c9c9c9; } .k-nonwork-hour { background-color: #fff; } .k-gantt .k-nonwork-hour { background-color: rgba(0, 0, 0, 0.02); } .k-gantt .k-header.k-nonwork-hour { background-color: rgba(0, 0, 0, 0.2); } .k-scheduler-monthview .k-today { background-color: #f7f7f7; } .k-today > .k-scheduler-datecolumn, .k-today > .k-scheduler-groupcolumn { color: #0072c6; } .k-scheduler-weekview .k-scheduler-header th.k-today, .k-scheduler-workWeekview .k-scheduler-header th.k-today { position: relative; } .k-scheduler-weekview .k-scheduler-header th.k-today:before, .k-scheduler-workWeekview .k-scheduler-header th.k-today:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; right: 0; border-bottom: 3px solid #0072c6; } .k-scheduler-monthview .k-today { position: relative; } .k-scheduler-monthview .k-today:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; border-top: 3px solid #0072c6; } .k-scheduler-now-arrow { border-left-color: #dbdbdb; } .k-scheduler-now-line { background-color: #dbdbdb; } .k-event, .k-task-complete { border-color: #56b7ff; background: #56b7ff; color: #000000; } .k-event-inverse { color: #ffffff; } .k-scheduler-content .k-event.k-state-selected { background-position: 0 0; box-shadow: 0 0 0 2px #333333, inset 4px 0 0 0 rgba(255, 255, 255, 0.5); } .k-event .k-resize-handle:after, .k-task-single .k-resize-handle:after { background-color: #fff; } .k-scheduler-marquee:before, .k-scheduler-marquee:after { border-color: #cde6f7; } .k-panelbar .k-content, .k-panelbar .k-panel, .k-panelbar .k-item { background-color: #fff; color: #333333; border-color: #c9c9c9; } .k-panelbar > li > .k-link { color: #333333; } .k-panelbar > .k-item > .k-link { border-color: #c9c9c9; } .k-panel > li.k-item { background-color: #fff; } .k-state-active, .k-state-active:hover, .k-active-filter, .k-tabstrip .k-state-active { background-color: #f4f4f4; border-color: #0072c6; color: #333333; } .k-fieldselector .k-list-container { background-color: #fff; } .k-menu .k-state-hover > .k-state-active { background-color: transparent; } .k-state-highlight { background: #fff; color: #333333; } .k-state-focused, .k-grouping-row .k-state-focused { border-color: #0072c6; } .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: #0072c6; } .k-mediaplayer-toolbar .k-button.k-flat:active:before, .k-mediaplayer-toolbar .k-button.k-flat.k-state-active:before, .k-mediaplayer-toolbar .k-button.k-flat.k-state-active:hover:before { opacity: 0.24; } .k-slider.k-mediaplayer-seekbar { top: -14px; } .k-calendar-container.k-group { border-color: #c9c9c9; } .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: #333333; background-color: #cde6f7; border-color: #cde6f7; } .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: #8f8f8f; } .k-group-header + div > .k-list > .k-item.k-first:before { border-top-color: #8f8f8f; } .k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header { background: #8f8f8f; color: #333333; } .k-popup .k-list .k-item > .k-group { background: #8f8f8f; color: #fff; border-bottom-left-radius: 0; } .k-marquee-text { color: #333333; } .k-state-focused, .k-list > .k-state-focused, td.k-state-focused { box-shadow: none; } .k-listview > .k-state-focused, .k-listview > .k-state-focused.k-state-selected { box-shadow: inset 0 0 0 1px #0072c6; } .k-state-focused.k-state-selected, .k-list > .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected { box-shadow: none; } .k-list-optionlabel.k-state-selected.k-state-focused { box-shadow: none; } .k-state-selected > .k-link, .k-panelbar > li > .k-state-selected, .k-panelbar > li.k-state-default > .k-link.k-state-selected { color: #333333; } .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: #000; background-color: #f4f4f4; border-color: #8f8f8f; } .k-state-hover > .k-select, .k-state-focused > .k-select { border-color: #8f8f8f; } .k-state-hover, .k-other-month.k-state-hover .k-link, div.k-filebrowser-dropzone em, .k-draghandle:hover, .k-listbox .k-item:hover:not(.k-state-disabled) { background-image: none; } .k-pager-wrap { border-color: #c9c9c9; color: #333333; background-color: #fff; } .k-pager-wrap .k-link { border-color: transparent; color: #0072c6; background-color: transparent; } .k-pager-wrap .k-link:hover { color: #000; background-color: #f4f4f4; border-color: #8f8f8f; } .k-pager-wrap .k-link.k-state-disabled { color: #0072c6; } .k-pager-wrap .k-pager-numbers .k-link { border-color: transparent; background-color: transparent; color: #333333; } .k-pager-wrap .k-pager-numbers .k-link:hover { background-color: #f4f4f4; } .k-pager-wrap .k-pager-numbers .k-state-selected { border-top-color: #0072c6; color: #0072c6; } .k-autocomplete.k-state-active, .k-picker-wrap.k-state-active, .k-numeric-wrap.k-state-active, .k-dropdown-wrap.k-state-active, .k-state-active, .k-state-active:hover, .k-state-active > .k-link, .k-panelbar > .k-item > .k-state-focused { background-image: none; } .k-state-selected { background-image: none; } .k-draghandle.k-state-selected:hover { background-position: 50% 50%; } .k-state-hover > .k-link, .k-other-month.k-state-hover .k-link, div.k-filebrowser-dropzone em { color: #000; } .k-autocomplete.k-state-hover, .k-autocomplete.k-state-focused, .k-picker-wrap.k-state-hover, .k-picker-wrap.k-state-focused, .k-numeric-wrap.k-state-hover, .k-numeric-wrap.k-state-focused, .k-dropdown-wrap.k-state-hover, .k-dropdown-wrap.k-state-focused { background-color: #eaeaea; background-image: none; background-position: 50% 50%; border-color: #0072c6; } .k-dropdown .k-state-focused .k-input { color: #333333; } .k-dropdown .k-state-hover .k-input { color: #000; } .k-state-error { border-color: #dbdbdb; background-color: #f54c40; color: #6b6b6b; } .k-state-disabled { opacity: 0.6; } .k-loading-mask.k-state-selected { border-width: 0; background-image: none; background-color: transparent; } .k-state-disabled, .k-state-disabled .k-link, .k-other-month, .k-other-month .k-link, .k-dropzone em, .k-dropzone .k-upload-status, .k-slider .k-draghandle { color: #a5a5a5; } .k-file .k-upload-status { color: #333333; } .k-progressbar-indeterminate { background: url('/Content/kendo/commercial/styles/web/Office365/indeterminate.gif'); } .k-progressbar-indeterminate .k-progress-status-wrap, .k-progressbar-indeterminate .k-state-selected { display: none; } .k-slider-track { background-color: #c9c9c9; } .k-slider-selection { background-color: #cde6f7; } .k-slider-horizontal .k-tick { background-image: url('/Content/kendo/commercial/styles/web/Office365/slider-h.gif'); } .k-slider-vertical .k-tick { background-image: url('/Content/kendo/commercial/styles/web/Office365/slider-v.gif'); } .k-chart-crosshair-tooltip, .k-chart-shared-tooltip { border-color: #c9c9c9; background-color: #fff; color: #333333; } .k-splitbar { background-color: #f4f4f4; } .k-restricted-size-vertical, .k-restricted-size-horizontal { background-color: #6b6b6b; } .k-dropzone { color: #333333; background-color: #fff; background-position: 50% 50%; } .k-file { background-color: #fff; border-color: #c9c9c9; } .k-file:last-child { border-radius: 0 0 0 0; } .k-file-progress .k-progress { background-color: #1976d2; } .k-file-success .k-file-validation-message, .k-file-success .k-upload-pct { color: #43a047; } .k-file-success .k-progress { background-color: #43a047; } .k-file-error .k-file-validation-message, .k-file-invalid .k-file-validation-message, .k-file-error .k-upload-pct, .k-file-invalid .k-upload-pct { color: #f44336; } .k-file-error .k-progress, .k-file-invalid .k-progress { background-color: #f44336; } .k-file-extension-wrapper, .k-multiple-files-extension-wrapper, .k-file-group-wrapper, .k-multiple-files-group-wrapper, .k-file-invalid-group-wrapper { color: #a5a5a5; border-color: #a5a5a5; } .k-file-extension-wrapper:before, .k-multiple-files-extension-wrapper:before { background-color: #fff; border-color: transparent transparent #a5a5a5 #a5a5a5; } .k-multiple-files-extension-wrapper:after { border-top-color: #a5a5a5; border-left-color: #a5a5a5; } .k-file-size, .k-file-information, .k-file-validation-message { color: #a5a5a5; } .k-upload .k-upload-selected { border-color: #c9c9c9; } .k-textbox:hover, .k-textarea:hover { border-color: #8f8f8f; } .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-textarea:focus, .k-textbox.k-state-focused, .k-autocomplete.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-picker-wrap.k-state-focused, .k-numeric-wrap.k-state-focused { box-shadow: none; } .k-state-selected { box-shadow: none; } .k-state-active { box-shadow: none; } .k-grid td.k-state-selected.k-state-focused { background-color: #daedf9; } .k-popup, .k-menu .k-menu-group, .k-grid .k-filter-options, .k-time-popup, .k-datepicker-calendar, .k-autocomplete.k-state-border-down, .k-autocomplete.k-state-border-up, .k-dropdown-wrap.k-state-active, .k-picker-wrap.k-state-active, .k-multiselect-wrap.k-state-focused, .k-state-focused > .k-multiselect-wrap, .k-filebrowser .k-image { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.18); } .k-treemap-tile.k-state-hover { box-shadow: inset 0 0 0 3px #c9c9c9; } .k-shadow { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.18); } .k-inset { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.18); } .k-editor-inline ::selection { background-color: #cde6f7; text-shadow: none; color: #fff; } .k-editor-inline ::-moz-selection { background-color: #cde6f7; text-shadow: none; color: #fff; } .k-window-content.editorToolbarWindow { color: #333333; background-color: #fff; } .k-notification { border-radius: 0; } .k-notification-info { background-color: #1976d2; color: #ffffff; border-color: #1976d2; } .k-notification-success { background-color: #43a047; color: #ffffff; border-color: #43a047; } .k-notification-warning { background-color: #ffdb04; color: #000000; border-color: #ffdb04; } .k-notification-error { background-color: #f44336; color: #ffffff; border-color: #f44336; } .k-gantt .k-treelist { background: #fff; } .k-gantt .k-treelist .k-alt { background-color: #e6e6e6; } .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: #cde6f7; } .k-gantt .k-treelist .k-state-selected:hover, .k-gantt .k-treelist .k-state-selected:hover td { background-color: #d7e4ed; } .k-task-dot:after { background-color: #333333; border-color: #333333; } .k-task-dot:hover:after { background-color: #fff; } .k-task-summary { border-color: #d1d1d1; background: #d1d1d1; } .k-task-milestone, .k-task-summary-complete { border-color: #333333; background: #333333; } .k-state-selected.k-task-summary { border-color: #000; background: #000; } .k-state-selected.k-task-milestone, .k-state-selected .k-task-summary-complete { border-color: #cde6f7; background: #cde6f7; } .k-task-single { background-color: #7ac6ff; border-color: #56b7ff; color: #000000; } .k-state-selected.k-task-single { border-color: #cde6f7; } .k-gantt-line { background-color: #333333; color: #333333; } .k-state-selected.k-gantt-line { background-color: #cde6f7; color: #cde6f7; } .k-resource { background-color: #fff; } .k-block, .k-textbox, .k-textarea, .k-drag-clue, .k-touch-scrollbar, .k-inline-block, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-autocomplete, .k-multiselect, .k-combobox, .k-dropdown, .k-dropdown-wrap, .k-datepicker, .k-timepicker, .k-colorpicker, .k-datetimepicker, .k-numerictextbox, .k-picker-wrap, .k-numeric-wrap, .k-list-container, .k-calendar-container, .k-treeview .k-in, .k-editor-inline, .k-slider-track, .k-slider-selection, .k-upload { border-radius: 0; } .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 0 0; } .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 0; } .k-multiselect.k-state-border-up .k-multiselect-wrap { border-radius: 0 0 0 0; } .k-block > .k-header, .k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item, .k-tabstrip-items .k-link, .k-calendar-container.k-state-border-down, .k-list-container.k-state-border-down, .k-autocomplete.k-state-border-down, .k-multiselect.k-state-border-down, .k-dropdown-wrap.k-state-border-down, .k-picker-wrap.k-state-border-down, .k-numeric-wrap.k-state-border-down { border-radius: 0 0 0 0; } .k-dropdown-wrap .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input { border-radius: 0 0 0 0; } .k-rtl .k-dropdown-wrap .k-input, .k-rtl .k-picker-wrap .k-input, .k-rtl .k-numeric-wrap .k-input { border-radius: 0 0 0 0; } .k-numeric-wrap .k-link { border-radius: 0 0 0 0; } .k-numeric-wrap .k-link + .k-link { border-radius: 0 0 0 0; } .k-colorpicker .k-selected-color { border-radius: 0 0 0 0; } .k-rtl .k-colorpicker .k-selected-color { border-radius: 0 0 0 0; } .k-autocomplete.k-state-border-down .k-input { border-radius: 0 0 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: 0 0 0 0; } .k-numeric-wrap .k-link.k-state-selected { background-color: #0072c6; } .k-multiselect.k-state-border-down .k-multiselect-wrap { border-radius: 0 0 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 0 0 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: 0 0 0 0; } .k-numeric-wrap.k-expand-padding .k-input { border-radius: 0; } .k-textbox > input, .k-autocomplete .k-input, .k-multiselect-wrap { border-radius: 0; } .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: 0; } .k-slider .k-button, .k-grid .k-slider .k-button { border-radius: 0; } .k-draghandle { border-radius: 0; } .k-more-events, .k-event, .k-task-single, .k-task-complete, .k-event .k-link { border-radius: 0; } .k-scheduler-mobile .k-event { border-radius: -1; } .k-autocomplete, .k-picker-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-dropdown-wrap.k-state-default { background-position: 50% 50%; background-color: #fff; border-color: #bababa; } .k-autocomplete.k-state-hover, .k-picker-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-dropdown-wrap.k-state-hover { background-color: #eaeaea; background-image: none; background-position: 50% 50%; border-color: #8b8b8b; } .k-multiselect-wrap { border-color: #bababa; } .k-multiselect-wrap.k-state-hover, .k-state-hover > .k-multiselect-wrap, .k-multiselect-wrap.k-state-hover { border-color: #8b8b8b; background: #fff; color: #333333; } .k-autocomplete.k-state-focused, .k-picker-wrap.k-state-focused, .k-numeric-wrap.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-multiselect.k-header.k-state-focused { background-color: #eaeaea; background-image: none; background-position: 50% 50%; border-color: #0072c6; box-shadow: none; } .k-multiselect-wrap.k-state-focused, .k-state-focused > .k-multiselect-wrap { border-color: #0072c6; box-shadow: none; } .k-list-container { color: #333333; } .k-nodata { color: #a5a5a5; } .k-dropdown .k-input, .k-dropdown .k-state-focused .k-input, .k-menu .k-popup { color: #333333; } .k-state-default > .k-select { border-color: #bababa; } .k-state-hover > .k-select { border-color: #8b8b8b; } .k-state-focused > .k-select { border-color: #0072c6; } .k-tabstrip:focus { box-shadow: none; } .k-tabstrip-items .k-state-default .k-link, .k-panelbar > li.k-state-default > .k-link { color: #333333; } .k-tabstrip-items .k-state-hover .k-link, .k-tabstrip-items .k-state-active .k-link { color: #0072c6; } .k-panelbar > li.k-state-hover > .k-link, .k-panelbar > li.k-state-default > .k-link.k-state-hover { color: #000; } .k-panelbar > li > .k-state-focused.k-state-hover { background: #f4f4f4; box-shadow: none; } .k-tabstrip-items .k-state-default { border-color: transparent; } .k-tabstrip-items .k-state-hover { border-color: #8f8f8f; } .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-items .k-state-active { background-color: #fff; background-image: none; border-color: #0072c6; } .k-tabstrip .k-content.k-state-active { background-color: #fff; color: #333333; } .k-menu.k-header, .k-menu .k-item { border-color: #fff; } .k-column-menu, .k-column-menu .k-item { border-color: #c9c9c9; } .k-column-menu .k-separator { border-color: #c9c9c9; background-color: transparent; } .k-menu .k-group { border-color: #c9c9c9; } .k-menu .k-link.k-state-active { background-color: #0072c6; color: #fff; } .k-menu .k-state-hover .k-state-active { background-color: #005b9d; } .k-grid-filter.k-state-active { background-color: #fff; } .k-grid-filter.k-state-active .k-icon { opacity: 1; } .k-grouping-row td, .k-group-footer td, .k-grid-footer td { color: #333333; border-color: #c9c9c9; font-weight: bold; } .k-grouping-header { color: #333333; } .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: #c9c9c9; } .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: 0; } .k-scheduler-table .k-state-hover .k-icon { background-color: transparent; } .k-button:hover .k-icon, .k-splitbar.k-splitbar-horizontal-hover .k-icon, .k-splitbar.k-splitbar-vertical-hover .k-icon, div.k-splitbar.k-state-focused .k-icon, .k-textbox:hover > .k-icon, .k-grouping-header .k-i-delete, .k-grouping-header .k-button-icon:hover > .k-icon.k-i-delete, .k-grouping-header .k-i-delete, .k-grouping-header .k-button-icon:hover > .k-icon.k-i-delete, .k-grouping-header .k-i-arrow-60-up, .k-grouping-header .k-link:hover > .k-icon.k-i-arrow-60-up, .k-grouping-header .k-i-arrow-60-up, .k-grouping-header .k-link:hover > .k-icon.k-i-arrow-60-up, .k-grouping-header .k-i-arrow-60-down, .k-grouping-header .k-link:hover > .k-icon.k-i-arrow-60-down, .k-grouping-header .k-i-arrow-60-down, .k-grouping-header .k-link:hover > .k-icon.k-i-arrow-60-down, .k-grid-toolbar .k-i-file-pdf, .k-grid-toolbar .k-button:hover > .k-i-file-pdf, .k-grid-toolbar .k-i-file-excel, .k-grid-toolbar .k-button:hover > .k-i-file-excel, .k-grid-toolbar .k-icon, .k-scheduler-content .k-icon, .k-gantt-toolbar .k-icon, .k-field-actions .k-icon, .k-notification .k-icon, .k-pivot-configurator-settings .k-icon:hover { opacity: 0.8; } .k-state-disabled .k-icon, .k-state-disabled .k-button .k-icon, .k-button.k-state-disabled .k-icon { opacity: 0.3; } .k-numerictextbox .k-select, .k-combobox .k-select, .k-picker-wrap .k-select { border-color: #fff; } .k-autocomplete.k-state-focused, .k-picker-wrap.k-state-focused, .k-numeric-wrap.k-state-focused, .k-dropdown-wrap.k-state-focused { background-color: #fff; } .k-textbox.k-state-disabled, .k-textarea.k-state-disabled, .k-state-disabled .k-picker-wrap, .k-autocomplete.k-state-disabled, .k-dropdown-wrap.k-state-disabled, .k-picker-wrap.k-state-disabled, .k-multiselect.k-state-disabled, .k-numeric-wrap.k-state-disabled { border-color: #e5e5e5; } .k-multiselect-wrap.k-state-disabled, .k-state-disabled > .k-multiselect-wrap { border-color: #e5e5e5; } .k-autocomplete.k-state-border-down { border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 0; } input.k-textbox:focus, .k-textbox.k-state-focused { border-color: #0072c6; } .k-multiselect-wrap.k-state-border-up .k-button, .k-multiselect-wrap.k-state-border-down .k-button, .k-state-border-up > .k-multiselect-wrap .k-button, .k-state-border-down > .k-multiselect-wrap .k-button { color: #fff; background-color: #0072c6; border-color: #0072c6; } .k-dropdown-wrap.k-state-default.k-state-active, .k-picker-wrap.k-state-default.k-state-active { color: #fff; background-color: #0072c6; border-color: #0072c6; } .k-picker-wrap.k-state-default.k-state-active .k-select, .k-dropdown-wrap.k-state-default.k-state-active .k-select { border-color: #0072c6; } .k-dropdown .k-state-default.k-state-active .k-input, .k-state-selected .k-progress-status { color: #fff; } .k-list > .k-state-hover { border-color: #f4f4f4; } .k-list > .k-item.k-state-focused, .k-treeview .k-in.k-state-focused { border-color: #0072c6; } .k-list > .k-state-selected { background-color: #cde6f7; border-color: #cde6f7; } .k-popup { box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.18); } .k-splitbar { border-color: #f4f4f4; } .k-splitbar-horizontal-hover, .k-splitbar-vertical-hover { background-color: #eaeaea; border-color: #eaeaea; } .k-splitbar.k-state-focused { background-color: #0072c6; border-color: #0072c6; } .k-marquee-color { background-color: #0072c6; } .k-grid .k-state-selected, .k-grid td.k-state-selected.k-state-focused { background-color: #cde6f7; } .k-grid tr:hover, .k-gantt .k-treelist tr:hover { background-color: #f4f4f4; } .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: #d7e4ed; } .k-gantt .k-treelist .k-alt, .k-gantt .k-header.k-nonwork-hour { background-color: #fff; } .k-grid-header th.k-state-focused, .k-grid td.k-state-focused { box-shadow: inset 0 0 0 1px #0072c6; } .k-grid td, .k-grid .k-grouping-header, .k-header.k-grid-toolbar, .k-grid-header-wrap { border-color: transparent; } .k-grid tr th { border-left-color: transparent; } .k-grid .k-header .k-grid-search { background: none; background-color: #fff; color: #333333; } .k-pivot .k-grid-header th.k-header, .k-pivot-layout > tbody > tr:first-child > td:first-child { border-color: #c9c9c9; } .k-group-footer td { border-top-color: #c9c9c9; } .k-grouping-header .k-group-indicator { background-color: #f4f4f4; border-color: #f4f4f4; } .k-grouping-header .k-group-indicator .k-link { color: #333333; } .k-progressbar { background-color: #e5e5e5; border-color: #e5e5e5; } .k-progressbar .k-state-default { border-color: #e5e5e5 #fff #e5e5e5; } .k-progressbar .k-state-selected { background-color: #0072c6; border-color: #0072c6; } .k-progressbar.k-progressbar-vertical .k-state-selected { border-color: #0072c6; } .k-tabstrip.k-header { background-color: #f4f4f4; } .k-tabstrip .k-item { background-color: #f4f4f4; border-color: #f4f4f4; } .k-tabstrip .k-item.k-state-active { background-color: #fff; border-color: #fff; } .k-tabstrip .k-content { border-color: transparent; } .k-slider-track { background-color: #bababa; } .k-slider-selection { background-color: #0072c6; } .k-draghandle { background-color: #0072c6; border-color: #0072c6; } .k-draghandle:hover, .k-draghandle.k-state-selected, .k-draghandle.k-state-selected:hover { background-color: #005b9d; border-color: #005b9d; } .k-flatcolorpicker .k-selected-color input.k-color-value, .k-flatcolorpicker .k-hsv-rectangle { border-color: #c9c9c9; } .k-flatcolorpicker .k-hue-slider .k-draghandle, .k-flatcolorpicker .k-transparency-slider .k-draghandle, .k-flatcolorpicker .k-hue-slider .k-draghandle:hover, .k-flatcolorpicker .k-transparency-slider .k-draghandle:hover, .k-flatcolorpicker .k-hue-slider .k-draghandle:focus, .k-flatcolorpicker .k-transparency-slider .k-draghandle:focus { background-color: #c9c9c9; border-color: #c9c9c9; } .k-flatcolorpicker .k-slider-horizontal .k-slider-track { box-shadow: none; } .k-treeview .k-state-selected { color: #0072c6; background-color: #fff; } .k-gantt-toolbar .k-link { color: #333333; } .k-gantt-toolbar .k-state-selected .k-link { color: #0072c6; } .k-gantt .k-gantt-toolbar ul li, .k-gantt .k-gantt-toolbar ul li.k-state-hover, .k-gantt .k-gantt-toolbar ul li.k-state-selected { background-color: #fff; border-color: transparent; } .k-fieldselector .k-item.k-header { border-color: #f4f4f4; background-color: #f4f4f4; } .k-fieldselector .k-item.k-header.k-state-hover { border-color: #e2e2e2; background-color: #e2e2e2; } .k-scheduler .k-nonwork-hour { background-color: #e3f1fb; } .k-scheduler-content .k-event { box-shadow: inset 4px 0 0 0 rgba(255, 255, 255, 0.5); } .k-scheduler-times tr, .k-scheduler-times th, .k-scheduler-table td, .k-scheduler-header th, .k-scheduler-header-wrap, .k-scheduler-times { border-left-color: transparent; border-right-color: transparent; } .k-gantt .k-gantt-timeline tr:first-child .k-header { border-color: #c9c9c9; } .k-gantt .k-treelist .k-alt { background-color: #fff; } .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; background-color: #0072c6; } .k-panelbar .k-state-selected.k-state-hover { background-color: #cde6f7; color: #000; } .k-panelbar.k-header, .k-panelbar .k-content, .k-panelbar .k-panel, .k-panelbar .k-item, .k-panelbar > .k-item > .k-link { border-color: #fff; } .k-notification { box-shadow: none; } .k-chart .k-mask { background-color: #fff; filter: alpha(opacity=68); opacity: 0.68; } .k-chart .k-selection { border-color: #e5e5e5; } .k-chart .k-handle { width: 15px; height: 15px; background-color: #00b0ff; border-radius: 10px; } .k-chart .k-left-handle { left: -8px; } .k-chart .k-right-handle { right: -8px; } .k-chart .k-handle:hover { background-color: #00b0ff; border-color: #00b0ff; } .k-chart .k-navigator-hint .k-tooltip { border: 3px solid #ffffff; box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2); background: #ffffff; color: #242424; } .k-chart .k-navigator-hint .k-scroll { background: #0072c6; height: 4px; } .k-map { border-color: #c9c9c9; color: #333333; background-color: #fff; } .k-map .k-navigator { border-color: #f4f4f4; color: #000000; background-color: #f4f4f4; background-position: 50% 50%; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.18); } .k-map .k-zoom-control { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.18); } .k-map .k-marker { color: #cde6f7; } .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: #fff; background-image: none; color: #000000; border-color: #dadada; } .k-spreadsheet-top-corner { border-color: #dadada; } .k-spreadsheet-top-corner:after { border-color: transparent #dadada #dadada transparent; } .k-spreadsheet-pane { border-color: #c8c8c8; } .k-spreadsheet-pane .k-spreadsheet-vaxis, .k-spreadsheet-pane .k-spreadsheet-haxis { border-color: #c8c8c8; } .k-spreadsheet-pane .k-spreadsheet-column-header, .k-spreadsheet-pane .k-spreadsheet-row-header { border-color: #dadada; } .k-spreadsheet-pane .k-spreadsheet-merged-cell { background-color: #fff; } .k-spreadsheet-pane .k-selection-partial, .k-spreadsheet-pane .k-selection-full { border-color: rgba(0, 114, 198, 0.2); background-color: rgba(0, 114, 198, 0.2); } .k-spreadsheet-pane .k-filter-range { border-color: #0072c6; } .k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-partial, .k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-full { border-bottom-color: #0072c6; } .k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-partial, .k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-full { border-right-color: #0072c6; } .k-auto-fill, .k-spreadsheet-selection { border-color: #0072c6; box-shadow: inset 0 0 0 1px #0072c6; } .k-spreadsheet-selection { background-color: rgba(0, 114, 198, 0.2); } .k-spreadsheet-active-cell { box-shadow: inset 0 0 0 1px #0072c6; background-color: #fff; } .k-spreadsheet-active-cell.k-right { box-shadow: inset 0 0 0 1px #0072c6, inset -1px 0 0 1px #0072c6; } .k-spreadsheet-active-cell.k-bottom { box-shadow: inset 0 0 0 1px #0072c6, inset 0 -1px 0 1px #0072c6; } .k-spreadsheet-active-cell.k-bottom.k-right { box-shadow: inset 0 0 0 1px #0072c6, inset -1px -1px 0 1px #0072c6; } .k-spreadsheet-active-cell.k-single { color: #333333; background-color: #fff; } .k-spreadsheet .k-spreadsheet-action-bar { background-color: #fff; border-color: #c9c9c9; } .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor { border-color: #dadada; } .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar::before { border-color: #dadada; } .k-spreadsheet .k-spreadsheet-formula-input { background-color: #fff; color: #333333; } .k-spreadsheet .k-resize-handle, .k-spreadsheet .k-resize-hint-handle, .k-spreadsheet .k-resize-hint-marker { background-color: #cde6f7; } .k-spreadsheet .k-resize-hint-vertical .k-resize-hint-handle, .k-spreadsheet .k-resize-hint-vertical .k-resize-hint-marker { background-color: #cde6f7; } .k-spreadsheet .k-single-selection::after { background-color: #0072c6; 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(0, 114, 198, 0.5); } .k-spreadsheet .k-spreadsheet-cell-comment { color: #333333; background-color: #fff; border-color: #c9c9c9; } .k-spreadsheet .k-spreadsheet-has-comment:after { border-color: #0072c6 #0072c6 transparent transparent; } .k-spreadsheet .k-dirty { border-color: #f44336 transparent transparent #f44336; } .k-spreadsheet-format-cells .k-spreadsheet-preview { border-color: #c9c9c9; } .k-spreadsheet-filter { border-radius: 0; background-color: #fff; box-shadow: inset 0 0 0 1px #c8c8c8; } .k-spreadsheet-filter.k-state-active { color: #333333; background-color: #cde6f7; } .k-spreadsheet-filter:hover { color: #000; background: #f4f4f4; border-color: #e0e0e0; } .k-action-window .k-action-buttons { border-color: #c9c9c9; background: #fff; } .k-spreadsheet-sample { color: #808080; } .k-state-selected .k-spreadsheet-sample { color: inherit; } .k-spreadsheet-window .k-list { border-color: #c9c9c9; border-radius: 0; } .k-spreadsheet-popup { border-radius: 0; } .k-spreadsheet-popup .k-separator { background-color: #c9c9c9; } .k-spreadsheet-popup .k-button { background-color: transparent; } .k-spreadsheet-popup .k-button:hover { background-color: #f4f4f4; } .k-spreadsheet-popup .k-state-active { background-color: #cde6f7; color: #ffffff; } .k-spreadsheet-popup .k-state-active:hover { background-color: #a1d0f0; } .k-spreadsheet-filter-menu .k-details { border-color: #c9c9c9; } .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: #c9c9c9; border-radius: 0 0 0 0; } .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: #0072c6; background-color: rgba(0, 114, 198, 0.15); } .k-series-b { border-color: #5db2ff; background-color: rgba(93, 178, 255, 0.15); } .k-series-c { border-color: #008a17; background-color: rgba(0, 138, 23, 0.15); } .k-series-d { border-color: #82ba00; background-color: rgba(130, 186, 0, 0.15); } .k-series-e { border-color: #ff8f32; background-color: rgba(255, 143, 50, 0.15); } .k-series-f { border-color: #ac193d; background-color: rgba(172, 25, 61, 0.15); } .k-spreadsheet-sheets-remove:hover .k-icon { color: #cc2222; } .k-spreadsheet-formula-list .k-state-focused { background-color: #cde6f7; color: #333333; } .k-spreadsheet-insert-image-dialog { border-color: #c9c9c9; border-radius: 0; } .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: 0; } .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: #0072c6; } .k-spreadsheet-drawing .k-spreadsheet-drawing-handle { border-color: #fff; background-color: #0072c6; border-radius: 50%; } .k-spreadsheet-drawing-anchor-cell { background: rgba(0, 114, 198, 0.2); } .k-rtl .k-spreadsheet .k-spreadsheet-has-comment::after { border-color: #0072c6 transparent transparent #0072c6; } .k-rtl .k-spreadsheet .k-dirty { border-color: #f44336 #f44336 transparent transparent; } .k-spreadsheet-sheets-bar { background-color: #f4f4f4; } .k-spreadsheet-sheets-bar .k-item, .k-spreadsheet-sheets-bar .k-item.k-state-active { border-color: #dadada; } .k-mediaplayer .k-toolbar > * { margin-top: -0.1em; } .k-mediaplayer .k-toolbar .k-button-icon { margin-top: 0.2em; } .k-mediaplayer .k-mediaplayer-currenttime { margin-top: 0; } .k-mediaplayer .k-align-right { margin-top: 0; } .k-mediaplayer .k-align-right .k-mediaplayer-volume { margin: -2px 6px 0; } .k-numeric-wrap .k-i-warning { color: #f44336; position: absolute; top: 0; right: 1.9em; width: 1.9em; } .k-numeric-wrap.k-state-invalid { border-color: #f44336; } .k-numeric-wrap.k-state-invalid input { color: #f44336; } .k-rtl .k-numeric-wrap.k-state-invalid .k-i-warning { right: auto; left: 1.9em; } .k-maskedtextbox.k-state-invalid .k-textbox { border-color: #f44336; color: #f44336; } .k-maskedtextbox.k-state-invalid .k-i-warning { color: #f44336; } .k-dateinput.k-state-invalid .k-textbox { color: #f44336; border-color: #f44336; } .k-dateinput.k-state-invalid .k-i-warning { margin-left: 0; margin-right: 0.6em; color: #f44336; } .k-rtl .k-dateinput .k-i-warning { margin-right: 0; margin-left: 0.6em; } .k-datepicker .k-picker-wrap.k-state-invalid, .k-timepicker .k-picker-wrap.k-state-invalid { border-color: #f44336; } .k-datepicker .k-picker-wrap.k-state-invalid .k-input, .k-timepicker .k-picker-wrap.k-state-invalid .k-input { color: #f44336; } .k-datepicker .k-picker-wrap .k-i-warning, .k-timepicker .k-picker-wrap .k-i-warning { color: #f44336; margin-left: 0; margin-right: 2.1em; } .k-rtl .k-datepicker .k-picker-wrap .k-i-warning, .k-rtl .k-timepicker .k-picker-wrap .k-i-warning { margin-right: 0; margin-left: 2.1em; } .k-datetimepicker .k-picker-wrap.k-state-invalid { border-color: #f44336; } .k-datetimepicker .k-picker-wrap.k-state-invalid .k-input { color: #f44336; } .k-datetimepicker .k-picker-wrap .k-i-warning { color: #f44336; margin-left: 0; margin-right: 5.6em; } .k-rtl .k-datetimepicker .k-picker-wrap .k-icon.k-i-warning { margin-right: 0; margin-left: 5.6em; } .k-time-header .k-time-now { color: #cde6f7; background: transparent; } .k-time-header .k-time-now:hover, .k-time-header .k-time-now:focus { color: #007eda; } .k-time-list-wrapper { background-color: #fff; } .k-time-list-wrapper .k-title { border-color: #c9c9c9; color: #a5a5a5; background-color: #fff; background: #fff; } .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 #fff; } .k-time-list .k-item:hover { color: #cde6f7; } .k-time-container { background: transparent; } .k-time-highlight { background-color: #fff; border-color: #c9c9c9; } .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 { border-color: #c9c9c9; background-color: #fff; } .k-listbox .k-item { padding: 1px 7px 1px 7px; } .k-listbox .k-item:hover:not(.k-state-selected):not(.k-state-disabled) { color: #000; background-color: #f4f4f4; border-color: transparent; } .k-listbox .k-state-selected { border-color: transparent; } .k-listbox .k-drop-hint { height: 0; border-top: 1px solid #cde6f7; } .k-grid-header .k-link .k-icon.k-i-sort-asc-sm, .k-grid-header .k-link .k-icon.k-i-sort-desc-sm, .k-grid-header .k-link .k-sort-order { color: #0072c6; margin-top: 0; } .k-menu-scroll-button { border-width: 0; box-shadow: none; border-color: #c9c9c9; color: #333333; background-position: 50% 50%; background-color: #fff; } .k-menu-scroll-wrapper.horizontal .k-scroll-left { border-right-width: 1px; } .k-menu-scroll-wrapper.horizontal .k-scroll-right { border-left-width: 1px; } .k-menu-scroll-wrapper.vertical .k-scroll-up { border-bottom-width: 1px; } .k-menu-scroll-wrapper.vertical .k-scroll-down { border-top-width: 1px; } .k-dropdowngrid-popup { border-color: #c9c9c9; color: #333333; background-color: #fff; } .k-dropdowngrid-popup .k-header { border-color: #c9c9c9; color: #333333; background-color: #fff; } .k-dropdowngrid-popup .k-group-header { border-color: #c9c9c9; color: #333333; background-color: #fff; } .k-dropdowngrid-popup .k-cell { border-color: #c9c9c9; } .k-dropdowngrid-popup .k-item:nth-child(2n) { background-color: #fff; } .k-dropdowngrid-popup .k-footer { border-color: #c9c9c9; color: #333333; background-color: #fff; } .k-dropdowngrid-popup .k-item.k-state-hover { border-color: #c9c9c9; color: #333333; background-color: #f4f4f4; } .k-dropdowngrid-popup .k-item.k-state-selected { border-color: #c9c9c9; color: #333333; background-color: #cde6f7; } .k-dropdowngrid-popup .k-group-cell span { background-color: #333333; 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: #333333; } .k-calendar .k-today .k-link { color: #0072c6; box-shadow: inset 0 0 0 1px #0072c6; } /** * Kendo UI v2020.2.617 (http://www.telerik.com/kendo-ui) * Copyright 2020 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. */ @-ms-viewport { width: device-width; user-zoom: fixed; max-zoom: 1; min-zoom: 1; } @media (orientation: landscape) { .km-tablet .km-on-ios.km-horizontal.km-web:not(.km-ios-chrome) { position: fixed; bottom: 0; } } .km-root { font-size: 0.92em; } .km-root.km-retina input, .km-root.km-retina select, .km-root.km-retina textarea { font-size: 1em; } .km-root a:not(.k-button) { color: inherit; } .km-tablet { font-size: 1em; } .km-root *:focus { outline-width: 0; } .km-root, .km-pane, .km-pane-wrapper { width: 100%; height: 100%; -ms-touch-action: none; -ms-content-zooming: none; -ms-user-select: none; -webkit-user-select: none; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; overflow-x: hidden; } .km-pane-wrapper { position: absolute; } .km-pane, .km-shim { font-family: sans-serif; } .km-pane { overflow-x: hidden; position: relative; } .km-vertical .km-collapsible-pane { position: absolute; z-index: 2 !important; transition: -webkit-transform 350ms ease-out; transition: transform 350ms ease-out; transition: transform 350ms ease-out, -webkit-transform 350ms ease-out; -webkit-transform: translatex(-100%); -ms-transform: translatex(-100%); transform: translatex(-100%); } .km-vertical .km-expanded-splitview .km-collapsible-pane { -webkit-transform: translatex(0); -ms-transform: translatex(0); transform: translatex(0); } .km-expanded-pane-shim { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; } .km-expanded-splitview .km-expanded-pane-shim { display: block; z-index: 1; } .km-root > * { margin: 0; padding: 0; } .km-root * { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .km-content { display: block; } .km-view, .km-split-content { top: 0; left: 0; position: absolute; display: -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-ff .km-view, .k-ff .km-pane { overflow: hidden; } .k-ff18 .km-view, .k-ff18 .km-pane, .k-ff19 .km-view, .k-ff19 .km-pane, .k-ff20 .km-view, .k-ff20 .km-pane, .k-ff21 .km-view, .k-ff21 .km-pane { position: relative; } .k-ff .km-view { display: -ms-inline-flexbox; display: inline-flex; } .km-content { min-height: 1px; -ms-flex: 1; flex: 1; flex-align: stretch; width: auto; overflow: hidden; position: relative; } .km-content p, .km-content h1, .km-content h2, .km-content h3, .km-content h4, .km-content h5, .km-content h6 { margin-left: 1rem; margin-right: 1rem; } .km-header, .km-footer { display: block; display: -moz-box; -ms-flex-direction: column; flex-direction: column; width: 100%; } .km-header { padding: 0; } .km-footer { background: #1a1a1a; } [data-role="layout"] { display: none; } [data-role="view"], .km-drawer, kendo-mobile-view, kendo-mobile-split-view, kendo-mobile-drawer { visibility: hidden; } .km-view, .k-view { visibility: visible; } .km-header, .km-footer { position: relative; z-index: 1; } @media all and (-webkit-min-device-pixel-ratio: 10000), not all and (-webkit-min-device-pixel-ratio: 0) { .km-view { display: table; } .km-header, .km-footer, .km-content { display: table-row; } .km-header, .km-footer { height: 1px; } } .km-root .k-toolbar, .km-navbar, .km-button, .km-buttongroup, .km-tabstrip, .km-blackberry li.km-actionsheet-cancel > a { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-origin: border-box; position: relative; display: inline-block; padding: 0.4em 0.7em; margin: 0.1rem; overflow: visible; text-decoration: none; } .km-tabstrip, .km-root .k-toolbar, .km-navbar { display: block; padding: 0.8em; margin: 0; width: 100%; border-width: 0; box-sizing: border-box; } .km-native-scroller { overflow: auto; -webkit-overflow-scrolling: touch; -ms-touch-action: pan-x pan-y; -ms-overflow-style: -ms-autohiding-scrollbar; -ms-scroll-snap-type: proximity; } .km-default-content { padding: 1em; } .km-shim { left: 0; bottom: 0; position: fixed; width: 100%; height: 100% !important; background: rgba(0, 0, 0, 0.6); z-index: 10001; box-sizing: border-box; } .km-root .km-shim { position: absolute; } .km-shim:before { content: "\a0"; height: 100%; width: 0; display: inline-block; vertical-align: middle; } .km-shim .k-animation-container { box-shadow: none; border: 0; width: auto; } .km-loader { top: 50%; left: 50%; width: 180px; height: 130px; z-index: 100000; padding: 30px 30px; position: absolute; margin-top: -70px; margin-left: -90px; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.5); } .km-loader h1 { font-size: 1rem; color: white; text-align: center; vertical-align: middle; } .km-loader .km-loading, .km-load-more .km-icon, .km-scroller-refresh .km-icon { -webkit-animation: km-spin 1s infinite linear; animation: km-spin 1s infinite linear; display: block; margin: 0 auto; width: 35px; height: 35px; font-size: 35px; } .km-loader .km-loading:after, .km-load-more .km-icon:after { color: #ccc; } .km-loading-left, .km-loading-right { display: none; } @-webkit-keyframes km-spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-webkit-keyframes km-ios-spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-webkit-keyframes km-ios-spin1 { from { -webkit-transform: rotate(-135deg); } to { -webkit-transform: rotate(225deg); } } @keyframes km-ios-spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes km-ios-spin1 { from { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } to { -webkit-transform: rotate(225deg); transform: rotate(225deg); } } .km-stretched-view { display: -ms-flexbox; display: flex; } .km-stretched-view > * { width: 100%; } .km-stretched-view > .km-pane-wrapper { position: static; } .km-stretched-view > .km-pane-wrapper > .km-pane { position: static; } .km-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 100000; } .km-root.km-native-scrolling, .km-root.km-native-scrolling .km-view, .km-root.km-native-scrolling .km-splitview .km-pane { min-height: 100%; height: auto; -webkit-transform: none; overflow-x: visible; } .km-native-scrolling, .km-native-scrolling .km-pane, .km-native-scrolling .km-view { -ms-touch-action: auto; } .km-native-scrolling .km-pane, .km-native-scrolling .km-view { display: block; } .km-native-scrolling .km-content { -ms-flex: auto; } .km-native-scrolling .km-blackberry .km-content { min-height: auto; } .km-native-scrolling .km-splitview { position: absolute; } .km-native-scrolling .km-header { position: fixed; top: 0; } .km-native-scrolling .km-android .km-header { top: auto; bottom: 0; } .km-native-scrolling .km-footer { position: fixed; bottom: 0; } .km-native-scrolling .km-android .km-footer { top: 0; bottom: auto; } .km-native-scrolling .km-badge { z-index: auto; } .km-native-scrolling .km-splitview .km-header, .km-native-scrolling .km-splitview .km-footer, .km-native-scrolling .km-popup.km-pane .km-header, .km-native-scrolling .km-popup.km-pane .km-footer { position: absolute; } .km-native-scrolling .km-modalview .km-header, .km-native-scrolling .km-modalview .km-footer { position: relative; } .km-native-scrolling .km-content { width: 100%; } .km-native-scrolling .km-shim, .km-native-scrolling .km-popup-overlay { position: fixed; top: 0; bottom: 0; height: auto !important; } .km-native-scrolling .km-drawer { position: fixed; top: 0; height: 100% !important; overflow: auto !important; -webkit-overflow-scrolling: touch; } .km-native-scrolling > .km-pane > .km-loader { position: fixed; } .km-native-scrolling .km-header, .km-native-scrolling .km-footer { z-index: 2; } .km-state-disabled { opacity: 0.5; } .km-badge, .km-detail { text-decoration: none; display: inline-block; vertical-align: middle; overflow: hidden; text-align: center; position: absolute; z-index: 1; height: 2em; font-size: 0.6rem; text-shadow: none; } .km-badge { top: -1em; right: -1em; line-height: 2em; margin-left: 0.5em; min-width: 0.9em; padding: 0 0.55em; -webkit-background-clip: padding-box; background-clip: padding-box; } .km-tabstrip .km-badge { top: -0.2em; right: auto; margin-left: -1em; } .km-detail { position: absolute; float: right; right: 0.8rem; top: 50%; margin-top: -0.7rem; width: 1.3rem; height: 1.3rem; font-size: 1rem; box-sizing: border-box; } .km-widget .km-detaildisclose { font-size: 0.8em; } .k-ff .km-detail { width: 1rem; height: 1rem; } .km-detail .km-text { display: none; } .km-widget .km-rowinsert:after, .km-widget .km-rowdelete:after, .km-widget .km-contactadd:after, .km-widget .km-detaildisclose:after, .km-widget .km-rowinsert:before, .km-widget .km-rowdelete:before, .km-widget .km-contactadd:before, .km-widget .km-detaildisclose:before, .km-detail .km-icon { left: 0.15em; top: 0.15em; line-height: 1em; font-size: 1em; position: absolute; } .km-widget .km-detaildisclose:after { left: 0.1em; top: 0.25em; text-align: center; font-weight: bold; } .km-button { cursor: pointer; outline: 0; text-align: center; } button.km-button { display: inline-block; font: inherit; } .km-button:hover { text-decoration: none; } .km-button::-moz-focus-inner { padding: 0; border: 0; } .km-ios .km-state-disabled .km-button, .km-android .km-state-disabled .km-button, .km-blackberry .km-state-disabled .km-button, .km-meego .km-state-disabled .km-button { color: #aaa; text-shadow: none; } .km-root .km-pane .k-button:focus, .km-root .km-pane .k-button:active, .km-root .km-pane .k-button:focus:active { box-shadow: none; } .km-buttongroup { padding: 0.4rem 0.7rem; -webkit-margin-collapse: separate; margin-collapse: separate; margin: 0.5em auto; } .km-widget.km-buttongroup { padding: 0; border-color: transparent; background: none; white-space: nowrap; display: table; } .km-buttongroup > .km-button { display: table-cell; } .km-buttongroup .km-badge { z-index: 1; } .km-widget.km-buttongroup .km-button { margin: 0; border-width: 1px 0 1px 1px; padding: 0.48em 0.9em 0.44em; } .km-tablet .km-buttongroup .km-button { padding: 0.4em 0.8em 0.34em; } .km-widget.km-navbar .km-buttongroup { font-size: 0.95rem; line-height: 1em; margin: 0 0 0.2em; display: inline-block; height: 1.5em; top: -2px; } .k-toolbar .km-buttongroup { margin: 0; display: inline-block; } .km-tablet .km-navbar .km-buttongroup { top: -1px; } .km-widget.km-navbar .km-buttongroup > .km-button { font-size: 1em; min-width: 4rem; text-align: center; } .km-tablet .km-navbar .km-buttongroup > .km-button { min-width: 6rem; } .km-view .km-buttongroup .km-button:last-child { border-right-width: 1px; } .km-ios .km-buttongroup .km-button { font-size: 1.2em; font-weight: bold; } .km-hide-title { display: none; } .km-show-title:after { display: block; content: "\a0"; height: 0; } .km-fill-title:after { height: auto; } .km-footer .km-show-title:after { display: inline-block; } .km-view-title, .km-dialog-title { position: relative; visibility: visible; text-align: center; font-size: 1.4em; line-height: 2.3em; margin-left: auto; margin-right: auto; } .km-view-title:before, .km-dialog-title:before { content: ""; display: inline-block; width: 0; } .km-horizontal .km-view-title { line-height: 2em; } .km-root .k-toolbar, .km-navbar { padding: 0; -ms-flex: 1; flex: 1; position: relative; overflow: hidden; display: block; border-width: 0 0 1px 0; background-color: #fff; } .k-ff.km-root .k-toolbar, .k-ff .km-navbar { overflow: visible; } .km-navbar .km-button { margin-top: 0.5rem; margin-bottom: 0.5rem; } .km-navbar .km-no-title { padding-top: 0.7rem; padding-bottom: 0.7rem; } .km-horizontal .km-navbar .km-button { margin-top: 0.3rem; margin-bottom: 0.3rem; } .km-horizontal .km-navbar .km-no-title { padding-top: 0.5rem; padding-bottom: 0.5rem; } .km-tablet.km-root .km-no-title { padding-top: 0.55rem; padding-bottom: 0.55rem; } .km-tablet .km-navbar .km-button { margin-top: 0.45rem; margin-bottom: 0.45rem; } .km-root .km-pane .km-navbar .km-no-title { visibility: visible; line-height: 0; } .km-on-ios.km-black-translucent-status-bar.km-app .km-header .km-navbar { padding-top: 1.4em; background-clip: border-box; } .km-on-ios.km-ios5.km-cordova .km-header .km-navbar, .km-on-ios.km-ios6.km-cordova .km-header .km-navbar { padding-top: 0; } .km-leftitem, .km-rightitem { z-index: 1; position: absolute; right: 0.5em; } .km-popup .km-rightitem { right: 0; } .km-leftitem { left: 0.5em; right: auto; } .km-popup .km-leftitem { left: 0; } .km-leftitem, .km-rightitem { height: 100%; } .km-on-ios.km-black-translucent-status-bar.km-app .km-leftitem, .km-on-ios.km-black-translucent-status-bar.km-app .km-rightitem { height: auto; } .km-leftitem > *, .km-rightitem > * { display: inline-block; vertical-align: middle; } .km-leftitem:before, .km-rightitem:before { content: "\a0"; display: inline-block; height: 100%; width: 0; vertical-align: middle; } .km-tabstrip { padding: 0.4rem 0.7rem; } .km-horizontal .km-tabstrip { padding: 0.2rem 0.7rem; } .km-tabstrip { flex-align: start; -ms-flex-direction: row; flex-direction: row; -moz-box-pack: start; padding: 0; text-align: center; word-spacing: -1em; } .km-tabstrip .km-button { word-spacing: normal; box-shadow: none; vertical-align: bottom; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .km-tabstrip { word-spacing: normal; width: 100%; } } .km-tabstrip .km-button { font-family: Arial, Helvetica, sans-serif; color: #a8a8a8; padding: 0.4em 0.8em; border-width: 0; border-color: transparent; background: none; margin: 0; text-align: center; } .km-tabstrip .km-button:first-child { border-left: 0; } .km-tabstrip .km-button:last-child { border-right: 0; } .km-switch input[type=checkbox] { display: none; } .km-switch, .km-checkbox { text-align: left; font-size: 1rem; display: inline-block; width: 6.4rem; height: 2rem; line-height: 2rem; position: relative; overflow: hidden; } .km-switch-wrapper, .km-slider-wrapper { display: block; height: 100%; width: 100%; overflow: hidden; } .km-switch-background, .km-slider-background { display: block; margin: 0 1px 1px -5em; height: 100%; width: 200%; } .km-switch-container { top: 0; left: 0; position: absolute; display: block; height: 100%; width: 100%; overflow: hidden; background: transparent; box-sizing: border-box; } .km-checkbox { width: 1.8rem; height: 1.8rem; } .km-checkbox-checked:after { content: "\a0"; display: block; width: 100%; height: 100%; } .km-switch-handle { top: 0; left: 0; width: 2.72em; height: 100%; display: inline-block; margin: -1px 0 0 -1px; background-color: #000; } .km-switch-label-on, .km-switch-label-off { display: block; width: 130%; font-size: 1em; line-height: 2em; text-align: center; position: absolute; text-transform: uppercase; } .km-switch-label-off { left: 104%; } .km-switch-label-on { left: -134%; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); } .km-list .km-switch { position: absolute; top: 50%; right: 0.8rem; margin-top: -1rem; } .km-listview-link:after { width: 0.5rem; height: 0.5rem; content: "\a0"; display: inline-block; vertical-align: middle; margin-left: -0.2rem; border-style: solid; border-width: 0.24rem 0.24rem 0 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .km-listview-wrapper > ul:not(.km-listview) { margin: 0 auto; } .km-list, .km-listview { padding: 0; margin: 0; list-style-type: none; } .km-listinset, .km-listgroupinset { margin: 1em; } .k-ff .km-listinset:after, .k-ff .km-listgroupinset:after { display: block; height: 0; content: "\a0"; } .km-listinset, .km-listgroupinset .km-list { overflow: hidden; } .km-listview .km-switch { margin-top: -0.95rem; position: absolute; right: 0.8rem; top: 50%; } .km-listview .km-list { text-indent: 0; } .km-list > li, .km-widget .km-listview-link, .km-widget .km-listview-label { margin: 0; display: block; position: relative; list-style-type: none; vertical-align: middle; box-sizing: border-box; padding: 0.5em 0.7em; } .km-list > li { line-height: 1.6em; overflow: hidden; } .km-virtual-list { position: relative; width: 100%; -webkit-transform: translateZ(0); } .km-virtual-list > li { width: 100%; position: absolute; top: 0; -webkit-transform: translateZ(0); } .km-widget.km-list .km-load-more, .km-widget .km-list .km-load-more { border-bottom: 0; } .km-list > li > * { line-height: normal; } .km-group-title { display: block; font-weight: bold; padding: 0.2em 0; text-indent: 0.8em; } .km-listgroupinset .km-group-title { margin-top: 0.65em; line-height: 2em; } .km-list:not(.km-virtual-list) > li:first-child { border-top-width: 0; } .km-list:not(.km-virtual-list) > li:last-child { border-bottom-width: 0; } .km-widget .km-listview-link, .km-widget .km-listview-label { line-height: inherit; text-decoration: none; margin: -0.5em -0.7em; } .km-listview-link:after, .km-listview-label:after { border-color: #777; content: "\a0"; display: block; position: absolute; right: 1rem; top: 50%; margin-top: -0.32rem; } .km-filter-form { width: 100%; padding: 0.5em 0; border: 1px solid transparent; border-width: 1px 0; -webkit-transform: translatez(0); -ms-transform: translatez(0); transform: translatez(0); } .km-filter-wrap { position: relative; margin: 0 0.7em; padding: 0.2em 0.4em; border: 1px solid transparent; } .km-widget .km-filter-wrap:before { display: inline-block; vertical-align: middle; content: "\e0e9"; font-size: 1.6em; width: 1em; height: 1em; margin-right: -1em; color: inherit; } .km-tablet .km-filter-wrap { max-width: 24em; margin: 0 auto; } .km-filter-wrap > input[type="search"]::-webkit-search-cancel-button { display: none; } .km-filter-wrap input { width: 100%; box-sizing: border-box; border: 0; background: transparent; -moz-appearance: none; -webkit-appearance: none; vertical-align: middle; padding: 0 1.4em; } .km-filter-reset { display: inline-block; margin-left: -1.6em; vertical-align: middle; text-align: center; z-index: 1; text-decoration: none; height: 100%; } .km-filter-reset .km-clear { font-size: 1.6em; width: 1em; height: 1em; display: block; } .km-filter-reset > .km-text { position: absolute; top: -3333px; left: -3333px; } .km-load-more { display: block; padding: 0.3em 0 1.2em; height: 3.2em; text-align: center; } .km-list .km-listview-item-badge.km-badge, .km-list .km-listview-link > .km-badge { top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 4em; } .km-scrollview { white-space: nowrap; overflow: hidden; position: relative; width: 100%; } .km-scrollview > div > * { -webkit-transform: translatez(0); } .km-scrollview > div > [data-role=page] { vertical-align: top; display: inline-block; min-height: 1px; } .km-scrollview .km-virtual-page { min-height: 1px; position: absolute; top: 0; left: 0; display: inline-block; } .k-ff18 .km-scrollview > div, .k-ff19 .km-scrollview > div, .k-ff20 .km-scrollview > div, .k-ff21 .km-scrollview > div { width: 0; } .km-pages { text-align: center; margin: 0; padding: 0.6em 0 0; height: 1.5em; } .km-pages li { display: inline-block; width: 0.5em; height: 0.55em; margin: 0 0.3em; } .km-item label:before, .km-item label.km-item-checked:after { position: absolute; content: " "; display: block; top: 50%; left: 0.6em; width: 36px; height: 36px; margin-top: -18px; } .km-widget .k-slider { line-height: 0.6em; position: relative; display: inline-block; vertical-align: middle; text-align: center; } .km-widget .k-slider-horizontal { width: 50%; height: 0.6em; line-height: 0.6em; } .km-list .k-slider { position: absolute; right: 0; margin-top: -0.5em; top: 50%; } .km-root .k-slider-track { left: 1em !important; right: 1em; height: 100%; display: block; position: absolute; border: 0.5em solid transparent; border-width: 0.5em 0; } .km-widget .k-slider-horizontal .k-slider-track { width: auto !important; } .km-widget .k-slider .k-slider-track { background-clip: padding-box; } .km-widget .k-slider-track, .km-widget .k-slider-selection { margin-top: 0; border-radius: 5px; box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3); } .km-widget .k-slider-horizontal .k-slider-selection { top: 0; height: 100%; } .km-widget .k-slider-items { margin: 0; } .km-widget .k-slider .k-draghandle { text-indent: -3333px; left: 0; width: 1.2em; height: 1.2em; display: block; position: absolute; } .km-widget .k-slider-vertical .k-draghandle { left: -5px; } .km-widget .k-slider-tooltip { display: none; } .km-dialog { position: absolute; min-width: 19em; max-width: 25em; overflow: hidden; } .km-dialog-title { position: static; float: none; height: 2.6em; margin-top: -2.6em; font-size: 1.22em; line-height: 3em; } .km-dialog:before { content: "\a0"; display: block; overflow: visible; width: 100%; height: 3em; opacity: 0.2; } .km-dialog-content { font-weight: normal; min-height: 2em; text-align: center; } .km-dialog .km-button { display: block; margin: 0.4em; font-size: 1.3em; text-align: center; padding: 0.44em; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .km-list input[type=text]:not(.k-input), .km-list input[type=password], .km-list input[type=search], .km-list input[type=number], .km-list input[type=tel], .km-list input[type=url], .km-list input[type=email], .km-list input[type=file], .km-list input[type=month], .km-list input[type=color], .km-list input[type=week], .km-list input[type=date], .km-list input[type=time], .km-list input[type=datetime], .km-list input[type=datetime-local], .km-list select:not([multiple]), .km-list .k-dropdown, .km-list textarea { width: 50%; box-sizing: border-box; font-size: 1.2em; position: absolute; top: 50%; line-height: normal; z-index: 1; right: 0; margin-top: -1em; } .km-widget .k-slider .k-tick, .km-widget .k-slider .k-label, .km-widget .k-slider .k-button { display: none; } .km-list textarea { position: relative; width: calc(50% + 0.7em); margin-right: -0.7em; } .km-list input, .km-list select, .km-list textarea, .km-list input[type=checkbox], .km-list input[type=radio] { appearance: none; -moz-appearance: none; -webkit-appearance: none; } .km-list input[type=checkbox], .km-list input[type=radio] { position: absolute; top: 50%; right: 0.7em; margin-top: -0.5em; background: none; } .km-widget input, .km-widget textarea { -webkit-user-select: text; -ms-user-select: text; user-select: text; } .km-widget input[readonly], .km-widget input[type=image], .km-widget select:not([multiple]) { -webkit-user-select: none; -ms-user-select: none; user-select: none; } .km-list textarea { top: 0; } .km-list .k-dropdown { line-height: 1.4em; } .km-list .k-dropdown, .km-list .k-dropdown .k-input { background-color: transparent; } .km-list .k-dropdown-wrap { display: inline-block; } .km-list .km-listview-label:after, .km-list input ~ .km-listview-link:after, .km-list textarea ~ .km-listview-link:after, .km-list select ~ .km-listview-link:after, .km-list .k-dropdown ~ .km-listview-link:after { display: none; } .km-list .k-dropdown select, .km-list .k-dropdown .k-select { display: none; } .km-widget .km-list textarea { position: relative; float: right; margin-top: 0; font-family: inherit; } .km-listview-label input[type=radio], .km-listview-label input[type=checkbox] { border: 0; font-size: inherit; width: 1em; height: 0.9em; } .km-list label.km-required:after { content: "*"; display: inline-block; width: 1rem; height: 1rem; } .km-list .km-label-above { width: 100%; display: block; } .km-list .km-icon-label:before { display: inline-block; width: 1em; height: 1em; font: 1em/1em "Kendo UI"; margin-right: 0.89em; } .km-list .km-label-above input[type=text]:not(.k-input), .km-list .km-label-above input[type=password], .km-list .km-label-above input[type=search], .km-list .km-label-above input[type=number], .km-list .km-label-above input[type=tel], .km-list .km-label-above input[type=url], .km-list .km-label-above input[type=email], .km-list .km-label-above input[type=file], .km-list .km-label-above input[type=month], .km-list .km-label-above input[type=color], .km-list .km-label-above input[type=week], .km-list .km-label-above input[type=date], .km-list .km-label-above input[type=time], .km-list .km-label-above input[type=datetime], .km-list .km-label-above input[type=datetime-local], .km-list .km-label-above select:not([multiple]), .km-list .km-label-above .k-dropdown, .km-list .km-label-above textarea { width: 100%; right: 0; padding-left: 0; -ms-transform: translateY(0); transform: translateY(0); -webkit-transform: translateY(0); } .km-list textarea, .km-list fieldset input[type=password], .km-list fieldset input[type=search], .km-list fieldset input[type=number], .km-list fieldset input[type=tel], .km-list fieldset input[type=url], .km-list fieldset input[type=email], .km-list fieldset input[type=month], .km-list fieldset input[type=color], .km-list fieldset input[type=week], .km-list fieldset input[type=date], .km-list fieldset input[type=time], .km-list fieldset input[type=datetime], .km-list fieldset input[type=datetime-local], .km-list fieldset input[type=text]:not(.k-input), .km-list fieldset select:not([multiple]), .km-list fieldset .k-dropdown-wrap { width: 100%; position: relative; -ms-transform: translateY(0); transform: translateY(0); -webkit-transform: translateY(0); right: auto; } .km-list fieldset textarea { width: 100%; -ms-transform: translateY(0); transform: translateY(0); -webkit-transform: translateY(0); margin-right: 0; padding-left: 0; } .km-list .km-legend-button { display: block; text-decoration: none; } .km-list .km-inline-field { display: inline-block; position: relative; width: calc(50% - 1.61em); overflow: hidden; white-space: nowrap; } .km-list .km-inline-field input[type=text]:not(.k-input), .km-list .km-inline-field input[type=password], .km-list .km-inline-field input[type=search], .km-list .km-inline-field input[type=number], .km-list .km-inline-field input[type=tel], .km-list .km-inline-field input[type=url], .km-list .km-inline-field input[type=email], .km-list .km-inline-field input[type=file], .km-list .km-inline-field input[type=month], .km-list .km-inline-field input[type=color], .km-list .km-inline-field input[type=week], .km-list .km-inline-field input[type=date], .km-list .km-inline-field input[type=time], .km-list .km-inline-field input[type=datetime], .km-list .km-inline-field input[type=datetime-local], .km-list .km-inline-field select:not([multiple]), .km-list .km-inline-field .k-dropdown, .km-list .km-inline-field textarea { position: absolute; width: 100%; left: 0; } .km-list .km-full-width-slider { position: relative; width: auto; display: block; } .km-root input.km-checkbox, .km-root input.km-radio { display: inline; opacity: 0; width: 0; margin: 0; height: 0; } .km-root .km-checkbox-label, .km-root .km-radio-label { display: block; position: relative; vertical-align: middle; } .km-root .km-checkbox-label:before, .km-root .km-checkbox-label:after { content: ""; position: absolute; top: 0; } .km-root input.km-checkbox:checked + .km-checkbox-label:after { content: "\e227"; font-family: "Kendo UI"; } .km-root .km-radio-label { position: relative; vertical-align: middle; } .km-root .km-radio-label:before { content: ""; position: absolute; top: 0; left: 0; border-radius: 50%; } .km-root input.km-radio:checked + .km-radio-label:after { content: ""; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 0.25rem; border-radius: 50%; } .km-root .km-invalid-msg { font-size: 1.2rem; position: static; display: inline-block; border-width: 1px; padding-top: 12px; padding-bottom: 11px; width: 100%; text-align: center; } .km-root .km-icon-label.k-i-arrow-e:before { content: "\E000"; } .km-root .km-icon-label.k-i-arrow-n:before { content: "\E001"; } .km-root .km-icon-label.k-i-arrow-s:before { content: "\E002"; } .km-root .km-icon-label.k-i-arrow-w:before { content: "\E003"; } .km-root .km-icon-label.k-i-arrow-ne:before { content: "\E004"; } .km-root .km-icon-label.k-i-arrow-nw:before { content: "\E005"; } .km-root .km-icon-label.k-i-arrow-se:before { content: "\E006"; } .km-root .km-icon-label.k-i-arrow-sw:before { content: "\E007"; } .km-root .km-icon-label.k-i-seek-e:before { content: "\E008"; } .km-root .km-icon-label.k-i-seek-n:before { content: "\E009"; } .km-root .km-icon-label.k-i-seek-s:before { content: "\E00A"; } .km-root .km-icon-label.k-i-seek-w:before { content: "\E00B"; } .km-root .km-icon-label.k-si-arrow-e:before, .km-root .km-icon-label.k-i-sarrow-e:before { content: "\E00C"; } .km-root .km-icon-label.k-si-arrow-n:before, .km-root .km-icon-label.k-i-sarrow-n:before { content: "\E00D"; } .km-root .km-icon-label.k-si-arrow-s:before, .km-root .km-icon-label.k-i-sarrow-s:before { content: "\E00E"; } .km-root .km-icon-label.k-si-arrow-w:before, .km-root .km-icon-label.k-i-sarrow-w:before { content: "\E00F"; } .km-root .km-icon-label.k-i-arrowhead-e:before { content: "\E010"; } .km-root .km-icon-label.k-i-arrowhead-n:before { content: "\E011"; } .km-root .km-icon-label.k-i-arrowhead-s:before { content: "\E012"; } .km-root .km-icon-label.k-i-arrowhead-w:before { content: "\E013"; } .km-root .km-icon-label.k-i-arrowhead-ew:before { content: "\E014"; } .km-root .km-icon-label.k-i-arrowhead-ns:before { content: "\E015"; } .km-root .km-icon-label.k-i-move:before { content: "\E016"; } .km-root .km-icon-label.k-i-resize:before { content: "\E017"; } .km-root .km-icon-label.k-i-resize-45:before { content: "\E018"; } .km-root .km-icon-label.k-i-resize-135:before { content: "\E019"; } .km-root .km-icon-label.k-i-resize-h:before { content: "\E01A"; } .km-root .km-icon-label.k-i-resize-v:before { content: "\E01B"; } .km-root .km-icon-label.k-i-refresh:before { content: "\E01C"; } .km-root .km-icon-label.k-i-refresh-rev:before { content: "\E01D"; } .km-root .km-icon-label.k-si-refresh:before, .km-root .km-icon-label.k-i-srefresh:before { content: "\E01E"; } .km-root .km-icon-label.k-si-refresh-rev:before, .km-root .km-icon-label.k-i-srefresh-rev:before { content: "\E01F"; } .km-root .km-icon-label.k-i-turn-en:before { content: "\E020"; } .km-root .km-icon-label.k-i-turn-es:before { content: "\E021"; } .km-root .km-icon-label.k-i-turn-ne:before { content: "\E022"; } .km-root .km-icon-label.k-i-turn-nw:before { content: "\E023"; } .km-root .km-icon-label.k-i-turn-se:before { content: "\E024"; } .km-root .km-icon-label.k-i-turn-sw:before { content: "\E025"; } .km-root .km-icon-label.k-i-turn-wn:before { content: "\E026"; } .km-root .km-icon-label.k-i-turn-ws:before { content: "\E027"; } .km-root .km-icon-label.k-i-uturn-e:before { content: "\E028"; } .km-root .km-icon-label.k-i-uturn-e-rev:before { content: "\E029"; } .km-root .km-icon-label.k-i-uturn-n:before { content: "\E02A"; } .km-root .km-icon-label.k-i-uturn-n-rev:before { content: "\E02B"; } .km-root .km-icon-label.k-i-uturn-s:before { content: "\E02C"; } .km-root .km-icon-label.k-i-uturn-s-rev:before { content: "\E02D"; } .km-root .km-icon-label.k-i-uturn-w:before { content: "\E02E"; } .km-root .km-icon-label.k-i-uturn-w-rev:before { content: "\E02F"; } .km-root .km-icon-label.k-i-tick-sign:before { content: "\E030"; } .km-root .km-icon-label.k-i-close-sign:before { content: "\E031"; } .km-root .km-icon-label.k-i-plus-sign:before { content: "\E032"; } .km-root .km-icon-label.k-i-minus-sign:before { content: "\E033"; } .km-root .km-icon-label.k-si-plus-sign:before, .km-root .km-icon-label.k-i-splus-sign:before { content: "\E034"; } .km-root .km-icon-label.k-si-minus-sign:before, .km-root .km-icon-label.k-i-sminus-sign:before { content: "\E035"; } .km-root .km-icon-label.k-i-cancel:before { content: "\E036"; } .km-root .km-icon-label.k-i-tick:before { content: "\E037"; } .km-root .km-icon-label.k-i-close:before { content: "\E038"; } .km-root .km-icon-label.k-i-plus:before { content: "\E039"; } .km-root .km-icon-label.k-i-minus:before { content: "\E03A"; } .km-root .km-icon-label.k-si-plus:before, .km-root .km-icon-label.k-i-splus:before { content: "\E03B"; } .km-root .km-icon-label.k-si-minus:before, .km-root .km-icon-label.k-i-sminus:before { content: "\E03C"; } .km-root .km-icon-label.k-i-stop:before { content: "\E03D"; } .km-root .km-icon-label.k-i-pause:before { content: "\E03E"; } .km-root .km-icon-label.k-i-eject:before { content: "\E03F"; } .km-root .km-icon-label.k-i-volume-off:before { content: "\E040"; } .km-root .km-icon-label.k-i-volume-low:before { content: "\E041"; } .km-root .km-icon-label.k-i-volume-high:before { content: "\E042"; } .km-root .km-icon-label.k-i-earphones:before { content: "\E043"; } .km-root .km-icon-label.k-i-heart:before { content: "\E044"; } .km-root .km-icon-label.k-i-heart-empty:before { content: "\E045"; } .km-root .km-icon-label.k-i-heart-half:before { content: "\E046"; } .km-root .km-icon-label.k-i-star:before { content: "\E047"; } .km-root .km-icon-label.k-i-star-empty:before { content: "\E048"; } .km-root .km-icon-label.k-i-star-half:before { content: "\E049"; } .km-root .km-icon-label.k-i-star-half-empty:before { content: "\E04A"; } .km-root .km-icon-label.k-i-chart-column:before { content: "\E04B"; } .km-root .km-icon-label.k-i-chart-bar:before { content: "\E04C"; } .km-root .km-icon-label.k-i-chart-pie:before { content: "\E04D"; } .km-root .km-icon-label.k-i-chart-donut:before { content: "\E04E"; } .km-root .km-icon-label.k-i-chart-line:before { content: "\E04F"; } .km-root .km-icon-label.k-i-chart-area:before { content: "\E050"; } .km-root .km-icon-label.k-i-chart-donut:before { content: "\E051"; } .km-root .km-icon-label.k-i-align-left:before { content: "\E052"; } .km-root .km-icon-label.k-i-align-center:before { content: "\E053"; } .km-root .km-icon-label.k-i-align-right:before { content: "\E054"; } .km-root .km-icon-label.k-i-align-justify:before { content: "\E055"; } .km-root .km-icon-label.k-i-align-clear:before { content: "\E056"; } .km-root .km-icon-label.k-i-bold:before { content: "\E057"; } .km-root .km-icon-label.k-i-bold-sans:before { content: "\E058"; } .km-root .km-icon-label.k-i-italic:before { content: "\E059"; } .km-root .km-icon-label.k-i-italic-sans:before { content: "\E05A"; } .km-root .km-icon-label.k-i-underline:before { content: "\E05B"; } .km-root .km-icon-label.k-i-underline-sans:before { content: "\E05C"; } .km-root .km-icon-label.k-i-strikethrough:before { content: "\E05D"; } .km-root .km-icon-label.k-i-strikethrough-sans:before { content: "\E05E"; } .km-root .km-icon-label.k-i-font-a:before { content: "\E05F"; } .km-root .km-icon-label.k-i-font-a-sans:before { content: "\E060"; } .km-root .km-icon-label.k-i-font-t:before { content: "\E061"; } .km-root .km-icon-label.k-i-font-t-sans:before { content: "\E062"; } .km-root .km-icon-label.k-i-brightness:before { content: "\E063"; } .km-root .km-icon-label.k-i-brightness-contrast:before { content: "\E064"; } .km-root .km-icon-label.k-i-contrast:before { content: "\E065"; } .km-root .km-icon-label.k-i-crop:before { content: "\E066"; } .km-root .km-icon-label.k-i-mirror:before { content: "\E067"; } .km-root .km-icon-label.k-i-flip-h:before { content: "\E068"; } .km-root .km-icon-label.k-i-flip-v:before { content: "\E069"; } .km-root .km-icon-label.k-i-rotate:before { content: "\E06A"; } .km-root .km-icon-label.k-i-rotate-rev:before { content: "\E06B"; } .km-root .km-icon-label.k-i-filter:before { content: "\E06C"; } .km-root .km-icon-label.k-i-filter-clear:before { content: "\E06D"; } .km-root .km-icon-label.k-i-sort-asc:before { content: "\E06E"; } .km-root .km-icon-label.k-i-sort-desc:before { content: "\E06F"; } .km-root .km-icon-label.k-i-sort-clear:before { content: "\E070"; } .km-root .km-icon-label.k-i-indent:before { content: "\E071"; } .km-root .km-icon-label.k-i-outdent:before { content: "\E072"; } .km-root .km-icon-label.k-i-hyperlink:before { content: "\E073"; } .km-root .km-icon-label.k-i-hyperlink-clear:before { content: "\E074"; } .km-root .km-icon-label.k-i-hyperlink-ext:before { content: "\E075"; } .km-root .km-icon-label.k-si-hyperlink-ext:before { content: "\E076"; } .km-root .km-icon-label.k-i-ul:before { content: "\E077"; } .km-root .km-icon-label.k-si-ul:before { content: "\E078"; } .km-root .km-icon-label.k-i-paint:before { content: "\E079"; } .km-root .km-icon-label.k-i-paste:before { content: "\E07A"; } .km-root .km-icon-label.k-i-pencil:before { content: "\E07B"; } .km-root .km-icon-label.k-i-image:before { content: "\E07C"; } .km-root .km-icon-label.k-i-image-add:before { content: "\E07D"; } .km-root .km-icon-label.k-i-print:before { content: "\E07E"; } .km-root .km-icon-label.k-i-zoom:before { content: "\E07F"; } .km-root .km-icon-label.k-i-zoom-in:before { content: "\E080"; } .km-root .km-icon-label.k-i-zoom-out:before { content: "\E081"; } .km-root .km-icon-label.k-i-asterisk:before { content: "\E082"; } .km-root .km-icon-label.k-i-clip:before { content: "\E083"; } .km-root .km-icon-label.k-i-clip-45:before { content: "\E084"; } .km-root .km-icon-label.k-i-qrcode:before { content: "\E085"; } .km-root .km-icon-label.k-i-book:before { content: "\E086"; } .km-root .km-icon-label.k-i-bookmark:before { content: "\E087"; } .km-root .km-icon-label.k-i-briefcase:before { content: "\E088"; } .km-root .km-icon-label.k-i-calendar:before { content: "\E089"; } .km-root .km-icon-label.k-i-camera-still:before { content: "\E08A"; } .km-root .km-icon-label.k-i-camera-video:before { content: "\E08B"; } .km-root .km-icon-label.k-i-certificate:before { content: "\E08C"; } .km-root .km-icon-label.k-i-clock:before { content: "\E08D"; } .km-root .km-icon-label.k-i-cloud:before { content: "\E08E"; } .km-root .km-icon-label.k-i-collapse:before { content: "\E08F"; } .km-root .km-icon-label.k-i-columns:before { content: "\E090"; } .km-root .km-icon-label.k-i-comment:before { content: "\E091"; } .km-root .km-icon-label.k-i-comment-empty:before { content: "\E092"; } .km-root .km-icon-label.k-i-comments:before { content: "\E093"; } .km-root .km-icon-label.k-i-comments-empty:before { content: "\E094"; } .km-root .km-icon-label.k-i-credit-card:before { content: "\E095"; } .km-root .km-icon-label.k-i-download:before { content: "\E096"; } .km-root .km-icon-label.k-i-draghandle:before { content: "\E097"; } .km-root .km-icon-label.k-si-draghandle:before { content: "\E098"; } .km-root .km-icon-label.k-i-envelop:before { content: "\E099"; } .km-root .km-icon-label.k-i-envelop-open:before { content: "\E09A"; } .km-root .km-icon-label.k-i-eye:before { content: "\E09B"; } .km-root .km-icon-label.k-i-file:before { content: "\E09C"; } .km-root .km-icon-label.k-i-file-add:before { content: "\E09D"; } .km-root .km-icon-label.k-i-film:before { content: "\E09E"; } .km-root .km-icon-label.k-i-flag:before { content: "\E09F"; } .km-root .km-icon-label.k-i-folder-add:before { content: "\E0A0"; } .km-root .km-icon-label.k-i-folder:before { content: "\E0A1"; } .km-root .km-icon-label.k-i-folder-open:before { content: "\E0A2"; } .km-root .km-icon-label.k-i-folder-up:before { content: "\E0A3"; } .km-root .km-icon-label.k-i-gear:before { content: "\E0A4"; } .km-root .km-icon-label.k-si-gear:before { content: "\E0A5"; } .km-root .km-icon-label.k-i-transmit:before { content: "\E0A6"; } .km-root .km-icon-label.k-i-beer:before { content: "\E0A7"; } .km-root .km-icon-label.k-i-cocktail:before { content: "\E0A8"; } .km-root .km-icon-label.k-i-coffee:before { content: "\E0A9"; } .km-root .km-icon-label.k-i-wine:before { content: "\E0AA"; } .km-root .km-icon-label.k-i-grid:before { content: "\E0AB"; } .km-root .km-icon-label.k-i-thumbs:before { content: "\E0AC"; } .km-root .km-icon-label.k-i-split-h:before { content: "\E0AD"; } .km-root .km-icon-label.k-i-split-v:before { content: "\E0AE"; } .km-root .km-icon-label.k-i-home:before { content: "\E0AF"; } .km-root .km-icon-label.k-i-inbox:before { content: "\E0B0"; } .km-root .km-icon-label.k-i-key:before { content: "\E0B1"; } .km-root .km-icon-label.k-i-login:before { content: "\E0B2"; } .km-root .km-icon-label.k-i-logout:before { content: "\E0B3"; } .km-root .km-icon-label.k-i-place:before { content: "\E0B4"; } .km-root .km-icon-label.k-i-megaphone:before { content: "\E0B5"; } .km-root .km-icon-label.k-i-note:before { content: "\E0B6"; } .km-root .km-icon-label.k-i-pin:before { content: "\E0B7"; } .km-root .km-icon-label.k-i-unpin:before { content: "\E0B8"; } .km-root .km-icon-label.k-i-power:before { content: "\E0B9"; } .km-root .km-icon-label.k-i-progress-bars:before { content: "\E0BA"; } .km-root .km-icon-label.k-i-road:before { content: "\E0BB"; } .km-root .km-icon-label.k-i-rss:before { content: "\E0BC"; } .km-root .km-icon-label.k-i-floppy:before { content: "\E0BD"; } .km-root .km-icon-label.k-i-sitemap:before { content: "\E0BE"; } .km-root .km-icon-label.k-i-tag-45:before { content: "\E0BF"; } .km-root .km-icon-label.k-i-tag-h:before { content: "\E0C0"; } .km-root .km-icon-label.k-i-thunderbolt:before { content: "\E0C1"; } .km-root .km-icon-label.k-i-tooltip:before { content: "\E0C2"; } .km-root .km-icon-label.k-i-trash:before { content: "\E0C3"; } .km-root .km-icon-label.k-i-trophy:before { content: "\E0C4"; } .km-root .km-icon-label.k-i-ungroup:before { content: "\E0C5"; } .km-root .km-icon-label.k-i-upload:before { content: "\E0C6"; } .km-root .km-icon-label.k-i-window:before { content: "\E0C7"; } .km-root .km-icon-label.k-i-tiles:before { content: "\E0C8"; } .km-root .km-icon-label.k-i-wrench:before { content: "\E0C9"; } .km-root .km-icon-label.k-i-action:before { content: "\E0CA"; } .km-root .km-icon-label.k-i-add:before { content: "\E0CB"; } .km-root .km-icon-label.k-i-add-inv:before { content: "\E0CC"; } .km-root .km-icon-label.k-i-armchair:before { content: "\E0CD"; } .km-root .km-icon-label.k-i-battery:before { content: "\E0CE"; } .km-root .km-icon-label.k-i-book-open:before { content: "\E0CF"; } .km-root .km-icon-label.k-i-camera:before { content: "\E0D0"; } .km-root .km-icon-label.k-i-cart:before { content: "\E0D1"; } .km-root .km-icon-label.k-i-time:before { content: "\E0D2"; } .km-root .km-icon-label.k-i-coffee-card:before { content: "\E0D3"; } .km-root .km-icon-label.k-i-download-arrow:before { content: "\E0D4"; } .km-root .km-icon-label.k-i-edit:before { content: "\E0D5"; } .km-root .km-icon-label.k-i-faves:before { content: "\E0D6"; } .km-root .km-icon-label.k-i-star:before { content: "\E0D7"; } .km-root .km-icon-label.k-i-featured:before { content: "\E0D8"; } .km-root .km-icon-label.k-i-forward:before { content: "\E0D9"; } .km-root .km-icon-label.k-i-cog:before { content: "\E0DA"; } .km-root .km-icon-label.k-i-globe:before { content: "\E0DB"; } .km-root .km-icon-label.k-i-globe-inv:before { content: "\E0DC"; } .km-root .km-icon-label.k-i-house:before { content: "\E0DD"; } .km-root .km-icon-label.k-i-info:before { content: "\E0DE"; } .km-root .km-icon-label.k-i-share:before { content: "\E0DF"; } .km-root .km-icon-label.k-i-more-h:before { content: "\E0E0"; } .km-root .km-icon-label.k-i-more-v:before { content: "\E0E1"; } .km-root .km-icon-label.k-i-next:before { content: "\E0E2"; } .km-root .km-icon-label.k-i-pause-a:before { content: "\E0E3"; } .km-root .km-icon-label.k-i-user:before { content: "\E0E4"; } .km-root .km-icon-label.k-i-play-a:before { content: "\E0E5"; } .km-root .km-icon-label.k-i-refresh-a:before { content: "\E0E6"; } .km-root .km-icon-label.k-i-reset:before { content: "\E0E7"; } .km-root .km-icon-label.k-i-rewind:before { content: "\E0E8"; } .km-root .km-icon-label.k-i-search-a:before { content: "\E0E9"; } .km-root .km-icon-label.k-i-stop-a:before { content: "\E0EA"; } .km-root .km-icon-label.k-i-tiles-a:before { content: "\E0EB"; } .km-root .km-icon-label.k-i-trash-a:before { content: "\E0EC"; } .km-root .km-icon-label.k-i-undo:before { content: "\E0ED"; } .km-root .km-icon-label.k-i-redo:before { content: "\E0EE"; } .km-root .km-icon-label.k-i-volume-a:before { content: "\E0EF"; } .km-root .km-icon-label.k-i-wifi:before { content: "\E0F0"; } .km-root .km-icon-label.k-i-more-lines:before { content: "\E0F1"; } .km-root .km-icon-label.k-i-pull-to-ref:before { content: "\E0F2"; } .km-root .km-icon-label.k-i-loading-android:before { content: "\E0F3"; } .km-root .km-icon-label.k-i-loading-blackberry:before { content: "\E0F4"; } .km-root .km-icon-label.k-i-loading-meego:before { content: "\E0F5"; } .km-root .km-icon-label.k-i-loading-custom:before { content: "\E0F6"; } .km-root .km-icon-label.k-i-loading-ios:before { content: "\E0F7"; } .km-root .km-icon-label.k-i-bug:before { content: "\E0F8"; } .km-root .km-icon-label.k-i-info:before { content: "\E0F9"; } .km-root .km-icon-label.k-i-warning:before { content: "\E0FA"; } .km-root .km-icon-label.k-i-question:before { content: "\E0FB"; } .km-root .km-icon-label.k-i-insert-n:before { content: "\E0FC"; } .km-root .km-icon-label.k-i-insert-m:before { content: "\E0FD"; } .km-root .km-icon-label.k-i-insert-s:before { content: "\E0FE"; } .km-root .km-icon-label.k-i-lock:before { content: "\E0FF"; } .km-root .km-icon-label.k-i-unlock:before { content: "\E100"; } .km-root .km-icon-label.k-i-phone:before { content: "\E101"; } .km-root .km-icon-label.k-i-tablet:before { content: "\E102"; } .km-root .km-icon-label.k-i-ol:before { content: "\E103"; } .km-root .km-icon-label.k-i-barcode:before { content: "\E104"; } .km-root .km-icon-label.k-i-html5:before { content: "\E105"; } .km-root .km-icon-label.k-i-css3:before { content: "\E106"; } .km-root .km-icon-label.k-i-kendoui:before { content: "\E107"; } .km-root .km-icon-label.k-i-telerik:before { content: "\E108"; } .km-root .km-icon-label.k-i-icenium:before { content: "\E109"; } .km-root .km-icon-label.k-i-sitefinity:before { content: "\E10A"; } .km-root .km-icon-label.k-i-twitter:before { content: "\E10B"; } .km-root .km-icon-label.k-i-linkedin:before { content: "\E10C"; } .km-root .km-icon-label.k-i-facebook:before { content: "\E10D"; } .km-root .km-icon-label.k-i-pinterest:before { content: "\E10E"; } .km-root .km-icon-label.k-i-youtube:before { content: "\E10F"; } .km-root .km-icon-label.k-i-vimeo:before { content: "\E110"; } .km-root .km-icon-label.k-i-behance:before { content: "\E111"; } .km-root .km-icon-label.k-i-dribbble:before { content: "\E112"; } .km-root .km-icon-label.k-i-googleplus:before { content: "\E113"; } .km-root .km-icon-label.k-i-minimize:before { content: "\E114"; } .km-root .km-icon-label.k-i-html:before { content: "\E115"; } .km-root .km-icon-label.k-i-group:before { content: "\E116"; } .km-root .km-icon-label.k-i-subscript:before { content: "\E117"; } .km-root .km-icon-label.k-i-superscript:before { content: "\E118"; } .km-root .km-icon-label.k-i-drophere:before { content: "\E119"; } .km-root .km-popup .k-item, .km-widget.km-actionsheet > li { list-style-type: none; padding: inherit 1em; border-bottom: 1px solid #555; box-sizing: border-box; } .km-widget.km-actionsheet > li { line-height: 2em; border-bottom: 0; } .km-widget.km-actionsheet > li > a { line-height: 1.5em; text-align: left; background: transparent; } .km-root .km-popup .k-list, .km-widget.km-actionsheet { padding: 0; margin: 0; } .km-root .km-popup .k-item:last-child, .km-widget.km-actionsheet > li:last-child { border: 0; } .km-widget.km-actionsheet-wrapper { width: 100%; box-shadow: none; border: 0; } .km-actionsheet-root.km-shim .k-animation-container { width: 100% !important; height: 100% !important; } .km-tablet .km-pane div.km-actionsheet-phone { background: transparent; } .km-tablet .km-actionsheet-phone li.km-actionsheet-title, .km-tablet div.km-actionsheet-phone li.km-actionsheet-cancel { display: block; } .km-popover-root .km-popup-wrapper { position: relative !important; } .km-popup-wrapper, .km-modalview-wrapper { z-index: 10001; position: relative; background: none; border: 0; box-shadow: none; } .km-popup-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10002; } .km-popup-arrow, .km-popup-arrow:after, .km-popup-arrow:before { position: absolute; width: 15px; height: 15px; top: 0; left: 0; z-index: 2; } .km-left .km-popup-arrow, .km-right .km-popup-arrow { margin-top: -8px; } .km-up .km-popup-arrow, .km-down .km-popup-arrow { margin-left: -8px; } .km-popup-arrow:after, .km-popup-arrow:before { display: block; content: "\a0"; width: 0; height: 0; } .km-up .km-popup-arrow { top: auto; bottom: 0; } .km-left .km-popup-arrow { left: auto; right: 0; } .km-popup.km-pane { box-sizing: border-box; width: 100%; height: 100%; min-height: 100px; background: transparent; } .km-popover-root .km-view { position: relative; } .km-popover-root .km-content { -ms-flex: auto; } .km-drawer { top: 0; left: auto; width: 250px; } .km-drawer .km-header, .km-drawer .km-footer { z-index: 0; } .km-left-drawer { left: 0; } .km-right-drawer { right: 0; } .km-modalview-root { text-align: center; } .km-modalview-root > .k-animation-container { text-align: left; position: relative !important; top: auto !important; left: auto !important; display: inline-block !important; vertical-align: middle; } .km-modalview, .km-modalview-wrapper:before { overflow: hidden; position: relative; display: -ms-inline-flexbox; display: inline-flex; width: 100%; height: 100%; vertical-align: middle; max-height: 100%; } .km-modalview .km-content { box-flex: 1; } .km-auto-height .km-content { -ms-flex: auto; } .km-native-scrolling .km-view.km-modalview { display: -ms-inline-flexbox; display: inline-flex; } .km-modalview-root:before, .km-modalview-wrapper:before { vertical-align: middle; height: 100%; margin-left: -1px; content: "\a0"; width: 0px; display: inline-block; } .km-scroller-pull { width: 100%; display: block; position: absolute; line-height: 3em; font-size: 1.4em; text-align: center; -webkit-transform: translate3d(0, -3em, 0); transform: translate3d(0, -3em, 0); } .km-scroller-pull .km-template { display: inline-block; min-width: 200px; text-align: left; } .km-load-more .km-icon, .km-widget .km-scroller-pull .km-icon { display: inline-block; height: 2rem; margin-right: 1rem; vertical-align: middle; width: 2rem; font-size: 2rem; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); transition: -webkit-transform 300ms linear; transition: transform 300ms linear; transition: transform 300ms linear, -webkit-transform 300ms linear; } .km-widget .km-scroller-release .km-icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .km-widget .km-scroller-refresh .km-icon { transition: none; } .km-touch-scrollbar { position: absolute; visibility: hidden; z-index: 200000; height: 0.4em; width: 0.4em; background-color: #333; opacity: 0; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; transition: opacity 0.3s linear; } .km-vertical-scrollbar { height: 100%; right: 2px; top: 0; } .km-horizontal-scrollbar { width: 100%; left: 0; bottom: 2px; } .km-scrollview, .km-scroll-container { -webkit-user-select: none; -ms-user-select: none; user-select: none; -moz-user-select: -moz-none; -webkit-margin-collapse: separate; margin-collapse: separate; } .km-scroll-wrapper { position: relative; } .km-scroll-header { position: absolute; z-index: 1001; width: 100%; top: 0; left: 0; } div.km-splitview > .km-content, kendo-mobile-split-view.km-splitview > .km-content { -ms-flex-direction: row; flex-direction: row; } div.km-split-vertical > .km-content, kendo-mobile-split-view.km-split-vertical > .km-content { -ms-flex-direction: column; flex-direction: column; } div.km-split-content > .km-pane { -ms-flex: 2; flex: 2; width: auto; height: auto; } div.km-split-content > .km-pane:first-child { -ms-flex: 1; flex: 1; } div.km-split-horizontal > .km-content > .km-pane { top: 0; bottom: 0; } .km-split-vertical > .km-content > .km-pane > .km-view { display: -webkit-box; } .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%); } .km-on-wp .km-view, .km-on-wp .km-header, .km-on-wp .km-footer, .km-on-wp .km-slider, .km-on-wp .km-switch, .km-on-wp .km-filter-reset, .km-on-wp .km-shim .k-animation-container, .km-on-wp .km-scroll-container { -webkit-transform: translateZ(0); transform: translateZ(0); } .km-ios, .km-blackberry, .km-on-ios .km-view, .km-on-ios .km-header, .km-on-ios .km-footer, .km-on-ios .km-slider, .km-on-ios .km-switch, .km-on-ios .km-group-title, .km-on-ios .km-filter-reset, .km-on-ios .km-shim .k-animation-container, .km-on-ios .km-scroll-container, .km-on-blackberry .km-view, .km-on-blackberry .km-content, .km-on-blackberry .km-header, .km-on-blackberry .km-footer, .km-on-blackberry .km-icon, .km-on-blackberry .km-switch, .km-on-blackberry .km-popup .k-item, .km-on-blackberry .km-actionsheet-wrapper, .km-on-android.km-4 .k-slider { -webkit-transform: translatez(0); } .km-on-android.km-4 .km-switch, .km-on-android.km-4 .km-listview-wrapper, .km-on-android.km-4 .km-content, .km-on-android.km-4 .km-switch-handle, .km-android.km-4.km-on-android .km-switch-wrapper, .km-on-android.km-4 .km-scroll-container, .km-on-meego .km-content, .km-on-meego .km-switch, .km-on-meego .km-icon, .km-on-meego .km-header, .km-on-meego .km-footer, .km-on-meego .km-content, .km-on-meego .km-switch-handle, .km-on-meego .km-switch-wrapper { -webkit-transform: translatez(0); -webkit-backface-visibility: hidden; } .km-android4.km-ios-chrome .km-listview-wrapper { -webkit-transform: none; } .km-native-scrolling .km-header, .km-native-scrolling .km-footer, .km-native-scrolling .km-shim, .km-native-scrolling .km-popup-overlay, .km-native-scrolling .km-drawer, .km-native-scrolling > .km-pane > .km-loader, .km-on-android.km-4 .km-scroller-pull .km-icon { -webkit-backface-visibility: hidden; } .km-on-android.km-4 input { -webkit-user-modify: read-write-plaintext-only; } .km-wp .km-view .km-absolute, .km-meego .km-view .km-absolute { position: absolute; } .km-on-ios [contenteditable] { -webkit-user-select: text; -ms-user-select: text; user-select: text; } .km-widget { font-size: 1em; } .km-root .km-pane, .km-root .km-view, .km-root .km-slider, .km-root .km-switch, .km-root .km-group-title, .km-root .km-filter-reset, .km-root .km-shim .k-animation-container { -webkit-transform: none; -ms-transform: none; transform: none; } .km-widget, .km-widget * { box-sizing: border-box; background-clip: border-box; } .km-toolbar, .km-navbar, .km-tabstrip, .km-tabstrip .km-button { border-radius: 0; } .km-touch-scrollbar { border: 0; box-sizing: border-box; border-radius: 1em; } .km-popup .k-popup { font-size: 1em !important; } .km-popup-wrapper.k-popup { box-shadow: none; background: none; } .km-popup .k-item, .km-actionsheet > li > a { text-decoration: none; padding: 0.5em 0 0.5em 0.6em; border: 0; border-radius: 0; border-bottom-width: 1px; border-bottom-style: solid; box-sizing: border-box; } .km-actionsheet-wrapper, .km-popup .k-list-container { bottom: 0; border: 0; border-bottom-width: 1px; border-bottom-style: solid; border-radius: 0; box-sizing: border-box; } .km-popup { left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; box-sizing: border-box; } .km-popup .k-list-container { width: 100% !important; height: auto !important; max-height: 80%; } .km-shim .k-animation-container { left: 0; top: auto; bottom: 0; } .km-loader:before, .km-scroller-refresh.km-load-more, .km-scroller-pull { border-radius: 20em; overflow: visible; } .km-loader:before { content: "\a0"; display: block; position: absolute; margin-top: -2em; margin-left: -2em; width: 4em; height: 4em; top: 50%; left: 50%; border-radius: 5em; } .km-loader { left: 0; top: 0; margin: 0; width: 100%; height: 100%; } .km-loader h1 { display: none; font-size: 1em; position: absolute; left: -50%; width: 200%; top: 55%; } .km-loading, .km-loader .km-loading-left, .km-loader .km-loading-right, .km-load-more.km-scroller-refresh .km-icon, .km-scroller-pull.km-scroller-refresh .km-icon, .km-scroller-refresh .km-loading-left, .km-scroller-refresh .km-loading-right { font-size: 1em; display: block; width: 0.36em; height: 1em; position: absolute; top: 50%; left: 50%; margin-left: -0.8em; margin-top: -0.5em; border-radius: 1em; -webkit-animation: km-webload 0.6s infinite linear; animation: km-webload 0.6s infinite linear; background-clip: padding-box; } .km-load-more.km-scroller-refresh .km-icon, .km-scroller-pull.km-scroller-refresh .km-icon, .km-scroller-refresh .km-loading-left, .km-scroller-refresh .km-loading-right { height: 0.6em; margin-top: -0.3em; margin-left: -0.6em; width: 0.25em; -webkit-animation: km-webrefresh 0.6s infinite linear; animation: km-webrefresh 0.6s infinite linear; } .km-root .km-loading-left { margin-left: -0.2em; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .km-root .km-loading-right { margin-left: 0.42em; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } @keyframes km-webload { 0% { height: 1em; margin-top: -0.5em; } 33% { height: 2em; margin-top: -1em; } 66% { height: 1em; margin-top: -0.5em; } } @-webkit-keyframes km-webload { 0% { height: 1em; margin-top: -0.5em; } 33% { height: 2em; margin-top: -1em; } 66% { height: 1em; margin-top: -0.5em; } } @keyframes km-webrefresh { 0% { height: 0.6em; margin-top: -0.3em; } 33% { height: 1.2em; margin-top: -0.6em; } 66% { height: 0.6em; margin-top: -0.3em; } } @-webkit-keyframes km-webrefresh { 0% { height: 0.6em; margin-top: -0.3em; } 33% { height: 1.2em; margin-top: -0.6em; } 66% { height: 0.6em; margin-top: -0.3em; } } .km-detail .km-icon, .km-button .km-icon, .km-list .km-icon, .km-ios .km-button .km-icon { width: 1em; height: 1em; font-size: 1em; margin-left: -0.3em; margin-right: 0.3em; vertical-align: baseline; display: inline-block; background-size: auto 100%; } html .km-widget .km-view .km-notext { margin-left: 0; margin-right: 0; } .km-buttongroup .km-button .km-icon { width: 1em; height: 1em; font-size: 1em; margin: 0.05em 0.16em 0 0; } .km-tabstrip .km-button .km-icon { width: 2.5rem; height: 2.5rem; font-size: 2.5rem; } .km-tabstrip .km-image, .km-tabstrip .km-button .km-icon { margin: 0 auto 0.1em; display: inline-block; } .km-tabstrip .km-text { display: block; } .km-phone .km-tabstrip .km-icon { height: 2.2rem; width: 2.2rem; font-size: 2.2rem; } .km-phone .km-horizontal .km-tabstrip .km-icon { height: 2rem; width: 2rem; font-size: 2rem; } @font-face { font-family: "Kendo UI"; src: url("/Content/kendo/commercial/styles/web/images/kendoui.woff?v=1.1") format("woff"), url("/Content/kendo/commercial/styles/web/images/kendoui.ttf?v=1.1") format("truetype"), url("/Content/kendo/commercial/styles/web/images/kendoui.svg#kendoui") format("svg"); } body:before { font-family: "Kendo UI"; content: "\a0"; font-size: 0; width: 0; height: 0; position: absolute; z-index: -1; } .km-root .km-pane .km-view .km-icon { -webkit-background-clip: text; background-size: 0 0; } .km-icon { position: relative; } .km-icon:after, .km-icon:before, .km-contactadd:after, .km-contactadd:before, .km-rowdelete:after, .km-rowdelete:before, .km-rowinsert:after, .km-rowinsert:before, .km-detaildisclose:after, .km-detaildisclose:before, .km-loading:after, .km-filter-wrap:before { position: relative; content: "\a0"; display: block; width: 100%; height: 100%; text-align: left; vertical-align: middle; background-size: auto; font: 1em/1em "Kendo UI"; } .km-icon:before, .km-contactadd:before, .km-rowdelete:before, .km-rowinsert:before, .km-detaildisclose:before { position: absolute; margin-top: 1px; color: rgba(0, 0, 0, 0.7); display: none; } .km-state-active .km-icon:before, .km-state-active .km-contactadd:before, .km-state-active .km-rowdelete:before, .km-state-active .km-rowinsert:before, .km-state-active .km-detaildisclose:before { display: block; } .km-ios7 .km-detaildisclose:after { font-family: serif; } .km-ios7 .km-icon:before, .km-ios7 .km-contactadd:before, .km-ios7 .km-rowdelete:before, .km-ios7 .km-rowinsert:before, .km-ios7 .km-detaildisclose:before { display: none; } .k-webkit .km-ios:not(.km-android):not(.km-blackberry6):not(.km-blackberry7) .km-icon:after, .k-webkit .km-blackberry:not(.km-android):not(.km-blackberry6):not(.km-blackberry7) .km-icon:after, .k-safari .km-ios:not(.km-android):not(.km-blackberry6):not(.km-blackberry7) .km-icon:after, .k-safari .km-blackberry:not(.km-android):not(.km-blackberry6):not(.km-blackberry7) .km-icon:after { background-image: inherit; background-repeat: inherit; background-position: inherit; background-color: currentcolor; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .km-root .km-pane.km-on-blackberry.km-blackberry6 .km-view .km-icon:after, .km-root .km-pane.km-on-blackberry.km-blackberry7 .km-view .km-icon:after, .km-root .km-pane.km-pane.km-on-android .km-view .km-icon:after, .km-root .km-pane.km-pane.km-on-meego .km-view .km-icon:after { background: none; -webkit-text-fill-color: inherit; } .km-contactadd:after, .km-contactadd:before, .km-rowinsert:after, .km-rowinsert:before { content: "\E039"; } .km-rowdelete:after, .km-rowdelete:before { content: "\E03a"; } .km-detaildisclose:after, .km-detaildisclose:before { content: "\E0E2"; } .km-action:after, .km-action:before { content: "\e0ca"; } .km-add:after, .km-add:before { content: "\e0cb"; } .km-arrow-n:after, .km-arrow-n:before { content: "\e001"; } .km-arrow-s:after, .km-arrow-s:before { content: "\e002"; } .km-battery:after, .km-battery:before { content: "\e0ce"; } .km-bookmarks:after, .km-bookmarks:before { content: "\e0cf"; } .km-camera:after, .km-camera:before { content: "\e0d0"; } .km-cart:after, .km-cart:before { content: "\e0d1"; } .km-edit:after, .km-compose:after, .km-edit:before, .km-compose:before { content: "\e0d5"; } .km-contacts:after, .km-contacts:before { content: "\e0e4"; } .km-trash:after, .km-delete:after, .km-trash:before, .km-delete:before { content: "\e0ec"; } .km-details:after, .km-details:before { content: "\e0e2"; } .km-download:after, .km-downloads:after, .km-download:before, .km-downloads:before { content: "\e0d4"; } .km-fastforward:after, .km-fastforward:before { content: "\e0d9"; } .km-toprated:after, .km-favorites:after, .km-toprated:before, .km-favorites:before { content: "\e0d7"; } .km-featured:after, .km-featured:before { content: "\e0d8"; } .km-globe:after, .km-globe:before { content: "\e0dc"; } .km-history:after, .km-history:before { content: "\e0e7"; } .km-home:after, .km-home:before { content: "\e0dd"; } .km-info:after, .km-about:after, .km-info:before, .km-about:before { content: "\e0de"; } .km-minus:after, .km-minus:before { content: "\e033"; } .km-more:after, .km-more:before { content: "\e0e0"; } .km-mostrecent:after, .km-mostrecent:before { content: "\e0cc"; } .km-mostviewed:after, .km-mostviewed:before { content: "\e0d6"; } .km-organize:after, .km-organize:before { content: "\e0eb"; } .km-pause:after, .km-pause:before { content: "\e0e3"; } .km-play:after, .km-play:before { content: "\e0e5"; } .km-plus:after, .km-plus:before { content: "\e032"; } .km-recents:after, .km-recents:before { content: "\e0d2"; } .km-refresh:after, .km-refresh:before { content: "\e0e6"; } .km-reply:after, .km-reply:before { content: "\e0ed"; } .km-rewind:after, .km-rewind:before { content: "\e0e8"; } .km-search:after, .km-search:before { content: "\e0e9"; } .km-settings:after, .km-settings:before { content: "\e0da"; } .km-share:after, .km-share:before { content: "\e0df"; } .km-sounds:after, .km-volume:after, .km-sounds:before, .km-volume:before { content: "\e0ef"; } .km-stop:after, .km-stop:before { content: "\e0ea"; } .km-wifi:after, .km-wifi:before { content: "\e0f0"; } .km-drawer-icon:after, .km-drawer-icon:before, .km-hamburger:before, .km-hamburger:after { content: "\e105"; } .km-root .km-pane .km-icon.km-check { -webkit-background-clip: initial; } .km-root .km-pane .km-check:checked:after, .km-widget .km-check:checked:after { content: "\e227"; } .km-android .km-more:after, .km-android .km-more:before { content: "\e0e1"; } .km-meego .km-more:after, .km-meego .km-more:before { content: "\e0f1"; } .km-wp .km-loading:after, .km-wp .km-load-more .km-icon:after, .km-wp .km-scroller-refresh .km-icon:after { content: "\e0f6"; } .km-meego .km-loading:after, .km-meego .km-load-more .km-icon:after, .km-meego .km-scroller-refresh .km-icon:after { content: "\e0f6"; } .km-root .km-android .km-loading:after, .km-android .km-load-more .km-icon:after, .km-root .km-android .km-scroller-refresh .km-icon:after { content: "\e0f6"; } .km-scroller-pull .km-icon:after { content: "\e0f2"; } .km-icon.km-phone:after, .km-ios7 .km-state-active .km-phone:after { content: "\e326"; } .km-ios7 .km-detaildisclose:after { content: "i"; } .km-ios7 .km-action:after { content: "\e1ff"; } .km-ios7 .km-add:after { content: "\e200"; } .km-ios7 .km-mostrecent:after { content: "\e201"; } .km-ios7 .km-battery:after { content: "\e203"; } .km-ios7 .km-bookmarks:after { content: "\e204"; } .km-ios7 .km-camera:after { content: "\e205"; } .km-ios7 .km-cart:after { content: "\e206"; } .km-ios7 .km-recents:after { content: "\e207"; } .km-ios7 .km-download:after, .km-ios7 .km-downloads:after { content: "\e209"; } .km-ios7 .km-edit:after { content: "\e20a"; } .km-ios7 .km-mostviewed:after { content: "\e20b"; } .km-ios7 .km-toprated:after, .km-ios7 .km-favorites:after { content: "\e20c"; } .km-ios7 .km-featured:after { content: "\e20d"; } .km-ios7 .km-fastforward:after { content: "\e20e"; } .km-ios7 .km-settings:after { content: "\e20f"; } .km-ios7 .km-globe:after { content: "\e211"; } .km-ios7 .km-home:after { content: "\e212"; } .km-ios7 .km-info:after, .km-ios7 .km-about:after { content: "\e213"; } .km-ios7 .km-share:after { content: "\e214"; } .km-ios7 .km-more:after { content: "\e215"; } .km-ios7 .km-details:after { content: "\e217"; } .km-ios7 .km-pause:after { content: "\e218"; } .km-ios7 .km-contacts:after { content: "\e219"; } .km-ios7 .km-play:after { content: "\e21a"; } .km-ios7 .km-refresh:after { content: "\e21b"; } .km-ios7 .km-history:after { content: "\e21c"; } .km-ios7 .km-rewind:after { content: "\e21d"; } .km-ios7 .km-search:after { content: "\e21e"; } .km-ios7 .km-stop:after { content: "\e21f"; } .km-ios7 .km-organize:after { content: "\e220"; } .km-ios7 .km-trash:after, .km-ios7 .km-delete:after { content: "\e221"; } .km-ios7 .km-reply:after { content: "\e222"; } .km-ios7 .km-forward:after { content: "\e223"; } .km-ios7 .km-sounds:after, .km-ios7 .km-volume:after { content: "\e224"; } .km-ios7 .km-wifi:after { content: "\e225"; } .km-ios7 .km-phone:after { content: "\e226"; } .km-ios7 .km-state-active .km-action:after { content: "\e2ff"; } .km-ios7 .km-state-active .km-add:after { content: "\e300"; } .km-ios7 .km-state-active .km-mostrecent:after { content: "\e301"; } .km-ios7 .km-state-active .km-battery:after { content: "\e303"; } .km-ios7 .km-state-active .km-bookmarks:after { content: "\e304"; } .km-ios7 .km-state-active .km-camera:after { content: "\e305"; } .km-ios7 .km-state-active .km-cart:after { content: "\e306"; } .km-ios7 .km-state-active .km-recents:after { content: "\e307"; } .km-ios7 .km-state-active .km-download:after, .km-ios7 .km-state-active .km-downloads:after { content: "\e309"; } .km-ios7 .km-state-active .km-edit:after { content: "\e30a"; } .km-ios7 .km-state-active .km-mostviewed:after { content: "\e30b"; } .km-ios7 .km-state-active .km-toprated:after, .km-ios7 .km-state-active .km-favorites:after { content: "\e30c"; } .km-ios7 .km-state-active .km-featured:after { content: "\e30d"; } .km-ios7 .km-state-active .km-fastforward:after { content: "\e30e"; } .km-ios7 .km-state-active .km-settings:after { content: "\e30f"; } .km-ios7 .km-state-active .km-globe:after { content: "\e311"; } .km-ios7 .km-state-active .km-home:after { content: "\e312"; } .km-ios7 .km-state-active .km-info:after, .km-ios7 .km-state-active .km-about:after { content: "\e313"; } .km-ios7 .km-state-active .km-share:after { content: "\e314"; } .km-ios7 .km-state-active .km-more:after { content: "\e315"; } .km-ios7 .km-state-active .km-details:after { content: "\e317"; } .km-ios7 .km-state-active .km-pause:after { content: "\e318"; } .km-ios7 .km-state-active .km-contacts:after { content: "\e319"; } .km-ios7 .km-state-active .km-play:after { content: "\e31a"; } .km-ios7 .km-state-active .km-refresh:after { content: "\e31b"; } .km-ios7 .km-state-active .km-history:after { content: "\e31c"; } .km-ios7 .km-state-active .km-rewind:after { content: "\e31d"; } .km-ios7 .km-state-active .km-search:after { content: "\e31e"; } .km-ios7 .km-state-active .km-stop:after { content: "\e31f"; } .km-ios7 .km-state-active .km-organize:after { content: "\e320"; } .km-ios7 .km-state-active .km-trash:after, .km-ios7 .km-state-active .km-delete:after { content: "\e321"; } .km-ios7 .km-state-active .km-reply:after { content: "\e322"; } .km-ios7 .km-state-active .km-forward:after { content: "\e323"; } .km-ios7 .km-state-active .km-sounds:after, .km-ios7 .km-state-active .km-volume:after { content: "\e324"; } .km-ios7 .km-state-active .km-wifi:after { content: "\e325"; } .km-arrowdown:after, .km-arrowdown:before { content: "\e002"; } .km-wp .km-scroller-pull .km-icon:after { content: "\E0D4"; } .km-on-wp.km-app .km-icon:after, .km-on-wp.km-app .km-filter-wrap:before, .km-on-wp.km-app .km-state-active .km-icon:after { color: transparent; background-image: url("/Content/kendo/commercial/styles/web/images/wp8_icons.png"); background-size: auto 100%; height: 1em; margin-top: 0; vertical-align: middle; } .km-wp-light.km-app .km-icon:after, .km-wp-light.km-app .km-filter-wrap:before { background-image: url("/Content/kendo/commercial/styles/web/images/wp8_inverseicons.png"); } .km-on-wp.km-app .km-icon { line-height: 1em; } .km-on-wp.km-app .km-icon:before { display: none; } .km-on-wp.km-app .km-action:after { background-position-x: 20%; } .km-on-wp.km-app .km-add:after, .km-on-wp.km-app .km-filter-reset .km-clear:after { background-position-x: 22%; } .km-on-wp.km-app .km-battery:after { background-position-x: 24%; } .km-on-wp.km-app .km-bookmarks:after { background-position-x: 26%; } .km-on-wp.km-app .km-camera:after { background-position-x: 28%; } .km-on-wp.km-app .km-cart:after { background-position-x: 30%; } .km-on-wp.km-app .km-edit:after, .km-on-wp.km-app .km-compose:after { background-position-x: 32%; } .km-on-wp.km-app .km-contacts:after { background-position-x: 34%; } .km-on-wp.km-app .km-trash:after, .km-on-wp.km-app .km-delete:after { background-position-x: 36%; } .km-on-wp.km-app .km-details:after { background-position-x: 38%; } .km-on-wp.km-app .km-download:after, .km-on-wp.km-app .km-downloads:after { background-position-x: 40%; } .km-on-wp.km-app .km-fastforward:after { background-position-x: 42%; } .km-on-wp.km-app .km-toprated:after, .km-on-wp.km-app .km-favorites:after { background-position-x: 44%; } .km-on-wp.km-app .km-featured:after { background-position-x: 46%; } .km-on-wp.km-app .km-globe:after { background-position-x: 48%; } .km-on-wp.km-app .km-history:after { background-position-x: 50%; } .km-on-wp.km-app .km-home:after { background-position-x: 52%; } .km-on-wp.km-app .km-info:after, .km-on-wp.km-app .km-about:after { background-position-x: 54%; } .km-on-wp.km-app .km-more:after { background-position-x: 56%; } .km-on-wp.km-app .km-mostrecent:after { background-position-x: 58%; } .km-on-wp.km-app .km-mostviewed:after { background-position-x: 60%; } .km-on-wp.km-app .km-organize:after { background-position-x: 62%; } .km-on-wp.km-app .km-pause:after { background-position-x: 64%; } .km-on-wp.km-app .km-play:after { background-position-x: 66%; } .km-on-wp.km-app .km-recents:after { background-position-x: 68%; } .km-on-wp.km-app .km-refresh:after { background-position-x: 70%; } .km-on-wp.km-app .km-reply:after { background-position-x: 72%; } .km-on-wp.km-app .km-rewind:after { background-position-x: 74%; } .km-on-wp.km-app .km-search:after, .km-on-wp.km-app .km-filter-wrap:before { background-position-x: 76%; } .km-on-wp.km-app .km-settings:after { background-position-x: 78%; } .km-on-wp.km-app .km-share:after { background-position-x: 80%; } .km-on-wp.km-app .km-sounds:after, .km-on-wp.km-app .km-volume:after { background-position-x: 82%; } .km-on-wp.km-app .km-stop:after { background-position-x: 84%; } .km-on-wp.km-app .km-wifi:after { background-position-x: 86%; } .km-on-wp.km-app.km-android .km-more:after { background-position-x: 88%; } .km-on-wp.km-app.km-meego .km-more:after { background-position-x: 90%; } .km-on-wp.km-app.km-meego .km-loading:after, .km-on-wp.km-app.km-meego .km-load-more .km-icon:after, .km-on-wp.km-app.km-meego .km-scroller-refresh .km-icon:after { background-position-x: 94%; } .km-on-wp.km-app .km-scroller-pull .km-icon:after { background-position-x: 100%; } .km-on-wp.km-app .km-filter-wrap:before { display: inline-block; content: "\a0"; } .km-on-wp.km-app .km-filter-reset .km-clear:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .km-list .km-icon-label.k-i-arrow-e:before { content: "\E000"; } .km-list .km-icon-label.k-i-arrow-n:before { content: "\E001"; } .km-list .km-icon-label.k-i-arrow-s:before { content: "\E002"; } .km-list .km-icon-label.k-i-arrow-w:before { content: "\E003"; } .km-list .km-icon-label.k-i-arrow-ne:before { content: "\E004"; } .km-list .km-icon-label.k-i-arrow-nw:before { content: "\E005"; } .km-list .km-icon-label.k-i-arrow-se:before { content: "\E006"; } .km-list .km-icon-label.k-i-arrow-sw:before { content: "\E007"; } .km-list .km-icon-label.k-i-seek-e:before { content: "\E008"; } .km-list .km-icon-label.k-i-seek-n:before { content: "\E009"; } .km-list .km-icon-label.k-i-seek-s:before { content: "\E00A"; } .km-list .km-icon-label.k-i-seek-w:before { content: "\E00B"; } .km-list .km-icon-label.k-si-arrow-e:before, .km-list .km-icon-label.k-i-sarrow-e:before { content: "\E00C"; } .km-list .km-icon-label.k-si-arrow-n:before, .km-list .km-icon-label.k-i-sarrow-n:before { content: "\E00D"; } .km-list .km-icon-label.k-si-arrow-s:before, .km-list .km-icon-label.k-i-sarrow-s:before { content: "\E00E"; } .km-list .km-icon-label.k-si-arrow-w:before, .km-list .km-icon-label.k-i-sarrow-w:before { content: "\E00F"; } .km-list .km-icon-label.k-i-arrowhead-e:before { content: "\E010"; } .km-list .km-icon-label.k-i-arrowhead-n:before { content: "\E011"; } .km-list .km-icon-label.k-i-arrowhead-s:before { content: "\E012"; } .km-list .km-icon-label.k-i-arrowhead-w:before { content: "\E013"; } .km-list .km-icon-label.k-i-arrowhead-ew:before { content: "\E014"; } .km-list .km-icon-label.k-i-arrowhead-ns:before { content: "\E015"; } .km-list .km-icon-label.k-i-move:before { content: "\E016"; } .km-list .km-icon-label.k-i-resize:before { content: "\E017"; } .km-list .km-icon-label.k-i-resize-45:before { content: "\E018"; } .km-list .km-icon-label.k-i-resize-135:before { content: "\E019"; } .km-list .km-icon-label.k-i-resize-h:before { content: "\E01A"; } .km-list .km-icon-label.k-i-resize-v:before { content: "\E01B"; } .km-list .km-icon-label.k-i-refresh:before { content: "\E01C"; } .km-list .km-icon-label.k-i-refresh-rev:before { content: "\E01D"; } .km-list .km-icon-label.k-si-refresh:before, .km-list .km-icon-label.k-i-srefresh:before { content: "\E01E"; } .km-list .km-icon-label.k-si-refresh-rev:before, .km-list .km-icon-label.k-s-srefresh-rev:before { content: "\E01F"; } .km-list .km-icon-label.k-i-turn-en:before { content: "\E020"; } .km-list .km-icon-label.k-i-turn-es:before { content: "\E021"; } .km-list .km-icon-label.k-i-turn-ne:before { content: "\E022"; } .km-list .km-icon-label.k-i-turn-nw:before { content: "\E023"; } .km-list .km-icon-label.k-i-turn-se:before { content: "\E024"; } .km-list .km-icon-label.k-i-turn-sw:before { content: "\E025"; } .km-list .km-icon-label.k-i-turn-wn:before { content: "\E026"; } .km-list .km-icon-label.k-i-turn-ws:before { content: "\E027"; } .km-list .km-icon-label.k-i-uturn-e:before { content: "\E028"; } .km-list .km-icon-label.k-i-uturn-e-rev:before { content: "\E029"; } .km-list .km-icon-label.k-i-uturn-n:before { content: "\E02A"; } .km-list .km-icon-label.k-i-uturn-n-rev:before { content: "\E02B"; } .km-list .km-icon-label.k-i-uturn-s:before { content: "\E02C"; } .km-list .km-icon-label.k-i-uturn-s-rev:before { content: "\E02D"; } .km-list .km-icon-label.k-i-uturn-w:before { content: "\E02E"; } .km-list .km-icon-label.k-i-uturn-w-rev:before { content: "\E02F"; } .km-list .km-icon-label.k-i-tick-sign:before { content: "\E030"; } .km-list .km-icon-label.k-i-close-sign:before { content: "\E031"; } .km-list .km-icon-label.k-i-plus-sign:before { content: "\E032"; } .km-list .km-icon-label.k-i-minus-sign:before { content: "\E033"; } .km-list .km-icon-label.k-si-plus-sign:before, .km-list .km-icon-label.k-i-splus-sign:before { content: "\E034"; } .km-list .km-icon-label.k-si-minus-sign:before, .km-list .km-icon-label.k-i-sminus-sign:before { content: "\E035"; } .km-list .km-icon-label.k-i-cancel:before { content: "\E036"; } .km-list .km-icon-label.k-i-tick:before { content: "\E037"; } .km-list .km-icon-label.k-i-close:before { content: "\E038"; } .km-list .km-icon-label.k-i-plus:before { content: "\E039"; } .km-list .km-icon-label.k-i-minus:before { content: "\E03A"; } .km-list .km-icon-label.k-si-plus:before, .km-list .km-icon-label.k-i-splus:before { content: "\E03B"; } .km-list .km-icon-label.k-si-minus:before, .km-list .km-icon-label.k-i-sminus:before { content: "\E03C"; } .km-list .km-icon-label.k-i-stop:before { content: "\E03D"; } .km-list .km-icon-label.k-i-pause:before { content: "\E03E"; } .km-list .km-icon-label.k-i-eject:before { content: "\E03F"; } .km-list .km-icon-label.k-i-volume-off:before { content: "\E040"; } .km-list .km-icon-label.k-i-volume-low:before { content: "\E041"; } .km-list .km-icon-label.k-i-volume-high:before { content: "\E042"; } .km-list .km-icon-label.k-i-earphones:before { content: "\E043"; } .km-list .km-icon-label.k-i-heart:before { content: "\E044"; } .km-list .km-icon-label.k-i-heart-empty:before { content: "\E045"; } .km-list .km-icon-label.k-i-heart-half:before { content: "\E046"; } .km-list .km-icon-label.k-i-star:before { content: "\E047"; } .km-list .km-icon-label.k-i-star-empty:before { content: "\E048"; } .km-list .km-icon-label.k-i-star-half:before { content: "\E049"; } .km-list .km-icon-label.k-i-star-half-empty:before { content: "\E04A"; } .km-list .km-icon-label.k-i-chart-column:before { content: "\E04B"; } .km-list .km-icon-label.k-i-chart-bar:before { content: "\E04C"; } .km-list .km-icon-label.k-i-chart-pie:before { content: "\E04D"; } .km-list .km-icon-label.k-i-chart-donut:before { content: "\E04E"; } .km-list .km-icon-label.k-i-chart-line:before { content: "\E04F"; } .km-list .km-icon-label.k-i-chart-area:before { content: "\E050"; } .km-list .km-icon-label.k-i-chart-donut:before { content: "\E051"; } .km-list .km-icon-label.k-i-align-left:before { content: "\E052"; } .km-list .km-icon-label.k-i-align-center:before { content: "\E053"; } .km-list .km-icon-label.k-i-align-right:before { content: "\E054"; } .km-list .km-icon-label.k-i-align-justify:before { content: "\E055"; } .km-list .km-icon-label.k-i-align-clear:before { content: "\E056"; } .km-list .km-icon-label.k-i-bold:before { content: "\E057"; } .km-list .km-icon-label.k-i-bold-sans:before { content: "\E058"; } .km-list .km-icon-label.k-i-italic:before { content: "\E059"; } .km-list .km-icon-label.k-i-italic-sans:before { content: "\E05A"; } .km-list .km-icon-label.k-i-underline:before { content: "\E05B"; } .km-list .km-icon-label.k-i-underline-sans:before { content: "\E05C"; } .km-list .km-icon-label.k-i-strikethrough:before { content: "\E05D"; } .km-list .km-icon-label.k-i-strikethrough-sans:before { content: "\E05E"; } .km-list .km-icon-label.k-i-font-a:before { content: "\E05F"; } .km-list .km-icon-label.k-i-font-a-sans:before { content: "\E060"; } .km-list .km-icon-label.k-i-font-t:before { content: "\E061"; } .km-list .km-icon-label.k-i-font-t-sans:before { content: "\E062"; } .km-list .km-icon-label.k-i-brightness:before { content: "\E063"; } .km-list .km-icon-label.k-i-brightness-contrast:before { content: "\E064"; } .km-list .km-icon-label.k-i-contrast:before { content: "\E065"; } .km-list .km-icon-label.k-i-crop:before { content: "\E066"; } .km-list .km-icon-label.k-i-mirror:before { content: "\E067"; } .km-list .km-icon-label.k-i-flip-h:before { content: "\E068"; } .km-list .km-icon-label.k-i-flip-v:before { content: "\E069"; } .km-list .km-icon-label.k-i-rotate:before { content: "\E06A"; } .km-list .km-icon-label.k-i-rotate-rev:before { content: "\E06B"; } .km-list .km-icon-label.k-i-filter:before { content: "\E06C"; } .km-list .km-icon-label.k-i-filter-clear:before { content: "\E06D"; } .km-list .km-icon-label.k-i-sort-asc:before { content: "\E06E"; } .km-list .km-icon-label.k-i-sort-desc:before { content: "\E06F"; } .km-list .km-icon-label.k-i-sort-clear:before { content: "\E070"; } .km-list .km-icon-label.k-i-indent:before { content: "\E071"; } .km-list .km-icon-label.k-i-outdent:before { content: "\E072"; } .km-list .km-icon-label.k-i-hyperlink:before { content: "\E073"; } .km-list .km-icon-label.k-i-hyperlink-clear:before { content: "\E074"; } .km-list .km-icon-label.k-i-hyperlink-ext:before { content: "\E075"; } .km-list .km-icon-label.k-si-hyperlink-ext:before { content: "\E076"; } .km-list .km-icon-label.k-i-ul:before { content: "\E077"; } .km-list .km-icon-label.k-si-ul:before { content: "\E078"; } .km-list .km-icon-label.k-i-paint:before { content: "\E079"; } .km-list .km-icon-label.k-i-paste:before { content: "\E07A"; } .km-list .km-icon-label.k-i-pencil:before { content: "\E07B"; } .km-list .km-icon-label.k-i-image:before { content: "\E07C"; } .km-list .km-icon-label.k-i-image-add:before { content: "\E07D"; } .km-list .km-icon-label.k-i-print:before { content: "\E07E"; } .km-list .km-icon-label.k-i-zoom:before { content: "\E07F"; } .km-list .km-icon-label.k-i-zoom-in:before { content: "\E080"; } .km-list .km-icon-label.k-i-zoom-out:before { content: "\E081"; } .km-list .km-icon-label.k-i-asterisk:before { content: "\E082"; } .km-list .km-icon-label.k-i-clip:before { content: "\E083"; } .km-list .km-icon-label.k-i-clip-45:before { content: "\E084"; } .km-list .km-icon-label.k-i-qrcode:before { content: "\E085"; } .km-list .km-icon-label.k-i-book:before { content: "\E086"; } .km-list .km-icon-label.k-i-bookmark:before { content: "\E087"; } .km-list .km-icon-label.k-i-briefcase:before { content: "\E088"; } .km-list .km-icon-label.k-i-calendar:before { content: "\E089"; } .km-list .km-icon-label.k-i-camera-still:before { content: "\E08A"; } .km-list .km-icon-label.k-i-camera-video:before { content: "\E08B"; } .km-list .km-icon-label.k-i-certificate:before { content: "\E08C"; } .km-list .km-icon-label.k-i-clock:before { content: "\E08D"; } .km-list .km-icon-label.k-i-cloud:before { content: "\E08E"; } .km-list .km-icon-label.k-i-collapse:before { content: "\E08F"; } .km-list .km-icon-label.k-i-columns:before { content: "\E090"; } .km-list .km-icon-label.k-i-comment:before { content: "\E091"; } .km-list .km-icon-label.k-i-comment-empty:before { content: "\E092"; } .km-list .km-icon-label.k-i-comments:before { content: "\E093"; } .km-list .km-icon-label.k-i-comments-empty:before { content: "\E094"; } .km-list .km-icon-label.k-i-credit-card:before { content: "\E095"; } .km-list .km-icon-label.k-i-download:before { content: "\E096"; } .km-list .km-icon-label.k-i-draghandle:before { content: "\E097"; } .km-list .km-icon-label.k-si-draghandle:before { content: "\E098"; } .km-list .km-icon-label.k-i-envelop:before { content: "\E099"; } .km-list .km-icon-label.k-i-envelop-open:before { content: "\E09A"; } .km-list .km-icon-label.k-i-eye:before { content: "\E09B"; } .km-list .km-icon-label.k-i-file:before { content: "\E09C"; } .km-list .km-icon-label.k-i-file-add:before { content: "\E09D"; } .km-list .km-icon-label.k-i-film:before { content: "\E09E"; } .km-list .km-icon-label.k-i-flag:before { content: "\E09F"; } .km-list .km-icon-label.k-i-folder-add:before { content: "\E0A0"; } .km-list .km-icon-label.k-i-folder:before { content: "\E0A1"; } .km-list .km-icon-label.k-i-folder-open:before { content: "\E0A2"; } .km-list .km-icon-label.k-i-folder-up:before { content: "\E0A3"; } .km-list .km-icon-label.k-i-gear:before { content: "\E0A4"; } .km-list .km-icon-label.k-si-gear:before { content: "\E0A5"; } .km-list .km-icon-label.k-i-transmit:before { content: "\E0A6"; } .km-list .km-icon-label.k-i-beer:before { content: "\E0A7"; } .km-list .km-icon-label.k-i-cocktail:before { content: "\E0A8"; } .km-list .km-icon-label.k-i-coffee:before { content: "\E0A9"; } .km-list .km-icon-label.k-i-wine:before { content: "\E0AA"; } .km-list .km-icon-label.k-i-grid:before { content: "\E0AB"; } .km-list .km-icon-label.k-i-thumbs:before { content: "\E0AC"; } .km-list .km-icon-label.k-i-split-h:before { content: "\E0AD"; } .km-list .km-icon-label.k-i-split-v:before { content: "\E0AE"; } .km-list .km-icon-label.k-i-home:before { content: "\E0AF"; } .km-list .km-icon-label.k-i-inbox:before { content: "\E0B0"; } .km-list .km-icon-label.k-i-key:before { content: "\E0B1"; } .km-list .km-icon-label.k-i-login:before { content: "\E0B2"; } .km-list .km-icon-label.k-i-logout:before { content: "\E0B3"; } .km-list .km-icon-label.k-i-place:before { content: "\E0B4"; } .km-list .km-icon-label.k-i-megaphone:before { content: "\E0B5"; } .km-list .km-icon-label.k-i-note:before { content: "\E0B6"; } .km-list .km-icon-label.k-i-pin:before { content: "\E0B7"; } .km-list .km-icon-label.k-i-unpin:before { content: "\E0B8"; } .km-list .km-icon-label.k-i-power:before { content: "\E0B9"; } .km-list .km-icon-label.k-i-progress-bars:before { content: "\E0BA"; } .km-list .km-icon-label.k-i-road:before { content: "\E0BB"; } .km-list .km-icon-label.k-i-rss:before { content: "\E0BC"; } .km-list .km-icon-label.k-i-floppy:before { content: "\E0BD"; } .km-list .km-icon-label.k-i-sitemap:before { content: "\E0BE"; } .km-list .km-icon-label.k-i-tag-45:before { content: "\E0BF"; } .km-list .km-icon-label.k-i-tag-h:before { content: "\E0C0"; } .km-list .km-icon-label.k-i-thunderbolt:before { content: "\E0C1"; } .km-list .km-icon-label.k-i-tooltip:before { content: "\E0C2"; } .km-list .km-icon-label.k-i-trash:before { content: "\E0C3"; } .km-list .km-icon-label.k-i-trophy:before { content: "\E0C4"; } .km-list .km-icon-label.k-i-ungroup:before { content: "\E0C5"; } .km-list .km-icon-label.k-i-upload:before { content: "\E0C6"; } .km-list .km-icon-label.k-i-window:before { content: "\E0C7"; } .km-list .km-icon-label.k-i-tiles:before { content: "\E0C8"; } .km-list .km-icon-label.k-i-wrench:before { content: "\E0C9"; } .km-list .km-icon-label.k-i-action:before { content: "\E0CA"; } .km-list .km-icon-label.k-i-add:before { content: "\E0CB"; } .km-list .km-icon-label.k-i-add-inv:before { content: "\E0CC"; } .km-list .km-icon-label.k-i-armchair:before { content: "\E0CD"; } .km-list .km-icon-label.k-i-battery:before { content: "\E0CE"; } .km-list .km-icon-label.k-i-book-open:before { content: "\E0CF"; } .km-list .km-icon-label.k-i-camera:before { content: "\E0D0"; } .km-list .km-icon-label.k-i-cart:before { content: "\E0D1"; } .km-list .km-icon-label.k-i-time:before { content: "\E0D2"; } .km-list .km-icon-label.k-i-coffee-card:before { content: "\E0D3"; } .km-list .km-icon-label.k-i-download-arrow:before { content: "\E0D4"; } .km-list .km-icon-label.k-i-edit:before { content: "\E0D5"; } .km-list .km-icon-label.k-i-faves:before { content: "\E0D6"; } .km-list .km-icon-label.k-i-star:before { content: "\E0D7"; } .km-list .km-icon-label.k-i-featured:before { content: "\E0D8"; } .km-list .km-icon-label.k-i-forward:before { content: "\E0D9"; } .km-list .km-icon-label.k-i-cog:before { content: "\E0DA"; } .km-list .km-icon-label.k-i-globe:before { content: "\E0DB"; } .km-list .km-icon-label.k-i-globe-inv:before { content: "\E0DC"; } .km-list .km-icon-label.k-i-house:before { content: "\E0DD"; } .km-list .km-icon-label.k-i-info:before { content: "\E0DE"; } .km-list .km-icon-label.k-i-share:before { content: "\E0DF"; } .km-list .km-icon-label.k-i-more-h:before { content: "\E0E0"; } .km-list .km-icon-label.k-i-more-v:before { content: "\E0E1"; } .km-list .km-icon-label.k-i-next:before { content: "\E0E2"; } .km-list .km-icon-label.k-i-pause-a:before { content: "\E0E3"; } .km-list .km-icon-label.k-i-user:before { content: "\E0E4"; } .km-list .km-icon-label.k-i-play-a:before { content: "\E0E5"; } .km-list .km-icon-label.k-i-refresh-a:before { content: "\E0E6"; } .km-list .km-icon-label.k-i-reset:before { content: "\E0E7"; } .km-list .km-icon-label.k-i-rewind:before { content: "\E0E8"; } .km-list .km-icon-label.k-i-search-a:before { content: "\E0E9"; } .km-list .km-icon-label.k-i-stop-a:before { content: "\E0EA"; } .km-list .km-icon-label.k-i-tiles-a:before { content: "\E0EB"; } .km-list .km-icon-label.k-i-trash-a:before { content: "\E0EC"; } .km-list .km-icon-label.k-i-undo:before { content: "\E0ED"; } .km-list .km-icon-label.k-i-redo:before { content: "\E0EE"; } .km-list .km-icon-label.k-i-volume-a:before { content: "\E0EF"; } .km-list .km-icon-label.k-i-wifi:before { content: "\E0F0"; } .km-list .km-icon-label.k-i-more-lines:before { content: "\E0F1"; } .km-list .km-icon-label.k-i-pull-to-ref:before { content: "\E0F2"; } .km-list .km-icon-label.k-i-loading-android:before { content: "\E0F3"; } .km-list .km-icon-label.k-i-loading-blackberry:before { content: "\E0F4"; } .km-list .km-icon-label.k-i-loading-meego:before { content: "\E0F5"; } .km-list .km-icon-label.k-i-loading-custom:before { content: "\E0F6"; } .km-list .km-icon-label.k-i-loading-ios:before { content: "\E0F7"; } .km-list .km-icon-label.k-i-bug:before { content: "\E0F8"; } .km-list .km-icon-label.k-i-info:before { content: "\E0F9"; } .km-list .km-icon-label.k-i-warning:before { content: "\E0FA"; } .km-list .km-icon-label.k-i-question:before { content: "\E0FB"; } .km-list .km-icon-label.k-i-insert-n:before { content: "\E0FC"; } .km-list .km-icon-label.k-i-insert-m:before { content: "\E0FD"; } .km-list .km-icon-label.k-i-insert-s:before { content: "\E0FE"; } .km-list .km-icon-label.k-i-lock:before { content: "\E0FF"; } .km-list .km-icon-label.k-i-unlock:before { content: "\E100"; } .km-list .km-icon-label.k-i-phone:before { content: "\E101"; } .km-list .km-icon-label.k-i-tablet:before { content: "\E102"; } .km-list .km-icon-label.k-i-ol:before { content: "\E103"; } .km-list .km-icon-label.k-i-barcode:before { content: "\E104"; } .km-list .km-icon-label.k-i-html5:before { content: "\E105"; } .km-list .km-icon-label.k-i-css3:before { content: "\E106"; } .km-list .km-icon-label.k-i-kendoui:before { content: "\E107"; } .km-list .km-icon-label.k-i-telerik:before { content: "\E108"; } .km-list .km-icon-label.k-i-icenium:before { content: "\E109"; } .km-list .km-icon-label.k-i-sitefinity:before { content: "\E10A"; } .km-list .km-icon-label.k-i-twitter:before { content: "\E10B"; } .km-list .km-icon-label.k-i-linkedin:before { content: "\E10C"; } .km-list .km-icon-label.k-i-facebook:before { content: "\E10D"; } .km-list .km-icon-label.k-i-pinterest:before { content: "\E10E"; } .km-list .km-icon-label.k-i-youtube:before { content: "\E10F"; } .km-list .km-icon-label.k-i-vimeo:before { content: "\E110"; } .km-list .km-icon-label.k-i-behance:before { content: "\E111"; } .km-list .km-icon-label.k-i-dribbble:before { content: "\E112"; } .km-list .km-icon-label.k-i-googleplus:before { content: "\E113"; } .km-list .km-icon-label.k-i-minimize:before { content: "\E114"; } .km-list .km-icon-label.k-i-html:before { content: "\E115"; } .km-list .km-icon-label.k-i-group:before { content: "\E116"; } .km-list .km-icon-label.k-i-subscript:before { content: "\E117"; } .km-list .km-icon-label.k-i-superscript:before { content: "\E118"; } .km-list .km-icon-label.k-i-drophere:before { content: "\E119"; } .km-button { margin: 0; padding: 0.3em 0.8em; border-width: 1px; border-style: solid; } .km-button:hover { text-decoration: none; } .km-badge { border: 0; min-width: 1.8em; height: 1.8em; line-height: 1.8em; border-radius: 5em; } .km-detail { border-radius: 5em; min-width: 1.4em; height: 1.4em; line-height: 1.4em; border-width: 1px; border-style: solid; } .km-detaildisclose { min-width: 1.8em; height: 1.8em; line-height: 1.8em; } .km-detaildisclose:after, .km-detaildisclose:before { left: 0.1em; top: 0.35em; } .km-detail .km-icon:before { display: none; } .km-buttongroup { vertical-align: middle; background: transparent; padding: 0; margin: 0; } .km-buttongroup > * { padding: 0.36em 0.8em; } .km-buttongroup > *:not(:first-child):not(:last-child) { border-radius: 0; } .km-widget.km-buttongroup > *:last-child, .km-widget.km-buttongroup > *.km-state-active { border-right-width: 1px; } .km-widget.km-buttongroup > *.km-state-active + * { border-left-width: 0; } .km-navbar { border-width: 1px; border-style: solid; } .km-header .km-navbar { border-width: 0 0 1px; } .km-footer .km-navbar { border-width: 1px 0 0; } .km-tabstrip { padding: 0; display: table; table-layout: fixed; } .km-tabstrip .km-button { font-size: 0.7em; display: table-cell; border: 0; } .km-tabstrip .km-icon:before { display: none; } .km-switch { width: 4.2em; height: 1.9em; line-height: 1.76em; overflow: hidden; vertical-align: middle; } .km-switch-wrapper { overflow: hidden; } .km-switch-background { width: 118%; position: relative; left: -95%; margin-left: 0; background: currentcolor; } .km-switch .km-switch-background { border-top-right-radius: 0; border-bottom-right-radius: 0; } .km-switch-container { padding: 1px 0 1px 1px; border-width: 0; } .km-switch-handle { width: 1.6em; margin: 0 4px 0 0; border: 1px solid transparent; background-clip: padding-box; box-shadow: 0 1px 0 1px currentcolor, 0 -1px 0 1px currentcolor; } .km-switch-label-off { left: 101%; } .km-switch-label-on { left: -171%; } .km-switch-label-on, .km-switch-label-off { text-shadow: none; width: 170%; font-size: 1em; line-height: 1.76em; vertical-align: middle; top: -2px; } .km-switch-container, .km-switch-wrapper { box-sizing: border-box; border-width: 1px; border-style: solid; background-clip: content-box; } .km-list > li { border-style: solid; border-width: 0 0 1px 0; } .km-listinset > li:first-child, .km-listgroupinset .km-list > li:first-child { border-style: solid; border-width: 1px; } .km-listinset > li, .km-listgroupinset .km-list > li { border-width: 0 1px 1px 1px; } .km-listinset > li:last-child, .km-listgroupinset .km-list > li:last-child { border-style: solid; border-width: 0 1px 1px 1px; } .km-listinset > li:first-child:last-child, .km-listgroupinset .km-list > li:first-child:last-child { border-width: 1px; } .km-listview-link:after { border-color: currentcolor; border-width: 0.2rem 0.2rem 0 0; } .km-pane:not(.km-on-android) .km-listview-link:after { width: 0.66rem; height: 0.64rem; border-width: 0; box-shadow: inset -0.2rem 0.2rem 0; } .km-listinset li:first-child > .km-listview-link, .km-listgroupinset li:first-child > .km-listview-link, .km-listinset li:first-child > .km-listview-label, .km-listgroupinset li:first-child > .km-listview-label { border-radius: 2px 2px 0 0; } .km-listinset li:last-child > .km-listview-link, .km-listgroupinset li:last-child > .km-listview-link, .km-listinset li:last-child > .km-listview-label, .km-listgroupinset li:last-child > .km-listview-label { border-radius: 0 0 2px 2px; } .km-listinset li:first-child:last-child > .km-listview-link, .km-listgroupinset li:first-child:last-child > .km-listview-link, .km-listinset li:first-child:last-child > .km-listview-label, .km-listgroupinset li:first-child:last-child > .km-listview-label { border-radius: 2px; } .km-group-title { border-style: solid; border-width: 1px 0; } .km-scroll-header .km-group-title { border-width: 0 0 1px; } .km-listgroupinset .km-group-title { border: 0; background: none; } .km-listview .km-switch { margin-top: -0.9rem; } .km-listview-wrapper form .km-filter-wrap > input { font-size: 1.2em; padding: 0.3em 1.8em; } .km-widget .km-filter-wrap:before { margin: 0.05em -1.2em 0 0.2em; } .km-filter-reset { margin: 0.05em 0 0 -2em; } .km-filter-reset .km-clear:after { content: "\e038"; } .km-filter-wrap > input { border-width: 1px; border-style: solid; } .km-load-more { height: 3.4em; } .km-load-more .km-button { margin: 0 0.8em; display: block; } .km-scroller-refresh.km-load-more { padding: 0; position: relative; margin: auto; } .km-scroller-refresh.km-load-more, .km-scroller-pull { font-size: 1em; width: 2.5em; height: 2.5em; top: 0.25em; white-space: nowrap; } .km-scroller-pull { left: 50%; margin: 0 0 0 -90px; } .km-scroller-pull .km-template { position: absolute; line-height: 2em; font-size: 1.2em; min-width: 0; top: 0; left: 3em; } .km-scroller-pull .km-icon { margin-right: 0; display: block; position: absolute; top: 50%; left: 50%; margin-left: -1rem; margin-top: -1rem; } .km-scroller-pull .km-icon:after { content: "\e012"; margin-left: -3px; } .km-scroller-refresh .km-icon:after { display: none; } .km-scroller-refresh .km-loading-left { margin-left: -0.18em; } .km-scroller-refresh .km-loading-right { margin-left: 0.28em; } .km-pages { padding-top: 0.5em; } .km-pages li { border-radius: 1em; } .km-list input[type=password], .km-list input[type=search], .km-list input[type=number], .km-list input[type=tel], .km-list input[type=url], .km-list input[type=email], .km-list input[type=month], .km-list input[type=color], .km-list input[type=week], .km-list input[type=date], .km-list input[type=time], .km-list input[type=datetime], .km-list input[type=datetime-local], .km-list input[type=text]:not(.k-input), .km-list select:not([multiple]), .km-list .k-dropdown-wrap, .km-list textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 1.1rem; min-width: 6em; border: 0; padding: 0.4em; outline: none; background: transparent; } .km-list .k-dropdown-wrap { padding: 0.2em; } .km-list .k-dropdown { margin-top: -1.05em; font-weight: normal; } .km-list input[type=color], .km-list input[type=week], .km-list input[type=date], .km-list input[type=time], .km-list input[type=month], .km-list input[type=datetime], .km-list input[type=datetime-local], .km-list .k-dropdown { text-align: left; } .km-list .k-dropdown .k-dropdown-wrap { display: block; border-radius: 0; background: transparent; box-shadow: none; } .km-listview-label input[type=checkbox] { margin-top: -0.7em; } .km-listview-label input[type=radio], .km-listview-label input[type=checkbox] { border-width: 1px; border-style: solid; width: 1.4em; height: 1.4em; } .km-listview-label input[type=radio] { width: 1.2em; height: 1.2em; border-radius: 1em; } .km-listview-label input[type=checkbox]:after { content: "\a0"; display: block; width: 90%; height: 76%; -webkit-transform: scale(0.9, 1); -ms-transform: scale(0.9, 1); transform: scale(0.9, 1); -webkit-transform-origin: 10% 50%; -ms-transform-origin: 10% 50%; transform-origin: 10% 50%; } .km-listview-label input[type=checkbox]:checked:after { font-size: 1.4em; } .km-listview-label input[type=radio]:after { color: transparent; } .km-actionsheet > li > a { font-size: 1.4em; font-weight: normal; text-align: center; } .km-actionsheet { max-height: 80%; } .km-actionsheet > li > a { display: block; } .km-actionsheet > li:last-child > a { border: 0; } .km-shim li.km-actionsheet-title, .km-popup li.km-actionsheet-title { display: none; } .km-popup-wrapper { padding: 15px; } .km-popover-root .km-popup { border: 5px solid transparent; } .km-popover-root .km-popup .km-view, .km-popover-root .km-popup .km-navbar, .km-popover-root .km-popup .km-toolbar, .km-popover-root .km-popup .km-tabstrip { background: none; } .km-popover-root .km-popup .km-header { padding: 0 5px; margin: -5px -5px 2px; -webkit-margin-collapse: separate; } .km-popup-arrow:after, .km-popup-arrow:before { border-style: solid; border-width: 0 15px 15px; } .km-down .km-popup-arrow:before { margin-top: -1px; } .km-up .km-popup-arrow:after, .km-up .km-popup-arrow:before { border-width: 15px 15px 0 15px; } .km-left .km-popup-arrow:after, .km-left .km-popup-arrow:before { border-width: 15px 0 15px 15px; } .km-right .km-popup-arrow:after, .km-right .km-popup-arrow:before { border-width: 15px 15px 15px 0; } .k-messagebox-primary { border-color: #d9dcf0; color: #212a5e; background-color: #c9ceea; } .k-messagebox-secondary { border-color: #ffffff; color: #858585; background-color: #ffffff; } .k-messagebox-tertiary { border-color: #dbefdc; color: #285b2a; background-color: #cde9ce; } .k-messagebox-info { border-color: #d3eafd; color: #114e7e; background-color: #c1e2fc; } .k-messagebox-success { border-color: #dbefdc; color: #285b2a; background-color: #cde9ce; } .k-messagebox-warning { border-color: #ffeacc; color: #854f00; background-color: #ffe2b8; } .k-messagebox-error { border-color: #fdd9d7; color: #7f231c; background-color: #fccac7; } .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-primary { border-color: #3f51b5; color: #ffffff; background-color: #3f51b5; } .k-badge-secondary { border-color: #fff; color: #000000; background-color: #fff; } .k-badge-tertiary { border-color: #4caf50; color: #ffffff; background-color: #4caf50; } .k-badge-info { border-color: #2196f3; color: #ffffff; background-color: #2196f3; } .k-badge-success { border-color: #4caf50; color: #ffffff; background-color: #4caf50; } .k-badge-warning { border-color: #ff9800; color: #000000; background-color: #ff9800; } .k-badge-error { border-color: #f44336; color: #ffffff; background-color: #f44336; } .k-badge-dark { border-color: #000000; color: #ffffff; background-color: #000000; } .k-badge-light { border-color: #ffffff; color: #000000; background-color: #ffffff; } .k-badge-inverse { border-color: #000000; color: #ffffff; background-color: #000000; } .k-badge-outline-primary { color: #3f51b5; } .k-badge-outline-secondary { color: #fff; } .k-badge-outline-tertiary { color: #4caf50; } .k-badge-outline-info { color: #2196f3; } .k-badge-outline-success { color: #4caf50; } .k-badge-outline-warning { color: #ff9800; } .k-badge-outline-error { color: #f44336; } .k-badge-outline-dark { color: #000000; } .k-badge-outline-light { color: #ffffff; } .k-badge-outline-inverse { color: #000000; } .k-tooltip-primary { border-color: #3f51b5; color: #ffffff; background-color: #3f51b5; } .k-tooltip-secondary { border-color: #fff; color: #000000; background-color: #fff; } .k-tooltip-tertiary { border-color: #4caf50; color: #ffffff; background-color: #4caf50; } .k-tooltip-info { border-color: #2196f3; color: #ffffff; background-color: #2196f3; } .k-tooltip-success { border-color: #4caf50; color: #ffffff; background-color: #4caf50; } .k-tooltip-warning { border-color: #ff9800; color: #000000; background-color: #ff9800; } .k-tooltip-error { border-color: #f44336; color: #ffffff; background-color: #f44336; } .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; } .km-buttongroup > *:first-child { border-radius: 3px 0 0 3px; } .km-buttongroup > *:last-child { border-radius: 0 3px 3px 0; } .km-listinset > li:first-child, .km-popover-root .km-popup .km-header, .km-listgroupinset .km-list > li:first-child { border-radius: 3px 3px 0 0; } .km-listinset > li:last-child, .km-listgroupinset .km-list > li:last-child { border-radius: 0 0 3px 3px; } .km-button, .km-switch-handle, .km-filter-wrap > input, .km-popover-root .km-popup, .km-actionsheet-wrapper.km-popup, .km-listview-label input[type=radio], .km-listview-label input[type=checkbox], .km-listinset > li:first-child:last-child, .km-listgroupinset .km-list > li:first-child:last-child { border-radius: 3px; } .km-switch-wrapper, .km-switch-container, .km-switch-background { border-radius: 4px; } .km-actionsheet-wrapper.km-popup { padding: 3px 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); } .km-widget, .km-content, .km-popover-root .km-content .km-widget { color: #444444; background: #fff; } .km-navbar { color: #ffffff; background: #3f51b5; } .km-view { background: transparent; } .km-navbar { border-color: rgba(68, 68, 68, 0.2); } .km-button { background: rgba(255, 255, 255, 0.2); border-color: rgba(68, 68, 68, 0.2); } .km-state-active[style*=background] { box-shadow: inset 0 0 0 1000px rgba(128, 128, 128, 0.4); } .km-detail { color: #444444; border-color: rgba(68, 68, 68, 0.2); background-color: #fff; } .km-detail:active, .km-state-active .km-detail { box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.2); } .km-switch-wrapper { background-color: #bababa; } .km-switch-background { background-image: none; background-image: none, linear-gradient(to bottom, #bababa, #bababa); background-position: 4.3em 0; background-repeat: no-repeat; background-color: currentcolor; } .km-switch-handle { background: #fff; } .km-switch-off .km-switch-handle { box-shadow: 0 1px 0 1px #bababa, 0 -1px 0 1px #bababa; } .km-switch-wrapper, .km-switch-container, .km-switch-background { border-radius: 4px; } .km-switch-handle { border-radius: 3px; } .km-switch-container, .km-switch-wrapper { border-color: #e6e6e6; } .km-list > li { background: #f2f2f2; border-color: rgba(68, 68, 68, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); } .km-listinset > li:first-child, .km-listgroupinset .km-list > li:first-child { border-color: rgba(68, 68, 68, 0.2); } .km-listinset > li:last-child, .km-listgroupinset .km-list > li:last-child { border-color: rgba(68, 68, 68, 0.2); } .km-listview-link:after { color: #919191; } .km-group-title { background: #fff; border-color: rgba(68, 68, 68, 0.2); } .km-pages li { background: rgba(68, 68, 68, 0.2); } .km-filter-wrap:before, .km-filter-reset .km-clear { color: #444444; } .km-filter-wrap > input { color: #444444; border-color: rgba(68, 68, 68, 0.2); } .km-filter-wrap > input:focus { border-color: #000; } .km-list input[type=password], .km-list input[type=search], .km-list input[type=number], .km-list input[type=tel], .km-list input[type=url], .km-list input[type=email], .km-list input[type=month], .km-list input[type=color], .km-list input[type=week], .km-list input[type=date], .km-list input[type=time], .km-list input[type=datetime], .km-list input[type=datetime-local], .km-list input[type=text]:not(.k-input), .km-list select:not([multiple]), .km-list .k-dropdown-wrap, .km-list textarea { color: #444444; } .km-list .k-dropdown-wrap .k-input { color: #444444; } .km-list select:not([multiple]) option { color: #333; } .km-list .km-state-active input[type=password], .km-list .km-state-active input[type=search], .km-list .km-state-active input[type=number], .km-list .km-state-active input[type=tel], .km-list .km-state-active input[type=url], .km-list .km-state-active input[type=email], .km-list .km-state-active input[type=month], .km-list .km-state-active input[type=color], .km-list .km-state-active input[type=week], .km-list .km-state-active input[type=date], .km-list .km-state-active input[type=time], .km-list .km-state-active input[type=datetime], .km-list .km-state-active input[type=datetime-local], .km-list .km-state-active input[type=text]:not(.k-input), .km-list .km-state-active select:not([multiple]), .km-list .km-state-active textarea { color: #fff; } .km-listview-label input[type=radio], .km-listview-label input[type=checkbox] { border-color: rgba(68, 68, 68, 0.2); background: #fff; } .km-listview-label input[type=checkbox]:checked:after { color: #eee; } .km-shim { background: rgba(0, 0, 0, 0.4); } .km-popup .k-item, .km-widget.km-actionsheet-wrapper, .km-widget.km-actionsheet > li > a { background: #ffffff; border-bottom-color: rgba(255, 255, 255, 0.2); } .km-actionsheet-cancel > a { color: #bababa; box-shadow: inset 0 0 300px rgba(128, 128, 128, 0.3); } .km-popup { background: rgba(0, 0, 0, 0.4); } .km-actionsheet-wrapper, .km-popup .k-list-container { background: rgba(0, 0, 0, 0.4); border-top-color: rgba(255, 255, 255, 0.2); } .km-popup.km-pane { border-color: #ffffff; background-color: #ffffff; } .km-popup-arrow:after, .km-popup-arrow:before { border-color: rgba(0, 0, 0, 0.5) transparent; } .km-popup-arrow:after { border-color: #ffffff transparent; } .km-left .km-popup-arrow:after, .km-right .km-popup-arrow:after { border-color: transparent #ffffff; } .km-down .km-popup-arrow:after { border-color: #ffffff transparent; } .km-loader { background: rgba(0, 0, 0, 0.05); } .km-loader h1 { color: #444444; } .km-tabstrip { background: #ffffff; } .km-badge, .km-rowinsert, .km-rowdelete, html .km-state-active, .km-switch-label-on, .km-switch-label-off, .km-tabstrip .km-button, .km-popup .k-item, .km-actionsheet > li > a, .km-tabstrip .km-state-active, .km-scroller-pull .km-icon, .km-popover-root .km-widget, .km-popup .k-state-hover, .km-popup .k-state-focused, .km-popup .k-state-selected, .km-actionsheet > li > a:active, .km-actionsheet > li > a:hover, li.km-state-active .km-listview-link, li.km-state-active .km-listview-label, .km-state-active .km-listview-link:after { color: #3f51b5; } .km-loader > *:not(h1), .km-filter-wrap > input, .km-root .km-scroller-refresh span:not(.km-template) { background-color: #3f51b5; } .km-switch-handle.km-state-active { background-color: #ffffff; } .km-switch-handle, .km-switch-background { color: #fff; } .km-rowinsert, .km-state-active, .km-scroller-pull, .km-loader:before, .km-touch-scrollbar, .km-pages .km-current-page, .km-tabstrip .km-state-active, .km-scroller-refresh.km-load-more, .km-popup .k-state-hover, .km-popup .k-state-focused, .km-popup .k-state-selected, .km-actionsheet > li > a:active, .km-actionsheet > li > a:hover, li.km-state-active .km-listview-link, li.km-state-active .km-listview-label, .km-listview-label input[type=radio]:checked, .km-listview-label input[type=checkbox]:checked { background: #fff; } .km-filter-wrap > input:focus { border-color: #fff; } .km-badge, .km-rowdelete { background: #da2228; } div.ColVis{float:right;margin-bottom:1em}button.ColVis_Button,ul.ColVis_collection li{position:relative;float:left;margin-right:3px;padding:5px 8px;border:1px solid #999;cursor:pointer;*cursor:hand;font-size:0.88em;color:black !important;white-space:nowrap;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:1px 1px 3px #ccc;-moz-box-shadow:1px 1px 3px #ccc;-ms-box-shadow:1px 1px 3px #ccc;-o-box-shadow:1px 1px 3px #ccc;box-shadow:1px 1px 3px #ccc;background:#ffffff;background:-webkit-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);background:-moz-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);background:-ms-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);background:-o-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);background:linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 )}.ColVis_Button:hover,ul.ColVis_collection li:hover{border:1px solid #666;text-decoration:none !important;-webkit-box-shadow:1px 1px 3px #999;-moz-box-shadow:1px 1px 3px #999;-ms-box-shadow:1px 1px 3px #999;-o-box-shadow:1px 1px 3px #999;box-shadow:1px 1px 3px #999;background:#f3f3f3;background:-webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);background:-moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);background:-ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);background:-o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);background:linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#f4f4f4',GradientType=0 )}button.ColVis_Button{height:30px;padding:3px 8px}button.ColVis_Button::-moz-focus-inner{border:none !important;padding:0}button.ColVis_Button:active{outline:none}div.ColVis_collectionBackground{position:fixed;top:0;left:0;height:100%;width:100%;background-color:black;z-index:1100}ul.ColVis_collection{width:150px;padding:8px 8px 4px 8px;margin:0;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.4);background-color:#f3f3f3;background-color:rgba(255,255,255,0.3);overflow:hidden;z-index:2002;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;-webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.3);-moz-box-shadow:3px 3px 5px rgba(0,0,0,0.3);-ms-box-shadow:3px 3px 5px rgba(0,0,0,0.3);-o-box-shadow:3px 3px 5px rgba(0,0,0,0.3);box-shadow:3px 3px 5px rgba(0,0,0,0.3)}ul.ColVis_collection li{position:relative;height:auto;left:0;right:0;padding:0.5em;display:block;float:none;margin-bottom:4px;-webkit-box-shadow:1px 1px 3px #999;-moz-box-shadow:1px 1px 3px #999;-ms-box-shadow:1px 1px 3px #999;-o-box-shadow:1px 1px 3px #999;box-shadow:1px 1px 3px #999}ul.ColVis_collection li{text-align:left}ul.ColVis_collection li.ColVis_Button:hover{border:1px solid #999;background-color:#f0f0f0}ul.ColVis_collection li span{display:inline-block;padding-left:0.5em;cursor:pointer}ul.ColVis_collection li.ColVis_Special{border-color:#555;background:#ededed;background:-webkit-linear-gradient(top, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);background:-moz-linear-gradient(top, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);background:-ms-linear-gradient(top, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);background:-o-linear-gradient(top, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);background:linear-gradient(to bottom, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#e8e8e8',GradientType=0 )}ul.ColVis_collection li.ColVis_Special:hover{background:#e2e2e2;background:-webkit-linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);background:-moz-linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);background:-ms-linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);background:-o-linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);background:linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#e2e2e2',GradientType=0 )}span.ColVis_radio{display:inline-block;width:20px}div.ColVis_catcher{position:absolute;z-index:1101}.disabled{color:#999} div.DTTT_container{position:relative;float:right;margin-bottom:1em}@media screen and (max-width: 640px){div.DTTT_container{float:none !important;text-align:center}div.DTTT_container:after{visibility:hidden;display:block;content:"";clear:both;height:0}}button.DTTT_button,div.DTTT_button,a.DTTT_button{position:relative;display:inline-block;margin-right:3px;padding:5px 8px;border:1px solid #999;cursor:pointer;*cursor:hand;font-size:0.88em;color:black !important;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:1px 1px 3px #ccc;-moz-box-shadow:1px 1px 3px #ccc;-ms-box-shadow:1px 1px 3px #ccc;-o-box-shadow:1px 1px 3px #ccc;box-shadow:1px 1px 3px #ccc;background:#ffffff;background:-webkit-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);background:-moz-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);background:-ms-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);background:-o-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);background:linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 )}button.DTTT_button{height:30px;padding:3px 8px}.DTTT_button embed{outline:none}button.DTTT_button:hover,div.DTTT_button:hover,a.DTTT_button:hover{border:1px solid #666;text-decoration:none !important;-webkit-box-shadow:1px 1px 3px #999;-moz-box-shadow:1px 1px 3px #999;-ms-box-shadow:1px 1px 3px #999;-o-box-shadow:1px 1px 3px #999;box-shadow:1px 1px 3px #999;background:#f3f3f3;background:-webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);background:-moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);background:-ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);background:-o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);background:linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#f4f4f4',GradientType=0 )}button.DTTT_button:focus,div.DTTT_button:focus,a.DTTT_button:focus{border:1px solid #426c9e;text-shadow:0 1px 0 #c4def1;outline:none;background-color:#a3d0ef 100%;background-image:-webkit-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);background-image:-moz-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);background-image:-ms-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);background-image:-o-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);background-image:linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#a3d0ef', EndColorStr='#a3d0ef')}button.DTTT_button:active,div.DTTT_button:active,a.DTTT_button:active{-webkit-box-shadow:inset 1px 1px 3px #999999;-moz-box-shadow:inset 1px 1px 3px #999999;box-shadow:inset 1px 1px 3px #999999}button.DTTT_disabled,div.DTTT_disabled,a.DTTT_disabled{color:#999;border:1px solid #d0d0d0;background:#ffffff;background:-webkit-linear-gradient(top, #fff 0%, #f9f9f9 89%, #fafafa 100%);background:-moz-linear-gradient(top, #fff 0%, #f9f9f9 89%, #fafafa 100%);background:-ms-linear-gradient(top, #fff 0%, #f9f9f9 89%, #fafafa 100%);background:-o-linear-gradient(top, #fff 0%, #f9f9f9 89%, #fafafa 100%);background:linear-gradient(top, #fff 0%, #f9f9f9 89%, #fafafa 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 )}button.DTTT_button_collection span{padding-right:17px;background:url(/Content/images/collection.png) no-repeat center right}button.DTTT_button_collection:hover span{padding-right:17px;background:#f0f0f0 url(/Content/images/collection_hover.png) no-repeat center right}table.DTTT_selectable tbody tr{cursor:pointer;*cursor:hand}table.dataTable tr.DTTT_selected.odd{background-color:#9FAFD1}table.dataTable tr.DTTT_selected.odd td.sorting_1{background-color:#9FAFD1}table.dataTable tr.DTTT_selected.odd td.sorting_2{background-color:#9FAFD1}table.dataTable tr.DTTT_selected.odd td.sorting_3{background-color:#9FAFD1}table.dataTable tr.DTTT_selected.even{background-color:#B0BED9}table.dataTable tr.DTTT_selected.even td.sorting_1{background-color:#B0BED9}table.dataTable tr.DTTT_selected.even td.sorting_2{background-color:#B0BED9}table.dataTable tr.DTTT_selected.even td.sorting_3{background-color:#B0BED9}div.DTTT_collection{width:150px;padding:8px 8px 4px 8px;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.4);background-color:#f3f3f3;background-color:rgba(255,255,255,0.3);overflow:hidden;z-index:2002;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;-webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.3);-moz-box-shadow:3px 3px 5px rgba(0,0,0,0.3);-ms-box-shadow:3px 3px 5px rgba(0,0,0,0.3);-o-box-shadow:3px 3px 5px rgba(0,0,0,0.3);box-shadow:3px 3px 5px rgba(0,0,0,0.3)}div.DTTT_collection_background{background:transparent url(/Content/images/background.png) repeat top left;z-index:2001}div.DTTT_collection button.DTTT_button,div.DTTT_collection div.DTTT_button,div.DTTT_collection a.DTTT_button{position:relative;left:0;right:0;display:block;float:none;margin-bottom:4px;-webkit-box-shadow:1px 1px 3px #999;-moz-box-shadow:1px 1px 3px #999;-ms-box-shadow:1px 1px 3px #999;-o-box-shadow:1px 1px 3px #999;box-shadow:1px 1px 3px #999}.DTTT_print_info{position:fixed;top:50%;left:50%;width:400px;height:150px;margin-left:-200px;margin-top:-75px;text-align:center;color:#333;padding:10px 30px;background:#ffffff;background:-webkit-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);background:-moz-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);background:-ms-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);background:-o-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);background:linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );opacity:0.95;border:1px solid black;border:1px solid rgba(0,0,0,0.5);-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.5);-moz-box-shadow:0 3px 7px rgba(0,0,0,0.5);-ms-box-shadow:0 3px 7px rgba(0,0,0,0.5);-o-box-shadow:0 3px 7px rgba(0,0,0,0.5);box-shadow:0 3px 7px rgba(0,0,0,0.5)}.DTTT_print_info h6{font-weight:normal;font-size:28px;line-height:28px;margin:1em}.DTTT_print_info p{font-size:14px;line-height:20px} /*! * jQuery contextMenu - Plugin for simple contextMenu handling * * Version: git-master * * Authors: Rodney Rehm, Addy Osmani (patches for FF) * Web: http://medialize.github.com/jQuery-contextMenu/ * * Licensed under * MIT License http://www.opensource.org/licenses/mit-license * GPL v3 http://opensource.org/licenses/GPL-3.0 * */ .context-menu-list { margin:0; padding:0; min-width: 120px; max-width: 250px; display: inline-block; position: absolute; list-style-type: none; border: 1px solid #DDD; background: #EEE; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; } .context-menu-item { padding: 2px 2px 2px 24px; background-color: #EEE; position: relative; -webkit-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; } .context-menu-separator { padding-bottom:0; border-bottom: 1px solid #DDD; } .context-menu-item > label > input, .context-menu-item > label > textarea { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .context-menu-item.hover { cursor: pointer; background-color: #39F; } .context-menu-item.disabled { color: #666; } .context-menu-input.hover, .context-menu-item.disabled.hover { cursor: default; background-color: #EEE; } .context-menu-submenu:after { content: ">"; color: #666; position: absolute; top: 0; right: 3px; z-index: 1; } /* icons #protip: In case you want to use sprites for icons (which I would suggest you do) have a look at http://css-tricks.com/13224-pseudo-spriting/ to get an idea of how to implement .context-menu-item.icon:before {} */ .context-menu-item.icon { min-height: 18px; background-repeat: no-repeat; background-position: 4px 2px; } .context-menu-item.icon-edit { background-image: url(/Content/contextmenu/images/page_white_edit.png); } .context-menu-item.icon-cut { background-image: url(/Content/contextmenu/images/cut.png); } .context-menu-item.icon-copy { background-image: url(/Content/contextmenu/images/page_white_copy.png); } .context-menu-item.icon-paste { background-image: url(/Content/contextmenu/images/page_white_paste.png); } .context-menu-item.icon-delete { background-image: url(/Content/contextmenu/images/page_white_delete.png); } .context-menu-item.icon-add { background-image: url(/Content/contextmenu/images/page_white_add.png); } .context-menu-item.icon-quit { background-image: url(/Content/contextmenu/images/door.png); } /* vertically align inside labels */ .context-menu-input > label > * { vertical-align: top; } /* position checkboxes and radios as icons */ .context-menu-input > label > input[type="checkbox"], .context-menu-input > label > input[type="radio"] { margin-left: -17px; } .context-menu-input > label > span { margin-left: 5px; } .context-menu-input > label, .context-menu-input > label > input[type="text"], .context-menu-input > label > textarea, .context-menu-input > label > select { display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .context-menu-input > label > textarea { height: 100px; } .context-menu-item > .context-menu-list { display: none; /* re-positioned by js */ right: -5px; top: 5px; } .context-menu-item.hover > .context-menu-list { display: block; } .context-menu-accesskey { text-decoration: underline; } /* SmartWizard 2.0 plugin jQuery Wizard control Plugin by Dipu http://www.techlaboratory.net http://tech-laboratory.blogspot.com */ .swMain { position:relative; display:block; margin:0; padding:0; border: 0 solid #CCC; overflow:visible; float:left; width:100%; } .swMain .stepContainer { display:block; position: relative; margin: 0; padding:0; border: 0 solid #CCC; overflow-x: hidden; overflow-y: scroll; clear:both; height:300px; } .swMain .stepContainer div.content { display:block; position: absolute; float:left; margin: 0; padding:5px; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color:#5A5655; background-color:white; height:auto; text-align:left; overflow:visible; z-index:88; -webkit-border-radius: 5px; -moz-border-radius : 5px; width:100%; clear:both; } .swMain div.actionBar { display:block; position: relative; clear:both; margin: 3px 0 0 0; padding: 0; color: #5A5655; height:40px; text-align:left; overflow:auto; z-index:88; -webkit-border-radius: 5px; -moz-border-radius : 5px; left:0; } .swMain .stepContainer .StepTitle { display:block; position: relative; margin:0; border:1px solid #E0E0E0; padding:5px; font: bold 16px Verdana, Arial, Helvetica, sans-serif; color:#5A5655; background-color:#E0E0E0; clear:both; text-align:left; z-index:88; -webkit-border-radius: 5px; -moz-border-radius : 5px; } .swMain ul.anchor { position: relative; display:block; float:left; list-style: none; padding: 0; margin: 10px 0; clear: both; border: 0 solid #CCCCCC; background: transparent; /*#EEEEEE */ } .swMain ul.anchor li{ position: relative; display:block; margin: 0; padding: 0 3px; border: 0 solid #E0E0E0; float: left; } /* Anchor Element Style */ .swMain ul.anchor li a { display:block; position:relative; float:left; margin: 5px 0 0 0; padding:3px; width:320px; text-decoration: none; outline-style:none; z-index:99; } .swMain ul.anchor li a .stepNumber{ position:relative; float:left; width:30px; text-align: center; padding: 0 5px 5px; font: normal 20px 'Segoe UI'; } .swMain ul.anchor li a .stepDesc{ position:relative; display:block; float:left; text-align: left; padding:5px; font: normal 20px 'Segoe UI'; } .swMain ul.anchor li a .stepDesc small{ font: normal 12px Verdana, Arial, Helvetica, sans-serif; } .swMain ul.anchor li a.selected{ color:#F8F8F8; background: steelblue; cursor:text; } .swMain ul.anchor li a.selected:hover { color:#F8F8F8; background: rgb(83, 156, 217); } .swMain ul.anchor li a.done { position:relative; color:#FFF; background: #8CC63F; border: 1px solid #8CC63F; z-index:99; } .swMain ul.anchor li a.done:hover { color:#5A5655; background: #8CC63F; border: 1px solid #5A5655; } .swMain ul.anchor li a.disabled { color:#CCCCCC; background: #F8F8F8; cursor:text; } .swMain ul.anchor li a.disabled:hover { color:#CCCCCC; background: #F8F8F8; } .swMain ul.anchor li a.error { color:#6c6c6c !important; background: #f08f75 !important; border: 1px solid #fb3500 !important; } .swMain ul.anchor li a.error:hover { color:#000 !important; } .swMain .buttonNext { display:block; float:right; margin:5px 3px 0 3px; padding:5px; text-decoration: none; text-align: center; font: bold 13px Verdana, Arial, Helvetica, sans-serif; width:100px; color:#FFF; outline-style:none; background-color: #5A5655; border: 1px solid #5A5655; -moz-border-radius : 5px; -webkit-border-radius: 5px; } .swMain .buttonDisabled { color:#F8F8F8 !important; background-color: #CCCCCC !important; border: 1px solid #CCCCCC !important; cursor:text; } .swMain .buttonPrevious { display:block; float:right; margin:5px 3px 0 3px; padding:5px; text-decoration: none; text-align: center; font: bold 13px Verdana, Arial, Helvetica, sans-serif; width:100px; color:#FFF; outline-style:none; background-color: #5A5655; border: 1px solid #5A5655; -moz-border-radius : 5px; -webkit-border-radius: 5px; } .swMain .buttonFinish { display:block; float:right; margin:5px 10px 0 3px; padding:5px; text-decoration: none; text-align: center; font: bold 13px Verdana, Arial, Helvetica, sans-serif; width:100px; color:#FFF; outline-style:none; background-color: #5A5655; border: 1px solid #5A5655; -moz-border-radius : 5px; -webkit-border-radius: 5px; } /* Form Styles */ .txtBox { border:1px solid #CCCCCC; color:#5A5655; font:13px Verdana,Arial,Helvetica,sans-serif; padding:2px; width:430px; } .txtBox:focus { border:1px solid #EA8511; } .swMain .loader { position:relative; display:none; float:left; margin: 2px 0 0 2px; padding:8px 10px 8px 40px; border: 1px solid #FFD700; font: bold 13px Verdana, Arial, Helvetica, sans-serif; color:#5A5655; background: #FFF url(/Content/images/loader.gif) no-repeat 5px; -moz-border-radius : 5px; -webkit-border-radius: 5px; z-index:998; } .swMain .msgBox { position:relative; display:none; float:left; margin: 4px 0 0 5px; padding:5px; border: 1px solid #FFD700; background-color: #FFFFDD; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color:#5A5655; -moz-border-radius : 5px; -webkit-border-radius: 5px; z-index:999; min-width:200px; } .swMain .msgBox .content { font: normal 12px Verdana,Arial,Helvetica,sans-serif; padding: 0; float:left; } .swMain .msgBox .close { border: 1px solid #CCC; border-radius: 3px; color: #CCC; display: block; float: right; margin: 0 0 0 5px; outline-style: none; padding: 0 2px 0 2px; position: relative; text-align: center; text-decoration: none; } .swMain .msgBox .close:hover{ color: #EA8511; border: 1px solid #EA8511; } @font-face { font-family: 'Journal'; src: url('/Content/signaturepad/journal.eot'); src: url('/Content/signaturepad/journal.eot?#iefix') format('embedded-opentype'), url('/Content/signaturepad/journal.woff') format('woff'), url('/Content/signaturepad/journal.ttf') format('truetype'), url('/Content/signaturepad/journal.svg#JournalRegular') format('svg'); font-weight: normal; font-style: normal; } .sigPad { margin: 0; padding: 0; width: 200px; } .sigPad label { display: block; margin: 0 0 0.515em; padding: 0; color: #000; font: italic normal 1em/1.375 Georgia,Times,serif; } .sigPad label.error { color: #f33; } .sigPad input { margin: 0; padding: 0.2em 0; width: 198px; border: 1px solid #666; font-size: 1em; } .sigPad input.error { border-color: #f33; } .sigPad button { margin: 1em 0 0 0; padding: 0.6em 0.6em 0.7em; background-color: #ccc; border: 0; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; cursor: pointer; color: #555; font: bold 1em/1.375 sans-serif; text-align: left; } .sigPad button:hover { background-color: #333; color: #fff; } .sig { display: none; } .sigNav { display: none; height: 2.25em; margin: 0; padding: 0; position: relative; list-style-type: none; } .sigNav li { display: inline; float: left; margin: 0; padding: 0; } .sigNav a, .sigNav a:link, .sigNav a:visited { display: block; margin: 0; padding: 0 0.6em; border: 0; color: #333; font-weight: bold; line-height: 2.25em; text-decoration: underline; } .sigNav a.current, .sigNav a.current:link, .sigNav a.current:visited { background-color: #666; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; border-radius: 8px 8px 0 0; color: #fff; text-decoration: none; } .sigNav .typeIt a.current, .sigNav .typeIt a.current:link, .sigNav .typeIt a.current:visited { background-color: #ccc; color: #555; } .sigNav .clearButton { bottom: 0.2em; display: none; position: absolute; right: 0; font-size: 0.75em; line-height: 1.375; } .sigWrapper { clear: both; height: 120px; width: 500px; border: 1px solid #ccc; } .sigWrapperDrawing{ clear: both; height: 600px; width: 800px; border: 1px solid #ccc; } .sigWrapper.current { border-color: #666; } .signed .sigWrapper { border: 0; } .pad { position: relative; /** * For cross browser compatibility, this should be an absolute URL * In IE the cursor is relative to the HTML document * In all other browsers the cursor is relative to the CSS file * * http://www.useragentman.com/blog/2011/12/21/cross-browser-css-cursor-images-in-depth/ */ cursor: url("/Content/assets/pen.cur"), crosshair; /** * IE will ignore this line because of the hotspot position * Unfortunately we need this twice, because some browsers ignore the hotspot inside the .cur */ cursor: url("/Content/signaturepad/pen.cur") 16 16, crosshair; -ms-touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .typed { height: 55px; margin: 0; padding: 0 5px; position: absolute; z-index: 90; cursor: default; color: #145394; font: normal 1.875em/50px "Journal",Georgia,Times,serif; } .typeItDesc, .drawItDesc { display: none; margin: 0.75em 0 0.515em; padding: 0.515em 0 0; border-top: 3px solid #ccc; color: #000; font: italic normal 1em/1.375 Georgia,Times,serif; } p.error { display: block; margin: 0.5em 0; padding: 0.4em; background-color: #f33; color: #fff; font-weight: bold; } .ui-multiselect { padding:2px 0 2px 4px;text-align: left;min-height: 30px; } .ui-multiselect span.ui-icon { float:right } .ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; } .ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important } .ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px } .ui-multiselect-header ul { font-size:0.9em } .ui-multiselect-header ul li { float:left; padding:0 10px 0 0 } .ui-multiselect-header a { text-decoration:none } .ui-multiselect-header a:hover { text-decoration:underline } .ui-multiselect-header span.ui-icon { float:left } .ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 } .ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000;text-align: left;background-color: darkgrey; } .ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:auto } .ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px } .ui-multiselect-checkboxes label input { position:relative; top:1px } .ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px } .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid } .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none } /* remove label borders in IE6 because IE6 does not support transparency */ * html .ui-multiselect-checkboxes label { border:none } .ui-multiselect-hasfilter ul { position:relative; top:2px } .ui-multiselect-filter { float:left; margin-right:10px; font-size:11px } .ui-multiselect-filter input { width:100px; font-size:10px; margin-left:5px; height:15px; padding:2px; border:1px solid #292929; -webkit-appearance:textfield; -webkit-box-sizing:content-box; } /* Common */ .wizard, .tabcontrol { display: block; width: 100%; overflow: hidden; } .wizard a, .tabcontrol a { outline: 0; } .wizard ul, .tabcontrol ul { list-style: none !important; padding: 0; margin: 0; } .wizard ul > li, .tabcontrol ul > li { display: block; padding: 0; } /* Accessibility */ .wizard > .steps .current-info, .tabcontrol > .steps .current-info { position: absolute; left: -999em; } .wizard > .content > .title, .tabcontrol > .content > .title { position: absolute; left: -999em; } /* Wizard */ .wizard > .steps { position: relative; display: block; width: 100%; } .wizard.vertical > .steps { display: inline; float: left; width: 30%; } .wizard > .steps .number { font-size: 1.429em; } .wizard > .steps > ul > li { width: 25%; } .wizard > .steps > ul > li, .wizard > .actions > ul > li { float: left; } .wizard.vertical > .steps > ul > li { float: none; width: 100%; } .wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active { display: block; width: auto; margin: 0 0.5em 0.5em; padding: 1em 1em; text-decoration: none; } .wizard > .steps .disabled a, .wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active { background: #eee; color: #aaa; cursor: default; } .wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active { background: #2184be; color: #fff; cursor: default; } .wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active { background: #9dc8e2; color: #fff; } .wizard > .steps .error a, .wizard > .steps .error a:hover, .wizard > .steps .error a:active { background: #ff3111; color: #fff; } .wizard > .content { min-height: 35em; overflow: hidden; position: relative; width: auto; } .wizard.vertical > .content { display: inline; float: left; margin: 0 2.5% 0.5em 2.5%; width: 65%; } .wizard > .content > .body { float: left; position: absolute; width: 95%; height: 95%; padding: 2.5%; } .wizard > .content > .body ul { list-style: disc !important; } .wizard > .content > .body ul > li { display: list-item; } .wizard > .content > .body > iframe { border: 0 none; width: 100%; height: 100%; } .wizard > .content > .body input { display: block; border: 1px solid #ccc; } .wizard > .content > .body input[type="checkbox"] { display: inline-block; } .wizard > .content > .body input.error { background: rgb(251, 227, 228); border: 1px solid #fbc2c4; color: #8a1f11; } .wizard > .content > .body label { display: inline-block; margin-bottom: 0.5em; } .wizard > .content > .body label.error { color: #8a1f11; display: inline-block; margin-left: 1.5em; } .wizard > .actions { position: relative; display: block; text-align: right; width: 100%; } .wizard.vertical > .actions { display: inline; float: right; margin: 0 2.5%; width: 95%; } .wizard > .actions > ul { display: inline-block; text-align: right; } .wizard > .actions > ul > li { margin: 0 0.5em; } .wizard.vertical > .actions > ul > li { margin: 0 0 0 1em; } .wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active { background: #2184be; color: #fff; display: block; padding: 0.5em 1em; text-decoration: none; } .wizard > .actions .disabled a, .wizard > .actions .disabled a:hover, .wizard > .actions .disabled a:active { background: #eee; color: #aaa; } .wizard > .loading { } .wizard > .loading .spinner { } /* Tabcontrol */ .tabcontrol > .steps { position: relative; display: block; width: 100%; } .tabcontrol > .steps > ul { position: relative; margin: 6px 0 0 0; top: 1px; z-index: 1; } .tabcontrol > .steps > ul > li { float: left; margin: 5px 2px 0 0; padding: 1px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .tabcontrol > .steps > ul > li:hover { background: #edecec; border: 1px solid #bbb; padding: 0; } .tabcontrol > .steps > ul > li.current { background: #fff; border: 1px solid #bbb; border-bottom: 0 none; padding: 0 0 1px 0; margin-top: 0; } .tabcontrol > .steps > ul > li > a { color: #5f5f5f; display: inline-block; border: 0 none; margin: 0; padding: 10px 30px; text-decoration: none; } .tabcontrol > .steps > ul > li > a:hover { text-decoration: none; } .tabcontrol > .steps > ul > li.current > a { padding: 15px 30px 10px 30px; } .tabcontrol > .content { position: relative; display: inline-block; width: 100%; height: 35em; overflow: hidden; border-top: 1px solid #bbb; padding-top: 20px; } .tabcontrol > .content > .body { float: left; position: absolute; width: 95%; height: 95%; padding: 2.5%; } .tabcontrol > .content > .body ul { list-style: disc !important; } .tabcontrol > .content > .body ul > li { display: list-item; }