/* ============================================================================ Kendo 2022.3.1109 transitional shim ---------------------------------------------------------------------------- In Kendo UI 2022 the form-widget DOM was migrated to a multi-class appearance system: .k-picker-md / .k-input-md (size), .k-rounded-md (radius), .k-picker-solid / .k-input-solid (fill), .k-button-md and .k-button-solid-base for the inner picker buttons. The widget JS in 2022.3.1109 emits these classes, but the bundled kendo.common.min.css / kendo.default.min.css of that release did not yet ship complete rules for them — the rules first land in kendo-themes v6.x (Kendo 2023+). These rules complete the missing definitions using the same dimension values the project already used in its 2021 selectors (see "Old line" comments). Once the project upgrades to a Kendo version whose bundled theme covers the new class system this whole block can be deleted. ============================================================================ */ /* Size: .k-input-md / .k-picker-md (was .k-dropdown-wrap min-height 40px) */ .k-input.k-input-md, .k-picker.k-picker-md { min-height: 40px; } /* Size: .k-checkbox-md (preserve existing checkbox dimensions in 2022 class system) */ .k-checkbox.k-checkbox-md { width: 1.4em; height: 1.4em; } /* Rounded: .k-rounded-md (was border-radius 4px on .k-dropdown-wrap) */ .k-rounded-md { border-radius: 4px; } /* Fill: .k-input-solid / .k-picker-solid (was border-color #ccc + bg #fff) */ .k-input.k-input-solid, .k-picker.k-picker-solid { border: 1px solid #adadad; background-color: #ffffff; } /* Button size: .k-button-md (was font-size 14px line-height 1.42857143 on .k-button) */ .k-button.k-button-md { font-size: 14px; line-height: 1.42857143; } /* Inner picker buttons (.k-input-button) must stay flat — old .k-select had border:none; the new chevron carries .k-button-md.k-button-solid-base which would otherwise paint a coloured background inside the dropdown. */ .k-input .k-input-button, .k-picker .k-input-button, .k-input-spinner .k-button { background: transparent; border: 0; padding: 0; } .k-input .k-input-button .k-icon, .k-picker .k-input-button .k-icon, .k-input-spinner .k-button .k-icon, .k-input .k-input-button .k-button-icon, .k-picker .k-input-button .k-button-icon, .k-input-spinner .k-button .k-button-icon { color: #248fd9; } /* Disabled state on the new wrappers (matches old k-state-disabled bg #e6e6e6) */ .k-input.k-disabled, .k-picker.k-disabled { background-color: #e6e6e6; opacity: 1; } /*@import "type-bootstrap.less";*/ .k-grid-header th.k-header { border-style: none; border-bottom: 2px solid #dddddd; color: #337ab7; font-weight: bold; } .k-header { background-color: inherit; } .k-widget { border-style: none; } .k-pager-wrap { background-color: inherit; } .k-widget { box-shadow: none; } .k-grid tr td { border-style: none; vertical-align: middle; border-bottom: 2px solid #dddddd; } .k-grid td { padding: .8em .6em; } .k-grid tr .single-line-spacing { border-style: none; vertical-align: middle; border-bottom: 2px solid #dddddd; line-height: inherit; } .k-grid-header .k-header .k-link { color: #337ab7; font-weight: bold; } table > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .k-button { border-radius: 5px 6px; } .k-button-group .k-button:hover { background-color: #e0e0e0; background-position: 0 -10px; } /* Kendo 2022 R2 button class refactor: .k-primary → .k-button-solid-primary (see 2022 Breaking changes.txt lines 115-129). Match both forms. */ .k-button-group .k-primary:hover, .k-button-group .k-button-solid-primary:hover { background-color: #265a88; background-position: 0 -10px; } .k-button-group .k-button { background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%); background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0)); background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%); background-repeat: repeat-x; border-radius: 5px 6px; } /* Kendo 2022 R2 button class refactor: .k-primary → .k-button-solid-primary (see 2022 Breaking changes.txt lines 115-129). Match both forms. */ .k-button-single .k-primary, .k-button-single .k-button-solid-primary { background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%); background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88)); background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%); background-repeat: repeat-x; min-width: 200px; max-width: 200px; border-color: #245580; color: white; } .k-button-group .k-button { background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%); background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0)); background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%); background-repeat: repeat-x; border-radius: 5px 6px; } /* Kendo 2022 R2 button class refactor: .k-primary → .k-button-solid-primary (see 2022 Breaking changes.txt lines 115-129). Match both forms. */ .k-button-group .k-primary, .k-button-group .k-button-solid-primary { background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%); background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88)); background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%); background-repeat: repeat-x; min-width: 200px; max-width: 200px; border-color: #245580; color: white; } .k-dialog, .k-window, .k-confirm { background-color: #fff; border-style: solid; border-radius: 5px 6px; min-width: 400px; } /* Kendo 2022 common.min.css added `border-width: 1px 0 0; border-style: solid` to .k-dialog-buttongroup, drawing a horizontal footer separator above the buttons. Kendo 2021's .k-dialog-buttongroup had no border. Restore Kendo 2021's no-border footer globally — same specificity (0,1,0) as the vendor rule, but custom.css loads after common.min.css so our value wins the cascade. */ .k-dialog-buttongroup { border-width: 0; } .k-widget .k-dialog-buttongroup { width: 50%; min-width: 210px; max-width: 210px; margin-left: auto; margin-right: auto; } .k-dialog[role="dialog"] .k-dialog-buttongroup { width: 50%; min-width: 100px; max-width: 100px; margin-left: auto; margin-right: auto; } .k-button-single { min-width: 210px; max-width: 210px; margin-left: auto; margin-right: auto; text-align: center; } .k-button-single .k-button { min-width: 100px; max-width: 100px; top: 50%; left: 50%; } .k-button-group .k-button { min-width: 100px; max-width: 100px; margin-right: 10px; margin-bottom: 10px; } .k-dialog a.k-dialog-action.k-dialog-close { position: absolute; top: .35em; right: 0; cursor: pointer; z-index: 10000; border: none; } /* Kendo 2022 R2 SP2: removed .k-header from titlebar markup; match both forms */ .k-dialog-titlebar, .k-dialog-titlebar.k-header { border-radius: 3px; background-color: #245580 !important; color: #fff !important; } table tr td .entries-action { color: #B0B3B3; font-size: 27px; margin-right: 5px; text-decoration: none; } table tr td .duplicate-action { margin-left: 5px; } table tr td .download-action { margin-right: 0px !important; } table tr td .paperclip-action { margin-left: 5px; } table tr td .paperclip-action.paperclip-disabled { opacity: 0.3; cursor: not-allowed; pointer-events: none; } .attachments-modal-wrapper .k-window-titlebar.attachments-modal-header { background-color: #245580 !important; background-image: none !important; color: #fff !important; border-bottom: none !important; padding: 15px 20px !important; border-radius: 0 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; flex-direction: row !important; } .attachments-modal-wrapper .k-window-titlebar.attachments-modal-header .k-window-title { color: #fff !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.5 !important; flex: 1 !important; display: flex !important; align-items: center !important; } .attachments-modal-wrapper .k-window-titlebar.attachments-modal-header .k-window-title .glyphicon-paperclip { margin-right: 8px; font-size: 16px; vertical-align: middle; color: #808080 !important; transform: scaleX(-1); display: inline-block; } .attachments-modal-wrapper .k-window-titlebar.attachments-modal-header .k-window-actions { display: flex !important; visibility: visible !important; opacity: 1 !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; position: relative !important; top: 0 !important; right: 0 !important; float: none !important; } .attachments-modal-wrapper .k-window-titlebar.attachments-modal-header .k-window-actions .k-link { color: #fff !important; opacity: 1 !important; background: transparent !important; border: none !important; display: flex !important; align-items: center !important; justify-content: center !important; visibility: visible !important; padding: 0 !important; margin: 0 !important; cursor: pointer !important; width: 30px !important; height: 30px !important; line-height: 30px !important; transition: none !important; -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; } .attachments-modal-wrapper .k-window-titlebar.attachments-modal-header .k-window-actions .k-link:hover, .attachments-modal-wrapper .k-window-titlebar.attachments-modal-header .k-window-actions .k-link:focus, .attachments-modal-wrapper .k-window-titlebar.attachments-modal-header .k-window-actions .k-link:active { opacity: 1 !important; background: transparent !important; background-color: transparent !important; border: none !important; box-shadow: none !important; transform: none !important; color: #fff !important; transition: none !important; -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; } .attachments-modal-wrapper .k-window-titlebar.attachments-modal-header .k-i-close, .attachments-modal-wrapper .k-window-titlebar.attachments-modal-header .k-icon.k-i-close { color: #fff !important; font-size: 18px !important; display: inline-block !important; visibility: visible !important; opacity: 1 !important; font-weight: bold !important; vertical-align: middle !important; line-height: 1 !important; } .attachments-modal-wrapper .k-window-titlebar.attachments-modal-header .k-window-actions .k-link:hover .k-i-close, .attachments-modal-wrapper .k-window-titlebar.attachments-modal-header .k-window-actions .k-link:hover .k-icon.k-i-close, .attachments-modal-wrapper .k-window-titlebar.attachments-modal-header .k-window-actions .k-link:focus .k-i-close, .attachments-modal-wrapper .k-window-titlebar.attachments-modal-header .k-window-actions .k-link:focus .k-icon.k-i-close, .attachments-modal-wrapper .k-window-titlebar.attachments-modal-header .k-window-actions .k-link:active .k-i-close, .attachments-modal-wrapper .k-window-titlebar.attachments-modal-header .k-window-actions .k-link:active .k-icon.k-i-close { color: #fff !important; opacity: 1 !important; background: transparent !important; background-color: transparent !important; } .attachments-modal-wrapper .k-window-content { padding: 0 !important; } .attachments-modal-content { padding: 0; display: flex; flex-direction: column; min-height: 200px; } .attachments-modal-content .attachments-list { padding: 20px; max-height: 400px; overflow-y: auto; flex: 1; display: grid; grid-template-columns: 1fr; gap: 0; } .attachments-modal-content .attachment-item { padding: 12px 0; border-bottom: 1px solid #e5e5e5; display: grid; grid-template-columns: 280px minmax(200px, 1fr) 50px; column-gap: 20px; align-items: start; min-height: 40px; width: 100%; box-sizing: border-box; } .attachments-modal-content .attachment-item:last-child { border-bottom: none; } .attachments-modal-content .attachment-filename-col { grid-column: 1; width: 280px; min-width: 280px; max-width: 280px; word-wrap: break-word; overflow-wrap: break-word; overflow: hidden; box-sizing: border-box; } .attachments-modal-content .attachment-actions-col { grid-column: 3; width: 50px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; } .attachments-modal-content .attachment-upload-info-col { grid-column: 2; min-width: 200px; word-wrap: break-word; overflow-wrap: break-word; overflow: hidden; box-sizing: border-box; } .attachments-modal-content .attachment-filename { font-weight: normal; font-size: 16px; color: #000000; line-height: 1.5; display: block; word-wrap: break-word; overflow-wrap: break-word; white-space: normal; margin: 0; padding: 0; vertical-align: top; } .attachments-modal-content .attachment-upload-info { font-size: 14px; color: #999; line-height: 1.5; display: block; word-wrap: break-word; overflow-wrap: break-word; white-space: normal; margin: 0; padding: 0; vertical-align: top; } .attachments-modal-content .attachments-modal-footer { padding: 15px 20px; border-top: 1px solid #e5e5e5; background-color: #f8f9fa; display: flex; justify-content: flex-end; align-items: center; gap: 10px; flex-shrink: 0; } .attachments-modal-content .attachments-close-btn { background-color: #e9ecef; color: #000; border: 1px solid #ced4da; padding: 8px 20px; border-radius: 4px; cursor: pointer; font-size: 14px; transition: background-color 0.2s; font-weight: normal; } .attachments-modal-content .attachments-close-btn:hover { background-color: #dee2e6; } .attachments-modal-content .attachments-close-btn:focus { outline: none; } .attachments-modal-content .attachments-download-status { padding: 15px 20px; border-top: 1px solid #e5e5e5; background-color: #fff; } .attachments-modal-content .download-preparing { display: flex; align-items: center; gap: 10px; color: #0056b3; font-size: 14px; font-weight: 500; } .attachments-modal-content .download-preparing .download-spinner { width: 16px; height: 16px; border: 2px solid #e5e5e5; border-top-color: #0056b3; border-radius: 50%; animation: spin 0.8s linear infinite; } @keyframes spin { to { transform: rotate(360deg); } } .attachments-modal-content .download-ready { display: flex; align-items: center; gap: 10px; color: #0056b3; font-size: 14px; font-weight: 500; } .attachments-modal-content .download-ready .download-checkmark { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; background-color: #0056b3; color: #fff; border-radius: 50%; font-size: 12px; font-weight: bold; } .attachments-modal-content .attachments-download-btn { background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%); background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88)); background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%); background-repeat: repeat-x; border: 1px solid #245580; color: white; padding: 10px 24px; border-radius: 5px 6px; cursor: pointer; font-size: 14px; font-weight: 500; box-shadow: none; } .attachments-modal-content .attachments-download-btn:hover { background-color: #265a88; background-position: 0 -10px; border: 1px solid #245580; box-shadow: none; } .attachments-modal-content .attachments-download-btn:focus { outline: none; box-shadow: none; } .k-pager-numbers .k-link, .k-pager-numbers .k-link:hover, .k-pager-numbers .k-selected, .k-pager-numbers .k-state-selected { margin-right: 0; border-radius: 2px; } .k-animation-container { background-color: inherit; } .k-popup { border-radius: 5px; background: inherit; } .k-list-container .k-popup .k-group .k-reset { background-color: inherit; } .k-picker { border-radius: 3px; } .k-widget .k-window { border-radius: 3px; } /* Kendo 2022 R2 SP2: removed .k-header from titlebar markup; match both forms */ .k-window-titlebar, .k-window-titlebar.k-header { border-radius: 3px; background-color: #245580; color: #fff; margin-bottom: 10px; } .k-icon.k-i-close { color: #fff; border: none; } div > label > input[type="radio"] { margin-left: 5px; margin-right: 5px; } .k-filter-help-text { font-weight: bold; } .k-active, .k-state-active { /*background-color: @warning;*/ } .grid-buffer { padding-bottom: 35px; } .k-grid-header th.k-header > .k-link { margin-right: 0px; display: normal; float: left; } /* Kendo 2022 refactored the column filter / column-menu icon positioning in kendo.common.min.css: 2021: `.k-header > .k-grid-filter { float:right; position:relative; margin:-.5em -.6em -.4em 0; padding:.5em .2em .4em }` 2022: `.k-header .k-grid-filter { position:absolute; bottom:0; right:0; width:30px; height:30px; display:flex }` AND added a new rule that reserves space on the cell: 2022: `.k-grid .k-header.k-filterable { position:relative; padding-right: calc(16px + .6em) }` Combined: the icon is now pinned to the absolute right of every filterable column with ~25px right-padding reservation. The project's .k-link float:left then leaves a visible gap between the column text and the icon (CTARS-1763 regression on every filterable grid header — User, DataEntry, Activity, etc.). Port the Kendo 2021 vendor behaviour back: drop the reserved right-padding on .k-filterable and restore the float:right + relative-positioned icon. */ .k-grid .k-header.k-filterable { padding-right: 8px; } .k-header > .k-grid-filter, .k-header > .k-header-column-menu { position: relative; float: right; width: auto; height: auto; margin: -0.5em -0.6em -0.4em 0; padding: .5em .2em .4em; } @font-face { font-family: 'WebComponentsIcons'; src: url(fonts/glyphs/WebComponentsIcons.eot); src: url(fonts/glyphs/WebComponentsIcons.eot?#iefix) format('embedded-opentype'), url(fonts/glyphs/WebComponentsIcons.woff) format('woff'), url(fonts/glyphs/WebComponentsIcons.ttf) format('truetype'), url(fonts/glyphs/WebComponentsIcons.svg#WebComponentsIcons) format('svg'); } @font-face { font-family: 'KendoUIGlyphs'; src: url(fonts/glyphs/KendoUIGlyphs.eot); src: url(fonts/glyphs/KendoUIGlyphs.eot?#iefix) format('embedded-opentype'), url(fonts/glyphs/KendoUIGlyphs.woff) format('woff'), url(fonts/glyphs/KendoUIGlyphs.ttf) format('truetype'), url(fonts/glyphs/KendoUIGlyphs.svg#KendoUIGlyphs) format('svg'); } .k-tabstrip-items .k-link { color: white; background-color: #248fd9; border: 3px solid #248fd9; } .k-tabstrip-items .k-active, .k-tabstrip-items .k-state-active { border: 1px solid #248fd9; } .k-tabstrip > .k-content { background-color: #f9f9f9; border: 2px solid #d3d3d3; } .k-tabstrip .k-alt { background-color: white; } /* Kendo R1 2019: .k-header was removed from dropdown-wrap. Kendo 2022: .k-dropdown-wrap is gone — outer .k-dropdownlist.k-picker is now the styling target. Keeping a fallback min-height to preserve original visual sizing. */ .k-widget.k-dropdownlist.k-picker { min-height: 40px; } .k-dropdownlist { width: 100%; } .k-completed { color: #ccc; } .k-numerictextbox { width: 100%; } .k-numerictextbox.k-input { border: none; } .k-numerictextbox.k-input .k-input-spinner { border: none; } .k-dropdownlist.k-picker { position: relative; border-color: #ccc; border-radius: 4px; height: auto; padding: 0px 4px; font-size: 16px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; } .k-dropdownlist .k-input-inner { height: 1.65em; line-height: 1.65em; padding: .1em 0; text-indent: .8em; border: 0; margin: 0; } .k-dropdownlist .k-input-button { min-height: 1.65em; line-height: 1.65em; vertical-align: middle; -moz-box-sizing: border-box; text-align: center; width: 1.9em; height: 100%; } .k-dropdownlist.k-picker.k-focus { border-color: #248fd9; } .k-popup.k-list-container { padding: 0px 4px; border-color: #ccc; border-width: 1px; } .k-item.k-hover, .k-item.k-state-hover { background-color: #248fd9; color: #fff; border-radius: 4px; } .k-hover, .k-state-hover { color: #000; } .k-selected, .k-state-selected { background-color: #248fd9; border-color: #248fd9; color: #fff; cursor: default; border-radius: 4px; } .k-grid-toolbar { text-align: left; } .k-button { font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; } .ctars-hover-color { color: #e6e2d3; } .ctars-button-base-light { color: #fff; } .k-grid-import { color: #fff; border-color: #3e8f3e; background-color: #3e8f3e; } .k-grid-export { color: #fff; border-color: #245580; background-color: #245580; } .k-upload-button { color: #fff; border-color: #3e8f3e; background-color: #3e8f3e; } .k-grid-save-changes { color: #fff; border-color: #3e8f3e; background-color: #3e8f3e; } .k-grid-cancel-changes { color: #fff; border-color: #b2b2b2; background-color: #b2b2b2; } .k-grid-toolbar:first-child { border-width: 0; } /*.k-file-error { background-color: @error-color; } .k-file-success { background-color: @success-color; }*/ .k-upload-files > .k-file > .k-upload-status { visibility: hidden; } .k-clear-selected { color: #fff; border-color: #b2b2b2; background-color: #b2b2b2; } .k-upload-selected { color: #fff; border-color: #3e8f3e; background-color: #3e8f3e; } .k-grid-export:hover { color: #e6e2d3; } .k-grid-cancel-changes:hover { color: #e6e2d3; } .k-grid-save-changes:hover { color: #e6e2d3; } .k-tabstrip > .k-content { /* background-color: #f9f9f9; */ /* border: 2px solid #d3d3d3; */ border: none; background-color: white; } /* k-state-default removed in Kendo 2022 (R2 SP2). Idle tab styling now provided by .k-tabstrip-items .k-link rule above. */ .k-tabstrip-items .k-active, .k-tabstrip-items .k-state-active { background-color: white; color: #248fd9; border: 1px solid; } .k-tabstrip-items > .k-active .k-link, .k-tabstrip-items > .k-state-active .k-link { background-color: white; color: #248fd9; border: 1px solid; } .k-active, .k-state-active { background-color: #fbd5d5; } #tabstrip > .k-content { overflow: visible; } .k-grid-import:hover { color: #e6e2d3; } .k-grid-export:focus { color: #e6e2d3; } .k-grid-cancel-changes:focus { color: #e6e2d3; } .k-grid-save-changes:focus { color: #e6e2d3; } .k-grid-import:focus { color: #e6e2d3; } body { /*Start Kendo Confirm dialog hidden title*/ /*End Kendo Confirm dialog hidden title*/ } body .ui-timepicker-wrapper { z-index: 10003; } body .k-window-title { margin-left: 10px; } body .k-block > .k-header, body .k-window-titlebar { position: static; height: auto !important; } body .k-block > .k-header .k-window-actions, body .k-window-titlebar .k-window-actions { margin-right: 10px; } body .k-block > .k-header .k-window-actions .k-hover, body .k-window-titlebar .k-window-actions .k-hover, body .k-block > .k-header .k-window-actions .k-state-hover, body .k-window-titlebar .k-window-actions .k-state-hover { height: 20px; width: auto; } body .k-list-container, body .k-widget, body .k-widget *, body .k-widget :before { -webkit-box-sizing: content-box; box-sizing: inherit; } body .k-window-content, body .k-content { padding-top: 0; padding-bottom: 0; margin: 0 10px 10px 10px; overflow: hidden; } body .k-loading-image { background-image: url('../../Images/spinning-icon.gif'); } .k-loading-image { background-image: url('../../Images/spinning-icon.gif'); } .k-ctars-border { border: 1px solid #adadad; border-radius: 0; background-color: #FFF; } /* Kendo 2022: span.k-picker-wrap is gone — span.k-datepicker.k-input is the wrapper directly; .k-input-button replaces .k-select. */ span.k-datepicker, span.k-timepicker { width: 100%; float: left; border: none; margin-right: 15px; } span.k-datepicker.k-input, span.k-timepicker.k-input { border: 1px solid #adadad; border-radius: 0; background-color: #FFF; height: 3em; border-radius: 0.4em; } span.k-datepicker.k-input .k-input-inner, span.k-timepicker.k-input .k-input-inner { margin: 0.7em 0 0.7em 0; } span.k-datepicker input, span.k-timepicker input { width: 100%; border: none; line-height: 3em; height: 99%; text-align: center; } span.k-datepicker .k-input-button, span.k-timepicker .k-input-button { line-height: 3em; } span.k-datepicker span.k-i-calendar, span.k-timepicker span.k-i-calendar { color: #248fd9; } span.k-datepicker span.k-i-clock, span.k-timepicker span.k-i-clock { color: #248fd9; } span.k-datepicker input:focus, span.k-timepicker input:focus { border: none; outline: none; } .k-textbox { width: 100%; float: left; border: 1px solid #adadad; border-radius: 0; background-color: #FFF; font-size: 14px !important; padding: 0.5em; } input.k-textbox, textarea.k-textbox { width: 100%; float: left; border: 1px solid #adadad; border-radius: 0; background-color: #FFF; font-size: 14px !important; padding: 0.5em; float: none !important; border-radius: 0.4em; /* Kendo 2022: span.k-picker-wrap is gone; span.k-datetimepicker.k-input is the wrapper. .k-select renamed to .k-input-button. input.k-input renamed to .k-input-inner. */ height: 3.0em; } input.k-textbox span.k-datetimepicker, textarea.k-textbox span.k-datetimepicker { width: 100%; float: left; border: none; margin-right: 15px; } input.k-textbox span.k-datetimepicker.k-input, textarea.k-textbox span.k-datetimepicker.k-input { border: 1px solid #adadad; border-radius: 0; background-color: #FFF; height: 3em; } input.k-textbox span.k-datetimepicker.k-input .k-input-inner, textarea.k-textbox span.k-datetimepicker.k-input .k-input-inner { margin: 0.7em 0 0.7em 0; } input.k-textbox span.k-datetimepicker input, textarea.k-textbox span.k-datetimepicker input { width: 100%; border: none; line-height: 3em; height: 99%; text-align: center; vertical-align: middle; } input.k-textbox span.k-datetimepicker .k-input-button, textarea.k-textbox span.k-datetimepicker .k-input-button { line-height: 3em; } input.k-textbox span.k-datetimepicker span.k-i-calendar, textarea.k-textbox span.k-datetimepicker span.k-i-calendar { color: #248fd9; } input.k-textbox span.k-datetimepicker span.k-i-clock, textarea.k-textbox span.k-datetimepicker span.k-i-clock { color: #248fd9; } input.k-textbox span.k-datetimepicker input:focus, textarea.k-textbox span.k-datetimepicker input:focus { border: none; outline: none; } div.k-grid-toolbar a.k-button.k-grid-add, div.k-grid-toolbar button.k-button.k-grid-add { float: left; } /* Kendo R1 2022: Grid command buttons render as