﻿/*form LTR form controls*/
.k-ltr {
    direction: ltr;
}

/*the width of the editor window will be determined by the content's size
 (from http://www.telerik.com/forums/how-to-resize-grid-editable-popup-window)*/
.k-edit-form-container {
     width: auto;
}

/*fixes for form styling*/
.k-textbox,
.k-datepicker,
.k-dropdown,
.k-numerictextbox,
.k-datepicker,
.k-timepicker,
.k-datetimepicker {
  width: 100%;
}

/*fixes for nesting bootstrap layouts inside kendo widgets
(from http://docs.telerik.com/kendo-ui/third-party/using-kendo-with-twitter-bootstrap)*/

/* reset everything to the default box model */
/* MRM: this breaks our top header (class="row border-bottom")
*, :before, :after
{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
*/
/* set a border-box model only to elements that need it */
.form-control, /* if this class is applied to a Kendo UI widget, its layout may change */
.container,
.container-fluid,
.row,
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*always show "drop files here" on upload widget*/
div.k-dropzone em {
    visibility: visible;
}

/*position the validation tooltips static, and change their color*/
.k-widget.k-tooltip-validation {
    position: static;
    border-color: #ff7272;
    background-color: #ff7272;
    color: #6b5100;
    overflow: hidden;
}
.k-tooltip-validation .k-callout-n {
    display: none;
}

/*remove horizontal scrollbar from Tabstrip content*/
.k-tabstrip>.k-content {
    overflow: hidden;
}

/*hover effect for grids*/
.k-grid tbody tr:hover:not(.k-state-selected) {
    background-color: #f1f1f1;
}

/*hide grid inline edit button*/
.k-grid-edit.hide-edit-button {
    display: none;
}