﻿/*
Increase the width of the edit form.
The default one is 400px.
*/
.k-edit-form-container {
    width: 700px;
}

/*
Decrease the width of the edit form labels. The default one is 30%.
The new width should depend on the column titles.
Switch the text alignment to the left. By default, it is to the right.
*/
.k-popup-edit-form .k-edit-label {
    width: 40%;
    text-align: left;
}

/*
Increase the width of the textbox containers. The default one is 60%.
The sum of label and editor percentage widths should be around 90%, to make up for existing paddings.
*/
.k-popup-edit-form .k-edit-field {
    width: 50%;
}

/*
Expand the edit textboxes and any other Kendo UI widgets.
In case of unexpected side effects, use widget-specific classes, instead of .k-widget.
*/
.k-popup-edit-form .k-edit-field > .k-textbox,
.k-popup-edit-form .k-edit-field > .k-widget {
    width: 98%;
}