@media print {
  @page {
    size: A4;
    margin: 0;
  }
  html, body {
    /*width: 100% !important; 
    height: 297mm;*/
    font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
    font-size: 12px !important;
    padding: 0px !important;
    margin: 1px !important;
  }
  .no-print {
    display: none !important;
  }
  .dox-eye-large-full-screen-toggle {
    display: none !important;
  }
  .module-data-content {
    /*transform: scale(0.5);
    transform-origin: top left;*/
    display: block !important;
    grid-template-columns: calc(100% - 3px);
  }
}
#print-area {
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-size: 12px !important;
  margin: 1.1cm 0.6cm;
  width: 200mm;
  height: 280mm;
}

/* general styles*/
.episode-header {
  width: 100%;
  border-bottom: 1px solid black;
  padding: 5px;
}
.episode-header > .episode-details {
  display: table-cell;
  width: 45%;
  margin: 10px;
}
.episode-header > .patient-details {
  display: table-cell;
  width: 45%;
  margin: 10px;
}

.module-data-content {
  /*transform: scale(0.5);
  transform-origin: top left;*/
  display: grid;
  grid-template-columns: calc(100% - 3px);
}
.module-data-content > .module-display {
  page-break-before: auto;
  page-break-inside: avoid; /**/
  page-break-after: auto;
  padding: 3px 5px;
  border-left: 10px solid;
  border-left-color: lightgrey;
  width: 100%;
  display: block;
}
.module-data-content > .module-display > .module-header {
  width: 100%;
  border-bottom: 1px solid grey;
  font-weight: bolder;
}
.module-data-content > .module-display .no-print {
  display: none !important;
}
.module-data-content > .module-display .input-group > .input-group-addon {
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-size: small !important;
}
.module-data-content > .module-display .input-group > .form-control {
  border: none !important;
}
.module-data-content > .module-display .btn {
  display: none !important;
}
.module-data-content > .module-display .btn.show-print {
  display: initial !important;
}
.module-data-content > .module-display .panel-body {
  padding: 2px;
}

.data-output {
  display: inline-block;
  width: 100%;
  padding: 2px;
}
.data-output > .label {
  display: inline-block;
  font-weight: bold;
  min-width: 25%;
  border: none;
  color: black !important;
  text-align: left !important;
  font-size: inherit;
}
.data-output > .value {
  display: inline-block;
  font-weight: normal;
}

.eye-draw-image-print {
  display: inline-block;
  width: 150px !important;
  height: 150px !important;
}

.eye-draw-component {
  width: 100%;
  display: inline-block;
}