/* ---------------------------- */
/*  Track It - Print CSS        */
/* ---------------------------- */

/* ---------------------------- */
/* 1. Hiding Non Print Elements */
/* ---------------------------- */

.s-screen-only,
.s-hidden,
.nav-access,
.manage-my-skill-logo,
.entity-info-cont,
.l-top-bar-tools,
.nav-2nd-level,
.section-nav-container,
.overlay-el-cont,
.pop-up-el-cont,
#js-loader-component,
.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,
.l-tbl-act-line,
.btn-container,
.panel-tab--content,
.panel-tab--nav,
.tbl-grouped--panel-cabin-list tbody > tr:first-child,
.opt-dd,
.module-header--nav,
.b-crumb {
	display: none !important;
}

/* -------------------- */
/* 2. Standard Elements */
/* -------------------- */

@page {margin: 1.5cm ;} /* apply a margin all the way around the page - 2.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;
}

/*
a[href]:after {
content: " (" attr(href) ") ";
font-size: 80%;
font-weight: normal;
}
*/

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;
}

#comments {page-break-before: always;} /* put blog comment section to the new page - giving user option to print the comment or not */

.u-page-break {
    display: block;
    page-break-before: always;
}

.s-print-visible {
    display: block !important;
}

.u-new-page {
    page-break-before: always;
}

/* ------------------------- */
/* 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,
.js-tbl-passenger-check-in th,
.js-tbl-cargo-check-in th,
.a-tbl-cargo-on-a-route 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;}

.full-date-picker .text {
width: auto;
margin: 0 0 15px;
border: 0 !important;
font-size: 18px !important;
}

.table-legend ul {list-style-type: none;}
.table-legend li {clear: both;}
.tl-img-cont {float: left;}

.print-checkbox {
    float: left;
    margin: 2px 10px 0 0;
    display: block;
    width: 11px;
    height: 11px;
    border: 1px solid #000;
}

/* Footer */

.copy {
float: left;
font-size: 12px;
}

.by {
float: right;
font-size: 12px;
}


/* --------------- */
/* 4. Print Layout */
/* --------------- */

/* General */

.module-header--logo img {
	width: 300px;
}

.print-layout {
    font-size: 10px;
}

    .print-layout .header {
        margin-bottom: 10px;
    }

    .print-layout .logo {
        margin: 0;
        float: left;
    }

.print-layout .time-stamp {
float: right;
padding: 10px 0 0;
line-height: 43px;
font-size: 10px;
font-style: italic;
}

.print-layout .flight-id {
padding: 10px 0 0;
line-height: 43px !important;
font-size: 10px;
margin-left: 15px;
}

.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;
}

.print-layout .tbl-flight-summary th {text-align: left;} 

.print-layout .flight-details-main {
float: left;
margin-right: 18px;
width: 100%;
}

.print-layout .flight-details-sec {
float: left;
width: 40%;
}

.print-layout .tbl-flight-weight {margin-bottom: 18px;}


/* 5. Print Layout - Sign Off
/* ------------------------------------ */

.print-layout-m-sign-off {
    padding: 30px 20px;
    font-size: 13px;
    page-break-before: always;
}

    .print-layout-m-sign-off:first-child {
        page-break-before: avoid;
    } 
    
    .print-layout-m-sign-off h1,
    .print-layout-m-sign-off h2,
    .print-layout-m-sign-off h3,
    .print-layout-m-sign-off h4 {        
        line-height: 100%;
        font-weight: normal;
    }
    
    .print-layout-m-sign-off h2 {
        padding-bottom: 0;       
    }    

    .print-layout-m-sign-off .l-letterhead {
        margin-bottom: 30px;
    }

    .print-layout-m-sign-off .l-header {
        margin-bottom: 30px;
    }
        
        .print-layout .l-header--meta {
            float: left;
            margin-right: 50px;
        }

    .print-layout-m-sign-off .logo-2 {
        margin: 0;
        float: right;
    }
    
    .print-layout-m-sign-off .l-3-col {
        float: left;
        width: 28%;
        margin-right: 5%;
    }

    .print-layout-m-sign-off .l-col {
        width: 95%;
    }


    .print-layout-m-sign-off .l-section {
        margin-bottom: 35px;
    }

    .print-layout-m-sign-off .l-section-tight {
        margin-bottom: 25px;
    }

    .print-layout-m-sign-off .l-section-tighter {
        margin-bottom: 15px;
    }
    
    .print-layout-m-sign-off table {
        border: 0;
    }
        
        .print-layout-m-sign-off table td,
        .print-layout-m-sign-off table th {
            padding: 0;
            border: 0;
        }
        
    .print-layout-m-sign-off .tbl-skill--description-row td {
        padding-bottom: 20px;
    }

    .print-layout-m-sign-off .entry-box {
        height: 40px;
        border-bottom: 1px solid #000;
        margin-bottom: 25px;
    }

    .print-layout-m-sign-off .signature-area {
        page-break-before: auto;        
    } 