﻿/*
Copyright 2019-2021 Epic Systems Corporation
*/

.rpt {
  /*#region Variables and Mixins*/
  /*#endregion*/
  /*#region Structure*/
  /*#endregion*/
  /*#region Date*/
  /*#endregion*/
  /*#region Icon*/
  /*#endregion*/
  /*#region Description*/
  /*#endregion*/
}
.rpt .hxWrapperTable {
  table-layout: fixed;
  width: 100%;
}
.rpt .hxbody {
  padding: 2px 0px;
}
.rpt .hxitem {
  display: flex;
  align-items: center;
}
.rpt .date {
  width: 12%;
  min-width: 40px;
  text-align: right;
  margin-right: 4px;
  flex: none;
  word-wrap: break-word;
}
.rpt .pastDate {
  color: #5e717a;
}
.rpt .today {
  font-weight: 600;
}
.rpt .hxiconbox {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 75px;
  height: 34px;
  position: relative;
  z-index: 2;
}
.rpt .hxiconbg {
  width: 34px;
  height: 34px;
  margin: -17px;
}
.rpt .hxiconbg svg {
  width: 34px;
  height: 34px;
  fill: white;
  stroke-width: 2px;
}
.rpt .hxitem.nonSpec .hxiconbg svg {
  stroke: #969696;
}
.rpt .hxitem.spec .hxiconbg svg {
  stroke: #4A4A4A;
}
.rpt .hxitem.me .hxiconbg svg {
  fill: #2b7ca7;
  stroke: #2b7ca7;
}
.rpt .hxitem.ip .hxiconbg svg {
  fill: #cc0000;
  stroke: #cc0000;
}
.rpt .hxicon {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 30px;
  height: 30px;
  margin: -15px;
}
.rpt .hxicon svg {
  flex: none;
  width: 20px;
  height: 20px;
}
.rpt .hxicon.visit svg {
  width: 28px;
  height: 28px;
}
.rpt .hxicon.ed svg {
  width: 24px;
  height: 24px;
}
.rpt .hxicon.surg svg {
  width: 24px;
  height: 24px;
}
.rpt .hxitem.nonSpec .hxicon {
  fill: #969696;
}
.rpt .hxitem.spec .hxicon {
  fill: #4A4A4A;
}
.rpt .hxitem.me .hxicon {
  fill: white;
}
.rpt .hxitem.ip .hxicon {
  fill: white;
}
.rpt .descWrapperIEFix {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: 0px;
  min-width: 1px;
}
.rpt .descWrapper {
  display: flex;
  min-height: 55px;
  margin-left: 4px;
  align-content: stretch;
  align-items: center;
}
.rpt .descWrapper:before {
  display: inline-block;
  content: "";
  height: 10px;
  width: 10px;
  right: 6.5px;
  position: relative;
  margin-right: -11px;
  border-left: 1px solid lightgrey;
  border-bottom: 1px solid lightgrey;
  transform: rotate(45deg);
  background-color: #f5fafe;
}
.rpt .hxLine {
  flex: none;
  align-self: stretch;
  display: inline-block;
  width: 8px;
  margin-right: -8px;
  right: 45.5px;
  position: relative;
  background: #f3dff1;
}
.rpt .hxitem:first-child .hxLine {
  background: linear-gradient(to bottom, white 0px, white 50%, #f3dff1 50%);
}
.rpt .hxitem:last-child .hxLine {
  background: linear-gradient(to top, #f3dff1 0px, #f3dff1 3px, white 3px, white 6px, #f3dff1 6px, #f3dff1 10px, white 10px, white 13px, #f3dff1 13px);
}
.rpt .hxitem:only-child .hxLine {
  background: linear-gradient(to top, #f3dff1 0px, #f3dff1 3px, white 3px, white 6px, #f3dff1 6px, #f3dff1 10px, white 10px, white 13px, #f3dff1 13px, #f3dff1 50%, white 50%);
}
.rpt .description {
  font-size: 1.2em;
  word-wrap: break-word;
  padding: 2px 8px 5px 8px;
  margin: 8px 0px;
  align-self: center;
  border-radius: 2px;
  border-top: 1px solid #f5fafe;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  background-color: #f5fafe;
  flex-grow: 1;
  flex-basis: 0px;
  min-width: 1px;
}
.rpt .description a {
  display: block;
  position: relative;
  padding: 0 5px 2px 5px;
  margin: 0 -5px -2px -5px;
}
.rpt .hxitem.nonSpec .description * {
  color: #969696;
}
.rpt .hxitem.spec .description * {
  color: rgba(0, 0, 0, 0.87);
}
.rpt .hxitem.me .description * {
  color: rgba(0, 0, 0, 0.87);
}
.rpt .hxitem.ip .description * {
  color: #8B0000;
}
.rpt .hxLinkContent {
  text-decoration: inherit;
}
.rpt .descExtWrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.rpt .extContent {
  flex-grow: 1;
  flex-basis: 0px;
  min-width: 1px;
}
.rpt .extIcon {
  width: 0px;
  height: 0px;
  margin: 2px 14px 0px 5px;
}
.rpt .extIcon svg {
  width: 16px;
  height: 16px;
  margin: 0px;
}
.rpt .extIcon svg .outter {
  fill: #436181;
}
.rpt .extIcon svg .inner {
  fill: #829AAF;
}
.rpt .description .summary {
  font-size: 0.95em;
}
.rpt .description .summary:not(:only-child) {
  padding-bottom: 2px;
}
.rpt .description .hxEncDx {
  font-size: 0.8em;
}
.rpt .hxThisVisit {
  font-weight: 600;
}
.rpt .hxitem.ip .hxEncName {
  font-weight: 600;
}
.rpt .hxitem.me .hxProvName {
  font-weight: 600;
  color: #2a78a2;
}
/* High Contrast Overrides */
@media screen {
	.rpt .HighContrast .pastDate {
		color: #464646;
	}

	.rpt .HighContrast .hxitem.nonSpec .description * {
		color: #464646;
	}

	.rpt .HighContrast .hxitem.spec .description * {
		color: black;
	}

	.rpt .HighContrast .hxitem.me .description * {
		color: black;
	}

	.rpt .HighContrast .hxitem.ip .description * {
		color: #700000;
	}

	.rpt .HighContrast .hxitem.me .hxProvName {
		font-weight: 600;
		color: #1f5a7a;
	}
	
	.rpt .HighContrast .extIcon svg .outter {
		fill: #011C3F;
	}
	
	.rpt .HighContrast .extIcon svg .outter {
		fill: #035D83;
	}
}
/* Low Light / Dark Room Overrides */
@media screen {
	.rpt:not(.NeedsWhiteBack) .DarkRoom .pastDate {
		color: #999;
	}

	.rpt:not(.NeedsWhiteBack) .DarkRoom .hxLine {
		background: #999;
	}

	.rpt:not(.NeedsWhiteBack) .DarkRoom .hxitem:first-child .hxLine {
		background: linear-gradient(to bottom, #111 0px, #111 50%, #999 50%);
	}

	.rpt:not(.NeedsWhiteBack) .DarkRoom .hxitem:last-child .hxLine {
		background: linear-gradient(to top, #999 0px, #999 3px, #111 3px, #111 6px, #999 6px, #999 10px, #111 10px, #111 13px, #999 13px);
	}

	.rpt:not(.NeedsWhiteBack) .DarkRoom .hxitem:only-child .hxLine {
		background: linear-gradient(to top, #999 0px, #999 3px, #111 3px, #111 6px, #999 6px, #999 10px, #111 10px, #111 13px, #999 13px, #999 50%, #111 50%);
	}

	.rpt:not(.NeedsWhiteBack) .DarkRoom .hxiconbg svg {
		fill: #111;
	}

	.rpt:not(.NeedsWhiteBack) .DarkRoom .hxitem.nonSpec .hxiconbg svg {
		stroke: #999;
	}

	.rpt:not(.NeedsWhiteBack) .DarkRoom .hxitem.spec .hxiconbg svg {
		stroke: #DDD;
	}

	.rpt:not(.NeedsWhiteBack) .DarkRoom .hxitem.me .hxiconbg svg {
		fill: #3595FA;
		stroke: #3595FA;
	}

	.rpt:not(.NeedsWhiteBack) .DarkRoom .hxitem.ip .hxiconbg svg {
		fill: #F22833;
		stroke: #F22833;
	}

	.rpt:not(.NeedsWhiteBack) .DarkRoom .hxitem.nonSpec .hxicon {
		fill: #999;
	}

	.rpt:not(.NeedsWhiteBack) .DarkRoom .hxitem.spec .hxicon {
		fill: #DDD;
	}

	.rpt:not(.NeedsWhiteBack) .DarkRoom .hxitem.ip .hxicon {
		fill: white;
	}

	.rpt:not(.NeedsWhiteBack) .DarkRoom .descWrapper:before {
		border-color: #4c5258;
		background-color: #20282f;
	}

	.rpt:not(.NeedsWhiteBack) .DarkRoom .description {
		border: 1px solid #4c5258;
		background-color: #20282f;
	}

	.rpt:not(.NeedsWhiteBack) .DarkRoom .hxitem.nonSpec .description * {
		color: #999;
	}

	.rpt:not(.NeedsWhiteBack) .DarkRoom .hxitem.spec .description * {
		color: #DDD;
	}

	.rpt:not(.NeedsWhiteBack) .DarkRoom .hxitem.me .description * {
		color: #DDD;
	}

	.rpt:not(.NeedsWhiteBack) .DarkRoom .hxitem.ip .description * {
		color: #F22833;
	}

	.rpt:not(.NeedsWhiteBack) .DarkRoom .hxitem.me .hxProvName {
		font-weight: 600;
		color: #3595FA;
	}

	.rpt:not(.NeedsWhiteBack) .DarkRoom .hxLink:focus .hxLinkContent {
		outline: 1px dotted #DDD;
	}

	.rpt:not(.NeedsWhiteBack) .DarkRoom .extIcon svg .outter {
		fill: #DDD;
	}

	.rpt:not(.NeedsWhiteBack) .DarkRoom .extIcon svg .inner {
		fill: #999;
	}
}
