:root {background: #FFFFFF; font-size: 10px; font-family: "Franklin Gothic","ITC Franklin Gothic",Verdana,"MS Arial",serif;}
div.pagination {background: #F2F2F9;padding: 3px;border: 1px solid #B9B9DD;margin: 3px;}
div.pagination a {padding: 2px 5px 2px 5px;margin: 2px;border: 1px solid #AAAADD;text-decoration: none;color: #000099;background: #DEDEEF;}
div.pagination a:hover, div.pagination a:active {border: 1px solid #000099;color: #000;}
div.pagination span.current {padding: 2px 5px 2px 5px;margin: 2px;border: 1px solid #000099;font-weight: bold;background-color: #1B1B38;color: #FFF;}
div.pagination span.disabled {padding: 2px 5px 2px 5px;margin: 2px;border: 1px solid #EEE;	color: #DDD;}
div.barh {background: #EAEAF4; width: auto; height: auto; border: 0px solid #000; font-size: 10px; padding:10px; }
div.barhm {background: #ffffff;}
div.bars {width: auto; height: 2px; border: 0px solid #000;}
div.bar0 {background: #FF0000; color: #800000}
div.bar1 {background: #FF9933; color: #995C1F;}
div.bar2 {background: #FF6699; color: #80334C;}
div.bar3 {background: #D175FF; color: #F0D1FF;}
div.bar4 {background: #FAF0FF; color: #F0D1FF;}
.collapsible {background-color: #6060B0; color: white; cursor: pointer; padding: 3px; width:100%; border: none; text-align: left; outline: none; font-size: 15px;}
.collapsible:hover {background-color: #C7C7E2;}
.collapsible:after {content: '\002B'; color: white; font-weight: bold; float: right; margin-left: 5px;}
.active:after {content: '\2212';}
.content {padding: 0 18px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; background-color: #DEDEEF;}
.grid-containerx {display: grid; grid-template-columns: 5% 10% 40% 5% auto auto 5% 5%; grid-gap: 2px; background-color: #efefef; padding: 2px;}
.grid-containerx > div {background-color: rgba(255, 255, 255, 0.8); text-align: left; padding: 5px 0; font-size: 1.0vw;}
td.border-top {border-top: 1px solid black;}
td.border-both {border-top: 1px solid black; border-bottom: 1px solid black;}
#rHeaderA {color:#373777;}
H1 {color:#373777;}
@media print {
@page { size: A4 portrait; color: blue; margin-top: 20px; margin-bottom: 20px;}
@page :header :footer {display: none;} body {padding-top: 0px; padding-bottom: 0px;}
#rHeaderA, #rHeaderBR, #rHeaderBL, #rHeaderNav, #rPreFooter, #rFooter, #rPresId, #rHospName, #rPatientNameH, #rPresStatus, #rPresNav {display: none;}
#rOrderH, #rInsertH, #rEditH, #rDeleteH {display: none;}
#rDisHosRegDataH {display: none;}
#rPresDate {text-align: right;}
#rPresSig {text-align: right;}
#rBreak {page-break-after: always;}
.grid-containerx {display: grid; grid-template-columns: auto auto auto auto auto auto; grid-gap: 2px; background-color: #efefef; padding: 2px;page-break-inside: avoid;}
.grid-containerx > div {background-color: rgba(255, 255, 255, 0.8); text-align: left; padding: 5px 0; font-size: 2.0vw;}
hr.presTop {border-top: 1px solid black;}}