/* Override Bootstrap defaults */
/*
https://excessivelyadequate.com/posts/print.html
-> https://medium.com/@Idan_Co/the-ultimate-print-html-template-with-header-footer-568f415f6d2a
*/

a[href]:after {
    content: "";
}

#head {
    display: none;
}

header, .page-header {
    margin: 0;
    padding: 0;
}
ol.breadcrumb {
    display: none;
}
footer {
    display: none;
}

/** header & footer ***********************************************************/

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    position: relative;
}

.printHeader, .page-header-space {
  height: 36px;
}
.printHeader {
  position: fixed;
  top: 0mm;
  left: 10mm;
  right: 10mm;
  border-bottom: 1px solid #ccc;
}

.printFooter, .page-footer-space {
  height: 20px;
}
.printFooter {
  position: fixed;
  bottom: 0;
  left: 10mm;
  right: 10mm;
  border-top: 1px solid #ccc;
}

table.print-layout {
    width: 100%;
    page-break-inside: auto;
}
thead.print-layout { 
    display: table-header-group;
    padding-bottom: 12px;
    margin-bottom: 12px;
    background: red;
} 
tfoot.print-layout { display: table-footer-group; }
tr.print-layout {
    page-break-inside: auto;
    page-break-after: auto
}

@page {
    size: A4;
    margin: 10mm;
}

#pageNumbers:after {
    counter-reset: page 0;
    counter-increment: page;
    content: counter(page);    
}

/** Style & Colors ************************************************************/

*.color-red, *.color-red:before, *.color-red:after {
    color: red !important;
}
*.color-blue, *.color-blue:before, *.color-blue:after {
    color: blue !important;
}
*.color-orange, *.color-orange:before, *.color-orange:after {
    color: orange !important;
}
*.color-green, *.color-green:before, *.color-green:after {
    color: green !important;
}
*.color-chartreuse, *.color-chartreuse:before, *.color-chartreuse:after {
    color: chartreuse !important;
}
*.color-cornflowerblue, *.color-cornflowerblue:before, *.color-cornflowerblue:after {
    color: cornflowerblue !important;
}

*.color-darkred, *.color-darkred:before, *.color-darkred:after {
    color: #cc0000 !important;
}

i.label-icon { 
    display: none !important;
    content: none !important;
}

.dt-buttons, .dataTables_filter { 
    display: none !important;
    content: none !important;
}

/** Bootstrap overrides *******************************************************/

/* Adjust the widths according to your layout.
   Here 16.666667% is roughly 2/12 and 75% is roughly 9/12. */
.col-print-2 {
  width: 14%;
  float: left;
}
.col-print-3 {
  width: 30%;
  float: left;
}
.col-print-9 {
  width: 70%;
  float: left;
}
/* Remove any default padding/margins if needed */
.col-print-2,.col-print-3,
.col-print-9 {
  padding-left: 15px;  /* adjust if necessary */
  padding-right: 15px; /* adjust if necessary */
}


.collapsed {
    display: none;
}