/* Bootstrap Styling */
.container-fluid {
    padding-right: 5px;
    padding-left: 5px;
}
.row {
    margin: 0;
}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    padding: 3px 3px;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    padding: 3px 5px;
}
label {
    margin-bottom: 0px;
}

/* General Styling */
.GridFormContainer {
    padding-bottom: 10px;
}
.SolidBorder {
    border: 1px solid black;
}
#FilterContainer, .results-table {
    font-size: x-small !important;
}
#FilterContainer td {
    padding: 2px;
}
#FilterContainer input[type=text], .EditTable .VerticalMargin input[type=text], .EditTable .VerticalMargin input[type=number] {
    width: 95%;
}
#EditContainer input {
    max-width: 100%;
}
#EditContainer label {
    max-width: 100%;
}
#EditContainer textarea {
    width: 98%;
    height: 100px;
}

/* SmallEditContainer: Duplicate of FilterContainer so we can ensmallen edit forms too */
#SmallEditContainer {
    font-size: x-small !important;
}
#SmallEditContainer td {
    padding: 2px;
}
#SmallEditContainer input[type=text], .EditTable .VerticalMargin input[type=text], .EditTable .VerticalMargin input[type=number] {
    width: 95%;
}
/* end SmallEditContainer */

.k-grid-header th.k-header {
    white-space: normal;
    padding: .3em .4em .3em .4em;
}
.hpanel .panel-body {
    padding: 0;
}
.FilterSection {
    padding: 5px 1px;
    width: 98%;
}
.ResultSection {
    width: 98%;
    margin-right: 2px;
    box-shadow: 3px 3px 5px #888;
}
.VerticalMargin {
    padding: 2px 0px;
}
h3 {
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 5px;
}
.button-padding {
    padding-left: 5px;
    padding-right: 5px;
}
.EmptyRow {
    height: 20px;
}
.search-pane {
    width: 31%;
}
.content-pane {
    width: 69%;
}
.DatePicker, .TimePicker, .CallSlipNumberLike {
    max-width: 99%;
}
.add-new-button {
    margin: 5px 0 0 5px;
}


/* Service Reports */
#ServiceReportsSearchResultsTableContainer .k-grid-content {
    max-height: 500px;
}
.CustomerSearch {
    width: 100%;
}
.SiteSearch {
    width: 100%;
}

/* PO Edit*/
.address-label {
    width: 6%;
}
.address-input {
    width: 10.65%;
}
/* Note: the Add New Purchase Order and Add New Call Slip buttons are both in the search filter panel */
/* Note: Margins set to 0 to align better with the Search and Reset Form buttons */
#AddNewPurchaseOrderButton {
    margin: 0;
}

/* Call Slips */
#AddNewCallSlipButton {
    margin: 0;
}