* {
    margin: 0;
    padding: 0;
}

@page {
    size: A4;
}


div {
    visibility: hidden;
    display: none;
}

.force-hide {
    display: none !important;
}

#printScreen,
#printScreen div,
#printScreen div img {
    visibility: visible !important;
    display: block !important;
}

#printScreen .page {
    visibility: visible !important;
    /* display: block !important; */
    /* display: -ms-flexbox!important; */
    display: flex !important;
    flex-direction: column!important;
    justify-content: center!important;
    align-items: center!important;
    /* -ms-flex-pack: center!important;
    -ms-flex-align:center!important;
    -ms-flex-direction: column!important; */
}

/*message can't print*/
#krid_container_printmsg {
    visibility: visible;
    display: block;
}

.page {
    page-break-after: always;
    -webkit-break-after: always;
    break-after:always
}

.portrait,
.portrait img {
  width: 190mm;
  max-height: 260mm;
}

.landscape,
.landscape img {
  width: 260mm;
  max-width: 260mm;
  height: 195mm;
  max-height: 195mm;
}

.landscape {
  transform: rotate(270deg) translate(-265mm, 0);
  transform-origin: 0 0;
}
body {
  position: static !important;
  overflow: auto !important;
  background: none;
  -ms-zoom: 1.45;
}

/* Apply for Microsoft Edge */
@supports (-ms-ime-align: auto) {
    .landscape,
    .landscape img {
        width: 260mm;
        max-width: 260mm !important;
        height: 190mm;
        max-height: 190mm;
    }

    .landscape {
        transform: rotate(270deg) translate(-390mm, 0);
    }
    body {
        zoom: 1.5;
    }
}
/* Apply for Safari */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)
{ @media {
  .landscape,
  .landscape img {
      width: 235mm;
      max-width: 235mm !important;
      height: 170mm;
      max-height: 170mm;
  }

  .landscape {
      transform: rotate(270deg) translate(-240mm, 0);
      padding: 5mm 5mm 5mm 10mm;
  }
}}

.landscape:not(:root:root),
.landscape img:not(:root:root) {
    width: 235mm;
    max-width: 235mm !important;
    height: 170mm;
    max-height: 170mm;
}


.landscape:not(:root:root) {
    transform: rotate(270deg) translate(-240mm, 0);
    padding: 5mm 5mm 5mm 10mm;
}