html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent}a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea,optgroup{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0;margin-right:2px;position:relative;top:1px;}
[type=checkbox] + label,[type=radio] + label {display: inline-block; margin-right: 8px;}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}

:root {
  --blue: rgb(99, 162, 214);
  --lblue: rgb(229, 240, 251);
  --dblue: rgb(0, 122, 198);
  --green: rgb(100, 209, 184);
  --dgreen: rgb(76, 176, 153);
  --lgreen: rgb(110, 224, 198);
  --blgreen: rgb(18, 222, 215);
  --red: rgb(251, 115, 108);
  --dred: rgb(252, 101, 93);
  --grey2: rgb(230, 231, 232);
  --grey: rgb(237, 237, 237);
        --grey: rgb(230, 231, 232);
  --dgrey: rgb(130, 130, 130);
  --lgrey: rgb(235, 238, 242);
  --lgrey: rgb(250, 249, 248);
  --dark: rgb(90, 90, 90);
  --shadow: rgba(199,199,199);
  --dshadow: rgba(185,185,185);
  --fade: rgba(0,0,0,.15);
  --font: rgba(60, 67, 80, 1);
  --font: rgb(60, 70, 80);
  --sidebar: 180px;
  --sidebar2: 210px;
  --inbox: 300px;
  --rcol: 210px;
  --bheight: 90px;
}
html,body{font-family:roboto,Verdana,sans-serif;color: var(--font);}html{-webkit-tap-highlight-color: transparent;font-size: calc(1em * .625);-ms-high-contrast-adjust: none;overflow:hidden}
html {background-color: var(--grey)}
body{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	font-size: 1.1rem;
	line-height: 1.2;
/*	transition: opacity .3s;
  -webkit-transition: opacity .3s;
  opacity: 1; */
}
.invis {opacity: 0}
h1,h2,h3,h4,h5,h6{font-weight:400;margin:0;width:100%}
h3.grow {width: inherit}
h1{font-size:32px}h2{font-size:19px}h3{font-size:14px;}
h3.inline{width: auto !important}
h4{
	font-size:12px;
	font-weight: 900;
	position: relative;
	margin: 0 0 8px;
	color: var(--blue);
	margin: 0;
	padding: 2px 20px 0 20px;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
}
.toolbar h4 {padding: 0;margin-bottom: 8px;}
h4 strong {
	color: var(--font)
}
h4 > a, h4 > .link, h4 .ddwn-wrap {
	margin-left: 4px;
}
.block h4, .ddwn h4, #DivSidebar h4 {
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 8px;
}
.block h4 {
	padding-top: 0;
	margin-top: -5px;
}
h5{font-size:13px;font-weight: 900;}h6{font-size:16px}.w3-serif{font-family:serif}
a, a:visited, .link {
	color: var(--dgreen);
	text-decoration: underline;
	cursor: pointer;
}
.link.pdf {
	display: inline-block;
	background: url(https://dev.adhsys.com/pcm/Assets/images/icon-pdf-link.svg) no-repeat;
	padding-left: 12px;
}
.textblock {
	background: var(--lgrey);
	border: 1px solid var(--shadow);
	display: inline-block;
	padding: 3px 6px;
	margin: 0 4px 4px 0;
}
.textblock a {
	
}
header a, header a:visited {
	color: var(--lblue);
}
a.red, a.red:visited, .link.red {
	color: var(--red)
}
.sidenav .red, .error.red {
	display: inline-block;
	padding: 1px 4px;
	background: var(--red);
	color: white;
	border-radius: 3px;
}
.small {
	font-size: 1.01rem;
	line-height: 1;
	font-weight: 400;
	letter-spacing: -.02em;
}
.font {
	font-weight: 400;
	color: var(--font)
}
hr{border:none;border-top:1px solid var(--shadow);margin:20px 0; width: 100%;}
section .row .content hr {
	margin: 0 -20px 10px;
	width: calc(100% + 40px);
}
.block hr {margin: 10px -10px; width: calc(100% + 20px)}
label {
	display: block;
	color: var(--dgrey);
	opacity: .8;
	font-size: 1.1rem;
	min-height: 13px;
	letter-spacing: -.02em;
}
input[type="checkbox"] + label {display: inline-block;}
.form-small label {
	font-size: 1rem;
	min-height: 12px;
}
.ddwn label {
	font-size: .9rem;
}
ul li label {
	display: inline;
}
label.check {
  display: block;
  position: relative;
  padding-left: 26px;
  min-height: 22px;
  line-height: 18px;
  padding-top: 2px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
color: rgba(60, 67, 80, 1);
font-size: 12px;
margin-left: 18px;
white-space: nowrap;
}
.grid label.check {
	margin-left: 0;
}
.grid .col5 label.check {
	display: inline-block;
	width: 100%;
	margin: 0 10px 10px 0
}
.icon.alert {
	background-image: url(https://dev.adhsys.com/pcm/Assets/images/alert-icon2.svg);
	background-size: auto 60%;
	background-position: 8px center
}
.tabs .icon {
	background-position: right center;
	height: 20px;
	width: 25px;
	position: absolute;
	right: 5px;
		top: 0px;
}
.icon.check {
	background-size: cover;
	background-image: url(https://dev.adhsys.com/pcm/Assets/images/icon-check.svg);
}
.icon.check.grey {
	background-size: cover;
	background-image: url(https://dev.adhsys.com/pcm/Assets/images/icon-check-grey.svg);
	opacity: .5
}
.icon.check.lgrey {
	background-size: cover;
	background-image: url(https://dev.adhsys.com/pcm/Assets/images/icon-check-grey.svg);
	opacity: 1
}
.thumbs label.check {
	margin-left: 0;
	margin-top: 8px;
	margin-bottom: 10px;
}
/* Hide the browser's default radio button */
label.check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  border: 2px solid var(--blue);
  background-color: rgba(109, 179, 222, .15);
  border-radius: 50%;
}

.square .checkmark {
	border-radius: 0;
	height: 20px;
  width: 20px;

}
label.check + ul .checkmark {
	background-color: #fff;
}
/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: var(--blue);
}

/* When the radio button is checked, add a blue background */
.check input:checked ~ .checkmark, .check:hover .checkmark {
	background-color: var(--lgreen);
	border-color: var(--dgreen);
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
label.check input {
	display: block;
}

label.check input:checked ~ .checkmark:after {
  display: block;
}

label.check .checkmark:after {
  top: 1px;
  left: 0;
  width: 18px;
  height:18px;
  background: url(https://dev.adhsys.com/pcm/Assets/images/check.svg) no-repeat;
  background-size: 100% auto;
}
label.check.square .checkmark:after {
	width: 21px;
	height: 21px;
	top: -2px;
	left: -2px;
}
label.check.large {
  padding-left: 35px;
  min-height: 46px;
  line-height: 46px;
  padding-top: 0;
font-size: 15px;
margin-left: 0;
margin-bottom: 10px;
max-width: 380px;
min-width: 280px;
margin-right: 20px;
}
.large .checkmark {
  z-index: -1;
  height: 46px;
  width: 100%;
  border-radius: 3px;
}
label.check.large .checkmark:after {
  top: 6px;
  left: 2px;
  width: 30px;
  height:30px;
}
.table-row label.check {
	margin-left: 0;
	margin-top: 0;
	padding-left: 0;
}
ul li label.check {
	margin-left: 0;
	margin-top: 3px;
	padding-left: 20px;
}
.table-row .checkmark, ul li .checkmark {
	top: auto;
	margin-top: 2px;
	height: 18px;
	width: 18px;
	border: 1px solid var(--dgrey);
	background-color: white;
	border-radius: 3px;
}
.table-row label.check, ul li label.check {
	padding-top: 0;
}
.table-row .review label.check {
	left: -5px;
}
.table-row label.check .checkmark:after, ul li label.check .checkmark:after {
	width: 16px;
	height: 16px;
	top: 0;
	left: 0;
}
ul.sidenav li .check {
float: left;
}
label:not(.check) input[type="checkbox"] + span {
	font-size: 1.2rem;
	position: relative;
	top: -2px;
	color: var(--font);
	
}
label + label {
	margin-left: 12px;
}
label.inline {
	display: inline-block;
	text-align: right;
	padding-right: 3px;
	min-width: 42px;
}
.row label.inline {
	min-width: 50px;
}
.title label.inline {min-width: 0}
.title label + span:last-child {
	margin-right: 0;
}
h4 label.inline {
	min-width: 0 !important;
	font-weight: 400;
}
label.inline.mini {
	min-width: 39px;
}
label.inline.now {
	min-width: 0;
	margin-left: 10px;
}
label + span:not(.ddwn-wrap) {
	margin-right: 10px;
}
.list label.inline.mini {
	min-width: 33.2px;
letter-spacing: -.03em;
}
.list label + span:not(.ddwn-wrap) {
	margin-right: 0;
	display: inline-block;
	min-width: 20.22px;
}
.address {margin-right: 5px;}
.title {
	border-bottom: 1px solid var(--shadow);
	padding-bottom: 1px;
	margin-bottom: 1px;
	font-weight: 600;
}
header {
	display: flex;
	align-items: center;
	min-height: 48px;
	background-color: var(--blue);
	padding: 0 10px 0 0;
	color: white;
}
header label {
	color: var(--lgreen)
}
nav {
	width: var(--sidebar);

}
main {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	height: 100vh;
	background: white;
	border-left: 1px solid var(--shadow);
}
header + main {
	height: calc(100vh - 48px);
}
body > form, form > #upMain, body, html {
	width: 100vw;
	height: 100vh;
	
	
}
#upMain > div:first-child {
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: nowrap;
}
section {
	height: calc(100vh - 48px);
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	background-color: white;
}
main.flex.nowrap {
	flex-direction: row;
}
main.flex.nowrap section {
	width: 50%;
}
footer {
	height: 48px;
	background-color: var(--dark);
	background-color: white;
	border-top: 1px solid var(--shadow);
	display: none;
}
.toolbar {
	
	padding: 10px 10px 10px 20px;
	display: flex;
	align-items: center;
	border-bottom: 1px solid var(--shadow);
	background: white;

	z-index: 2;
}
.toolbar > h3 {padding-top: 5px;padding-bottom: 5px;}
.app .toolbar {
	min-height: 54px;
}
/* .toolbar .block {
	margin-top: 5px;
	margin-right: -10px;
}
*/
#upHeader {
	display: flex;
	align-items: center;
	width: 100%;
}
.toolbar.lgrey {
	min-height: inherit;
	padding-bottom: 5px;
	z-index: 1;
}
.toolbar > div {
	line-height: 1.2;
}
.row .toolbar {
	border-bottom: none;
}
.row.grey {
	position: relative;
	border-top: none;
	box-shadow: 1px 0 0 var(--lgrey);
	z-index: 2;
}

#DivSidebar {
	display: flex;
	flex-direction: column;
	position: relative;
	height: 100%;
	background: var(--grey);
	z-index: 1003;
}
.app #DivSidebar {
	background: white;
	border-right: 3px solid var(--dgrey);
}
#DivSidebar > nav, #DivSidebar > div {
	width: var(--sidebar);
	min-width: var(--sidebar);
}
#DivSidebar.referral > nav, #DivSidebar.referral > div {
	min-width: var(--sidebar2);
}
.inbox #DivSidebar > nav, .inbox #DivSidebar > div {
	min-width: var(--inbox);
}
#DivSidebar > nav {
	z-index: 1006;
}
#DivSidebar > div {
	z-index: 1003;
}


#DivSidebar > .link {
	position: absolute;
	height: calc(100% - 48px);
	width: 13px;
	top: 48px;
	right: 0;
	z-index: 1004;
	border-left: 1px solid var(--shadow);
}
#DivSidebar > .link + .scroll.y {
	margin-right: 13px;
}
#DivSidebar.close > .link + .scroll.y {
	margin-right: 0;
}
#DivSidebar > .link:hover {
	background: var(--lgrey);
}
#DivSidebar > .link:after {
	right: 3px;
	top: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-right-color: var(--dgrey);
	border-width: 7px;
	margin-top: -31px;
}
#DivSidebar.close > .link:after {
	border-color: transparent;
	border-left-color: var(--dgrey);
	right: -5px;
}
#DivSidebar:not(.close) > .link:hover:after {
	border-right-color: var(--green) !important;
}
#DivSidebar.close > .link:hover:after {
	border-left-color: var(--green);
}
#DivSidebar + .grow {
	width: calc(100vw - var(--sidebar))
}
#DivSidebar.referral + .grow {
	width: calc(100vw - var(--sidebar2))
}
#DivSidebar.close > nav, #DivSidebar.close > div {
	width: 40px;
	min-width: 40px;
	padding-left: 0;
	padding-top: 0;
	padding-right: 13px;
}
#DivSidebar.close > nav > .trigger {
	width: 40px;
}
#DivSidebar.close > nav .trigger .grow {
	display: none;
}
#DivSidebar.close .stay {
	overflow: hidden;
	text-indent: -1000px;
	padding: 0;
	width: 28px;
	min-width: 28px;
	height: 30px;
	min-height: 30px;
	margin-bottom: 0;
	border-top: none;
	border-left: none;
	border-radius: 0;
	position: relative;
	z-index: 1003;
}
#DivSidebar.close .back.stay:after {
	right: 10px;
	top: 8px;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-right-color: var(--dgrey);
	border-width: 7px;
}
#DivSidebar.close .back.stay:hover:after {
	border-right-color: var(--green);
}
#DivSidebar.close > nav > .trigger {
	overflow: hidden;
}
#DivSidebar.close > div > *:not(.back) {
	display: none;
}
.rcol {
	min-height: 100%;
	width:  var(--rcol);
	min-width:  var(--rcol);
	padding: 23px 16px 16px 16px;
	background-color: var(--lgrey);
	position: relative;
	top: 0;
	z-index: 0;
}
.toolbar .rcol {
	padding: 0;
	background: none;
	border: none;
	width: calc(var(--rcol) - 20px);
	min-width: calc(var(--rcol) - 20px)
}
.row {
	border-top: 2px solid var(--blue);
	background-color: white;
position: relative;	
}
.row:last-child {
	flex-grow: 1;
}
#DivLogin section {
	display: flex;
	justify-content: center;
	align-items: center;
	
}
.nbrd {border: none !important; box-shadow: none !important;}
.row:last-child {
	padding-bottom: 0;
}
.content {
	padding: 20px 20px;
}
section .form {max-width: 612px;}
.form.mini {max-width: 450px}
.rcol .content {
	padding: 10px;
}
.ddwn .content {
	padding: 0 5px 5px;
}
.block {
	padding: 10px;
	border-radius: 3px;
}

#DivSidebar .block, .rcol .block, .ddwn.block {
	background: white;
	border: 1px solid var(--shadow);
	border-top: 2px solid var(--blue);
	border-radius: 0 0 3px 3px;
	margin-bottom: 8px;
}
#DivSidebar .block .block {
	border: none;
	border-radius: 3px;
	margin: 0;
	background: var(--lgrey);
}
#DivSidebar li.block {
	margin-bottom: 0;
	border-bottom: none;
	border-top: 1px solid var(--shadow);
	border-radius: 0;
}
#DivSidebar .list .block {
	border-top: 1px solid var(--shadow)
}
#DivSidebar li:first-child.block {
	border-radius: 3px 3px 0 0;
}
#DivSidebar li:last-child.block {
	margin-bottom: 8px;
	border-radius: 0 0 3px 3px;
	border-bottom: 1px solid var(--shadow);
}
#DivSidebar .btn, .rcol .btn {
	display: block;
	text-align: left;
	margin-bottom: 4px;
}
#DivSidebar .btn.center, .rcol .btn.center {
	text-align: center;
}
#DivSidebar > div {
	padding: 8px 12px 8px 8px;
}
.block input:not([type=checkbox]) {
	margin-bottom: 8px;
}
#DivSidebar > div.scroll {
height: calc(100% - 48px)
}
.block.white {
	background-color: white;
	border: 1px solid var(--shadow);
	border-radius: 3px;
}
.block.selected, .select-blocks .block:hover {
	background-color: var(--lblue) !important;
	border-color: var(--blue);
}
.select-blocks {
	margin: 0 -5px;
}
.select-blocks .block {
	font-size: 1.1rem;
	padding: 14px 16px;
	min-width: 210px;
	margin: 0 5px 5px;
	cursor: pointer !important;
}
.window {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100vh;
	z-index: 2000;
	padding: 0 0 120px;
	text-align: center;
	background: rgba(0,0,0,.2);
	display: flex;
	align-items: center;
	justify-content: center;
}
.window > div {
	position: relative;
	background-color: #fff;
	text-align: left;
	border-radius: 6px;
	padding: 20px 30px 30px;
	display: flex;
	flex-direction: column;
	border: 1px solid var(--shadow);
	min-width: 295px;
	min-height: 227px;
}
.window.form > div {
	min-width: 320px;
	padding: 14px 20px 10px;
}
.window.form .block {
	margin: 0 -10px 8px;
	padding-bottom: 14px;
}
.h100{height: 100%;}
.toolbar + .h100 {height: calc(100% - 48px)}
.nowrap {display: inline-block;}
span.nowrap { white-space: nowrap;}
.npad {padding: 0 !important;}
.npadr {padding-right: 0 !important;}
.npadt {padding-top: 0 !important;}
.npadb {padding-bottom: 0 !important;}
.brd{border:1px solid var(--shadow)}
.brdt{border-top:1px solid var(--shadow) !important}
.nbrdt{border-top: none}
.nbrdb {border-bottom: none !important;box-shadow: none !important;}
.table-body.nbrdb .table-row:last-child {border-bottom: none !important}
.grey {background-color: var(--grey)}
.grey2 {background-color: var(--grey2) !important}
.white {background-color: white !important}
.green {background-color: var(--green) !important; border-color: var(--green) !important; color: white !important}
.btn.green:hover {background-color: var(--lgreen) !important; border-color: var(--lgreen) !important;}
.blue {background-color: var(--blue) !important; border-color: var(--blue) !important; color: white !important}
.invis{visibility:hidden}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.ml0 {margin-left: 0 !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.mb0{margin-bottom: 0 !important}
.mb2{margin-bottom: 2px !important}
.mb5{margin-bottom: 5px !important}
.mb10{margin-bottom: 10px !important}
.mb20{margin-bottom: 20px !important}
.mb30{margin-bottom: 30px !important}
.mt3{margin-top: 3px !important}
.mt0{margin-top: 0 !important}
.mt5{margin-top: 5px !important}
.mt10{margin-top: 10px !important}
.mt20{margin-top: 19px !important}
.mr4{margin-right: 4px !important}
.mr20{margin-right: 20px !important}
.mr30{margin-right: 30px !important}
.pt0{padding-top: 0 !important}
.pt5{padding-top: 5px !important}
.pt10{padding-top: 10px !important}
.pr5{padding-right: 5px !important}
.pr10{padding-right: 10px !important}
.pr20{padding-right: 20px !important}
.pl5{padding-left: 5px !important}
.pl10{padding-left: 10px !important}
.pb5{padding-bottom: 5px !important}
.pb0{padding-bottom: 0 !important}
.toolbar.pb0{min-height: 38px!important;}
.pb10{padding-bottom: 10px !important}
.pb20{padding-bottom: 20px !important}
.tr {position: absolute;top:12px;right:11px;}
.tl {position: absolute;top:0;left:0;}
.tree-wrap .tr{top:0;right: 6px;}
.tree-wrap .tr.collapse{top:3px;right: 6px;}
.txtr {text-align: right;}
.txtgreen {color: var(--green) !important}
.w25{width: 25%}
.w4{width: 30%; min-width: 320px}
.w6{width: 70%;min-width: 380px;}
.w5{width: 50%; min-width: 380px}
.hidden{display: none !important}
.light{font-weight: 400}
.lgrey {background-color: var(--lgrey);}
.lgrey .row:not(.toolbar.lgrey) {
	border-right: 1px solid var(--shadow)
}
.col3 {
	column-count: 3;
}
.col3 > * {
	display: inline-block;
	border: none !important;
}
.flex {display: flex !important; flex-wrap:wrap}
.flex.small > * {font-size: 100%}
.flex.bot {align-items: flex-end;}
.flex.right {
	justify-content: flex-end;
	align-items: flex-end;
}
.flex.pad10 {
	padding: 0 10px 10px;
}
.flex.pad10 > * {
	margin: 10px;
}
.flex.wrap {
	flex-wrap: wrap;
}
.flex.nowrap {
	flex-wrap: nowrap;
}
.flex.center {
	align-items: center;
	justify-content: center;
}
.grid {
	padding: 10px;
	margin: -5px 0 0 -5px;
}
.grid.full {
	margin: 0;
}
.grid > .block {
margin: 0;
padding: 5px;
}
.grid > .block > div {
	background-color: white;
	border: 1px solid var(--shadow);
	border-top: 2px solid var(--blue);
	border-radius: 0 0 3px 3px;
	padding: 14px 16px 16px;
	height: 100%;
}
.grid > .block.w25 > div {
	border-top: 1px solid var(--shadow);
	border-radius: 3px;
}
.grid .block > div {
	width: 410px;
}
.grid.full .block > div {
	width: 100%;
}
.grow {flex-grow: 1}
.grow2 {flex-grow: 2}
.flex.column {flex-direction: column;flex-wrap: nowrap}

.tabs {
	background-color: var(--grey);
	margin-bottom: 6px;
	display: flex;
}
.toolbar.tabs {
	min-height: 33px;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	box-shadow: inset 0 1px 0 var(--shadow);
	border-bottom: 1px solid var(--shadow);
}
.toolbar.tabs .paging {
	position: relative;
	top: -4px;
}
.tabs .tablink {
	position: relative;
	display: inline-block;
	height: 26px;
	line-height: 26px;
	font-size: 1rem;
	padding: 0 14px;
	margin-right: -1px;
	border-right: 1px solid var(--shadow);
	border-bottom: 1px solid var(--shadow);
	color: var(--dgrey);
	background-color: var(--grey);
	cursor: pointer;
	text-decoration: none;
}
.toolbar.tabs .tablink {
	margin-right: 0;
	margin-bottom: 0;
	padding: 0 26px;
	height: 31px;
	line-height: 31px;
	min-width: 90px;
	text-align: center;
	white-space: nowrap;
	font-size: 1.1rem;
	border-bottom: none;
}
.block > .tabs {
	margin: -10px -10px 0 -10px;
	width: calc(100% + 20px);
}
.block.lgrey .tabs .tablink.active {
	background: var(--lgrey);box-shadow: 0 1px 0 var(--lgrey)
}
.block > .tabs .tablink, .ddwn .tabs .tablink {
	margin-right: 0;
	padding-right: 8px;
}
.block > .tabs .tablink {

    font-weight: 900;
}
.tabs .tablink.active {
	background: white;
	color: var(--font);
	border-right: 1px solid var(--shadow); 
	border-bottom: 1px solid transparent;
	box-shadow: 0 1px 0 white;
	cursor: default;
}
.block > .tabs .tablink.active {
    color: var(--blue);
}
.block > .tabs .tablink:first-child {
	padding-left: 10px;
}
.tabs .tablink:last-child {
	border-right: none !important;
	flex-grow: 1;
}
.toolbar.tabs .tablink:first-child {
	padding-left: 20px;
	border-top: none;
}
.toolbar.tabs .tablink:last-child {
	border-right: 1px solid var(--shadow) !important;
	flex-grow: 0;
}
.tabcontent {
	display: none;
}
.tabcontent.active {
	display: block;
}
.table {min-height: 50px};
section.table {
	margin-bottom: 0;
}
section.table > .table-body {
	padding-bottom: 12px;
	 
}
.toolbar .table-body {
	display: flex;
}
.toolbar .table-body .table-row:first-child > div:first-child,.toolbar .table-body .table-row:first-child {
	border-radius: 3px 0 0 3px;
}
.toolbar .table-body .table-row:last-child > div:last-child,.toolbar .table-body .table-row:last-child {
	border-radius: 0 3px 3px 0;
}
.toolbar .table-body .table-row > div.current {
  box-shadow: none;	
}
.table .toolbar {
	border-left: none;
}
.table .paging {
	display: flex;
}
.table-head {
	position: relative;
	z-index: 4;
	
}
.table-body {
	position: relative;
	z-index: 1;
	flex-grow: 1;
	letter-spacing: -.0175rem;
}
.table-row {
	display: grid;
	transition: all .2s;
	transition-timing-function: ease-in-out;
	position: relative;
	scrollbar-gutter: stable;
}
.table-body .table-row {
	cursor: pointer;
}
.table-body .link.tiny {
	margin: 0 0 2px;
	position: relative;
	top: -4px;
}
.table-body .flex .link {
	margin: 2px 0 0 4px;
}
.ref-report .table-row {
	grid-template-columns: 20px minmax(140px,1fr) minmax(160px,2fr) minmax(160px,2fr) minmax(100px,1fr) 10em 10em;
}
.record-report .table-row {
	grid-template-columns: 20px minmax(140px,1fr) minmax(160px,2fr) minmax(160px,2fr) minmax(100px,1fr) 5em 5em 10em;
}
.admin-report .table-row {
	grid-template-columns: 20px minmax(140px,1fr) minmax(160px,2fr) minmax(160px,2fr) minmax(100px,1fr) 10em 10em 10em;
}
.reviewed-report .table-row {
	grid-template-columns: 20px minmax(140px,1fr) 2fr 2fr 1fr 10em 10em;
}
.unassigned-report .table-row {
	grid-template-columns: 20px minmax(140px,1fr) 2fr 2fr 1fr 10em 10em 10em;
}
.pushfrom-report .table-row {
	grid-template-columns: 20px minmax(140px,1fr) 2fr 2fr 1fr 16em 10em;
}
.psearch-report .table-row {
	grid-template-columns: 30px minmax(140px, 2fr) minmax(100px, 1fr) minmax(60px, 1fr) minmax(100px, 1fr) minmax(100px, 1fr);
}
.patient-report .table-row {
    grid-template-columns: 20px 6em 8em 5em 6em minmax(140px,2fr) minmax(140px,2fr) minmax(100px,1fr) 8em;
}
.unsched-report .table-row {
    grid-template-columns: 15px 6em minmax(120px,2fr) minmax(100px,1fr) 8em;
}
.billing-report .table-row {
	grid-template-columns: 20px 5em 8em 14em minmax(160px,2fr) minmax(160px,2fr) minmax(140px,1fr) minmax(140px,1fr)  minmax(140px,1fr) 8em;
}
.adfinanceCase-report .table-row {
	grid-template-columns: 10px minmax(160px,2fr) 10em 8em minmax(140px,2fr);
}
.inbox-report .table-row {
	grid-template-columns: 40px 1fr 6em;
}
.inbox-report {
	 margin: 0 -12px 0 -8px
}
.patInbox-report .table-row {
	grid-template-columns: 50px minmax(160px,2fr) 12em 5em 6em;
}
.chargesh-report .table-row {
	grid-template-columns: 20px 4.6em minmax(160px,2fr) minmax(160px,1fr) 12em  4.2em 7em 6em;
}
.visit-report .table-row {
	grid-template-columns: 20px 4.6em 4.6em minmax(140px,1fr) minmax(160px,1fr) 6em 8em minmax(110px,1fr) 7em 7em;
}
.vtr-report .table-row {
	grid-template-columns: 28px 30px 4.2em 4.2em minmax(110px,1fr) 5em minmax(140px,1fr) 6em 9em minmax(100px,1fr) minmax(200px,2fr) minmax(13em,1fr) 9em;
}
.inpat-report .table-row {
	grid-template-columns: 20px 9em 9em minmax(110px,1fr) minmax(200px,2fr) 13em 9em 3em;
}
.col1 .table-row {
	grid-template-columns: 20px minmax(160px,2fr) 5.5em ;
}
.charges-list .table-row {
 	grid-template-columns: 20px 8em minmax(160px,2fr) 5em 5em 5em;
}
.chargesh-report .table-row.total > div:nth-child(3) {
	grid-column-start: 3;
  grid-column-end: 6;
}
.case-report .table-row {
	grid-template-columns: 20px 10em 12em minmax(160px,1fr) 10em;
}
.pvisit-report .table-row {
	grid-template-columns: 20px minmax(90px, 1fr) minmax(90px, 1fr) minmax(160px, 2fr) repeat(auto-fit, minmax(90px, 1fr));
}
.charge-report .table-row {
	grid-template-columns: 20px 8em 8em 7fr 3fr 2fr 9em 9em 3fr; 
}
.clinic-report .table-row {
	grid-template-columns: 20px 6em 4fr 8em 13em 18em 13em; 
}
.athena-report .table-row {
	grid-template-columns: 20px minmax(160px, 2fr) repeat(auto-fit, minmax(90px, 1fr));
}
.COVID-report .table-row {
	grid-template-columns: 20px 16em 9fr 8em 15em 9em;
}
.COVID-report.mini .table-row {
	grid-template-columns: 20px 4.3em 1fr 6em 5em 6em;
}

.table-body .table-row {
	border-bottom: 1px solid var(--shadow);
	background-color: white;
}
.app .table-body .table-row {
	border-bottom: none;
	border-top: 1px solid var(--shadow);
}
.app .table-body .table-row:first-child {
	border-top: none;
}
.app .table-body .table-row:last-child {
	border-bottom: 1px solid var(--shadow);
}
body:not(.app) .table-body .table-row:first-child {
	border-top: 1px solid var(--shadow);
}
body:not(.app) .metrics .table-body .table-row:first-child {
	border-top: 1px solid var(--dgrey);
}
.table-body .table-row + .content {
	/* border-top: 1px solid var(--shadow); */

}
.table-row > div {
	position: relative;
	display: flex;
    flex-direction: column;
}
.table-body .table-row:nth-child(odd) > div {
    background-color: var(--lgrey);
}
.table-body .table-row > div input:not([type=checkbox]), .table-body .table-row > div select  {
    background-color: white;
}
.metrics .table-body .table-row > div input:not([type=checkbox]) {
	height: 30px;
	border: none;
	font-size: 1.1rem;
	text-align: center;
	background: transparent;
}
.metrics .table-body .table-row > div input:not([type=checkbox])  {
   height: 30px;
   border: none;
   font-size: 15px;
   text-align: center;
}
 .table-body .table-row > div select  { 
 font-size: 11px;
 width: 100%;
 }
.table-body .table-row:hover > div {
	background-color: var(--lblue);
}
.table-row.nolink {
	cursor: default;
}
.table-body .table-row > div > a {
	display: flex;
	min-height: 46px;
	width: 100%;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	color: var(--font);
}
.table-body .table-row > div[onclick]:hover {
	background-color: var(--green);
	color: white;
}
.table-body .table-row > div.current {
	background-color: var(--blue);
	color: white;
	position: relative;
	cursor: default;
	box-shadow: 0 0 0 1px var(--dgrey)
}
.table-row.current > div {
	background-color: var(--blue) !important;
	color: white;
	position: relative;
	cursor: default;

}
.app .table-row.current {
	border-color: var(--green) !important;
}
.app .table-row.current > div {
	background-color: var(--green) !important;
}
.table-row > div.current > a:after, .table-row > div.current > a:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-top-color: var(--blue);
	border-width: 24px;
	margin-left: -24px;
}
.table-row > div.current > a:before {
	border-top-color: var(--dark);
	margin-top: 1px;
}
.table-head .table-row {
	align-items: end;
}
.table-head .table-row > div {
	font-size: 10px;
	line-height: 10px;
	letter-spacing: -.03em;
	padding-bottom: 3px;
	font-weight: 900;
	text-transform: uppercase;
	min-height: 20px;
	justify-content: flex-end;
}
.table-body .table-row > div {
	justify-content: center;
    min-height: 46px;
	padding: 5px 10px 5px 0;
	font-size: 1.1rem;
	line-height: 1;
	letter-spacing: -.02em;
}
.app .table-body .table-row > div {
	justify-content: center;
    min-height: 54px;
	padding: 5px 10px 5px 0;
	font-size: 1.1rem;
}
.table-body .table-row > div:first-child {
	padding-right: 6px;
}
.inbox .table-body .table-row > div:first-child {
	padding-left: 10px;
}
.table-head .table-row > div:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px;
    right: 10px;
    height: 2px;
    width: auto;
    background: #333;
}
.table-head .table-row > div:first-child:after, .table-head .table-row > div.nbrd:after {
	display: none;
}
.table em {
	opacity: .6;
	font-size: 10px;
	font-style: normal;
	text-transform: uppercase;
}
.table-row .ddwn-wrap {
	position: static;
	display: inline-block;
}
.table-row input:not([type=checkbox]), .table-row select {
	margin: 0;
	min-width: 0;
	max-width: 100%;
	width: 100%;
}
.table-row input:not([type=checkbox]), .table-row select.small {
	margin: 0;
	min-width: 0;
	max-width: 100%;
	width: 100%;
}
.table-row .flex {
	flex-direction: row-reverse;
	flex-wrap: nowrap;
}
.table-row .flex input:not([type=checkbox]) {
	margin: 0;
	min-width: 0;
	max-width: calc(100% - 8px);
}
/*
.table-body .table-row.complete {
	border-color: var(--dgreen);
}
.table-body .table-row.complete > div {
	background-color: var(--lgreen);
	background-color: rgb(126, 237, 212);
}
.table-body .table-row.complete:nth-child(odd) > div {
	background-color: var(--lgreen);
}

.table-row.complete:hover > div {
	background-color: rgb(143, 242, 220) !important;
}
*/
.table-body .table-row.noshow, .table-body .table-row.orange {
	border-color: rgba(201, 160, 101, .7);
}
.table-body .table-row.noshow > div, .table-body .table-row.orange > div {
	background-color: rgba(255, 177, 94, .4);
}
.table-body .table-row.noshow:nth-child(odd) > div, .table-body .table-row.orange:nth-child(odd) > div {
	background-color: rgba(255, 177, 94, .3);
}
.table-body .table-row.delete, .table-body .table-row.red {
	border-color: rgba(201, 119, 115, .6);
}
.table-body .table-row.delete > div, .table-body .table-row.red > div {
	background-color: rgba(251, 115, 108, .3);
}
.table-body .table-row.delete:nth-child(odd) > div,.table-body .table-row.red:nth-child(odd) > div {
	background-color: rgba(251, 115, 108, .4);
}
.table-body .table-row.obsrv, .table-body .table-row.blue {
	border-color: rgba(99, 162, 214, .5);
}
.table-body .table-row.obsrv > div, .table-body .table-row.blue > div {
	background-color: rgba(99, 162, 214, .2);
}
.table-body .table-row.obsrv:nth-child(odd) > div, .table-body .table-row.blue:nth-child(odd) > div {
	background-color: rgba(99, 162, 214, .3);
}
.table-body .table-row.nodisch, .table-body .table-row.yellow {
	border-color: rgba(204, 200, 118, .6);
}
.table-body .table-row.nodisch > div, .table-body .table-row.yellow > div {
	background-color: rgba(255, 247, 94, .2);
}
.table-body .table-row.nodisch:nth-child(odd) > div, .table-body .table-row.yellow:nth-child(odd) > div {
	background-color: rgba(255, 247, 94, .3);
}
.table-body .table-row.inpat, .table-body .table-row.purple {
	border-color: rgba(240, 173, 255, .6);
}
.table-body .table-row.inpat > div,.table-body .table-row.purple > div {
	background-color: rgba(240, 173, 255, .2);
}
.table-body .table-row.inpat:nth-child(odd) > div, .table-body .table-row.purple:nth-child(odd) > div {
	background-color: rgba(240, 173, 255, .3);
}
.table-row.nodisch:hover, .table-row.noshow:hover, .table-row.delete:hover, .table-row.obsrv:hover, .table-row.inpat:hover, .table-show.color:hover {
	box-shadow: inset 0 0 0 100px rgba(0,0,0,.05);
}
.table-row.inpat > div .link.tiny {display: none}
.table-body h2 {
	margin-top: 20px;
	padding-bottom: 2px;
	padding-left: 14px;
	border-bottom: 1px solid var(--shadow);
	font-size: 18px;
}
.legend {
	display: block;
	position: relative;
	top: -1px;
	margin-bottom: 10px;
	white-space: nowrap;
}
.legend > span {
	display: inline-block;
	height: 14px;
	width: 14px;
	position: relative;
	top: 2px;
	margin-right: -2px !important;
	border: 1px solid rgba(0,0,0,.4);
}
.legend label {
	white-space: nowrap;
}
.legend > span.noshow {
	background: rgba(255, 188, 94, .7);
}
.legend > span.obsrv {
	background: rgba(99, 162, 214, .6);
}
.legend > span.nodisch {
	background: rgba(255, 247, 94, .6);
}
.legend > span.delete {
	background: rgba(251, 115, 108, .6);
}
.legend > span.inpat {
	background: rgba(240, 173, 255, .6);
}
.metrics {
	margin-bottom: 20px;
}
.metrics + .flex {
	margin-top: 12px;
}
.metrics.c1 .table-row {
	grid-template-columns: minmax(140px, 1fr) 117px;
}
.metrics.c1.compact .table-row {
	grid-template-columns: 160px 50px;

}
.metrics.c3 .table-row {
	grid-template-columns: minmax(140px, 1fr) 117px 117px 117px;
}
.metrics.c5 .table-row {
	grid-template-columns: minmax(140px, 1fr) 50px 50px 50px 50px 50px;
}
.metrics.c5.wide .table-row {
	grid-template-columns: minmax(120px, 1fr) 120px 120px 120px 120px 120px;
}
.metrics.c6 .table-row {
	grid-template-columns: minmax(140px, 1fr) 50px 50px 50px 50px 50px 50px;
}
.metrics.c6.wide .table-row {
	grid-template-columns: minmax(120px, 1fr) 100px 100px 100px 100px 100px 100px;
}
.metrics.c6.monthly .table-row {
	grid-template-columns: minmax(120px, 1fr) 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px;
}
.metrics.c7 .table-row {
	grid-template-columns: minmax(140px, 1fr) 50px 50px 50px 50px 50px 50px 50px;
}

.metrics.c6 .table-row {
	width: 441px;
}
.metrics.c5.wide .table-row {
	width: 720px;
}
.metrics.c6.wide .table-row {
	width: 720px;
}
.metrics.c7 .table-row, .metrics.c3 .table-row {
	width: 491px;
}
.metrics.c3 {
	width: 491px
}
.metrics.c1 {
	width: 258px;
}
.metrics.compact.r3 {
	width: auto;
	max-width: 1000px;
	min-height: 0;
}
.metrics.compact.r3 .table-body .table-row {
	width: 210px;
	border-color: var(--dgrey);
	border-top: 1px solid var(--dgrey);
	margin-right: -1px;
	margin-bottom: -1px;
}
.metrics.compact.r3 .table-head .table-row > div {
	border: none;
}
.metrics .table-row.totals {
	border-top: 2px solid var(--dgrey) !important;
	margin-top: -1px;
}
.metrics.sep {
	margin-left: -3px;
	margin-right: -3px;
}
.metrics.sep .table-row {
	margin: 3px;
}
.metrics .table-row > div {
	border-right: 1px solid var(--shadow);
	text-align: center;
	padding: 0;
}
.metrics .table-row:last-child {
	border-bottom-color: var(--dgrey);
}
.metrics .table-row > div:first-child {
	border-left: 1px solid var(--dgrey);
	text-align: left;
}
.metrics .table-row > div:last-child {
	border-color: var(--dgrey)
}
.metrics .table-head .table-row > div {
	border-top:  none;
	text-align: center;
	min-height: 18px;
	padding-bottom: 3px;
}
.metrics .table-head .table-row > div:first-child {
	padding-left: 0;
	text-align: left;
	border-right: 1px solid var(--dgrey);
}
.metrics .table-head .table-row > div:after {
	display: none;
}
.metrics .table-head .table-row > div:first-child {
	border-left: none;
}
.metrics .table-head .table-row > div, .metrics .table-body .table-row:first-child {
	border-top: 1px solid var(--dgrey);
}
.metrics .table-head .table-row > div:first-child {
	border-top: none;
	background-color: transparent;
}
.metrics .table-body .table-row > div {
	min-height: 30px;
	font-size: 1.2rem;
}
.metrics .table-body .table-row > div:first-child {
	padding: 0 10px;
}
.table.compact .table-body .table-row > div, .table.compact .table-body .table-row > div > a {
	min-height: 30px;
}
.metrics.incomp .table-head .table-row:first-child > div:first-child {
	grid-column: span 2;
	border-right: 1px solid var(--dgrey);
}
.metrics.incomp .table-head .table-row:first-child > div:nth-child(2){
	background-color: var(--grey);
	border-right: 1px solid var(--dgrey);
	grid-column: span 4;
}
.metrics.c7.incomp .table-head .table-row:first-child > div:nth-child(2){
	grid-column: span 5;
}
.metrics.incomp .table-head .table-row:first-child > div:last-child {
	border-right: none;
	border-top: none;
	background-color: transparent;
}
.metrics.c6:not(.wide) .table-row > div:nth-child(2), .metrics.c6:not(.wide) .table-row > div:nth-child(6) {
		border-right: 1px solid var(--dgrey);
		box-shadow: 1px 0 0 0 var(--dgrey)
}
.metrics.c6:not(.wide) .table-row > div:nth-child(3), .metrics.c6:not(.wide) .table-row > div:nth-child(7) {
		box-shadow: inset 1px 0 0 0 var(--dgrey)
}
.metrics.c6:not(.wide) .table-body .table-row:last-child > div:nth-child(3)  {
		box-shadow: inset 1px 0 0 0 var(--dgrey), 0 2px 0 0 var(--dgrey)
}
.metrics.c6:not(.wide) .table-head .table-row:first-child > div:nth-child(2) {
	box-shadow: inset 1px 0 0 0 var(--dgrey), 1px 0 0 0 var(--dgrey);
	border-top: 2px solid var(--dgrey);
	background-color: var(--lgrey);
}
.metrics.c6:not(.wide) .table-body .table-row:last-child > div:nth-child(4), .metrics.c6:not(.wide) .table-body .table-row:last-child > div:nth-child(5), .metrics.c6:not(.wide) .table-body .table-row:last-child > div:nth-child(6)  {
		box-shadow: 0 2px 0 0 var(--dgrey);
}
.metrics.c7 .table-body .table-row:last-child > div:nth-child(7) {
	box-shadow: 1px 0 0 0 var(--dgrey), 0 2px 0 0 var(--dgrey)
}

.metrics.c7 .table-row > div:nth-child(3), .metrics.c7 .table-row > div:nth-child(8) {
		box-shadow: inset 1px 0 0 0 var(--dgrey)
}
.metrics.c7 .table-row > div:nth-child(2), .metrics.c7 .table-row > div:nth-child(7) {
		border-right: 1px solid var(--dgrey);
		box-shadow: 1px 0 0 0 var(--dgrey)
}
.metrics.c7 .table-row > div:nth-child(3), .metrics.c7 .table-row > div:nth-child(8) {
		box-shadow: inset 1px 0 0 0 var(--dgrey)
}
.metrics.c7 .table-body .table-row:last-child > div:nth-child(3)  {
		box-shadow: inset 1px 0 0 0 var(--dgrey), 0 2px 0 0 var(--dgrey)
}
.metrics.c7 .table-head .table-row:first-child > div:nth-child(2) {
	box-shadow: inset 1px 0 0 0 var(--dgrey), 1px 0 0 0 var(--dgrey);
	border-top: 2px solid var(--dgrey);
	background-color: var(--lgrey);
}
.metrics.c7 .table-body .table-row:last-child > div:nth-child(4), .metrics.c7 .table-body .table-row:last-child > div:nth-child(5), .metrics.c7 .table-body .table-row:last-child > div:nth-child(6)  {
		box-shadow: 0 2px 0 0 var(--dgrey)
}
.metrics.c7 .table-body .table-row:last-child > div:nth-child(7) {
	box-shadow: 1px 0 0 0 var(--dgrey), 0 2px 0 0 var(--dgrey)
}
.table-row.total {
	border-top: 1px solid var(--dark);
	background: none !important;

}
.table-row.total > div {
	background: none !important;
}
.chargesh-report .table-row:not(.total) > div:nth-child(6):before {
	content: "";
	display: block;
	height: 100%;
	width: 2px;
	position: absolute;
	right: 4px;
	top: 0;
	background: var(--shadow);
}
.chargesh-report .table-row:not(.total) > div:nth-child(7):before {
	content: "";
	display: block;
	height: 100%;
	width: 2px;
	position: absolute;
	right: 4px;
	top: 0;
	background: var(--shadow);
}
.chargesh-report .table-head .table-row > div:nth-child(7) > span:before {
	content: "";
	display: block;
	width: calc(100% + 2px);
	height: 2px;
	position: absolute;
	right: 4px;
	top: -2px;
	background: var(--shadow);
}

.chargesh-report .table-row.total > div:nth-child(4):before {
	content: "";
	display: block;
	height: 100%;
	width: 2px;
	position: absolute;
	right: 4px;
	top: 0;
	background: var(--shadow);
}
.chargesh-report .table-row.total > div:nth-child(5):before {
	content: "";
	display: block;
	height: 100%;
	width: 2px;
	position: absolute;
	right: 4px;
	top: 0;
	background: var(--shadow);
}
.chargesh-report .table-row.total > div:nth-child(5) > span:before {
	content: "";
	display: block;
	width: calc(100% + 2px);
	height: 2px;
	position: absolute;
	right: 4px;
	bottom: 0;
	background: var(--shadow);
}
.metrics + hr {
	margin: 20px 0;
}
.table-row .review {
	padding: 3px 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 20;
}
.table-row .review > span {
	display: block;
	position: relative;
	background-size: 100% auto;
}
.table-row :not(label).check > span {
	height: 36px;
	width: 36px;
	position: relative;
	right: 0;
	top: 0;
	background-image: url(https://dev.adhsys.com/pcm/Assets/images/icon-check.svg);
	background-repeat: no-repeat;
	background-size: cover;
}
.table-row .check.unsent > span {
	background-image: url(https://dev.adhsys.com/pcm/Assets/images/icon-check-grey.svg);
}
.table-row .missing > span {
	height: 19px;
	width: 19px;
	position: relative;
	left: 5px;
	top: 0;
	background-image: url(https://dev.adhsys.com/pcm/Assets/images/icon-x.svg);
	background-repeat: no-repeat;
	background-size: cover;
}
.table-row .review.check > span {
	height: 20px;
	width: 22px;
	right: -3px;
	top: -1px;
}
.table-row.stat .review.check > span {
	height: 19px;
	width: 22px;
	top: 2px;
	margin-bottom: 2px;
}
.table-row .review.eye > span {
	height:18px;
	width: 18px;
	top: 1px;
	left: 3px;
	background-image: url(https://dev.adhsys.com/pcm/Assets/images/icon-eye.svg);
}
.table-row.stat .review.eye > span {
	height:19px;
	width: 20px;
	background-image: url(https://dev.adhsys.com/pcm/Assets/images/icon-eye.svg);
}
.table.schedule .table-body {
	display: flex;
	flex-wrap: wrap;
	border-top: 2px solid var(--dark);
	border-left: 1px solid var(--shadow);
	margin: 0 20px 20px;
}
.table.schedule .table-body .table-row {
	text-transform: uppercase;
	width: 33.3333%;
	border-right: 1px solid var(--shadow);
	/* 
	border-bottom: 1px solid #333; */
}
.table.schedule .table-body .table-row:first-child {
	border-top: none;
}
.table.schedule label {
	margin-top: -12px;
}
.table.schedule.daily20 .table-body .table-row {
	width: 33.3333%;
}
.table.schedule.daily15 .table-body .table-row {
	width: 25%;
}
.table.schedule.daily2n15 .table-body .table-row {
	width: 50%;
}
.table.schedule.daily3n15 .table-body .table-row {
	width: 33.3333%;
}
.table.schedule .table-body .table-row > div {
	padding-top: 16px;
	padding-bottom: 10px;
}
.table.schedule .table-body .table-row > div:first-child {
	font-size: 12px;
	line-height: 12px;
	padding-left: 6px;
}
.table.schedule .table-body .table-row > div .time {
	position: absolute;
	left: 2px;
	top: 1px;
	font-size: 13px;
	font-weight: 900;
}
.schedule .table-row {
	grid-template-columns: 1fr 2em 7em 0;
	border-top: none;
	border-bottom: 2px solid var(--dark);
}
.table.schedule .table-body .table-row:nth-child(odd) > div {
	background: #fff;
}
	
.table.schedule.daily20 .table-body .table-row:nth-child(6n-2) > div, .table.schedule.daily20 .table-body .table-row:nth-child(6n-1) > div, .table.schedule.daily20 .table-body .table-row:nth-child(6n) > div {
	background: rgba(235, 238, 242, 1);

}

.table.schedule.daily15 .table-body .table-row:nth-child(8n-3) > div,.table.schedule.daily15 .table-body .table-row:nth-child(8n-2) > div, .table.schedule.daily15 .table-body .table-row:nth-child(8n-1) > div, .table.schedule.daily15 .table-body .table-row:nth-child(8n) > div  {
	background: rgba(235, 238, 242, 1);

}
.table.schedule.daily2n15 .table-body .table-row:nth-child(4n-3) > div,.table.schedule.daily2n15 .table-body .table-row:nth-child(4n-2)  > div {
	background: rgba(235, 238, 242, 1);
}
.table.schedule.daily3n15 .table-body .table-row:nth-child(6n) > div,.table.schedule.daily3n15 .table-body .table-row:nth-child(6n-1) > div, .table.schedule.daily3n15 .table-body .table-row:nth-child(6n-2) > div  {
	background: rgba(235, 238, 242, 1);
}
.table.schedule .table-body .table-row.pat > div {
	background: rgba(170, 240, 207, .8);
}
.table.schedule .table-body .table-row:hover > div {
	background: #e5f0fb;
}
.table.schedule .table-body .table-row:after {
	display: none;
}
.table.schedule .table-body .table-row.pat:hover > div {
	background: rgba(170, 240, 207, 1);
}
.resched .table-body .table-row:not(.available) {
	cursor: default;
}
.resched .table-body .table-row:not(.available) > div {
	color: var(--dgrey);
	background: var(--grey) !important;
}
.resched .table-body .table-row:not(.available) > div label {
	color: var(--grey) !important
}
.resched .table-body .table-row:not(.available) > div .time {
	color: var(--dark)
}
.resched .table-body .table-row.available > div {
	background: var(--lblue) !important;
}
.resched .table-body .table-row.available:hover > div {
	background: var(--lgreen) !important;
}
.table-row.total {
	
	cursor: default;
}
.table-body .table-row.total > div {
	min-height: 0;
}
.table-row > div.invert {
	background: #333;
	color: white
}
.table-body .table-row.total:hover > div {
	background: none !important;
	
}
.sig > img {max-width: 330px}
.tooltip {
	position: absolute;
	display: block;
	left: 100%;
	top: 0;
	padding: 6px 12px 7px;
	background: var(--blue);
	color: white;
	z-index: 200;
	border-radius: 2px;
	white-space: nowrap;
	display: none;
}
.review .tooltip {
	margin-top: -4px;
}
.thumb > span .tooltip {
	margin-top: -4px;
}
.review:hover .tooltip, .thumb > span:hover .tooltip {
display: block;
}
.table-body .table-row.stat > div:first-child:after {
    content: "!";
    font-size: 12px;
    line-height: 13px;
    text-align: center;
    color: #fff;
    font-weight: 900;
    width: 15px;
    height: 15px;
    background-size: 100% auto;
    border-radius: 0;
    font-style: normal;
    text-indent: 30px;
    overflow: hidden;
    background: transparent url(https://dev.adhsys.com/pcm/Assets/images/alert-icon2.svg) no-repeat 0 0;
	margin-left: 4px;
}
.table-body .table-row.new > div:first-child:before {
    content: "new";
    font-size: 9px;
	letter-spacing: .02em;
    line-height: 9px;
    text-align: center;
    color: #fff;
    font-weight: 900;
    padding: 0 2px 2px;
    height: auto;
	width: 30px;
    border-radius: 0;
    font-style: normal;
    text-indent: 0;
    overflow: hidden;
    background: var(--blue);
	margin: 0;
	position: absolute;
	left: 0;
	top: -1px;
	z-index: 10;
}
.inbox .table-body .table-row.new > div:first-child:before {
    content: "New";
	left: 0;
	border-radius: 0 0 4px;
	padding: 2px 10px 3px 6px;
	width: auto;
	white-space: nowrap;
	font-size: 10px;
	font-weight: 300;
	background-color: var(--green);
}
.review .status {
	position: absolute;
	left: 0;
	top: -1px;
	padding: 0 4px 1px;
	background: var(--green);
	color: white;
	font-size: 11px;
	z-index: 200;
	white-space: nowrap;
}
.trigger {
	position: relative;
	z-index: 0;
	cursor: pointer;
}
.open .select.trigger {
	background: white;
}
.ddwn {
	position:absolute;
	top: 0;
	padding: 10px;
	display: none;
	font-size: 1.2rem;
	font-weight: 400;
	border: 1px solid var(--shadow);
	z-index: 2;
	background-color: white;
	border-radius: 3px;
}
.link + .ddwn {
	top: -20px;
	left: -10px;
}
.ddwn-wrap.open .select {
	border-bottom-color: transparent;
}
.select + .ddwn {
	margin-top: 0;
	top: 27px;
	border-radius: 0 0 3px 3px;
}
#DivSidebar > div .ddwn {
	padding: 5px;
	
}
#DivSidebar > div > div:not(.block) .select {
	background-color: white;
}
#DivSidebar > div .open .select {
	width: calc(100% + 8px);
}
#DivSidebar > div .select + .ddwn {
	top: 28px;
	width: calc(100% + 8px);
}
.ddwn.sort-wrap, .ddwn.tab-wrap {
	min-width: 340px;
}
.ddwn .tabs {
	border-radius: 6px 6px 0 0;
	margin: -10px -10px 10px;
	
}
.ddwn .tabs .tablink:first-child {
	border-radius: 6px 0 0 0;
}
.table-head .table-row > div > a, .table-head .table-row div a:after {
	
}
.table-head .table-row .trigger, .table-head .table-row div a.sort, .table-head .table-row > div > a  {
	position: relative;
	display: inline;
	width: auto;
	padding: 5px 10px 0 0;
	text-decoration: none;
	color: var(--font);
}
.table-head .table-row .trigger:after, .table-head .table-row div a.sort:after, .table-head .table-row > div > a:after, .table-head .table-row > div > a:before {
  position: absolute;
  content: "";
  bottom:-2px;
  right: -3px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: var(--dgrey) transparent transparent transparent;
}
.table-head .table-row > div > a:hover {
	color: var(--blue);
}
.table-head .table-row > div > a:after, .table-head .table-row > div > a:before { 
 right: 10px;
 top: 11px;
 border-width: 5px;
}
.table-head .table-row > div > a:hover:after { 
 border-color: var(--blue) transparent transparent transparent;
}
.table-head .table-row > div > a:before { 
 top: 0;
 border-color: transparent transparent var(--dgrey) transparent;
}
.table-head .table-row > div > a:hover:before { 
 border-color: transparent transparent var(--blue) transparent;
}
.table-head .table-row > div > a.asc:after {
border-width: 6px;
top: 8px;
}
.table-head .table-row > div > a.asc:before {
	display: none;
}
.table-head .table-row > div > a.dsc:before {
border-width: 6px;
top: 1px;
}
.table-head .table-row > div > a.dsc:after {
	display: none;
}
.table-head .table-row .btn-group .btn {
	text-align: left;
	padding: 7px 8px;
	min-height: 28px;
	
}
.table-row .btn {
	z-index: 200;
}
.table-row .btn.icon {
	padding: 0 5px;
	min-width: 0;
	width: 26px;
	font-size: 12px;
	line-height: 32px;
}
.btn.icon.copy {
	background: url(../../../Assets/images/icon-copy.svg) no-repeat;
	position: absolute;
	top: 10px;
	margin-left: 4px;
}
.btn.icon.copy svg {
	stroke: var(--green);
	fill: var(--green);
}
.table-row .btn.icon, .table-row .btn.icon:hover {
	border: none !important;
	background-color: transparent !important;
}
.table-row .btn.icon.red, .table-row .btn.icon.red:hover {
	border-radius: 12px;
	line-height: 20px;
	width: 20px;
	height: 20px;
	min-height: 20px;
	border: none !important;
	color: var(--red);
	font-weight: 900;
	background: url(../../../Assets/images/icon-x.svg) no-repeat;
	background-size: 100% auto;
}
.table-row .btn.icon.fav:after {
	content: "\2605";
	font-size: 26px;
	margin: 0 0 0 -3px;
	position: relative;
	top: -1px;
	color: var(--dgrey);
	background-color: transparent !important;
	opacity: .5;
}
.table-row .btn.icon.fav.green:after {
	color: orange !important;
	opacity: 1;
}
.table-head .table-row .ddwn {
	border-radius: 4px;
	border-color: transparent;
	box-shadow: 0 0 2px var(--shadow), 0 0 0 5000px var(--fade);
}
.table-head .table-row .ddwn .btn {
	display: block;
}
.table-head .table-row .right .ddwn {
	right: 20px;
	left: auto;
}
.ddwn .sort {
	position: relative;
	margin-bottom: 0;
	width: 100%;
}
.ddwn .sort {
	width: 100%;
	background-color: var(--lgrey) !important;
}
ul.list {
	margin: 0 0 20px;
	padding: 0;
}
.ddwn ul.list {
	margin: 9px 0 0;
	padding: 0;
	max-height: 321px;
border-top: 1px solid var(--shadow);	
}
ul.list.winput li {
	border: none;
	padding-top: 0;
}
ul.list.winput li:nth-last-child(2) {
	border-bottom: none;
	margin-bottom: 5px;
}
.list li {
	margin: 0;
	padding: 4px 0 4px;
	display: block;
	border-bottom: 1px solid var(--shadow);
}
.ddwn .list li {
	padding: 0;
	border: none;

}

.ddwn .list li strong {
	display: block;
	color: var(--blue);
	padding: 4px 0 0;
}

.list li:last-child {
	border-bottom: none;
}
.ddwn .list li > a.item, .ddwn .list li > a.link  {
	display: flex;
	border: 1px solid var(--shadow);
	border-top: none;
	box-shadow: 0 1px 0 var(--shadow);
	background: var(--lgrey);
	padding: 8px;
	text-decoration: none;
	color: var(--font);
	margin-top: 0;
	font-size: 1rem;
	
}
.ddwn .list li > a.link  {
	color: var(--blue);
}
.ddwn .list li:first-child > a.item, .ddwn .list > div {
	border-bottom: 1px solid var(--shadow)
}
.ddwn .list > div {
	color: var(--blue);
}
.ddwn .list > li + div {
	margin-top: 10px;
}
/*
.ddwn .list {
	border-top: 1px solid var(--shadow)
}*/
.ddwn .list li > a.item:hover  {
	background-color: var(--green);
	border-color: var(--green);
	box-shadow: none;
	color: #fff;
}
.ddwn .list li > .link {
	text-align: left;
	border: none;
	display: block;
	margin-top: 10px;
}

.ddwn-wrap {
	display: inline-block;
	position: relative;
	z-index: 1;
}
#DivSidebar .ddwn-wrap {
	width: 100%;
}
#DivSidebar .ddwn {
	min-width: var(--sidebar);
	
}
#DivSidebar .btn + .ddwn {
	margin-top: 0;
	margin-bottom: 4px;
	box-shadow: 0 0 0 5000px rgba(0,0,0,.15);
}
.ddwn-wrap.open {
	z-index: 2000;
}
.ddwn-wrap.open .ddwn {
	position: absolute;
	display: flex;
	flex-direction: column;
}

*,*:focus,*:hover{
    outline:none;
}
.btn, .btn:visited {
	display: inline-block;
	padding: 7px 18px;
	min-height: 28px;
	font-size: 1.1rem;
	line-height: 1;
	background-color: var(--lgrey);
	color: var(--dark);
	border: 1px solid var(--shadow);
	border-radius: 3px;
	text-decoration: none;
	min-width: 114px;
	text-align: center;
	cursor: pointer;
}
.btn.narrow {
	min-width: 0;
}
.btn.icon, .btn.icon:visited {
min-width: 0;
font-size: 20px;
line-height: 15px;
}
.btn.icon > span {
	display: block;
	width: 100%;
	height: 100%;
	display: flex;
align-items: center;
justify-content: center;
}
input + .btn.icon, .flex > input + .btn {
	border-radius: 0 3px 3px 0;
	margin-left: -1px;
}
.content .btn + .btn {
	margin-left: 10px;
}

.block .btn + .btn, .window .btn + .btn {
	margin-left: 4px;
}
#DivSidebar .block .btn {
min-width: 100%;
margin-bottom: 0 !important;
}
.btn-group .btn {
	border-radius: 0;
}
.btn-group .btn:first-child {
	border-radius: 3px 3px 0 0;
}
.btn-group .btn:last-child {
	border-radius: 0 0 3px 3px;
}
.btn-group .btn + .btn {
	margin-top: -1px
}
.btn-group-hor {
display: flex;
}
.btn-group-hor .btn {
	border-radius: 0;
   width: 50%;
   text-align: center !important;
}
.btn-group-hor .btn:first-child {
	border-radius: 3px 0 0 3px;
}
.btn-group-hor .btn:last-child {
	border-radius: 0 3px 3px 0;
}
.btn-group-hor .btn + .btn {
	margin-left: -1px
}
.btn.small {
	padding: 0 10px;
	height: 24px;
	min-height: 24px;
	line-height: 24px;
	font-size: 1.1rem;
	min-width: 70px;
	white-space: nowrap;
}
.btn.large {
	height: 46px;
	line-height: 46px;
	padding: 0 22px;
	min-width: 160px;
}
.btn.xlarge {
	height: 60px;
	padding: 0 22px;
	padding: 0 22px;
	line-height: 60px;
	min-width: 220px;
}
.btn.tiny {
	height: 18px;
	line-height: 15px;
	min-width: 40px;
	margin-top: -2px;
}
.btn:hover {
	background-color: white;
	color: var(--font);
}
.btn.green:hover {
	background-color: var(--lgreen) !important;
	border-color: var(--lgreen) !important;
}
.btn.red {
	background-color: var(--red);
	border-color: var(--red);
		color: white;
}
.btn.red:hover {
	background-color: var(--dred)
}
.btn.tiny {
	font-size: 11px;
	min-height: 14px;
	padding: 0 7px;
	border-radius: 7px;
}
.icon {
	width: 28px;
	height: 28px;
	display: inline-block;
	vertical-align: top;
	padding: 6px;
	background-repeat: no-repeat;
}
.icon.lgrey {
	border-radius: 3px;
	border: 1px solid var(--shadow);
}
.icon.mini {
	width: 14px;
	height: 14px;
	margin-right: 2px;
	padding: 0;
	background: var(--shadow);
}
h4 .icon {
	position: absolute;
	right: 20px;
	top: 0;
}
.icon svg {
	width: 16px;
	height: 16px;
}
.app .icon {
	
}
.app .icon svg {
	width: 24px;
	height: 24px;
	fill: var(--dgreen);
}
.app .icon:hover svg {
	fill: var(--lgreen);
}
.stroke {
	stroke: var(--blue)
}
.icon.tiny {
	padding: 0;
	height: 14px;
	width: 14px;
	margin-top: -2px;
}
.icon.tiny svg {
	width: 14px;
	height: 14px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.icon .fill, .icon svg g {
	fill: var(--dgrey);
}

.icon:hover .fill, .icon:hover svg g {
	fill: var(--green);
}

/* INPUTS */
input:not([type=checkbox]), select, .select, textarea {
	display: inline-block;
	border: 1px solid var(--shadow);
	padding: 0 8px;
	font-weight: 400;
	outline:0 !important;
     -webkit-appearance: textfield;
    -moz-appearance: textfield;
    min-height: 1em;
	height: 28px;
	background-color: var(--lgrey);
	border-radius: 2px;
	margin-bottom: 10px;
	font-size: 1.1rem;
}
.toolbar input:not([type=checkbox]), .toolbar select, .toolbar .select {
	margin-bottom: 0;
}
.app input:not([type=checkbox]), .app select, .app .select, .app .btn {
	height: 36px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 14px;
	line-height: 36px;
	font-size: 1.3rem;
}
.app .btn.large {
	height: 54px;
	line-height: 54px;
}
.btn.send {
	height: 100%; 
	font-size: 1.3rem;
	display: flex; 
	align-items: center;
	justify-content: center;
	border-radius: 0 6px 6px 0;
	min-width: 80px;
}
.app .btn.send {
	min-width: 114px;
	font-size: 1.5rem;
	border-radius: 0 12px 12px 0
}
.sendTo {
	justify-content: center;
	border-radius: 6px 0 0 6px;
	border-right: none;
}
.app .sendTo {
	border-radius: 12px 0 0 12px;
}
.sendMessage {
	margin-right: 10px;
}
.sendMessage textarea {
	min-height: 85px;
	margin: 0;
	border-radius: 6px;
	font-size: 1.2rem;
	padding: 10px;
}
.app .sendMessage textarea {
	border-radius: 12px;
	font-size: 1.4rem;
	padding: 14px;
}
.form-small input:not([type=checkbox]), .form-small select, .form-small .select, .form-small textarea {
	height: 24px;
}
.form-small select, .form-small .select {
	line-height: 24px;
}
#DivSidebar input:not([type=checkbox]):focus, #DivSidebar textarea:focus {
	background-color: white;
}
.grow > input {width: 100%}
.error label {color: rgb(219, 101, 83);}

span.error, p.error {
	font-weight: 900;
	color: var(--red);
}
h3 span.error {
	font-weight: normal;
}
input.error, select.error, .select.error {border-top: 1px solid rgb(219, 101, 83); border-color: rgb(219, 101, 83);}
.error input:invalid, .error select:invalid {
	border-top: 1px solid rgb(219, 101, 83); border-color: rgb(219, 101, 83);
}
select.error {
	background-image:linear-gradient(315deg, rgb(219, 101, 83) 50%, transparent 50%);
}
.form .flex input:not([type=checkbox]), .form .flex select, .form .flex .select, .form .flex textarea {
	display: block;
	width: 100%;
}
input[type=tel] {
	width: 127px;
}
input[type=date] {
	width: 116px;
padding-top: 6px;
padding-bottom: 6px;
	-webkit-appearance: textfield;
    -moz-appearance: textfield;
}
input[data-name=zip], input[data-name=apt] {
	width: 80px;
}
.block input:not([type=checkbox]), .block select, .block .select  {
	display: block;
	width: 100%;
	max-width: 100%;
}
.row .block input:not([type=checkbox]).inline, .row .block select.inline, .row .block .select.inline {
	width: auto;
	display: inline-block;
	min-width: 180px;
}
.lgrey:not(section) input:not([type=checkbox]), .lgrey:not(section) select, .lgrey:not(section) .select, .lgrey:not(section) textarea, .grey:not(section) input:not([type=checkbox]), .grey:not(section) select, .grey:not(section) .select, .grey:not(section) textarea {
	background-color: white;
}
.white select, .white input:not([type=checkbox]), .white textarea {
	background-color: var(--lgrey) !important;
}
#DivLogin input:not([type=checkbox]) {
	height: 42px;
	padding: 0 12px;
	width: 200px;
}
.block input:last-child, .block select:last-child, .block .select:last-child,
.ddwn input:last-child, .ddwn select:last-child, .ddwn .select:last-child, .block .btn:last-child, .ddwn .btn:last-child, .content .select:last-child, .content textarea:last-child {
	margin-bottom: 0;
}
input[type=time]::-webkit-clear-button, input[type=date]::-webkit-clear-button {
  display: none;
}
[type="date"]::-webkit-inner-spin-button {
  display: none;
}
[type="date"] {
  background:#fff url(https://dev.adhsys.com/pcm/Assets/images/calendar-icon.svg)  97% 50% no-repeat;
}
[type="time"] {
  background:#fff url(https://dev.adhsys.com/pcm/Assets/images/time-icon.svg) 97% 50% no-repeat;
  background-size: auto 60%;
}
[type="date"]::-webkit-calendar-picker-indicator, [type="time"]::-webkit-calendar-picker-indicator {
padding: 0;
margin: 0;
position: relative;
left: 10px;
width: 22px;
height: 100%;
background: none;
}
/* Up/Down arrows for incrementing/decrementing the value */
input[type=time]::-webkit-inner-spin-button, input[type=date]::-webkit-inner-spin-button {
  display: none;
}
input[type=time]::-webkit-datetime-edit-hour-field {
padding: 0 3px 0 0;
}

/* Minute */
input[type=time]::-webkit-datetime-edit-minute-field {

  padding: 0 0 0 3px
  }

/* AM/PM */
input[type=time]::-webkit-datetime-edit-ampm-field {

  padding: 0 0 0 3px;
}
/* THUMBS */
.thumbs {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;

}
section .row .thumbs {
	flex-direction: row;
}
#DivSidebar .thumbs + select, #DivSidebar .block + select {
	margin-bottom: 0;
	min-width: 100%;
}
.thumbs + select + .btn {
	margin-top: 5px;
	margin-bottom: 0;
}
.thumb-wrap {
	
}

.thumbs .thumb {
	display: flex;
	padding: 0;
	border-radius: 3px;
	position: relative;
	min-width: 70px;
	
}
section .row .thumbs .thumb {
	margin-right: 17px;
}
.thumbs .block {
	background: var(--lgrey);
	margin: 6px -11px 10px;
	padding: 5px 11px;
	border-top: 1px solid var(--shadow);
	border-bottom: 1px solid var(--shadow);
}
.thumbs .btn {
	margin-right: 0;
}
.thumbs .thumb:last-child {
	margin-bottom: 10px;
}
.thumb > a, .thumb > em  {
	display: block;
	position: relative;
	width: 44px;
	height: 52px;
	background-repeat: no-repeat;
	background-position: 0 top;
	background-size: 100% auto;
	border-radius: 6px;
	position: relative;
	transition: all 0.2s;
	transform: scale(.9);
    will-change: transform;
	margin-left: -4px;
}
.thumb.missing > a {
	cursor: default;
}
.thumb > em {
	border: 2px solid rgba(0,0,0,.15);
	background-color: var(--grey);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 10px;
}
.thumb.missing > a {
background-image: url(https://dev.adhsys.com/pcm/Assets/images/missing-thumb.svg);
}
.thumb.pdf > a {
background-image: url(https://dev.adhsys.com/pcm/Assets/images/PDF-thumb2.svg);
}
.thumb.pdf > a {
background-image: url(https://dev.adhsys.com/pcm/Assets/images/PDF-thumb2.svg);
}
.thumb.jpg > a {
background-image: url(https://dev.adhsys.com/pcm/Assets/images/JPG-thumb2.svg);
}
.thumb.doc > a {
background-image: url(https://dev.adhsys.com/pcm/Assets/images/DOC-thumb.svg);
}
.thumb.xls > a, .thumb.xlsx > a {
background-image: url(https://dev.adhsys.com/pcm/Assets/images/XLS-thumb.svg);
}
.thumb:not(.missing) > a:hover {
	transform: scale(1);
}
.thumb > a:after {
	content: "DOC";
	position: absolute;
	left: 8px;
	right: 0;
	top: 25px;
	font-size: 11px;
	color: var(--grey);
}
.thumb.missing > a:after {
	content: "MISSING";
	left: 3px;
	top: 25px;
	color: var(--font);
	transform: rotate(-30deg);
}
.thumb.pdf > a:after {
	content: "PDF";
	color: #fb736c;
}
.thumb.jpg > a:after {
	content: "JPG";
	color: #67c66c;
	left: 8px;
}
.thumb > span {
padding-top: 2px;
}
.thumb > span em {
	display: block;
	font-size: 1rem;
	letter-spacing: -.03em;
	line-height: 1;
	font-weight: 400;
	font-style: normal;
	color: var(--dgrey)
}
.thumbs + .flex select {
	margin-bottom: 0;
	margin-right: 5px;
}
.col5 {
	columns: 180px 4;
}
.col5 > * {
	display: block;
	white-space: nowrap;
}
.col6 {
	columns: 120px 5;
}
.col6 > * {
	display: block;
	white-space: nowrap;
}
.file-upload-wrapper {
  position: relative;
  width: 100%;
  max-width: 300px;
  min-width: 240px;
  height: 34px;
  cursor: pointer;
} 
.file-upload-wrapper:after {
    content: attr(data-text);
	font-size: 1.3rem;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--lgrey);
	border: 1px solid var(--shadow);
    padding: 0 15px;
    display: block;
    width: calc(100% - 77px);
    pointer-events: none;
    z-index: 20;
    height: 32px;
    line-height: 32px;
    color: #999;
    border-radius: 2px;
    font-weight: 300;
	cursor: pointer !important;
  }
  
.file-upload-wrapper:before {
    content: 'Upload';
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    height: 32px;
    background: var(--green);
    color: #fff;
    font-weight: 700;
    z-index: 25;
    font-size: 1.3rem;
    line-height: 32px;
    padding: 0 15px;
    text-transform: uppercase;
    pointer-events: none;
    border-radius: 0 2px 2px 0;
  }
  
.file-upload-wrapper:hover:before {
      /* background: var(--dgreen); */
    }

   .file-upload-wrapper input {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    height: 34px;
    margin: 0;
    padding: 0;
    display: block;
    cursor: pointer;
    width: 100%;
  }
textarea {
	display: block;
	padding-top: 8px;
	padding-bottom: 10px;
	width: 100%;
	min-height: 70px;
	margin-bottom: 5px;
	max-width: 100%;
}
.block textarea {
	min-height: 60px;
}
select, .select {
	line-height: 28px;
	padding-right: 20px;
	cursor: pointer;
	-webkit-border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius:  0;
	   border-bottom-right-radius:  0;
  background-image:linear-gradient(315deg, var(--green) 50%, transparent 50%);
  background-position:calc(100% - 3px) calc(100% - 3px);
  background-size: 14px 14px;
  background-repeat: no-repeat;
   -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: auto;
}
#DivSidebar select, #DivSidebar .select {
	min-width: 100%;
}
.w6 select, .w6 .select, .w5 select, .w5 .select {
	max-width: 100% !important;
}
select.small {
height: 17px;
padding-left: 4px;
background-size: 10px 10px;
position: relative;
top: -1px;
}
select::-ms-expand {
    display: none; /* Hide the default arrow in Internet Explorer 10 and Internet Explorer 11 */
}
.chain select {
	margin-right: 10px;
}
.select {
	height: 26px;
	line-height: 26px;
	display: inline-block;
	width: auto;
	align-items: center;
	height: auto;
    z-index: 2000;
	min-width: 115px;
}
.flex.group > * {
	border-right-color: transparent;
	border-radius: 0;
}
.flex.group > *:first-child {
	border-radius: 3px 0 0 3px;
}
.flex.group > *:last-child {
	border-right: 1px solid var(--shadow);
	border-radius: 0 3px 3px 0;
}
#DivSidebar .select {
	line-height: 1;
	min-height: 28px;
	padding-top: 8px;
	padding-bottom: 7px;
}
input:focus {
	border: 1px solid var(--shadow);
}
header input:not([type=checkbox]), header select, nav input:not([type=checkbox]) {
	border: none !important;
	margin: 0;
	border-radius: 2px;
}
.search input {
	background-color: rgba(255,255,255,.8);
	min-width: 118px;
	font-size: 1.1rem;
}
.app .search input {
	font-size: 1.3rem;
}
.search input:focus {
	background-color: white;
}
header .btn, nav .btn {border: none}
::-webkit-input-placeholder {
  color: var(--dgrey);
}
:-ms-input-placeholder {
  color: var(--dgrey);
}
::placeholder {
  color: var(--dgrey);
}
header ::-webkit-input-placeholder, nav ::-webkit-input-placeholder {
  color: var(--dblue);
}
header :-ms-input-placeholder, nav :-ms-input-placeholder {
  color: var(--dblue);
}
header ::placeholder, nav ::placeholder {
  color: var(--dblue);
}
.search {
	display: inline-block;
	position: relative;
	height: 28px;
	max-width: 340px;
}
.app .search {
	height: auto;
	width: 100%;
}
.search .icon {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 0 3px 3px 0;
	background: none !important;
}
.app .search .icon {
	right: 8px;
}
.search .icon svg .fill {
	fill: var(--blue) !important;
}
.search input {
	transition: all .2s;
	height: 28px;
	transition-timing-function: ease-in-out;
}
.app .search input {
	border-radius: 18px;
	height: 36px;
	border: none;
	padding-left: 14px;
	width: 100% !important;
}
#DivSidebar + .grow .search input {
	min-width: 300px;
}
#DivSidebar + .grow header .search input:focus {
	background-color: white !important;
}
header .search input:focus + .icon {
	background-color: var(--grey)
}



/*Navigations */
nav {
	min-height: 48px;
	background-color: var(--blue);
	display: flex;
	align-items: center;
}
.app nav {
	min-height: 54px;
}
.app nav > div {
	width: 100%;
	flex-wrap: nowrap;
	padding: 0 10px;
}
nav .trigger, nav .no-trigger {
	display: flex;
	align-items: center;
	height: 48px;
	
	font-size: 1.5rem;
	color: white;
	
	padding: 0 10px 0 4px;
	cursor: pointer;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
nav .trigger .icon {
	padding: 5px 7px;
	height: 30px;
	width: 32px;
	display: flex;
	align-items: center;
	opacity: .7
}
nav .icon svg {
	z-indeX: 2;
	
}
.app nav .search .icon svg {
	height: 20px;
	width: 20px;
}
.app nav .icon svg {
	height: 24px;
	width: 24px;
	fill: rgba(255,255,255,.85);
}
.app nav .icon:hover svg {
	
	fill: white;
}
nav .icon svg .fill {
	fill: white;
}
/*
nav .icon:hover, nav.open .icon  {
	background-color: var(--green);
}*/
nav .icon:hover, nav.open .icon  {
	opacity: 1;
}
nav .icon:hover svg .fill {
	fill: white;
}
nav.ddwn-wrap.open .ddwn a {
	display: block;
	height: 32px;
	line-height: 32px;
	padding: 0 20px;
	background: var(--dgreen);
	margin-top: 1px;
	color: white;
	text-decoration: none;
	box-shadow: 0 -1px 0 var(--lblue);
}
nav.ddwn-wrap.open .ddwn a.current {
	display: none;
}
nav.ddwn-wrap.open .ddwn a:hover {
	background: var(--blue);
}
nav .ddwn {
	padding: 0;
	border-radius: 0;
	border: none;
	width: 100%;
	top: 48px;
	border-bottom: 1px solid var(--lblue);
	box-shadow: 0 10px 0 var(--blue)
}
ul.sidenav {
	margin: 0 2px 0 -16px;
	padding: 0 0 20px 0;
	list-style: none;
}
ul.sidenav ul {
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
}
ul.sidenav li {
	margin: 0;
	padding: 0;
}
ul.sidenav > li {
	margin: 0 0 10px;
}
ul.sidenav li a {
	display: flex;
	padding: 0;
	height: 28px;
	align-items: center;
	font-weight: 500;
	text-decoration: none;
	color: var(--dgrey)
}
ul.sidenav li a:hover {
	color: var(--dark);
	text-decoration: underline;
}
ul.sidenav > li > span {
	display: block;
	font-weight: 900;
	padding-left: 16px;
	margin-bottom: 6px;
}
 ul.sidenav > li > a {
	 margin-left: 16px;
 }
ul.sidenav > li > a {
	font-weight: 900;
	color: var(--font)
}

ul.sidenav li > a {
	padding-left: 10px;
}
ul.sidenav li .check + a {
	padding-left: 0;
}
ul.sidenav li li  {
	padding-left: 16px;
}
ul.sidenav li > a.selected, ul.sidenav li > a.active {
	background: white;
	border-radius: 3px;
	box-shadow: 0 0 0 1px var(--shadow);
	cursor: default;
	color: var(--font);
	text-decoration: none !important;
	box-shadow: 16px 0 0 white, 16px 0 0 1px var(--shadow), 0 0 0 1px var(--shadow);
}
ul.sidenav > li li.selected a {
	color: var(--blue)
}
ul.sidenav.underline li > a {
	border-bottom: 1px solid var(--shadow);
	
	padding-left: 2px;
	text-align: right;
	display: block;
}
ul.sidenav.underline li:last-child > a {
	border-bottom: none;
}
ul.sidenav.underline li .grow {
	text-align: left;
}
ul.sidenav.underline li > a.selected {
	padding-left: 8px;
	padding-right: 8px;

	margin-left: -8px;
	margin-right: -8px;

}
.toolbar .wrcol {
  align-items: center;
  max-width: calc(100vw - var(--sidebar) - var(--rcol) - 20px);
		min-width: calc(1010px - var(--sidebar) - var(--rcol) - 20px);
}
.wrcol {
	width: 100%;
	max-width: calc(100vw - var(--sidebar) - var(--rcol));
		min-width: calc(1010px - var(--sidebar) - var(--rcol));
}
/* TREE */
.tree {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	padding-right: 30px;
	padding-bottom: 20px;

	
}
.care-group > .row:first-child {
	border-top: none;
}

.care-group h4 label {

	font-size: 11px;
	opacity: 1;
}
.care-group h4 label strong {
	
	font-size: 11px;
}
.row > .expand-link {
	position: absolute;
	right: 20px;
	top: 21px;
}
.tree .expand-link {
	position: absolute;
	right: 10px;
	top: 5px;
}
.expand-link:after {
	content: "expand"
}
.expand .expand-link:after {
	content: "contract"
}
.content.tree-wrap {
	margin: 0 10px 0 0;
	padding-top: 10px;
	padding-bottom: 0;
		border: 1px solid var(--shadow);
		border: none;
		background: var(--lgrey);
	max-height: 800px;
	position: relative;
}
.content.tree-wrap.expand, .row.expand {
	z-index: 3008; 
    width: 100vw; 
    height: 100vh; 
    position: fixed; 
    top: 0; 
    left: 0; 
	margin: 0;
	border: none;
	max-height: inherit;
}
.expand .content.tree-wrap {
	margin: 0;
	border-left: none;
	border-right: none;
	border-bottom: none;
}
.row.expand > .expand-link {
	position: absolute;
	right: 20px;
	top: 11px;
	z-index: 20;
}
.expand > .content {
	padding-top: 10px;
}
.expand h4 {
	padding-top: 20px;
}
.tree.active {
	cursor: grabbing;
    cursor: -webkit-grabbing;
}
.branch {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.branch > div {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 20px;
	position: relative;
	overflow: hidden;
}
.branch > div > div {
	height: 80px;
	padding: 0 5px 1px 9px;
	width: 200px;
	background: var(--grey);
	background: white;
	border: 1px solid var(--dshadow);
	cursor: pointer;
	position: relative;
	border-radius: 14px 0 14px 0;
	font-size: 1.1rem;
    line-height: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	transition: all 0.2s;
	transform: scale(1);
    will-change: transform;
	color: var(--dgrey);
	color: rgb(150, 150, 150);
	font-size: 85%;
	letter-spacing: -.02em;
}
.branch > div strong {
	font-weight: 400;
	color: var(--blue);
margin-bottom: 1px;
}
.branch hr {
	margin: 2px 0;
	display: none;
}
.branch .proc {
	font-weight: 900;
	color: var(--font);
	font-size: 110%;
	margin-bottom: 1px;

	text-transform: uppercase;
}

.branch .btn.add, .btn.set {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	right: 10px;
	top: 50%;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	padding: 0;
	min-height: inherit;
	min-width: inherit;
	padding: 0;
	border-radius: 50%;
	z-index: 2;
		background-color: var(--green) !important;
	border-color: var(--green) !important;
}
.btn.set {
	background-color: var(--blue) !important;
	border-color: var(--blue) !important;
	display: none;
}
.tree > .btn.set {
	position: relative;
	top: auto;
	right: auto;
	margin: auto 6px auto 0;
}
.tree-edit .btn.set {
	display: flex;
}
.tree-fade > div {border-color: var(--lgrey)}
.branch .tree-fade > div {color: var(--grey) !important; border-color: var(--grey)}
.branch .tree-fade > div > * {opacity: .4;}
.branch .tree-fade > div > *:not(.status) {color: var(--dgrey)}
.tree-edit .tree .branch .tree-fade > div + .btn.set {
	display: none;
}
.tree-edit .tree .branch .btn.add {display: none}
.branch .btn.add svg, .btn.set svg {
	width: 10px;
	height: 10px;
}
.tree-edit-cancel {
	position: fixed;
	bottom: 20px;
	right: 40px;
	z-index: 3009;
	display: none;
}
.tree-edit .tree-edit-cancel {
	display: block;
}
.btn.add .stroke, .btn.set .stroke {
	stroke:white;
	stroke-width:3px;
}
.btn.add:hover, .btn.set:hover {
	background-color: var(--lgreen) !important;
	border-color: var(--lgreen) !important;
}
.btn.add:hover .stroke, .btn.set:hover .stroke {
	stroke: white;
}
.referrer > div * {
	 pointer-events: none;

}
.branch .icons {
	position: absolute;
	bottom: 3px;
	right: 3px;
	height: 16px;
}
.branch .icons .icon {
	height: 16px;
	width: 16px;
	padding: 0;
}
.referred > div:before, .referrer > div:after {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -1px;
	left: 0;
	height: 1px;
	background: var(--dshadow);
	width: 20px;
			transition: all 0.2s;
    will-change: transform;

}
.referrer > div:after {
	left: auto;
	right: -21px;
}


.referred > div > div:before {
	content: "";
	position: absolute;
	top: -1000px;
	bottom: 0;
	left: -21px;
	height: 2000px;
	width: 1px;
	background: var(--dshadow);
	transition: all 0.2s;
    will-change: transform;
}
.branch.referred > div:first-child > div:before {
	top: 39px;
}
.branch.referred > div:last-child > div:before {
	top: auto;
	bottom: 39px;
}
.branch.referred > div:only-child > div:before {
	display: none;
}
body:not(.tree-edit) .tree > div[data-column="0"] .branch > div {
	padding-left: 0;
}
body:not(.tree-edit) .tree > div[data-column="0"] .referred > div:before {
	display: none;
}
.branch {min-height: var(--bheight)}
.h20 {
	height: calc(var(--bheight) * 20);
}
.h19 {
	height: calc(var(--bheight) * 19);
}
.h18 {
	height: calc(var(--bheight) * 18);
}
.h17 {
	height: calc(var(--bheight) * 17);
}
.h16 {
	height: calc(var(--bheight) * 16);
}
.h15 {
	height: calc(var(--bheight) * 15);
}
.h14 {
	height: calc(var(--bheight) * 14);
}
.h13 {
	height: calc(var(--bheight) * 13);
}
.h12 {
	height: calc(var(--bheight) * 12);
}
.h11 {
	height: calc(var(--bheight) * 11);
}
.h10 {
	height: calc(var(--bheight) * 10);
}
.h9 {
	height: calc(var(--bheight) * 9);
}
.h8 {
	height: calc(var(--bheight) * 8);
}
.h7 {
	height: calc(var(--bheight) * 7);
}
.h6 {
	height: calc(var(--bheight) * 6);
}
.h5 {
	height: calc(var(--bheight) * 5);
}
.h4 {
	height: calc(var(--bheight) * 4);
}
.h3 {
	height: calc(var(--bheight) * 3);
}
.h2 {
	height: calc(var(--bheight) * 2);
}
.h1 {
	height: var(--bheight);
}
.branch .status {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 14px;
	position: absolute;
	top: -1px;
	right:-1px;
	font-size: 1.04rem;
	padding: 0 4px 1px;
	background-color: var(--blue);
	color: white;
	border-radius: 0 0 0 3px;
	min-width: 66.3px;
	text-align: center;
}
.branch .dos {
	display: flex;
	align-items: center;
	height: 14px;
	position: absolute;
	bottom: 0px;
	right:0;
	font-size: 1.04rem;
	padding: 0 7px 0 4px;
	background-color: var(--dgrey);
	background-color: rgba(0,0,0,.1);
	
	border-radius: 3px 0 14px 0;
}
.canc .status, .denied .status, .nsho .status {
	background-color: var(--red)
}
.chck .status {
	background-color: var(--green)
}
.branch > div.current > div {
	box-shadow: inset 0 0 0 1px var(--green);
	border-color: var(--green);

	
}
/*
.branch > div.current .status:before {
	content: "";
	display: block;
	position: absolute;
	right: 175px;
	top: 1px;
	width: 20px;
	height: 17px;
	background-image: url(https://dev.adhsys.com/pcm/Assets/images/icon-eye.svg);
	background-size: 100% auto;
	background-repeat: no-repeat;
}
*/
.branch > div.disabled > div {
	color: var(--lgrey);
	background: var(--lgrey);
	border-color: var(--lgrey)
}
.branch > div.disabled > div * {
	display: none;
}
.branch > div:not(.current, .tree-fade) > div:hover {
	box-shadow: inset 0 0 0 1px var(--green);
	border-color: var(--green);
	background: white;
}
.branch > div.current > div {
	cursor: default;
}
.content > .notes:first-child {
	padding-top: 16px;
}
.notes .note {
	position: relative;
	padding: 10px;
	border-radius: 3px;
	border-bottom: 1px solid var(--shadow)
}
.notes .note:nth-child(even) {
	background: var(--lgrey);
}
.notes .note:last-child {
	border-bottom: none;
}
.block .notes {
	margin-left: -10px;
	margin-right: -10px;
}
#DivSidebar .notes {
	padding-top: 0;
}
.notes .from {
	font-size: 1.1rem;
	line-height: 1;
	margin-bottom: 2px;
	color: var(--blue);
	
	margin-top: 5px;
}
#DivSidebar .notes .from {
	font-size: 1rem;
	text-align: right;
	line-height: 1;
	color: var(--dgrey);
}
.scroll.y {
	overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
}
.ddwn .scroll.y {
	overflow-y: auto;
}
.scroll.x {
	overflow-y:hidden;
	overflow-x: overlay;
}
.scroll.xy {
	overflow-y: overlay;
	overflow-x: overlay;
}
.scroll::-webkit-scrollbar {
    width: 12px;
	height: 12px;
}
.scroll::-webkit-scrollbar-track {
	background-color: var(--dgrey);
}
.scroll::-webkit-scrollbar-corner {
	 background-color: transparent;
 }
.scroll::-webkit-scrollbar-thumb {
  background-color: var(--green);
  outline: none !important;
  min-height: 80px;
  cursor: pointer !important;
}
.scroll::-webkit-scrollbar-corner { background: var(--dgrey) }

header input[type="date"], header .btn, header .search, header select {
	margin-left: 6px;
}
#DivSidebar + .grow header .search {
	margin-left: 0;
}
.block.rside {
	margin-top: -35px;
    z-index: 200;
}
.mshow{display: none !important}
@media (max-width: 1300px) {
:root {
  --sidebar: 160px;
  --rcol: 190px;
  --bheight: 90px;
}
.thumbs + select, .block + select {
	min-width: 0;
}
.rcol {
	padding-left: 12px;
}
#DivSidebar > div {
	padding-right: 12px;
}
.table-body .table-row > div {
	font-size: 1.02rem;
	letter-spacing: -.05em;
	padding: 5px 5px 5px 0
}
.metrics .table-body .table-row > div {
	font-size: 1.1rem;
	padding: 0
}
.vtr-report .table-row {
	grid-template-columns: 28px 30px 4em 4em minmax(90px,1fr) 5em minmax(110px,1fr) 5em 8em minmax(80px,1fr) minmax(160px,2fr) minmax(12em,1fr) 9em;
}
.inpat-report .table-row {
	grid-template-columns: 20px 9em 9em minmax(110px,1fr) minmax(200px,2fr) 13em 9em 3em;
}
}
@media (max-width: 1100px) {
.block.rside {
	margin-top: 0;
    z-index: 1;
}
.toolbar .mhide {
	display: none !important;
}
:root {
 --inbox: 260px;
}
}
@media (max-width: 735px) {
.w25{width: 50%}
:root {
  --sidebar: auto;
  --rcol: 234px;
  --bheight: 90px;
}
form, form > #upMain, body, html {
	width: 100vw;
	overflow: hidden;
	background: white;
}
body {
	overflow: auto;
	height: 100%;
}
body.inbox section {
	height: 100%;
}
#DivSidebar + .grow {
	width: 100vw;
}
#DivSidebar nav {
	position: fixed;
	z-index: 2001;
}
.inbox.app #DivSidebar nav {
	position: inherit;
	width: 100%;
}
#DivSidebar.close > nav .trigger .grow {
	display: block;
}
nav .trigger, nav .no-trigger {
	padding-left: 6px;
}
#DivSidebar {
	z-index: 1000;
}
#DivSidebar.close > nav, #DivSidebar.close > div {
	padding-right: 0;
}
#DivSidebar:not(.referral) .block {
	border: none;
	background: none;
	padding: 0;
	width: 100%;
}
#DivSidebar.referral .block:not(.full) {
	width: calc(50% - 2px);
	float: left;
}
#DivSidebar.referral .block:not(.full) + .block:not(.full) {
	float: right;
}
.toolbar {
min-height: 0;
}
#DivSidebar h4 {
	padding-top: 8px;
}
#DivSidebar input:not([type=checkbox]), #DivSidebar select, #DivSidebar .select {
	width: calc(50% - 2px);
	min-width: 130px;
	display: inline-block;
}
#DivSidebar:not(.referral) .block .btn {
	width: calc(50% - 2px);
	min-width: 130px;
	margin-top: 5px;
}
.mflex {display: flex !important; flex-wrap:wrap}
ul.sidenav {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}
#DivSidebar > div > .btn, #DivSidebar #DivDelay {
	width: 100%;
	min-width: 0;
}
#DivSidebar > div > .btn, #DivSidebar #DivDelay .btn {
	padding-left: 12px;
	padding-right: 12px;
	text-align: center;
	font-size: 11px;
	min-width: 0;
	white-space: nowrap
}
header {
	flex-wrap: wrap;
	padding-top: 0 !important;
}
header input[type="date"], header .btn, header .search, header select {
	margin-bottom: 5px !important;
}
.content label.inline {
	
}
#upMain > div:first-child{
	flex-direction: row;
	flex-wrap: wrap;
	height: auto;
	width: auto;
	align-items: stretch;
}
body.inbox #upMain > div:first-child{ 
height: 100%;
width: 100vw;
}
body:not(.inbox) section {
	height: auto;
	overflow: visible;
	width: auto;
	display: block;
}
#DivLogin section {
	height: 100%;
}
#DivSidebar {
	height: auto;
	width: 100vw;
	padding-bottom: 0;
}
#DivSidebar > div {
	padding-bottom: 10px;
	padding-top: 58px;
	margin-bottom: 20px;
}
#DivSidebar.referral > div {
margin-bottom: 0;	
}
.inbox.app #DivSidebar {
	height: 100%;
	border-right: none;
}
.inbox #DivSidebar > div {
	margin-bottom: 0;
}
#DivSidebar.close > div {
	padding-top: 47px;
	padding-bottom: 0;
	margin-bottom: 0;
	height: 77px !important;
	width: 30px !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	z-index: 1003;
}
#DivSidebar > .link {
	position: absolute;
	height: 20px;
	width: 100%;
	top: auto;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 1004;
	border-left: none;
	background: var(--lgrey);
	border-top: 1px solid var(--shadow);
}
#DivSidebar > .link:hover {
	background: var(--lgrey);
}
#DivSidebar.close > .link {
width: 100%;
height: 30px;
border: none;
}
#DivSidebar > .link:after {
	right: 50%;
	top: 0px;
	border-right-color: var(--dgrey);
	border-width: 7px;
	margin-top: -1px;
	transform: rotate(90deg);
}
#DivSidebar.close > .link:after {
	border-color: transparent;
	border-left-color: var(--dgrey);
	margin-top: 12px;
	right: 50%;
}
#DivSidebar.close > nav, #DivSidebar.close > div, #DivSidebar.close > nav > .trigger, #DivSidebar.referral > div, #DivSidebar.referral > nav {
	width: 100%;
}

#DivSidebar.close .stay.back {
	
	border-bottom: none;
	bottom: 0;
	left: 0;
	z-index: 1003;
}
body:not(.inbox) main, body:not(.inbox)  .table-body {
overflow: visible;	
	height: auto;
	display: block;
	flex-grow: 0;
	
}
main {
	flex-grow: 0;
	border-left: none;
}
#DivSidebar + .grow {
	
	display: block;
	background: white;
}
header {
	background: white;
	min-height: auto;
	border-top: 2px solid var(--blue);
	
}
header * {
display:none;
}
header + main {
	height: auto;
}
body.inbox header + main {
	height: 100vh;
	padding-top: 48px;
}
.toolbar {
	
}
.toolbar .flex:not(.table-body) {
	display: block;
}
.metrics.compact.r3 .table-body .table-row {
	margin-bottom: 0;
	margin-top: -1px;
}
.toolbar .block label {
	display: block;
	width: auto;
	text-align: left;
}
#DivSidebar + .grow {
	
}
#DivSidebar.referral {
	width: 100%;

}
body:not(.inbox) #DivSidebar > div.scroll {
height: auto;
padding-left: 8px;
padding-right: 8px;
display: block;	
}
body:not(.inbox) .scroll {
	overflow: visible !important;
}

.table-row {
	width: 100%;
}
.grid.full {
	padding: 0;
}
.grid.full > .block {
	padding: 0;
}
.grid.full > .block > div {
	border-top: none;
	padding: 10px;
	border-right: none;
	border-radius: 0;
}
.mhide {display: none !important}
.mshow{display: block !important}
.mshow.flex{display: flex !important}
.app .btn.send {
	height: 52px;
	line-height: 52px;
	display: block; 
	width: 100%;
	border-radius: 6px;
	margin-top: 10px;
}
.app .sendTo {
	justify-content: center;
	border-radius: 0 6px 6px 0;
	border-right: 1px solid var(--shadow);
	border-left: 0;
}
.app .sendMessage {
	margin-right: 0;
}
.app .sendMessage textarea {
	height: 80px;
	border-radius: 6px 0 0 6px;
}
.app nav {
	height: 70px;
}
.app nav .search {
	padding-right: 20px;
}
.app nav .search input {
	height: 40px;
	border-radius: 23px;
	font-size: 1.5rem;
	padding-left: 20px;
	border: none !important;
}
.app .icon {
	height: 32px;
	width: 32px;
}
.app .icon svg {
	width: 32px;
	height: 32px;
}
.app nav .search .icon {
	top: 3px;
	height: 40px;
	width: 40px;
	right: 8px;
}
.app nav .search .icon svg {
	height: 25px;
	width: 25px;
}
.app nav .icon {
	height: 34px;
	width: 34px;
	padding: 5px;
	margin-right: 10px;
}
.app nav .icon svg {
	height: 34px;
	width: 34px;
}
.app .table-body .table-row > div {
	height: 64px;
}
.app.inbox .table-body .table-row > div {
	font-size: 1.3rem;
	letter-spacing: 0;
}
.app.inbox .table-body .table-row > div em {
	font-size: 1.1rem;
	letter-spacing: 0;
}
.app.inbox .table-body .table-row.new > div:first-child:before {
	padding: 4px 10px;
	font-size: 12px;
}
.app .toolbar {
	min-height: 70px;
}
.app #DivSidebar > div {
	padding-right: 0;
}
.inbox-report {
	 margin: 0 0 0 -8px;
}
.inbox-report .table-row {
	grid-template-columns: 40px 1fr 7em;
}
.patInbox-report .table-row {
	grid-template-columns: 50px minmax(120px,2fr) 7em;
}
.app input:not([type=checkbox]), .app select, .app .select, .app .btn {
	height: 46px;
	line-height: 46px;
}
.app .link {
	font-size: 1.3rem;
}
section.grey {
	background: white;
}
.block.white {
	border: none;
}
}
@media (max-width: 540px) {
	.w25{width: 100%}
	.grid {
		
	}
}
.loader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 20001;
  background: rgba(255,255,255,.4); 
}
.loader .filter {
  transform: scale(7)
}
.loader svg polyline {
      fill: none;
      stroke-width: .75;
      stroke-linecap: round;
      stroke-linejoin: round;
}
#back {stroke: transparent}
#front {
        stroke: rgba(59, 211, 171);
        stroke-dasharray: 12, 36; /*Dash 12 & Gap 36 */
        stroke-dashoffset: 48;
        animation: dash 1s linear infinite;
}
.loader .text {
	font-size: 1.6rem;
	color: var(--blue);
	opacity:.7; 
    filter:blur(4);	
    animation: flicker 1s infinite;
}
@keyframes flicker {
  55.5% {opacity: 1}
  to {opacity: .7}
}
@keyframes dash { 
  62.5% {opacity: 0}
  to {stroke-dashoffset: 0}
}

.still {
	margin: 5px 0 30px;
	border: 8px solid var(--grey);
	max-width: 800px;
}


@media print {
  .scroll.y {
	overflow-x:hidden;
	overflow-y: visible;
	height: auto !important;
}
#DivSidebar {display: none !important}
.table.schedule .table-body {
	padding: none !important;
}
main, section, form, form > #upMain, body, html, #upMain > div, .h100 {
	height: auto !important;
	padding: 0 !important;
	border: none !important;
}

section > div {
	padding: 0 !important;
	margin: 0 !important;
}
.table.schedule .table-body .table-row > div {
	border: none !important;
	background: none !important;
}
.table.schedule .table-body .table-row > div {
	padding: 0 !important;
	padding-left: 3px !important;
	min-height: 28.4px !important;
	
}
.table.schedule .table-body .table-row > div span {
	display: block;
	padding-bottom: 3px !important;
	padding-left: 0 !important;
	padding-top: 13px !important;

	font-size: 11px !important;
}
.table.schedule .table-body .table-row > div .time {
top: -13px;
	font-size: 11px !important;
}
.table.schedule .table-body .table-row > div label {
	display: none !important;
}
header {
	display: none !important;
}
.table.schedule .table-body .table-row,.table.schedule .table-body {
	border-color: #000 !important;
}
.table.schedule .table-body {
	border-left: 1px solid #000 !important;
}
.toolbar {
min-height: 0 !important;

}
.toolbar h3 {
	font-size: 17px;
	font-weight: 900;
}
.schedule .table-row {
	grid-template-columns: 1fr 1.6em 5.6em 0;
	border-top: none;
	border-bottom: 2px solid var(--dark);
}
}
.messages {
	
	padding: 6px 25px 5px 18px;
	
}
.messages > div {
	position: relative;
	margin-top: 14px;
}
.messages > div > div {
	padding: 14px;
	border-radius: 8px;
	background-color: white;
	font-size: 1.2rem;
	line-height: 1.4rem;
	position: relative;
	box-shadow: 0 0 1px 1px var(--dshadow);
	z-index: 2;
}
.app .messages > div > div {
	font-size: 1.3rem;
	line-height: 1.5rem;
}
.messages p {
	margin-top: 0;
}
.messages > div.received > div {
	background-color: var(--lblue);
	margin-left: 30px;
}
.messages > div.sent > div {
	margin-right: 30px;
}
.messages > div > div:after {
	top: 0;
	right: -10px;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-top-color: var(--lblue);
	border-width: 10px;
	z-indez: 1;
}
.messages > div.sent > div:after {
	right: auto;
	left: -10px;
	border-top-color: white;
}
.messages > div > div:before {
	top: -1px;
	right: -12px;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-top-color: var(--dshadow);
	border-width: 11px;
	z-indez: 0;
}

.messages > div.sent > div:before {
	left: -12px;
	right: auto;
	z-indez: 0;
}
.messages > div.sent + div.sent {
	margin-top: 6px;
}
.messages > div.received + div.received {
	margin-top: 6px;
}
.messages > div.sent + div.sent > div:after, .messages > div.sent + div.sent > div:before {
	display: none;
}
.messages > div.received + div.received > div:after, .messages > div.received + div.received > div:before {
	display: none;
}
.messages .small {
	position: absolute;
	left: 13px;
	bottom: 6px;
	z-index: 3;
	opacity: .7;
}
.messages .received .small {
	left: auto;
	right: 13px;
}
.message.alert {
	position: relative;
	background: var(--red);
	color: white;
	display: block;
	width: 100%;
	border-radius: 4px;
	margin: 0;
	padding: 9px 20px;
}
.message.alert:after {
	content: "";
	display: block;
	position: absolute;
	left: -8px;
	top: 3px;
	width: 20px;
	height: 20px;
	background: url(../../../Assets/images/alert-icon.svg) no-repeat;
	background-size: 100% auto;
}


/* ===== CONTEXT ====== */
  .metrics.compact.r3 .table-body .table-row {
        width: auto !important;
    }

    .metrics.c1.compact .table-row {
        grid-template-columns: 85px 40px;
        cursor: pointer;
    }

    .table-body .table-row > div.current {
        border-left: none;
    }

    .context-menu {
        display: none;
        position: absolute;
        margin-top: -15px;
        z-index: 3009;
        padding: 0;
        width: 150px;
        background-color: #fff;
        border: solid 1px var(--dgrey);
        box-shadow: 1px 1px 2px #cfcfcf;
        border-radius: 3px;
    }

        .context-menu:after {
            right: 100%;
            top: 15px;
            border: solid transparent;
            content: "";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .context-menu:after {
            border-color: rgba(255, 255, 255, 0);
            border-right-color: var(--dgrey);
            border-width: 7px;
            margin-top: -7px;
        }

    .context-menu--active {
        display: block;
    }

    .context-menu_items {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .context-menu_item {
        display: block;
        margin-bottom: 4px;
    }

        .context-menu_item:last-child {
            margin-bottom: 0;
        }

    .context-menu_link {
        display: block;
        border-bottom: 1px solid var(--lblue);
        padding: 4px 12px;
        color: var(--blue);
        text-decoration: none;
        cursor: pointer;
    }

        .context-menu_link:last-child {
            border-bottom: none;
        }

        .context-menu_link:hover {
            color: #fff;
            background-color: var(--blue);
            border-color: var(--blue);
        }