@media print {
  /*Reset*/
  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  hgroup,
  menu,
  nav,
  output,
  ruby,
  section,
  summary,
  time,
  mark,
  audio,
  video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; }
  /* HTML5 display-role reset for older browsers */
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block; }
  body {
    line-height: 1; }
  ol,
  ul {
    list-style: none; }
  blockquote,
  q {
    quotes: none; }
  blockquote:before,
  blockquote:after,
  q:before,
  q:after {
    content: "";
    content: none; }
  table {
    border-collapse: collapse;
    border-spacing: 0; }
  @page {
    size: landscape;
    border: 10px solid red; }
  body {
    -webkit-print-color-adjust: exact; }
  .table {
    border: 1px solid #dedede !important; }
  table tr:last-child td:first-child {
    border-bottom-left-radius: 10px; }
  table tr:last-child td:last-child {
    border-bottom-right-radius: 10px; }
  thead {
    background-color: #dedede !important; }
  th {
    color: #333333 !important;
    font-weight: bold;
    font-size: 1.3em;
    background-color: #dedede !important;
    border-bottom: 1px solid #dedede !important;
    vertical-align: middle;
    font-family: "Times New Roman", Times, serif;
    padding: 10px;
    white-space: nowrap;
    -webkit-print-color-adjust: exact !important; }
  td {
    padding: 10px;
    border-bottom: 1px solid #dedede !important;
    color: #6d6d6d !important;
    vertical-align: middle;
    font-family: "Times New Roman", Times, serif; }
  a {
    color: #3eb2c6 !important; }
  a:link:after,
  a:visited:after {
    content: " (" attr(href) ") ";
    font-size: 90%;
    display: none; }
  #sidebar,
  #dmat_portal,
  #progrssChart,
  #chartjs-tooltip {
    display: none; }
  #chart-image {
    position: absolute;
    top: 80px;
    width: 90%; }
  .status-container {
    width: 50%;
    float: left; }
  .details-container {
    width: 50%;
    float: right; }
  #myBar {
    border: 10px solid #10ca5e !important; }
  #myProgress {
    height: 22px !important;
    border: 1px solid #e7e7e7 !important; }
  .column-title {
    font-size: 15px;
    color: #ababab !important; }
  .event-details .detail-title,
  .unit-details .detail-title {
    color: #08a7df;
    margin-left: 15px; }
  .printable-header,
  .printable-footer {
    display: block; }
  @page {
    size: auto;
    margin-top: 0mm;
    margin-bottom: 0mm; }
  .printable-header {
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    border-bottom: 2px solid #dedede;
    margin-bottom: 200px;
    background-color: #ffffff !important;
    -webkit-print-color-adjust: exact;
    /*padding-top: 15mm;*/ }
  .printable-header .header-title {
    display: flex;
    flex-direction: column; }
  img.printer-page-logo {
    width: 200px; }
  .main-info,
  .more-info {
    padding: 10px;
    display: block;
    page-break-before: always; }
  .more-info {
    margin-top: 100px; }
  .icon-delete,
  .portal-version {
    display: none; }
  .pagebreak {
    page-break-before: always; }
  .history {
    padding: 10px;
    display: block;
    float: none;
    width: 100%;
    margin-top: 60px; }
  .no-print,
  .no-print * {
    display: none !important; }
  .logs-wrapper {
    max-height: none; }
  .rtl .history {
    float: none;
    padding: 10px;
    display: block;
    max-height: none;
    width: 100%;
    max-height: none; }
  .printable-footer {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 2px solid #dedede;
    text-align: center;
    background-color: #ffffff !important;
    -webkit-print-color-adjust: exact;
    /*padding-bottom: 15mm;*/
    /*padding-top: 10mm;*/ }
  img.small-thumb,
  .full-thumb {
    display: block !important;
    max-width: 300px;
    max-height: 300px;
    page-break-before: auto;
    /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */
    page-break-after: auto;
    /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */
    page-break-inside: avoid;
    /* or 'auto' */ }
  @page {
    size: landscape; }
  .margin-page-bottom {
    margin-bottom: 200px;
    margin-top: 200px;
    position: absolute; }
  .type-seperator h4 {
    font-size: 20px;
    margin-bottom: 15px;
    margin-right: -5px; }
  .print-with-options .optional {
    display: none; }
  .card.history .card-details {
    max-height: none; }
  .history .activities {
    max-height: none; }
  .card {
    margin-top: 60px; } }

@media screen {
  #printable,
  #chart-image {
    display: none; }
  .printable-header,
  .printable-footer {
    display: none; } }