﻿#FormHeader p {
    margin-bottom: 0;
}

#FormHeader img {
    max-width: 150px;
}

#RequestTable .k-grid-header {
    padding: 0 !important;
}

#RequestTable .k-grid-content {
    overflow-y: visible;
}

.k-item {
    background-color: white;
}

.k-animation-container .k-list-container {
    background-color: white;
}

/*
    Increase the width of the edit form.
    The default one is 400px.
*/

.k-edit-form-container {
    width: 450px;
}

/*
    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: 30%;
    text-align: right;
}

/*
    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: 60%;
}

/*
    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%;
}

.k-popup-edit-form .k-edit-field > textarea {
    width: 90%;
}

/* Prevents command cell from collapsing to 0 width on mobile. */
.k-command-cell {
    min-width: 100px;
}