﻿/* ## TELERIK ## */

/*
    Increase the width of the edit form.
    The default one is 400px.
*/

.k-edit-form-container {
    width: 800px;
}

/*
    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: 20%;
    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: 70%;
}

/*
    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:not(.k-tooltip) {
    width: 98%;
}

/*
    Rounds the grid corners.
*/
.k-grid {
    border-radius: 5px;
}
.k-grid-toolbar {
    border-radius: 5px 5px 0 0;
}
.k-grid-pager {
    border-radius: 0 0 5px 5px;
}

/*
    Maintain styling for links, but don't affect controls in grid
*/
.k-grid td a {
    text-decoration: underline;
}

.k-grid td a.k-button {
    text-decoration: none;
}

.k-grid td a.btn {
    text-decoration: none;
}

/* ## END TELERIK ## */