/* Basic overrides relevant to any Telerik theme. Please put theme specific overrides in their theme specific file(s). */

/*fix for an issue that will be fixed in telerik update 2023.3.1114 involving the layout being broken if you cancel an edit and have a hidden field*/
td[data-style-display="none"] {
    display:none;
}

/* this makes sure the pop-up windows don't squish the data inside them too small.  The stock width is 400px and so the min-width
    is set to 400 to preserve the default kendo setting while width is set to inherit to allow for larger pop-ups */
.k-edit-form-container {
    min-width: 400px;
    width: inherit;
}

/* adds a tiny amount of right margin to buttons that replace the default kendo buttons so that they are not mashed together */
.grid-button-right-margin {
    margin-right: 3px;
}

/* Default width override for Telerik controls inside of popups. */
/* The controls will be sized by their column containers. */
.popup-editor-container .k-autocomplete,
.popup-editor-container .k-colorpicker,
.popup-editor-container .k-combobox,
.popup-editor-container .k-datepicker,
.popup-editor-container .k-datetimepicker,
.popup-editor-container .k-dropdown,
.popup-editor-container .k-numerictextbox,
.popup-editor-container .k-maskedtextbox,
.popup-editor-container .k-selectbox,
.popup-editor-container .k-textbox,
.popup-editor-container .k-timepicker,
.popup-editor-container .k-toolbar,
.popup-editor-container .k-split-button,
.popup-editor-container .k-slider-horizontal {
    width: 100% !important;
}
/* Set min-height for textarea */
textarea.k-textbox {
    min-height: 80px;
    width: 100% !important;
    resize: vertical;
}
.k-textarea:has(.k-input-inner[style*=width]) {
    width: 100%;
}
/* div class to surround the spans for the label and date-picker */
.side-by-side-date {
    display: inline-block;
    max-width: 49%;
}

/* override to the display type and width of a kendo date picker in a side-by-side div */
.side-by-side-date .k-datepicker {    
    display: inline-flex;
    width: 100%;    
}

/* Set min-height for autofit textarea */
/* Requires javascript to adjust height dynamically */
textarea.k-textbox.textarea-autofit {
    min-height: 20px;
}

/* Allow Kendo Grid buttons in grid rows to be smaller than the default min width of 64px */
.k-grid tbody .k-button {
    min-width: 35px !important;
}

/* between editors need to squeeze two textboxes into same space */
.popup-editor-container .k-textbox.dc-between {
    width: 45% !important;
}

/* allow vertical expansion of the selected items in the multiselect */
.k-chip {
    height: auto;
}

/*telerik default font sizes are microscopic*/
:root {
    --kendo-font-size-sm: 12px;
    --kendo-font-size: 13px;
    --kendo-font-size-lg: 16px;
}

/* as of 2025, popup buttons are in a flex layout and are LEFT justified.  This puts it back right side.*/
.k-window-actions {
    justify-content: flex-end;
}
/* standardize the button heights */
.k-icon {
    height:18.5px !important;
    width:18.5px !important;
}

/* allow grid to auto-resize */
.k-grid-content {
    height: 100% !important;
}

/* telerik increased this to 14 in one of their updates which screwed up the headers on all saved layouts. */
.k-table-md {
    font-size: 13px;
}

.k-table-td {
    min-height: 24px;
}

.kendo-toolbar-button-spacing {
    margin-left: 2px;
    margin-right: 2px;
}