/* 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;
}

@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;
}

@media only screen and (max-width: 800px) {
    .pause-up {
        position:relative;
        top:0px;
    }
}
.no-border div{
	border-style:none !important;
}
/*.cancelLink{
	position:relative;
	left:92.7%;
}*/
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;
}
.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;
}
.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 {       
    padding-left: 20px;
    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 {
	padding-left: 28px !important;
	font-size: 1em;
    line-height: 1rem !important;
    padding-top: 5px;
}

/*stuff to show Checkboxes in small regular format*/
.cb_plain {
    margin-left: 0;
    opacity: 1 !important;
    pointer-events: auto !important;
    position: relative !important;
}
.cb_plain[type="checkbox"]+label {
    padding-left: 0px !important;
}
    
.cb_plain[type=checkbox]+label:before {
    content:"";
    position:relative;
    width:0px;
    height:0px;
    border:0px;
    margin-top:0px;
    visibility: hidden;
}
.cb_plain[type=checkbox]:checked+label:before {
    top:0px;
    left: 0px;
    width: 0px;
    height: 0px;
    border-top:0px;
    border-bottom:0px;
    border-left:0px;
    border-right:0px;
    visibility: hidden;
}

/*small checkboxes*/
.cb_small[type="checkbox"]+label {
    padding-left: 20px;
    padding-top: 0;
    margin-top: .15em;
}

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

.cb_small[type="checkbox"]:checked+label:before {
    left: -2px;
    width: 9px;
    height: 1rem;
    top: -2px;
    margin-top: 0.4em;
}

/* 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-left: 20px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: .15em;
    padding-left: 22px !important;
    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);
}
/* MediYeti overrides for bootstrap "custom-select" to match style for "chosen" style select */
.custom-select{
	border-radius: 30px;
	font-size: 13px;
    height: calc(1.8em + 2px);
    padding-top:0px;
    padding-bottom:0px;
    width: auto;
}

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

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

.custom-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);
}
.custom-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-outline-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;
}

: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.2;
    filter: alpha(opacity = 00);
  }
  .sortable-ghost {
    opacity: 0.6;
    filter: alpha(opacity = 60);
    background-color: #aaa;
    border: solid black 5px;
  }

  /*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;
}

/*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: <webobject name = "SnackbarColor" />;
  z-index: 9999;
}
         
.my_snackbar.show {
  -webkit-animation: my_fadein 0.5s, my_fadeout 0.5s <webobject name = "SnackbarDuration" />s;
  animation: my_fadein 0.5s, my_fadeout 0.5s <webobject name = "SnackbarDuration" />s;
}


/*
.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;
}