/** SPLIT PANEL CSS STARTs **/
html,
body {
  height: 100%; /* DO NOT remove. Splitter will NOT work otherwise.*/
}

.split {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     overflow-y: auto;
     overflow-x: hidden;
}
.split-title {
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
} 
.gutter {
     background-color: transparent;
     background-repeat: no-repeat;
     background-position: 50%;
}
 
.gutter.gutter-horizontal {
    cursor: col-resize;
    background-color: #ECF0F5;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==');
}
 
.gutter.gutter-vertical {
     cursor: row-resize;
     background-color: #ECF0F5;
     background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII=');
}

.split.split-horizontal,
.gutter.gutter-horizontal,
.split.inner-split-horizontal,
.split.title-split-horizontal,
.split.full-height-split-horizontal {
  float: left;
  height: 100%;
}
 
.content {
  padding-left: 10px;
  padding-right: 10px;

  padding-top: 10px;
  padding-bottom: 10px;
}

/** SPLIT PANEL CSS ENDs **/

.left-panel, .center-panel, .right-panel {
  box-shadow: inset 0 1px 2px #e4e4e4;
  /* border: 2px #c9dbe0 solid;*/
  border-radius: 6px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.left-panel-content {
  height: calc(100% - 25px);
}

.left-panel, .right-panel {
  background-color: #EDF0F1;
}

.center-panel {
  background-color: #F9FBFD;
}

.appoints-examination-note,
.card {
  margin-top: 5px;
}

.card-body {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.card .list-group-item {
  border: 0px;
  width: 100%;
}

.appoints-examination-note .card {
  border-top: 0px;
}

.appoints-examination-note .card-header {
  white-space: nowrap; 
  overflow: hidden;
  text-overflow:ellipsis;
}

.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.patient-brief-info-row {
  font-weight: bold;
  padding-left: 5px;
}

.document-doctor-note-history {
  height: 70px;
  overflow: auto;
}

.bottom-buttons {
  border-top: 1px solid #dee2e6;
  margin-top: 2px;
  margin-bottom: 0px;
  background-color: #f4f4f5;
  padding: 0.45rem 0.95rem;
  justify-content: center;
}

.odd-bottom-buttons {
  border-top: 1px solid #dee2e6;
  margin-top: 2px;
  margin-bottom: 0px;
  background-color: #fbfbfb;
  padding: 0.45rem 0.95rem;
  justify-content: center;
}

.row > .col.manifest-ou-label {
  /* flex: 0 0 80px; */
}
.patient-name {
  color: #DC143C;
}
.image-thumbnail-list-view {
  max-width:170px;
  min-width: 170px;
  overflow-y: auto;
}

.img-thumbnail {
  max-width:150px;
}

.img-preview, .img-viewer {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.intraocular-pressure-data {
  width: 50%;
}
.col-pixel-width-25 {
  flex: 0 0 25px;
}
.col-pixel-width-30 {
  flex: 0 0 30px;
}
.col-pixel-width-35 {
  flex: 0 0 37px;
}

.col-pixel-width-95 {
  flex: 0 0 95px;
  padding-left: 3px;
}

.col-pixel-width-145 {
  flex: 0 0 145px;
}
.width-pixel-35 {
  width: 35px;
}
.page-medium-width {
  max-width: 1050px;
}
.bottom-line {
  border-bottom: 2px #CDCDCD solid;
}
.data-col {
  padding-top: 10px;
  padding-bottom: 20px;
}

.right-line {
  border-right: 1px #CDCDCD solid;
  padding-right: 15px;
}

.left-line {
  border-left: 1px #CDCDCD solid;
  padding-left: 15px;
}

.right-line, .left-line {
  padding-top:15px;
  padding-bottom: 15px;
}

.col-label {
  text-align: center;
}
.money-unit {
  font-weight: bold;
  color: #DC143C;
}
@media (min-width: 992px) {
  .modal-xl {
    max-width: 92%;
  }
}

.surgery-certificate-table-head {
  height:33px;
}

.surgery-certificate-row {
  height: 110px;
}

.surgery-certificate-row td {
  min-width: 110px;
}

.parent-table {
  border-collapse:collapse;
  height: 100%;
}

.inner-table {
  height: 100%;
}
.hiddenRow {
  padding: 0 !important;
}