/* Grid filter shim */
/* By default, make the filter icon invisible and non-block */
span.k-i-filter.k-icon {
    display: none;
    position: absolute;
    left: -10px;
    top: -2px;
}
/* ... but show the filter when it's applied*/
.k-state-active span.k-i-filter.k-icon {
    display: block;
    color: #3baae3;
}
.k-state-active span.k-i-filter.k-icon:hover {
    color: rgb(51, 51, 51);
}
/* Do not obey right margin that shoves over element when grid filters are active */
.k-grid-header th.k-with-icon .k-link {
    margin-right: -.4em !important;
    padding: 0;
}
/* On Column hover, show filter icon if it exists */
.k-grid-header th.k-header:hover span.k-i-filter.k-icon {
    display: block;
}
/* Force filterable grid headers to have a middle vertical alignment */
.k-grid-header th.k-header {
    vertical-align: middle;
}
/* End of grid filter shim */

/* Overriding kendo's less than desirable input width */
body .k-autocomplete, body .k-colorpicker, body .k-combobox,
body .k-datepicker, body .k-datetimepicker, body .k-dropdown,
body .k-listbox, body .k-numerictextbox, body .k-selectbox,
body .k-textbox, body .k-timepicker, body .k-toolbar body .k-split-button {
    width: 100%;
}

.k-button i {
    margin-right: 0.5rem;
}

.k-widget.k-tooltip:not(.k-tooltip-validation) {
    background: #ffffff;
    border: 1px solid #212529;
    margin-top: 0.5rem;
}

.k-tooltip-content {
    background: #ffffff;
    color: #212529;
    padding: 0.5rem 1rem;
}