/* ---------------------------- */
/*  Track It - Print CSS        */
/*  Ver          : 1.0          */
/*  Created      : 27 May 2014  */
/* ---------------------------- */

/* ---------------------------- */
/* 1. Hiding Non Print Elements */
/* ---------------------------- */

.s-screen-only,
.s-hidden,
.nav-access,
.track-it-logo,
.entity-info-cont,
.module-menu,
.app-tab-nav-cont,
.section-nav-container,
.overlay-el-cont,
.pop-up-el-cont,
#js-loading-overlay,
.footer-link,
.ico-print,
.ico-excel,
.table-legend,
.filter-tools,
.section-nav-2-container,
.full-date-picker img,
.full-date-picker button,
.d-box,
.btn,
.btn-help,
.search-bar,
.copy,
.btn-container,
.panel-tab--content,
.panel-tab--nav {
    display: none !important;
}

/* -------------------- */
/* 2. Standard Elements */
/* -------------------- */

@page {
    margin: 1.5cm;
}

.clear {
    clear: both;
}

* {
    line-height: 1.5 !important;
    font-family: Arial, Helvetica, Sans-Serif !important;
    color: #000 !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
}

body {
    background: #FFF;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    margin: 0 0 10px 0;
    line-height: 105%;
}

h2, h3, h4 {
    page-break-after: avoid;
    orphans: 3;
    widows: 3;
}

h1 {
    font-size: 22px;
}

h2 {
    font-size: 18px;
}

h3 {
    font-size: 14px;
}

h4 {
    font-size: 12px;
}

p {
    font-size: 12px;
    orphans: 3;
    widows: 3;
}

img {
    max-width: 100% !important;
    margin: 0 0 10px 0;
}

a {
    font-weight: bold;
    text-decoration: none;
    color: #06c;
}

pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
}

thead {
    display: table-header-group;
}

tr img {
    page-break-inside: avoid;
}

#content {
    margin: 0 0 10px 0;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #000;
    width: 100%;
    background: transparent;
    float: none;
}

    #content ul {
        margin: 0 0 0 15px;
        padding: 0;
        font-size: 14px;
    }

    #content li p {
        font-size: 14px;
        margin: 0;
        padding: 0;
    }

    #content table {
        border: 1px solid #000;
        border-collapse: collapse;
        border-spacing: 0;
        margin: 0 0 25px;
        width: 100%;
    }

        #content table img {
            margin: 0;
        }

    #content tr {
        page-break-inside: avoid;
    }

    #content td, #content th {
        border: 1px solid #000;
        vertical-align: middle;
        padding: 3px 5px !important;
        font-size: 12px;
    }

.page-break {
    display: block;
    page-break-before: always;
}

.s-print-visible {
    display: block !important;
}

/* ------------------------- */
/* 3. Site Specific Elements */
/* ------------------------- */

/* Header */

.hd-main {
    margin: 0 0 20px;
    padding: 7px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: 16px;
}

.hd-print-section {
    margin: 0;
    padding: 15px 0 10px;
    border: 0;
    font-size: 14px;
}

.print-sub-hd {
    border: 0;
    font-size: 18px;
    line-height: 100%;
    padding: 0 !important;
    margin-bottom: 5px !important;
}

/* Tables */

.overview {
    position: static !important;
}

.tbl-scrollable-body th {
    text-align: left;
}

.info-view-tbl th {
    text-align: left;
    padding-right: 15px;
}

.info-view-tbl td {
    text-align: left;
    padding-left: 15px;
}

/* Form Elements */

.app-main {
    margin-bottom: 35px;
}

.status-list {
    margin: 0 0 20px !important;
}

.status-list--item--info--label {
    margin: 0 10px 0 0;
    font-weight: bold;
}

.s-tbl-scrollable {
    height: auto !important;
}

/* Footer */

.copy {
    float: left;
    font-size: 12px;
}

.by {
    float: right;
    font-size: 12px;
}

/* --------------- */
/* 4. Print Layout */
/* --------------- */

/* General */

.print-layout {
    font-size: 10px;
}

    .print-layout .header {
        margin-bottom: 10px;
    }

    .print-layout .logo {
        margin: 0;
        float: left;
    }

    .print-layout .app-main {
        margin-bottom: 25px;
    }

    .print-layout .hd-main {
        margin-bottom: 17px;
        padding: 5px;
        font-size: 15px;
        line-height: 100%;
    }

    .print-layout table {
        width: 100%;
        border-top: 1px solid #000;
        border-left: 1px solid #000;
    }

    .print-layout th,
    .print-layout td {
        border-bottom: 1px solid #000;
        border-right: 1px solid #000;
        padding: 0px 10px;
        vertical-align: middle;
    }

        .print-layout td img {
            margin: 0;
        }

        .print-layout th.top-hd {
            text-align: center !important;
            text-transform: uppercase;
        }