@media print{
  @page {
  	size:A4,
  	margin: 1cm;
  }
  body {
      margin:0;
      color: #000;
      background: #fff !important;
      font-family: Times New Roman, serif;
  }
  h2, 
  .title-wrapper,
  .select-statistic-year, 
  .floating-btn,
  .select2,
  .select2-container,
  .select2-container--default{
  	display: none !important
  }

  h1.break,h2.break,h3.break,h4.break,h5.break,h6.break,table.break{
    page-break-before: always;
  }

  #barchart_material,
  #barchart_values,
  #piechart_3d,
  #chart_div,
  #piechart_fishes{
    max-width: 100%;
    outline:1px solid #d2d2d2   
  }

  .img-chart{
    /*width: 500px*/
    width: 250pt;
    max-width: 250pt;
    page-break-inside: avoid;
    margin: 0 auto;
    height: auto;
    text-align:center;
    display: block;
  }

  .fit-content {
    margin: 20px 10px;
    display:block;
    max-width:100%;
    page-break-inside: avoid
    height:auto;
  }

  .fit-content .img-chart{
    width: 100%
    max-width: 100%
  }

  .img-pie {
    width: 300pt;
    max-width: 300pt;
    display: block
  }

  .no-data {
    text-align: center !important;
  }

  .bar-vessel{
    max-width:50% !important;
    float: left;
  }

  .bar-fishes{
    float: left;
    max-width:50% !important;
  }

  .qr-vessel-name{
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
  }

  .qr-data img,
  .qr-data-vessel img {
    margin: 0 auto !important;
    max-width: 150px !important;
    max-height: 150px !important;
  }

  .qr-data{
    margin-top: 2em !important;
    margin-bottom: 1em !important
  }

  .img{
    max-width: 150px !important;
  }

  .img-wrapper{
    position: absolute !important;
    top : -20px !important;
    right: 7em !important
  }

  .qr-content {
  	page-break-inside: avoid; 
  }

  .downloadable-content,svg {
    max-width: 100%;
    max-height: 100%;
    page-break-inside:avoid;
  }

  #vessel-info{
    page-break-before: always !important;
    width:40%;
    float: left !important;
    height: 100vh
  }

  #vessel-operations, 
  #vessel-policy,
  #vessel-qr{
    page-break-before: always !important;
    width:60%;
    float:left!important;
  }
  
  .vessel-wrapper {
    page-break-before: always;
    page-break-after: auto; 
    max-width:100%;
    max-height: 100%;
    overflow: hidden;
  }
}

.float{
  position:fixed;
  width:60px;
  height:60px;
  bottom:40px;
  right:40px;
  border-radius:50px;
  text-align:center;
  box-shadow: 2px 2px 3px #999;
  z-index: 9999999
}

.my-float{
  margin-top:18px;
}