@import url("/style/normalize.css");

body {
    background: #fff;
}


body, td, th, li, p, h1, h2, h3, h4, h5, h6
{
    font-size: 1.1em !important;
}

h3 
{
    color: #000;
}

.pageBreakBefore {
    page-break-before: always;
    break-before: always;
    display: block !important;
    page-break-inside: avoid;
}

.pageBreakAfter {
    page-break-after: always;
    break-after: always;
    display: block !important;
    page-break-inside: avoid;
}

.dataTables_scrollBody 
{
    height: auto !important;
    overflow: visible !important;
}

.dataTables_filter, .print, .dataTables_scrollHead { display: none !important; }

.allFrames td,
.allFrames th { font-size: 0.8em !important; }

.dataTables_scrollHead,
.dataTables_scrollHeadInner,
.dataTables_scrollHead .dataTable { width: auto !important; }

.allFrames div.dataTables_scrollBody thead th.sorting span { display: table-cell; }


/* Customer Service View printing */

.customerServiceDetails legend h5 
{
    position: static !important;
    top: auto;
}

#customerInformation 
{
    page-break-after: always;
}

.customerServiceDetails p,
.customerServiceDetails fieldset
{
    font-size: 0.9em !important;
}
.customerServiceDetails fieldset
{
    border: none;
}

.customerServiceDetails .tradingCardDetails,
.customerServiceDetails .packageList
{
    width: 48%;
    float: left;
}
.customerServiceDetails .photos
{
    clear: both;
}

#searchResults thead h1
{
    line-height: normal !important;
    float: left;
}

/* Open Job List specific styling - trying a new method of layout of printing */

body.openJobList 
{
    width: 666px;
}

body.openJobList td
, body.openJobList th
{
    padding: 10px;
}
body.openJobList h1
{
    line-height: normal !important;
}

.spacerRow 
{
    visibility: hidden;
    height: 0 !important;
}

.spacerRow .break 
{
    page-break-after: always !important;
    height: 0 !important;
    display: none;
}