/* Move down content because we have a fixed navbar that is 50px tall */
:root {
  --inactive-link-color: #ccc;
}

:root  {
  --active-link-color: #1111B1;
}

:root  {
  --inactive-label-color: #bbb;
}

:root  {
  --active-label-color: #333;
}

.replaceSpan {
  background-color: yellow;
}

.ai_uncertain {
  background-color: #cfe8fa;
}

@media (min-width:1200px){
    .auto-clear .col-lg-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-lg-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-lg-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-lg-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-lg-6:nth-child(odd){clear:left;}
}
@media (min-width:992px) and (max-width:1199px){
    .auto-clear .col-md-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-md-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-md-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-md-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-md-6:nth-child(odd){clear:left;}
}
@media (min-width:768px) and (max-width:991px){
    .auto-clear .col-sm-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-sm-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-sm-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-sm-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-sm-6:nth-child(odd){clear:left;}
}
@media (max-width:767px){
    .auto-clear .col-xs-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-xs-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-xs-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-xs-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-xs-6:nth-child(odd){clear:left;}
}
/* Carried from TPSystms.css - plan to replace these using methods within our framework */
.section1 {background-color: #dadde0; border-radius: 4px; padding: 5px;}
td.section1 {background-color: #dadde0}
.section3 {background-color: #f5f5f5}
.section5 {background-color: #fff}
.section7 {background-color: #f5f5f5}
.section4 {background-color: #e7fcff; border-radius: 4px; padding: 5px;}
.section2 {background-color: #f5f5f5}
.section6 {background-color: #e7fcff}
.section8 {background-color: #f5f5f5}

/* Global default styles */
body {
	  font-size: 14px;
	  scrollbar-width: auto;
}
html, body{
    line-height: 1.3;
    font-weight:400;
}

a {
    transition: color 105ms ease;
}
hr {
	margin: .5em;
}
/* table classes */
.table-padding-0 {
	padding: 0px;
}
.table-padding-1 {
	padding: 1px;
}
.table-border-0 {
	border: 0px;
}
.table-cellspacing-0 {
	border-spacing: 0px;
}
.table td, .table th {
	padding: 0.3rem .5rem;
}
table.table td, table.table th {
    padding-top: 0.4rem !important;
    padding-bottom: 0.4rem !important;
}
th {
  font-weight: 500;
}
table td {
  font-size: .8rem;
  font-weight: 400;
}
.table-alternating-color1{
	background-color:#CDFFD1;
}
.table-alternating-color2{
	background-color:#9BFFA5;
}
.title-div{
	font-weight:bold;
	font-size:1.2em;
	text-align:center;
}


/* MY Utility Class Overrides */
.mb-1, .my-1 {
    margin-bottom: .35em!important;
}
.mt-1, .my-1 {
	margin-top: .35em!important;
}
.pt-1 {
	padding-top: .5em!important;
}
.pb-1 {
	padding-bottom: 1em!important;
}
/* MediYeti default styles */
a.editLink {
    color: #06b5d1;
    transition: color 105ms ease;
}
a.editLink:hover {
    color: #198192;
}
td.a.editLink {
    color: #06b5d1;
}
span.editLink {
    color: #06b5d1;
}

.user-icon-back {
	position: relative;
}
.user-icon-back:before {
	content:"\f2bd";
	font-family: FontAwesome;
	font-size:110px;
	color: rgba(47, 79, 79, 0.1);
    position:absolute;
	top:-27px;
	left:0;
}
.avatar img {
	line-height: 110px;
	vertical-align: middle;
}
nav{
	height:40px;
    z-index:2;
}
nav a{
	color:#646464;
	font-size: 90%;
}
nav a:hover .dropdown-menu{
	color:#272727;
	text-decoration:none;
}
nav li{
	margin-left:5px;
}
.navbar {
	-webkit-border-radius: unset;
	border-radius: unset;
	padding: .4rem 1rem;
  font-weight:400;
  font-size: 1em;
  line-height: 3em;
}

.navbar .dropdown-item {
      line-height: 0.8em;
      padding-top: 0 !important;
      padding-bottom: 0 !important;
}
.navbar-brand {
    font-size:1em;
}
.navbar-inverse a {
    color:white;
}
.navbar-inverse a:hover, a:focus {
    opacity:0.72;
}
.cover-navbar{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    z-index: 2;
    background-color: black;
    opacity: 0.4;
    background-blend-mode: overlay;
    pointer-events:none;
}

button{
	font-size:90%;
	margin-left:30px;
}
.shift-right{
	margin-left:200px;
}
.numberCircle{
	display:inline-block;
	line-height:0px;

	border-radius:50%;
	border:thin;

	background-color:#515151;
}
.numberCircle span{
	display:inline-block;

	padding-top:25%;
	padding-bottom:25%;

	margin-left:2px;
	margin-right:2px;
}
#vendorLogoDIV {
  float: left;
  height: auto;
  width: 88px;
  z-index: 200;
}

.thin {
  font-weight:300;
}
.font-normal {
    font-weight:400;
}
.smallText {
    font-size: .8rem;
}

.pink-text {
  color: #e91e63 !important;
}

.white-text {
  color: #fff !important;
}

.green-text {
  color: #0f0 !important;
}
.badge-pill {
    padding: 3px 6px 2px 5px;
}

@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url(/webobject2/material-symbols/material-symbols-outlined-subset.woff2) format('woff2');
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

/*
.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  font-variation-settings:
    "FILL" 0,
    "wght" 400,
    "GRAD" 0,
    "opsz" 24;
}
*/

//our own custom select to match chosen, without bootstrap's form-select dropdown chevron
.custom-select{
	border-radius: 30px;
	font-size: 13px;
    height: calc(1.8em + 2px);
    padding-top:0px;
    padding-bottom:0px;
    padding-right: .75rem;
    width: auto;
    background-image: none;
}

@media only screen and (max-width: 800px) {
    .pause-up {
        position:relative;
        top:0px;
    }
}
.no-border div{
	border-style:none !important;
}

button {
    cursor:pointer;
}
.bg-inverse {
    background-color:#2b97ae !important;
}
.dropdown-menu-wide{
    width:200px;
}
.dropdown-menu a {
    color:black;
}
.navbar .dropdown-menu .dropdown-item:hover a{
    color: white !important;
    opacity: 1;
}
.far {
    padding-left:4px;
    padding-right:4px;
}
.fa-sign-out {
    padding-left:5px;
}
.page-title {
    vertical-align: bottom;
    font-weight: 300;
    font-size: 1.5em;
    padding-bottom: 5px;
}
.justify-content-between {
    padding-bottom: 5px;
}
.edit-page-title {
    vertical-align: bottom;
    font-weight: 300;
    font-size: 1.5em;
    position: relative;
    top: 5px;
    margin-bottom: 8px;
    margin-top:4px;
    margin-left:12px;
}
.breadcrumbDIV {
    background-color: #F1F1F2;
    border-radius: 0px 0px 7px 7px;
    display: table;
    height: 46px;
    overflow: hidden;
    width: 100%;
    padding: 2px 5px 0 5px;
    margin-bottom: 10px;
}
.breadcrumbDIV > .float-end:not(:first-child) {
    margin-right: 0.5rem;
}
.breadcrumb-v-center {
	display: table-cell;
	vertical-align: middle;
}
.breadcrumb-title {
	color: #0a81cc;
	font-size: 1.5em;
	font-weight: 300;
	pointer-events: none;
}

.saveDIV {
	float: left;
	margin-left: 20px;
}
.cancelDIV {
	float: left;
	margin-left: 200px;
}
.footerDIV {
	margin-top: 30px;
}
    
#done-button a {
  color: #FFFFFF;
  text-decoration: none;
}
#done-button {
  text-decoration: none;
  position: relative;
  top: 3px;
  z-index: 1;
  right: 12px;
}
.btn{
    cursor: pointer;
    text-transform: none;
}
.colon {
    position: relative;
    top:.5em;
    left:-.7em;
    font-weight: 700;
    transform: scale(1.5);
    transform-origin: 0;
}
/*margin-bottom on the input type text lines up input boxes on lots of pages accessible from the system administration page*/
input::placeholder {
    color: #9ca4ab;
}
input[type=date], input[type=datetime-local], input[type=email], input[type=number], input[type=password], input[type=search-md], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], textarea, textarea.md-textarea{
    background-color: #e9ecef;
    border: 0px;
    border-bottom: 1px solid #b3b3b3;
    border-radius: 7px 7px 1px 1px;
}
input[type=date], input[type=datetime-local], input[type=email], input[type=number], input[type=password], input[type=search-md], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], textarea.md-textarea {
    height: 1.7em !important;
    margin-bottom: 5px !important;
    margin-top: 0px !important;
    padding:0 .5em 0 .5em;
    font-size: 1em;
    width: auto;
}
input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=search-md]:focus:not([readonly]), input[type=search]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=url]:focus:not([readonly]), textarea.md-textarea:focus:not([readonly]) {
	border: 1.5px solid #88d4ea;
	box-shadow: unset;
}
textarea {
	resize: auto;
}

label {
	margin-top:	.2em;
	margin-bottom: .1em;
	pointer-events: pointer;
	cursor:pointer;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

input[type=button], .SubmitLink, .Cance, .quiet {
    border: none;
    font-size: .8em;
}
.SubmitLink, .Cance, .quiet {
    color: #0275d8;
}

input[type=button]:hover, .SubmitLink:hover, .Cance:hover, .quiet:hover, input[type=button]:focus, .SubmitLink:focus, .Cance:focus, .quiet:focus {
    color: #014c8c;
    cursor: pointer;
}
/* Twirly Checkbox customizations */
[type=checkbox]+label {       
    font-size: 1em;
    line-height: 11px;
}
[type=checkbox]+label:before {
    border-radius: 5px;
    -webkit-transition: .1s;
    transition: .1s;
}
[type=checkbox]:checked+label:before {
    border-radius: 2px;
}
[type=radio]:checked+label, [type=radio]:not(:checked)+label {
	font-size: 1em;
    line-height: 1rem !important;
    padding-top: 5px;
}

/* ---------------------------------------------------------------------------
   .cb_plain -- legacy, kept only as a layout hook.

   Under Bootstrap 4 / MDB4 a checkbox did not render at all without
   .form-check-input, and MDB4 drew the visible box as a pseudo-element on the
   ADJACENT LABEL. .cb_plain existed to opt back out of that styling: it
   un-hid the real input (opacity/position/pointer-events) and collapsed the
   label's :before box to nothing.

   Under Bootstrap 5 / MDB5 none of that is needed -- a bare checkbox renders
   fine without any class, and MDB5 draws the box on the input itself, so the
   +label:before rules target an element that no longer exists. Those
   declarations have been removed.

   What remains is only the spacing the layouts actually depend on. Some
   components also override .cb_plain locally (TPOrderDrugScreen,
   TPOrderAegisDrugScreen set margin-left:10px and a label padding-left),
   so this class is still load-bearing for those pages.

   Removing .cb_plain from a .wod is NOT a no-op: it drops this spacing AND
   un-suppresses MDB5's own checkbox styling. To retire it properly, drop
   BOTH .cb_plain and .form-check-input for a bare native checkbox, and check
   the page. 32 usages in PPOffice/Components as of 2026-10-10.
   --------------------------------------------------------------------------- */
.cb_plain {
    margin-left: 0;
}
.cb_plain[type="checkbox"]+label {
    padding-left: 0px !important;
}

/* ---------------------------------------------------------------------------
   Small checkboxes (MDB5)
   ---------------------------------------------------------------------------
   MDB5 builds a checkbox out of the input itself (appearance:none + border)
   plus TWO absolutely positioned pseudo-elements, and every dimension in all
   three is hardcoded in px/rem:

     :before                       the hover/focus "aura" (0.875rem circle,
                                   13px shadow spread)
     [type=checkbox]:focus:after   an opaque body-bg square (0.875rem,
                                   z-index 1) masking the box interior
     [type=checkbox]:checked:after the checkmark (a 0.375 x 0.8125rem border
                                   pair rotated 45deg, offset by margins)

   So shrinking the input alone leaves the aura, mask and checkmark at full
   size, overhanging to the right and bottom (both pseudo-elements use
   position:absolute with NO top/left, so they can only spill one way).

   Everything below is derived from --cb-size via calc(), so other sizes only
   need that one variable overridden -- see .cb_tiny / .cb_medium at the end.

   NOTE: MDB has no [type=checkbox]:checked:focus:after rule; it relies on
   :checked:after coming after :focus:after in its own source order. Any
   override at equal specificity breaks that, so the combined state is
   declared explicitly here.
   --------------------------------------------------------------------------- */

.cb_small[type="checkbox"].form-check-input,
.cb_tiny[type="checkbox"].form-check-input,
.cb_medium[type="checkbox"].form-check-input {
    /* the only number that matters; everything else scales off it */
    --cb-size: 0.75rem;
    /* ratios taken from MDB5's own 1rem-box geometry */
    --cb-mark-w: calc(var(--cb-size) * 0.3333);
    --cb-mark-h: calc(var(--cb-size) * 0.6667);
    --cb-mark-offset: calc(var(--cb-size) * 0.2);
    --cb-radius: calc(var(--cb-size) * 0.2);
    --cb-aura: calc(var(--cb-size) * 0.5833);

    width: var(--cb-size);
    height: var(--cb-size);
    margin: 0 var(--cb-mark-offset) 0 0;
    vertical-align: middle;
    background-size: contain;
    border-radius: var(--cb-radius);
}

/* Aura. Pinned to the border box so the ring stays concentric; sizing by
   percent rather than a scaled length keeps it exact at any --cb-size. */
:is(.cb_small, .cb_tiny, .cb_medium)[type="checkbox"].form-check-input:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    box-shadow: 0 0 0 var(--cb-aura) rgba(0, 0, 0, 0);
}

:is(.cb_small, .cb_tiny, .cb_medium)[type="checkbox"].form-check-input:hover:before,
:is(.cb_small, .cb_tiny, .cb_medium)[type="checkbox"].form-check-input:focus:before {
    box-shadow: 0 0 0 var(--cb-aura) rgba(var(--mdb-box-shadow-color-rgb), 0.6);
}

:is(.cb_small, .cb_tiny, .cb_medium)[type="checkbox"].form-check-input:checked:focus:before,
:is(.cb_small, .cb_tiny, .cb_medium)[type="checkbox"].form-check-input:indeterminate:focus:before {
    box-shadow: 0 0 0 var(--cb-aura) #3b71ca;
}

/* Focus mask. Made transparent and pinned to the border box: at a reduced
   size MDB's fixed 0.875rem square overhangs and pokes past the corner
   radius. Do NOT use display:none here -- this shares a pseudo-element with
   the checkmark below, so hiding it hides the check while focused. */
:is(.cb_small, .cb_tiny, .cb_medium)[type="checkbox"].form-check-input:focus:after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    box-sizing: border-box;
    border-radius: inherit;
    background-color: transparent;
}

/* Checkmark. Declared for :checked and :checked:focus identically so the
   mark does not shift by a pixel when focus leaves. */
:is(.cb_small, .cb_tiny, .cb_medium)[type="checkbox"].form-check-input:checked:after,
:is(.cb_small, .cb_tiny, .cb_medium)[type="checkbox"].form-check-input:checked:focus:after {
    width: var(--cb-mark-w);
    height: var(--cb-mark-h);
    margin-left: var(--cb-mark-offset);
    margin-top: -1px;
    background-color: transparent;
}

/* Other sizes: override the one variable. */
.cb_tiny[type="checkbox"].form-check-input {
    --cb-size: 0.625rem;
}

.cb_medium[type="checkbox"].form-check-input {
    --cb-size: 0.875rem;
}

/* plain radio buttons*/
.rb_plain {
    margin-left: 0;
    opacity: 1 !important;
    pointer-events: auto !important;
    position: relative !important;
}
.rb_plain[type="radio"]+label {
    padding-left: 0px !important;
}

.rb_plain[type="radio"]+label:before {
    content:"";
    position:relative;
    width:0px;
    height:0px;
    border:0px;
    margin-top:0px;
    visibility: hidden;
}

.rb_plain[type="radio"]+label:after {
    content:"";
    position:relative;
    width:0px;
    height:0px;
    border:0px;
    margin-top:0px;
    visibility: hidden;
}
.rb_plain[type="radio"]:checked+label:before {
    top:0px;
    left: 0px;
    width: 0px;
    height: 0px;
    border:0px;
    visibility: hidden;
}

/*small radio buttons*/
.rb_small[type="radio"]+label {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: .15em;
    height: 1.0rem !important;
}

.rb_small[type="radio"]+label:before {
    width: 14px;
    height: 14px;
    left: 0px;
    margin-top: 0em;
}

.rb_small[type="radio"]:checked+label:before {
    left: -2px;
    top: -2px;
}

.rb_small[type="radio"]+label:after {
    width: 14px;
    height: 14px;
    left: 0px;
    margin-top: 0;
}

/* MediYeti overrides to unify all select boxes */
select {
    display:inline-block !important;
    font-family: Roboto,sans-serif;
    width: auto;
}

select[multiple] {
    background-color:#fff;
    border:2px solid rgba(0,0,0,.1) !important;
    border-radius: 6px;
    margin:.3em;
    min-width:7em;
    padding:.3em;
}
.input-group-text:not(:last-child) {
	font-size: 13px;
	height: calc(1.8em + 2px);
}

.ts-wrapper {
      width: auto;
      padding: 0;
      margin: 0;
      border: none;
      background: none;
      box-shadow: none;
      min-height: calc(1.8em + 2px);
    }
    .ts-wrapper.single .ts-control,
    .ts-wrapper.multi .ts-control {
      border-radius: 30px;
      font-size: 13px;
      min-height: calc(1.8em + 2px);
      padding-top: 0;
      padding-bottom: 0;
      display: inline-flex;
      align-items: center;
      width: auto;
    }
    .ts-control > input {
      font-size: 13px;
    }
    .ts-wrapper.single.ts-has-query .ts-control > div {
      opacity: 0.35;
      transition: opacity 0.1s ease;
    }
    .ts-dropdown {
      font-size: 13px;
    }
    /* A narrow .ts-wrapper (e.g. PtWaitingList's visit-type filter, in a tight
       table cell) can end up with the dropdown panel's computed "top: 100%"
       landing inside the shortened .ts-control instead of below it, since the
       control's height here (min-height: calc(1.8em + 2px), overridden above)
       no longer matches the library default (36px) the dropdown's offset
       assumes. Pin the dropdown explicitly below the control by that same
       height instead of relying on "100%", and force a sane minimum width so
       the search input inside it isn't itself squeezed to the wrapper's
       shrink-to-fit width. */
    .ts-wrapper {
      position: relative;
    }
    .ts-dropdown {
      top: calc(1.8em + 2px + 7px) !important;
      min-width: 180px;
    }

.select2-container .select2-selection {
	border-radius: 30px;
	font-size: 13px;
    height: calc(1.8em + 2px);
    padding-top:0px;
    padding-bottom:0px;
    width: auto;
    line-height: 24px;
}

/* MediYeti overrides for bootstrap "form-select" to match style for "chosen" style select */
.form-select:not([multiple]):not([size]){
	border-radius: 30px;
	font-size: 13px;
    height: calc(1.8em + 2px);
    padding-top:0px;
    padding-bottom:0px;
    width: auto;
}

/* Bootstrap's .form-select assumes a single-line closed dropdown; override height/padding
   so multi-row WOBrowser listboxes (size attribute) render all their rows instead of one */
.form-select[multiple],
.form-select[size]:not([size="1"]){
    height: auto;
    padding-top: .375rem;
    padding-bottom: .375rem;
    background-image: none;
}

.form-select[multiple] option,
.form-select[size]:not([size="1"]) option{
    font-size: 0.9em;
}

.form-select-small{
	border-radius: 14px;
	font-size: 11px;
    height: calc(1.8em + 1px);
    padding-top:0px;
    padding-bottom:0px;
    width: auto;
    padding-left: 6px;
}

.form-select-green-border-start {
    border: 1px solid rgba(124,252,0,0);
}

.form-select-green-border {
    border: 1px solid rgba(124,252,40,.4);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
    transition-property: border background-color;
    transition-duration: 1.5s;
    background-color: rgba(124,252,40,.5);
}
.form-select-no-border {
	background-color: rgba(124,252,40,0);
	border: 1px solid rgba(124,252,40,0);
}

/* MediYeti overrides for "chosen" select boxes to unify with material design */
.chosen-container {
    font-size: 12px;
}
.chosen-container .chosen-drop {
    border: 1px solid #dfdfdf;
}
.chosen-container-single .chosen-search input[type="text"] {
	padding: unset;
}
.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid rgba(0, 0, 0, 0.15);
    background-image: none;
}
.chosen-container-single .chosen-single {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 12px;
    background: #fff;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}
.chosen-container-single .chosen-search input[type="text"] {
    margin: 1px 2px;
    width: 97%;
    font-family: Courier, monospace;
    font-size: 1em;
    border: none !important;
}
.chosen-container-multi {
    width: 100% !important;
}
.chosen-container-multi .chosen-choices {
    background-image: none;
    border: solid 2px rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    font-weight: 300;
}
.chosen-container-multi .chosen-choices .chosen-drop {
    padding: 10px;
}
.chosen-container-multi .chosen-choices li.search-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid rgba(0,0,0,0.15);
    padding: 3px 21px 3px 10px;
    margin-top: 4px;
}
.chosen-container .chosen-results li.highlighted {
    background-color: #97d7e5;
    background-image: none;
    padding: .4em .8em;
    color: #fff;
}
.chosen-search-input {
	font-weight: 300;
}
.chosen-container-multi .chosen-choices li.search-field {
	padding: 6px 0 0 0;
}
.chosen-single {
    min-width: 60px;
}

/* Styles for chosen-multi placeholder text */
::-webkit-input-placeholder {
   color: lightgrey;
   font-weight: 300;
}

:-moz-placeholder { /* Firefox 18- */
   color: lightgrey;
   font-weight: 300;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: lightgrey;
   font-weight: 300;
}

:-ms-input-placeholder {
   color: lightgrey;
   font-weight: 300;
}
#save-button-top{
    position:relative;
    /*top: 2px;*/
    margin-right: 15px;
}
#titleDIV{
	position:relative;
	top:-32px;
    height:1px;
}
#gotodateForm{
	position:inherit;
	top:-17px;
}
.positionWrapper {
    position:relative;
    top: -10px;
    padding-top: 10px;
}
.mb-select{
    margin-bottom:5px;
}

li.nav-item{
  margin-top: 12px;
}

li.nav-item .dropdown-menu {
	margin-top: -12px;
}

@media (max-width: 576px) {
    .navbar{
        height:auto;
    }
    li.nav-item{
        margin-bottom:10px;
    }
    li.dropdown{
        margin-bottom:10px;
    }
    .d-sm-none{
        font-size:1.5em;
    }
}
.schedule-style{
    background-color:#F1F1F2;
}
.schedule-style td{
    padding:2px;
}
.separator-right{
	border-right: 1px darkcyan;
	border-right-style: solid;
	padding-right: 10px;
	margin-right:4px;
}
.nowrap{
    white-space:nowrap;
}
.display-inline{
    display:inline;
}
.dropdown-override-auto-top{
    top:auto;
}
.dropdown-override-no-caret::after{
    display:none !important;
}
.hide-this{
    visibility:hidden;
}
.hide-me{
    position:absolute;
    left:0px;
    top:-9999px;
}
.go-away{
    position:absolute;
    top: -1000px;
}
.navbar .dropdown-menu a {
    padding: 0px !important;
    font-weight: 400;
    line-height: 1.9em;
}
.badge-overlap {
	position: relative;
	top: -6px;
	left: -10px;
}
.badge-pill {
	padding: 3px 6px 2px 5px;
}
.encDxDiv {
    margin: 0 5px;
}
.codeHandle {
    margin: 0 5px 0 0;
}
cpt-color {
    background: lightblue;
}
dx-color {
    background: bisque;
}
w-100{
    width:100%;
}
@media print
{
    .no-print, .no-print *
    {
        display: none !important;
    }
}
.btn-outline-primary {
    /*padding: .43rem 1.6rem !important;*/
}
.btn-outline-default{
    padding: .43rem 1.6rem !important;
}
.btn-outline-secondary{
    padding: .43rem 1.6rem !important;
}
.btn-outline-success{
    padding: .43rem 1.6rem !important;
}
.btn-outline-info{
    padding: .43rem 1.6rem !important;
}
.btn-warning{
    padding: .43rem 1.6rem !important;
}
.btn-outline-danger{
    padding: .43rem 1.6rem !important;
}
.bump-up{
    position:absolute;
    top:-33px;
}
.bump-up2{
    position:absolute;
    top:20px;
    left:20px;
}
.ptSearchDOB{
    color:gray;
    font-size: .7rem;
    font-weight:300;
}
.ptSearchID{
    color:orange;
}
.inactiveTabClass {
	float: left;
   cursor: pointer;
   -moz-user-select : none;
   -ms-user-select : none;
   -webkit-user-select : none;
   user-select: none;
    display : block;
    padding : 0.25em 0.75em;
    border : 1px solid #444;
    border-radius  : 4px;
    box-shadow : 0 0 0.5em rgba(0,0,0,0.0625);
    position: relative;
    z-index  : 3;
}
.activeTabClass {
	float: left;
   cursor: pointer;
   -moz-user-select : none;
   -ms-user-select : none;
   -webkit-user-select : none;
    user-select: none;
    display : block;
    padding : 0.25em 0.75em;
    border : 1px solid #444;
    border-radius  : 4px;
    box-shadow : 0 0 0.5em rgba(0,0,0,0.0625);
    position: relative;
    z-index: 5;
    top: 1px;
}
.table a {
    margin-left:0rem;
}
.batch-button{
    transform: scale(.9, .9);
    position:relative;
    top:-2px;
    padding-left: 12px !important;
    padding-right: 12px !important;
}
.SubmitLink {
    background-color:transparent;
}
.bars {
    color:#98BBCE;
}

/* jspanel overrides */
.jsPanel-title {
  font-variant: normal !important;
}

/* pt chart */
.MedAlertAllergySpan {
  color: #ff3333;
}

.bannerDIV {
          -ms-transform: rotate(-10deg); /* IE 9 */
          -webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
          transform: rotate(-10deg);
          position: absolute;
          z-index: 50;
          opacity: 0.3;
          font-size: 96px;
          top: 110px;
          right: 100px;
          left: 100px;
          pointer-events: none;
          text-align: center;
}

.birthdayDIV {
  position: absolute;
  z-index: 1999;
  opacity: 0.2;
  font-size: 48px;
  top: 100px;
  right: 100px;
  left: 110px;
  pointer-events: none;
}

.exp_span {
  opacity: 0.70;
}

:root  {
  --date-color-angle: 0;
}

.event3months {
    background-color: hsl(var(--date-color-angle), 75%, 95%);
}
.event6months {
    background-color: hsl(var(--date-color-angle), 75%, 90%);
}
.event9months {
    background-color: hsl(var(--date-color-angle), 75%, 85%);
}
.event12months {
    background-color: hsl(var(--date-color-angle), 75%, 80%);
}

/* chat panel */
.selectedConversation {
  font-weight: bold;
  text-decoration: underline;
}
.selectedConversation::before {
	content: "\261e";
}

.chat_msg_list {
   overflow-y: auto;
}

/*wrapper main bootstrap items*/
      .picker__header select {
        width:30%;
        display:inline !important;
      }
      .picker__date-display{
        background-color:#2b97ae !important;
      }
      .picker__weekday-display{
        background-color:#2b97ae;
      }
      .dropdown-menu a{
          margin-top: 3px;
          margin-bottom: 3px;
      }
.navbar .dropdown-menu .dropdown-item a{
    margin-top: 2px;
    margin-bottom: 2px;
}
      .picker__header select{
          min-width:1px;
      }
      #CanSwitchPageCheckBox{
        position:relative;
        top:0px;
        left:0px;
        visibility:visible;
      }
      #afterTarget::after{
      	position:relative;
      	top:8px;
        right:3px;
      }
      #search_field_id {
        background-color: #fff !important;
      }

/* TPAjaxSortableList component*/
  .sortable-drag {
    opacity: 0.4;
    filter: alpha(opacity = 40);
    border: dotted yellow 1px;
    background-color: #00FFFF;
  }
  .sortable-ghost {
    opacity: 0.6;
    filter: alpha(opacity = 60);
    background-color: #FFFF00;
    border-top: blue dotted 2px;
  }

  /*edit script page*/
.drug_fave_cb {
	visibility: visible !important;
	position: relative !important;
	left: 0px !important;
	margin-right: 5px !important;
}
.drug_fave_cb + label {
	line-height: 12px;
}
.nowrapCell{
	white-space: nowrap;
}
.drug_fav_col ul {
	margin: 0;
	 padding: 0;
}
.firstCol {
	background-color: #ededed;
}
.thirdCol {
	background-color: #ededed;
}
.fifthCol {
	background-color: #ededed;
}
.seventhCol {
	background-color: #ededed;
}
.ninthCol {
	background-color: #ededed;
}
.secondCol {
	background-color: #eddada;
}
.fourthCol {
	background-color: #eddada;
}
.sixthCol {
	background-color: #eddada;
}
.eighthCol {
	background-color: #eddada;
}
.tenthCol {
	background-color: #eddada;
}
.red_class {
	color: red;
}

/*generic page stuff*/
.card-block {
	padding-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 2px;
}
.card_horiz_overflow {
	overflow-x: auto;
}
/* stuff for edit encounter page*/
.drag_title {
	font-weight: bold;
	cursor: move;
	cursor: -webkit-grabbing;
}
/* stuff for session banner advisories */
.sessionBannerID {
  position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: 101;
  background: rgba(255,255,224,1);
  color: #A52A2A;
  opacity: 0.6;
  border-style: solid;
  border-width: 1px;
  border-color: #A52A2A;
  pointer-events: none;
}
/* stuff for appt schedule */
.phoneII {
  background-color: transparent;
  color: #00D855
}

.solid-button-breadcrumb {
	position:relative;
	top:2px;
}

/* for signature capture */
.capture-sig {
    visibility: hidden;
    display: none;
    opacity: 0;
    transition: visibility 300ms, opacity 300ms linear;
    -webkit-transition: opacity 300ms, visibility 300ms;
}

.got-sig {
    transition: visibility 300ms, opacity 300ms linear;
    -webkit-transition: opacity 300ms, visibility 300ms;
}

.keepTogether {
	display: inline-block;
	white-space: nowrap;
}

/*stuff for bootstrap wrapper*/
.pad-right{
               	margin-right:10px;
               }
               img{
                   margin-right: 5px;
               }
               .btn{
                   text-overflow: ellipsis;
                   white-space: nowrap;
               }
               .no-disable{
                   position: relative;
                   z-index: 15;
               }
               .gray-background{
                   background-color: #F1F1F2;
                   z-index: 0;
               }
               body{
                   /*position: relative;*/
               }
               #HelpWindow{
                   position: absolute !important;
               }
               .positionWrapper{
               	  position:relative;
               }
               .afterCaretTarget::after{
                   margin-right:5px;
               }
               .hi-z {
                 z-index: 500;
               }
               #ptEntryf_field {
           background-color: #fff;
                 border-top: unset;
                 border-left: unset;
                 border-right: unset;
                 border: .15em solid #88d4ea;
                 border-radius: .5em;
             	box-shadow: unset;
                 color: #4b4b4b;
                 font-family: Courier, monospace;
                 font-size: 18px;
                 padding: .4em .7em !important;
                 margin: 7px 7px 1px !important;
               }
@media (max-width: 576px) {
               .cover-navbar{
                   height: 56px;
                   pointer-events: none;
               }
           }
           @media screen and (max-width: 718px) {
               .font-resize-18{
                   font-size:18px;
               }
           }
           @media (min-width: 719px) and (max-width: 767px){
               .scheduleBump{
                   position:relative;
                   top:3px;
               }
           }
           
/*snackbar stuff*/
 /* The snackbar - position it at the top and in the middle of the screen */
.my_snackbar {
  visibility: hidden; /* Hidden by default. Visible on click */
  min-width: 250px; /* Set a default minimum width */
  margin-left: -125px; /* Divide value of min-width by 2 */
  background-color: #666; /* gray background color */
  color: #fff; /* White text color */
  text-align: center; /* Centered text */
  border-radius: 2px; /* Rounded borders */
  padding: 16px; /* Padding */
  position: fixed; /* Sit on top of the screen */
  z-index: 100; /* Add a z-index if needed */
  left: 50%; /* Center the snackbar */
  top: 120px; /* 30px from the top */
  /* bring your own prefixes */
  transform: translate(-25%, 0);
}

/* Show the snackbar when called (class added with JavaScript) */
.my_snackbar.show {
  visibility: visible; /* Show the snackbar */
  /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
  However, delay the fade out process for 2.5 seconds */
  -webkit-animation: my_fadein 0.5s, my_fadeout 0.5s 2.5;
  animation: my_fadein 0.5s, my_fadeout 0.5s 2.5s;
  animation-fill-mode: forwards;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes my_fadein {
  from {top: 0; opacity: 0;}
  to {top: 120px; opacity: 1;}
}

@keyframes my_fadein {
  from {top: 0; opacity: 0;}
  to {top: 120px; opacity: 1;}
}

@-webkit-keyframes my_fadeout {
  from {top: 120px; opacity: 1;}
  to {top: 0; opacity: 0;}
}

@keyframes my_fadeout {
  from {top: 120px; opacity: 1;}
  to {top: 0; opacity: 0;}
}

/*stuff for arrow buttons*/
.btn {
    margin-top: 5px;
}

.btn-arrow-right,
.btn-arrow-left {
   position: relative;
   padding-left: 18px;
   padding-right: 18px;
   /*remove mdb styling*/
   padding-top: 0.375rem;
   padding-bottom: 0.375rem;
   overflow: visible;
   margin-right: 15px;
   margin-left: 15px;
}

.btn-arrow-right:focus,
.btn-arrow-left:focus {
   -webkit-box-shadow: none;
   box-shadow: none;
}

.btn-arrow-right:active,
.btn-arrow-left:active {
   -webkit-box-shadow: none;
   box-shadow: none;
}

.btn-arrow-right:hover,
.btn-arrow-left:hover {
   -webkit-box-shadow: none;
   box-shadow: none;
}

.btn-arrow-right {
   padding-left: 36px;
}

.btn-arrow-left {
   padding-right: 36px;
}

.btn-arrow-right:before,
.btn-arrow-right:after,
.btn-arrow-left:before,
.btn-arrow-left:after {
   /* make two squares (before and after), looking similar to the button */
   content: "";
   
   position: absolute;
   top: 5px;
   /* move it down because of rounded corners */
   
   width: 22px;
   /* same as height */
   
   height: 22px;
   /* button_outer_height / sqrt(2) */
   
   background: inherit;
   /* use parent background */
   
   border: inherit;
   /* use parent border */
   
   border-left-color: transparent;
   /* hide left border */
   
   border-bottom-color: transparent;
   /* hide bottom border */
   
   border-radius: 0px 4px 0px 0px;
   /* round arrow corner, the shorthand property doesn't accept "inherit" so it is set to 4px */
   
   -webkit-border-radius: 0px 4px 0px 0px;
   -moz-border-radius: 0px 4px 0px 0px;
}

.btn-arrow-right:before,
.btn-arrow-right:after {
   transform: rotate(45deg);
   /* rotate right arrow squares 45 deg to point right */
   
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
}

.btn-arrow-left:before,
.btn-arrow-left:after {
   transform: rotate(225deg);
   /* rotate left arrow squares 225 deg to point left */
   
   -webkit-transform: rotate(225deg);
   -moz-transform: rotate(225deg);
   -o-transform: rotate(225deg);
   -ms-transform: rotate(225deg);
}

.btn-arrow-right:before,
.btn-arrow-left:before {
   /* align the "before" square to the left */
   left: -11px;
}

.btn-arrow-right:after,
.btn-arrow-left:after {
   /* align the "after" square to the right */
   right: -11px;
}

.btn-arrow-right:after,
.btn-arrow-left:before {
   /* bring arrow pointers to front */
   z-index: 1;
}

.btn-arrow-right:before,
.btn-arrow-left:after {
   /* hide arrow tails background */
   background-color: var(--type_selection_color);
}

.btn-arrow-use:before {
	background-color: white;
}

.picker__box .picker__header .picker__nav--prev:before{content:"<"}
.picker__box .picker__header .picker__nav--next:before{content:">"}

/*stuff for help panel*/
#help_panel_div a {
    padding: .5rem 1.6rem;
    font-size: .64rem;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 5px;
    border-radius: 10em;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    margin: .375rem;
    text-transform: uppercase;
    word-wrap: break-word;
    white-space: normal;
    border: 0;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    -webkit-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
    line-height: 1.5;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible;
}

/*translate stuff*/
.englishClass {
  color: #aaa;
  margin-left: 4px;
  display: block;
}

/*put shadow on scrolling divs that have more content*/
/*overflow on scroll*/
.scroll-shadows {
  --scroll-shadow-color-full: rgb(255, 255, 255, 1);
  --scroll-shadow-color-empty: rgb(255, 255, 255, 0);
}
.scroll-shadows {
  max-height: 200px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;

  background:
    /* Shadow Cover TOP */
    linear-gradient(
      var(--scroll-shadow-color-full) 30%,
      var(--scroll-shadow-color-empty)
    ) center top,
    
    /* Shadow Cover BOTTOM */
    linear-gradient(
      var(--scroll-shadow-color-empty), 
      var(--scroll-shadow-color-full) 70%
    ) center bottom,
    
    /* Shadow TOP */
    radial-gradient(
      farthest-side at 50% 0,
      rgba(0, 0, 0, 0.4),
      rgba(0, 0, 0, 0)
    ) center top,
    
    /* Shadow BOTTOM */
    radial-gradient(
      farthest-side at 50% 100%,
      rgba(0, 0, 0, 0.4),
      rgba(0, 0, 0, 0)
    ) center bottom;
  
  background-repeat: no-repeat;
  background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
  background-attachment: local, local, scroll, scroll;
}

/* javascript solution */
.srcShadowContent {
  overflow-y: scroll;
}

.srcShadow {
  position: absolute;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 14px;
}

.srcShadow-top {
  top: 0;
  background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0.35), transparent);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.35), transparent);
  opacity: 0;
}

.srcShadow-bottom {
  bottom: 0;
  background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.35), transparent);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.35), transparent);
}

/* adverse show*/
.adverseText {
	color:  #8B0000;
}

/* tooltips */

.tooltip_span::before{
      content: attr(data-title);
      z-index: 2000;
	  position: absolute;
	  top: 0px;
	  left: 0px;
	  min-width: 60px;
      min-height: 60px;
	  padding: 5px 10px;
	  font-size: 90%;
	  text-align: center;
	  color: #fff;
	  background: #000;
	  border-radius: 3px;
	  opacity: 0;
	  visibility: hidden;
}

.tooltip_span:hover::before {
   opacity: 0.8;
   transition-delay:2s;
   visibility: visible;
}         

/* tooltip stuff */
.my_snackbar {
  background-color: #7CB9E8;
  z-index: 9999;
}
         
.my_snackbar.show {
  -webkit-animation: my_fadein 0.5s, my_fadeout 0.5s 3s;
  animation: my_fadein 0.5s, my_fadeout 0.5s 3s;
}


/*
.tooltip_span .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 100;
}

.tooltip_span:hover .tooltiptext {
  visibility: visible;
  transform: translate(-30px, 0px);
}
*/

.receipt_div {
  font-size: 2em;
}
.practice_name_span {
	font-size: 1.5em;
}
.required {
	color: red;
}
.tui-datepicker {
	z-index: 200;
}
.tui-datepicker-input {
	max-width: 9em;
	height: 1.5em !important;
}

/*supply stuff*/
.supply_ref{
	color: #E0A526;
}
.supply_critical{
	color: red;
}

.material-symbols-outlined {
	transform: translateY(4px);
	font-size: 1.5em;
}

.surcharge_div {
    border: solid 1px yellow;
    font-style: italic;
}

.sortable_drop_target {
    background-color: #d0e8ff;
}

/*bootstrap 5 fix*/
.btn-secondary {
    background-color: #a6c;
    color: #fff;
}

/* old mdb stuff */
.form-header {
    padding: 1rem;
    margin-top: -3.13rem;
    margin-bottom: 3rem;
    color: #fff;
    text-align: center;
    border-radius: .125rem;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.md-form  {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-color: transparent;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}