@import {% static "css_local/overwrite.css" %}


.on-print {
    display: none;
}

page {
  background: white;
  margin: 0 auto;
  margin-bottom: 0.5cm;
  layout: portrait;
}

page[size="A4"][layout="portrait"] {
  width: 8.27in;
  height: 11.69in;
  word-wrap: break-word;
}

.print-page-title,
.print-distribution-content-chart,
.print-merge-content-chart,
.print-tornado-content-chart,
.print-gantt-content-chart,
.print-chart-footer-left
{
    width: 8in;
    margin-left: auto;
    margin-right: auto;
}


.print-logo
{
    width: 78px;
    height: 78px;
    float: left;
    align: top;
    margin-top: 0.5cm;
    /* vertical-align: center; */
    content: url('/static/icons/RTCLogo-highlight.png');
}

.print-logo img
{
    width: 100%;
    height: 100%;
}
.print-info
{
    width: calc(100% - 80px);
    height: 80px;
    margin-top: 0.5cm;
    font-size: var(--print-font-size);
    vertical-align: center;
}


.print-page-table
{
  width: 100%;
  height: 100%;
  margin-top: 5% !important;
  /*display: inline-block;*/
  table-layout: fixed;
}

.report-container .chart-es-page-chart-legend
{
    /* font-size: calc(var(--print-font-size) - 3px); */
    margin-top: 1%;
}

.print-page-content
{
    height: 7in;
}

.print-page-footer
{
    height: 1cm;
    bottom: 0.05cm;
    /* border-top: 1px solid var(--color-black); */
    width: 100%;
    position: fixed;
    /* float: left;
    display: inline-block; */
    font-weight: normal;
    font-size: calc(var(--print-font-size) - 3px);
    webkit-print-color-adjust: exact;
    text-align: center;
}

.print-page-header
{
   width: 100%;
   height: 150px;
   margin-top: 0.5cm;
   /* position: fixed; */
   display: flex;
   /* border-bottom: 1px solid var(--color-black); */
}

.print-distribution-content-chart,
.print-merge-content-chart,
.print-tornado-content-chart
.print-gantt-content-chart
{
    height: 4in;
    /* position: absolute; */
    font-name: var(--font-family);
    font-size: var(--print-font-size);
}


.print-merge-content-chart
{
    /* height: 4.5in; */
    padding-top: 0;
}

.print-tornado-content-chart
{
    height: 4in;
}

.print-gantt-content-chart
{
    /* height: 4.5in; */
    padding-top: 0;
}

.print-page-title-sub,
.print-page-title
{
    width: 100%;
    padding-left: 0;
    height: 20px;
    /* margin-top: 120px; */
    margin-bottom: 0.5cm;
    text-align: center;
    font-weight: normal;
}
.print-page-title-sub
{
    margin-top: 0;
    margin-bottom: 20px;
}
.print-info .chrono-div-top-info
{
    width: 98%;
    height: 100%;
}

.print-info .chrono-div-top-info .google-visualization-table .google-visualization-table-table .chart-distribution-tooltip-cell
{
    font-size: calc(var(--print-font-size) - 2px);
}

.print-distribution-content-tables
{
    width: 100%;
    height: 20%;
    margin-top: 1%;
}

.print-legend-content-tables-sub
{
    width: 35%;
    height: 25%;
    margin-top: 25px;
    font-size: var(--print-font-size);
}

.print-chart-footer-left
{
    width: 8.5in;
    height: 2in;
    font-family: var(--font-family);
    position: absolute;
    top:100%;
}

.print-chart-footer-left .chart-distribution-tooltip-header > th,
.print-chart-footer-left .chart-distribution-tooltip-header > td
{
    font-size: var(--print-font-size) !important;
    font-family: var(--font-family) !important;
    font-weight: normal !important;
    white-space: nowrap;
}

.print-chart-footer-left .google-visualization-table-table tr th:last-child,
.print-chart-footer-left .google-visualization-table-table tr td:last-child
{
    width: 90%;
    text-align: center;
}

.print-chart-footer-left .google-visualization-table-table tr td:last-child
{
    width: 90%;
    text-align: center;
}

.print-chart-footer-left .chart-es-page-chart-td-6
{
    width: 100%;
    max-width: 100%;
}

.print-chart-footer-left .chart-es-page-chart-td-6 .chart-es-page-chart-legend
{
    width: 100%;
    height: 40%;
    margin: 0;
}

.print-chart-footer-left .chart-es-page-chart-td-6 .chart-es-page-chart-legend tr td:first-child
{
    width: 35%;
}

.print-chart-footer-left .chart-merge-page-chart-legend,
.print-chart-footer-left .chart-tornado-page-chart-legend,
.print-chart-footer-left .chart-gantt-page-chart-legend
{
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
}

.product-name-print,
.copyright-statement-print,
.license-statement-print
{
    width: calc(90%/ 3);
    /* height: var(--license-height); */
    min-height: var(--license-height);
    /* margin-left: 10px; */
    bottom: 0;
    font-weight: normal;
    text-align: left;
    display: inline-block;
    vertical-align:bottom;
    font-size: calc(var(--print-font-size) - 5px);
    float: left;
}

.product-name-print
{
    text-align: center;
    float: none;
}
.license-statement-print
{
    /* width: calc(100% - var(--license-width) - 20px); */
    float: right;
    text-align: right;
}

table.report-container
{
  width: 100%;
  height: 100%;
  page-break-after:always;
  table-layout: fixed;
}

thead.report-header {
    display:table-header-group;
}
tfoot.report-footer {
    display:table-footer-group;
}

table.report-container div.print-page-content
{
    page-break-inside: avoid;
}

.page-break { display: none; }

.on-print .print-chart-es-page-chart
{
    width: 100%;
    height: 90%;
}


.on-print  .chart-es-page-chart-td-1bl .chart-es-page-chart-areabl,
.on-print  .chart-es-page-chart-td-2bl .chart-es-page-chart-areabl
{
    height: 6in;
    width: 5in;
}

.on-print  .chart-es-page-chart-td-1 .chart-es-page-chart-area,
.on-print  .chart-es-page-chart-td-2 .chart-es-page-chart-area
{
    height: 2.5in;
    width: 5in;
}

.page_break
{
    page-break-before: always;
}


.print-page-content
{
    text-align: center;
}


@media print
{

    body, page
    {
        font-family: var(--font-family);
        -webkit-print-color-adjust: exact !important;
        margin: 0;
        box-shadow: 0;
        font-size: var(--print-font-size);
    }

    @page
    {
        size: 8.27in 11.69in portrait;
        margin: 0mm 17mm 0mm 17mm;
        font-size: var(--print-font-size);
    }

  .no-print
  {
    display: none;
  }

  .on-print
  {
    display: block;
  }


}

@media print and (orientation: portrait)
{
}

@media print and (orientation: landscape)
{
    .print-page-title,
    .print-distribution-content-chart,
    .print-merge-content-chart,
    .print-tornado-content-chart,
    .print-gantt-content-chart,
    .print-chart-footer-left
    {
        width: 8in;
        margin-left: auto;
        margin-right: auto;
    }

    .print-page-content
    {
        height: 6in;
    }

}