@font-face {
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    src: url('https://s3.amazonaws.com/dc-docs.dcatalog.com/Heinemann-MEA-DMCC/Beauty-Category-Catalogue-Heinemann-MEA-Dubai/res/Arial.ttf') format('truetype');
  }
  
  [id$="pageImage"] {
    width: 100% !important;
    height: 100% !important;
  }
  
  .bookmark-tabs .tab {
    font-family: 'Arial' !important;
    font-weight: bold;
  }

  [id^="svg_"][id$="pageDiv"] {
    transform: scale(var(--scale, 1), calc(var(--scale, 1) * var(--scaleratio))) !important;
    transform-origin: left top;
 }

  #magviewer[rotate="90"] [id^="svg_"][id$="pageDiv"] {
    transform: rotate(90deg) scale(var(--scale, 1), calc(var(--scale, 1) * var(--scaleratio))) !important;
    transform-origin: left top;
  }

  #magviewer[rotate="-90"] [id^="svg_"][id$="pageDiv"] {
    transform: rotate(-90deg) scale(var(--scale, 1), calc(var(--scale, 1) * 0.var(--scaleratio))) !important;
    transform-origin: left top;
  }

  #magviewer[rotate="180"] [id^="svg_"][id$="pageDiv"] {
    transform: rotate(180deg) scale(var(--scale, 1), calc(var(--scale, 1) * var(--scaleratio))) !important;
    transform-origin: left top;
  }