/*
	Card Color Key
		Late
			background-color: #ffc4c4; (red)
		Early
			background-color: #ffefc8; (yellow)
		New (recently started)
			background: #cfffcf; (green)
		On Hold
			background-color: #ffc863; (orange)
		Follow-Up
			background-color: #fcf8e3; (blue)
		PRN
			border-color: #ff3c00; (red top border)
		Controlled
			border-bottom-color: #ff3c00; (thick red bottom border)
			border-bottom-width: 4px;
			border-bottom-style: solid;
		Vital Card
			border-top: 4px solid #8529ff; (purple top border)
		Treatment
			border-color: #31B0D5; (blue top border)
		Passed
			border: 4px solid #4c8fcc; (thick aqua border full card)
		Exception-ed
			border: 4px solid #dcaf2c; (this gold border full card)
*/


body {
  margin: 0;
  padding: 0;
}
body.locked .navbar,
body.locked #cartWrapper,
body.locked #residentlist,
body.locked #singleresident {
	display: none !important;
}

html {
    background-color: #fff;
    background-position: left top;
    padding: 0;
}

* {
  box-sizing: border-box;
}

h1 {
  padding: 18px 20px;
  margin: 0;
  font-size: 44px;
  border-bottom: solid 1px #DDD;
  line-height: 1em;
}

form {
  padding: 20px;
}

input:not([type=checkbox]) {
  width: 100%;
  padding: 6px;
  font-size: 1.4em;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tablefilters {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}
#footer {
    background: #666 none repeat scroll 0 0;
    border-radius: 8px;
    color: #fff;
    height: 48px;
    margin-top: 32px;
    padding-top: 4px;
}
.eventgroup_form_needsubmit .accordion-heading {
    background-color: red;
    border-radius: 4px;
}
.eventgroup_form_needsubmit .accordion-heading b {
    color: white;
}
.uneditable-input, .uneditable-textarea {
    color: #000;
}
#topbanner {
    background-image: url("/images/css/topbanner.png");
    background-repeat: repeat-x;
    height: 100px;
    overflow: hidden;
    text-align: left;
    width: 100%;
}
#topbanner p {
    height: 100%;
    overflow: hidden;
    width: 100%;
    z-index: -10;
}
#topbanner p span.facTitle {
    color: #ffffff;
    font-family: Arial,sans-serif;
    font-size: 32pt;
    font-weight: bold;
    left: 20px;
    position: absolute;
    top: 28px;
    z-index: 0;
}
#topbanner p span.facTitleShadow {
    color: #445544;
    font-family: Arial,sans-serif;
    font-size: 32pt;
    font-weight: bold;
    left: 22px;
    position: absolute;
    top: 30px;
    z-index: 0;
}
#topbanner span.topname {
    color: #fff;
    font-size: 10pt;
    font-weight: bold;
    position: absolute;
    right: 30px;
    top: 60px;
    vertical-align: middle;
}
#topbanner p a {
    color: #cbbcbb;
    float: right;
    font-size: 38pt;
    font-weight: bold;
    vertical-align: bottom;
}
#topbanner p a img {
    float: right;
}
#alertsdiv h1 {
    background-image: url("/images/css/redheading.png");
}
.resRow,
[data-modalcontent], table.sortable th {
    cursor: pointer;
}
.tab-content {
    clear: both;
}
.galport {
    background: white none repeat scroll 0 0;
    border: 1px solid lightgray;
    border-radius: 4px;
    box-shadow: 0 3px 5px #ccc;
    cursor: pointer;
    display: inline-block;
    height: 160px;
    margin: 4px;
    padding-top: 8px;
    text-align: center;
    vertical-align: top;
    width: 128px;
}
.galport input {
    display: inline-block;
    margin: 0;
}
.galport .resname {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
}
.resheader > .well {
    box-sizing: border-box;
    width: 100%;
}
.galport > img, .resheader > img {
    border-radius: 4px;
}
div.tableicons img {
    margin: 2px;
}
.sigPad canvas {
    border: 1px solid gray;
}
.sigPad .sigNav {
    position: absolute;
    right: 0;
    top: 0;
}
.modalsigPad {
    background: #fff none repeat scroll 0 0;
    left: 50%;
    position: fixed;
    top: 50%;
    z-index: 500;
}
.maincolmid {
}
#footer {
    text-align: center;
}
table.restable tr td:first-child, table.restable tr th:first-child {
    text-align: center;
    vertical-align: middle;
    width: 20px;
}
table tr.top {
    height: 30px;
    width: 100%;
}
table tr.top th {
    background-color: #7aa2d4;
    background-image: -moz-linear-gradient(center top , #b4cce9, #7aa2d4);
    border-left: 2px solid #cdd9ed;
}
table tr.top th:first-child {
    border-bottom-left-radius: 4px;
    border-left: 0 none;
    border-top-left-radius: 4px;
}
table tr.top th:last-child {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
div.top {
    margin-bottom: 8px;
}
div.top .label {
    width: 100%;
}
.nav > li.disabled:first-child a {
    padding: 8px 8px 0 0;
}
.add-on > img {
    margin-top: 2px;
    max-height: 100%;
}
.center {
    text-align: center;
}
.req {
    color: red;
}
.label img {
    margin: 0;
}
.photoName{
    width: 100%;
    max-width: 142px;
    font-size: 12px;
    margin-top: 10px;
}
.galleryPhoto{
    text-align: center;
    background: white;
    padding: 10px 10px 20px 10px!important;
    display: inline-block;
    margin: 20px;
    position: relative;
	margin-left: 0;
    max-height: 229px;
    vertical-align: top;
}
.galleryPhoto > span{
    height: 150px;
    width: 122px;
	display:inline-block;
}
.galleryPhoto img.checked{
    position: absolute;
    left: 0;
    height: 30px;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;    
}
#resphotogallery {
    background-color: #4C8FCC;
    padding: 20px;
	white-space: nowrap;
	overflow-x: scroll;
	margin-bottom: 10px;
}

body:not(.tabletMode) .pass-stats {
	display: none;
}
.pass-stats > span {
    background: #333;
    color: #fff;
    margin: 2px;
    padding: 1px 4px;
    border-radius: 4px;
}
.pass-stats > span.dueNow {
    background: #f0ad4e;
}
.warned-due .pass-stats > span.dueNow {
    background: #d9534f;
}
.pass-stats > span.needFollowUp {
    background: #d9534f;
}
.pass-stats > span.canPass {
    background: #8c7963;
}

.tabletMode .photoName {
    white-space: nowrap;
}

.tabletMode #resphotogallery {
    white-space: normal;
	overflow-x: auto;
	text-align: center;
}
.tabletMode #resextrainfo,
.tabletMode #reslistContainer {
	display: none;
}
.tabletMode p.script-text {
    line-height: 1;
	font-weight:bold;
}
.tabletMode .front h4 {
    font-size: 14px;
    font-weight:bold;
    /*text-shadow: 0 0 3px #fff;*/
}
.tabletMode .vitalCard .fa-4x {
    font-size: 2em;
}
.tabletMode #rx-treatments .vitalCard > div, .tabletMode #rx-treatments .flipper > div {
	min-height: 10em;
}
.tabletMode .dropdown-menu>li>a {
    font-size: 1.5em;
    background-color: #eee;
    margin: 4px;
    border-radius: .5em;
}
.tabletMode .form-control {
    font-size: 20px;
    min-height: 54px;
}
.tabletMode #rx-treatments .flipper > div.back {
    position: relative;
    height: auto;
    padding-bottom: 2.5em;
    z-index:10000;
    transform: rotateY(180deg) translateZ(50px);
	top: -5em;
}
.tabletMode #rx-treatments .flipper > div.back a.btn {
    font-size: 1em;
    padding: 4px;
}
.tabletMode #reslist .resPanel {
	display:none;
}

#jumpToResidents .statusIcons {
	position: static;
	background: none;
	color: #000;
	display: inline-block;
}
#jumpToResidents .statusIcons > .fa-3x {
	font-size: 1em;
}


@media (max-width: 767px) {
	.input-large, .input-xlarge, .input-xxlarge, input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input {
		display: inline-block;
		width: auto;
	}
}

.medication.complete {
    background-color: #cfc;
}
.medication.due {
    background-color: #ffc;
}
.medication.overdue {
    background-color: #fcc;
}
@media (min-width: 1200px) {
	th.visible-desktop, td.visible-desktop {
		display: table-cell !important;
	}
}
[draggable] {
    -moz-user-select: none;
    cursor: move;
}
img.miniport, .miniport.empty {
    box-sizing: border-box;
    height: 55px;
    margin-bottom: 8px;
    margin-left: 8px;
    vertical-align: middle;
    width: 45px;
}
.miniport.empty {
    background: #666 none repeat scroll 0 0;
    border: 2px dashed #ddd;
    border-radius: 4px;
    color: #eee;
    display: inline-block;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
}
.miniport.empty.over {
    background: #060 none repeat scroll 0 0;
    border-color: #0d0;
    color: #0e0;
}
.sticker {
    background-color: #888;
    border: 1px solid #ddd;
    bottom: -8px;
    color: white;
    display: block;
    font-weight: bold;
    left: 8px;
    padding: 0 2px;
    position: absolute;
    z-index: 5;
}
img.icon-overlay {
    bottom: -8px;
    position: absolute;
    right: -8px;
}
.relwrap {
    position: relative;
}
input[type="time"] {
    width: auto;
}
.popover {
    min-width: 200px;
}
.popover.top {
    margin-top: -12px;
}
.popover-content p {
    white-space: pre;
}
.img-icon, .img-bigicon {
    display: inline-block;
    margin: 4px;
    text-align: center;
    vertical-align: middle;
}
.img-icon {
    height: 32px;
    width: 32px;
}
.img-bigicon {
    height: 64px;
    width: 64px;
}
.verthack {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0;
}
.nav li button {
    margin-left: 8px;
}
table .checkboxcol {
    text-align: center;
    width: 24px;
}
table th .btn-group.pull-right {
    margin-left: 4px;
}
.label, .badge {
    display: block;
}
.btn-group-vertical > .btn {
    width: 100%;
}
.fileupload.fileupload-new, .fileupload-preview.thumbnail {
    width: 100%;
}
.fileupload-preview.thumbnail {
    height: 150px;
}
.img-polaroid {
    overflow: hidden;
}
table .sortbuttons.btn-group .btn {
}
.pagination li a {
    min-width: 32px;
    text-align: center;
}
.fc-view {
    overflow: visible !important;
}
.getParamsForm .checkbox-group label.checkbox {
    margin-left: 32px;
}
.checkbox-group {
    background: #f5f5f5 none repeat scroll 0 0;
    border-radius: 4px;
    margin-bottom: 12px;
}
.checkbox-group label.checkbox {
    margin: 4px;
}
.suggestions.dropdown-menu .btn, .navbar-fixed-bottom .dropdown .dropdown-menu .btn {
    text-align: left;
}
.suggestions.dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    max-height: 300px;
    overflow-y: auto;
    padding: 0;
    text-align: center;
}
#msgqueue {
    height: 0;
    left: 5%;
    overflow: visible;
    position: absolute;
    width: 25%;
    z-index: 500;
}
.datepicker.dropdown-menu {
    z-index: 2000;
}
.uploadimg {
    text-align: center;
}
#start_button {
    margin-top: 0;
}
#start_img {
    height: 32px;
    width: 32px;
}
.final {
    color: black;
    padding-right: 3px;
}
.interim {
    color: gray;
}
ul.dropdown-menu {
    max-height: calc(100vh - 190px);
    overflow-y: auto;
}
.form_page, .form_page div {
    box-sizing: border-box;
}
#howcani-acc .accordion-inner {
    color: #92171b;
    font-weight: bold;
}
#lockOverlay{
    /*height: calc(100vh - 60px);*/
    width: 100vw;
    z-index: 999999;
    background: transparent;
    position: fixed;
    background-color: #fff;
	top: 0;
    left: 0;
	right: 0;
	bottom: 0;
}
.navbar {
	min-height: 60px;
}
#dialog{
    width: 50%;
    margin: auto;    
}
@media screen {
	.print-only {
		display: none;
	}
}
@media print {
	.container, .content {
		width: 100% !important;
	}
	.tab-content {
		max-width: 100%;
		overflow: visible;
		width: 100% !important;
	}
	#footer, #msgqueue, .noprint, .table-attachments, .fc-button, .btn, .muted, .resheader, .navbar, .resreports, .tablefilters, .pagination, .breadcrumb, .addbutton, .nav, .dataTables_wrapper.dtdom > .row:last-child, .dataTables_wrapper > .row.form-inline.form-horizontal, .debugbox {
		display: none !important;
	}
	.tab-pane {
		display: block !important;
	}
	.fc-widget-header + div {
		height: auto !important;
	}
}
.btn-file > input {
    cursor: pointer;
    direction: ltr;
    font-size: 23px;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(-300px, 0px) scale(4);
}
.sigShield {
    background: transparent none repeat scroll 0 0 !important;
}
#form_toolbars.sticky {
    background: white none repeat scroll 0 0;
    border-bottom: 2px solid #eee;
    left: 0;
    padding: 4px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 5000;
}
form {
    margin: 0;
}
.pagination.custom li {
    min-width: 48px;
}
.pagination.custom li a {
    font-size: 12px;
    padding-left: 4px;
    padding-right: 4px;
}
.dropdown.suggestions {
    left: -35px;
}
.modal-body .checkbox-group {
    max-height: 200px;
    overflow-y: scroll;
}
.sketchpad, .sketchpad div, .sketchpad canvas {
    background: transparent none repeat scroll 0 0 !important;
}
.btn.showhide {
    display: none;
}
.btn.showhide[data-showhide] {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    height: 30px;
    padding: 0;
    position: relative;
    top: -30px;
    width: 30px;
}
.editvis .btn.showhide {
    display: block;
}
.fileupload-btnhelp {
    background-color: transparent;
    color: transparent;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 2;
}
.clearfix {
	clear:both;
}
.clearfix::before, .clearfix::after {
    content: "";
    display: table;
    line-height: 0;
}
.clearfix::after {
    clear: both;
}
.hide-text {
    background-color: transparent;
    border: 0 none;
    color: transparent;
    font: 0px/0 a;
    text-shadow: none;
}
.input-block-level {
    box-sizing: border-box;
    display: block;
    min-height: 30px;
    width: 100%;
}
.btn-file {
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}
.btn-file > input {
    cursor: pointer;
    direction: ltr;
    font-size: 23px;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(-300px, 0px) scale(4);
}
.fileupload {
    margin-bottom: 9px;
}
.fileupload .uneditable-input {
    cursor: text;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}
.fileupload .thumbnail {
    display: inline-block;
    margin-bottom: 5px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}
.fileupload .thumbnail > img {
    display: inline-block;
    max-height: 100%;
    vertical-align: middle;
}
.fileupload .btn {
    vertical-align: middle;
}
.fileupload-exists .fileupload-new, .fileupload-new .fileupload-exists {
    display: none;
}
.fileupload-inline .fileupload-controls {
    display: inline;
}
.fileupload-new .input-append .btn-file {
    border-radius: 0 3px 3px 0;
}
.thumbnail-borderless .thumbnail {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}
.fileupload-new.thumbnail-borderless .thumbnail {
    border: 1px solid #ddd;
}
.control-group.warning .fileupload .uneditable-input {
    border-color: #a47e3c;
    color: #a47e3c;
}
.control-group.warning .fileupload .fileupload-preview {
    color: #a47e3c;
}
.control-group.warning .fileupload .thumbnail {
    border-color: #a47e3c;
}
.control-group.error .fileupload .uneditable-input {
    border-color: #b94a48;
    color: #b94a48;
}
.control-group.error .fileupload .fileupload-preview {
    color: #b94a48;
}
.control-group.error .fileupload .thumbnail {
    border-color: #b94a48;
}
.control-group.success .fileupload .uneditable-input {
    border-color: #468847;
    color: #468847;
}
.control-group.success .fileupload .fileupload-preview {
    color: #468847;
}
.control-group.success .fileupload .thumbnail {
    border-color: #468847;
}
.checkboxcol {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}
.suggestions .btn-group {
    display: block;
}
.form-group .btn-default.active {
    background-color: #66ff78;
}
table.datatable {
    margin-top: 12px;
}
h1 .btn.pull-right {
    margin-left: 10px;
}
.input-group.datetime {
    text-align: right;
}
.input-group select.datetime {
    float: none;
    position: relative;
    top: -34px;
    width: 70px;
}
.formend, .dataTables_wrapper {
    margin-top: 8px;
}
.modal .formend {
    margin-top: 0;
}
.hourreqs .label {
    max-width: 48%;
}
.label.label-inverse {
    background-color: #444;
}
.file-preview {
    text-align: center;
}
.file-preview-image {
    height: 300px !important;
}
.file-preview-thumbnails {
    display: inline-block !important;
}
.close.fileinput-remove.text-right {
    display: none !important;
}
.btn-group.shift {
    display: block;
}
.eventgroup_form_needsubmit .panel-heading a {
    color: #fff;
}
.file-input {
    overflow: visible;
}
.table > tbody > tr > td.actioncol {
    padding: 2px;
    text-align: center;
    vertical-align: middle;
}
.btn-group.quickactions .btn {
    font-size: 16px;
}
.btn-group .btn img {
    height: 1em;
    width: 1em;
}
.dash-quickcounts {
    position: absolute;
    right: 4px;
    top: -1px;
}
.dash-quickcounts span.label {
    display: inline-block;
}
.urgent-notif {
    left: 4px;
    position: absolute;
    top: 36px;
}
#warningModal button.btn.btn-lg {
    width: calc(50% - 25px);
    margin: 10px;
    color: white;
    background-color: #aaa;
}
select#passTimeFilter {
    width: auto;
    display: inline-block;
    height: 46px;    
}
@media (max-width: 767px) {
	.urgent-notif {
		left: 108px;
		top: 12px;
	}
}
/*.row{margin:15px 0;}
.row{margin: 0;}*/
.label{line-height:20px;}

.panel-heading{
	border:0;
	border-radius:0;
}
.panel{
	border-style:solid;
	border-color:#EDEDF4;
	border-width:0 0 2px;
	border-radius:0;
}
.panel-info > .panel-heading{
	color:#333;
}

#reslist .panel-info.row .panel-heading{
    background-color: #fff;
    display: inherit;
}
#reslist .panel-info.row{

}
#allergies,#diagnosisList,#fullResProfile,#resInfo,#warningModal,#barcodeModal,#vitalsExpand{
	position:fixed;
	width:640px;
	top:50px;
	left:50%;
	background:#fff;
	box-shadow:0px 0px 16px #000;
	border-radius:5px;
	transform:translateX(-50%);
	/*padding:20px;*/
	display:none;
	z-index:2;
}
#barcodeWarningContainer,#backToScan{
    display: none;
}
.removeFromBarcodeList{
    position: absolute;
    right: 10px;    
}
#nextScanStep{
    width: 100%;
    background-color: #4C8FCC;
    color: #fff;
}
#recordAll,#backToScan{
    width: calc(50% - 3px);
    background-color: #4C8FCC;
    color: #fff;
}
#barcodeModal .showVital{
    position: absolute;
    right: 80px;    
}
#vitalsExpand{
    z-index: 999;
}
#barcodeModal .medication{
    position: relative;
}


#resInfoContainer,#barcodeMeds{
    overflow: scroll;
    height: 500px;
}
#overlay{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	background:rgba(0,0,0,0.5);
	display:none;
}
input[type='radio']{
	width:auto;
}
input[type='radio'] + label{
	margin:0 25px 0 5px;
}
.input-group{
	display:block;
}
textarea{
	width:100%;
}
.buttons{
	text-align:right;
}
.panel-info{
	cursor:pointer;
}

.medlist{
	list-style:none;
	margin: 10px;
}

.medlist li{
	background:rgba(155,155,155,0.2);
	padding:10px;
	margin:1px 0;
	border-style:solid;
	border-color:#ddd;
	border-width:1px 0 0;
}
.medlist li:first-child{
	border-width:0;
}

.medlist li.none{
	background:rgba(255,255,255,0.0);
}
.medlist li.danger{
	background:rgba(155,0,0,0.2);
}
.medlist li.warning{
	background:rgba(240,173,78,0.2);
}

#residentlist > *:first-child{margin-top:0;}

.panel{
	/*box-shadow:0 0px 20px -5px #aaa;*/
}

#reslist > .panel {
	margin-bottom: 0;
}

.panel:hover{
	box-shadow:0 0px 20px -5px #aaa;
}

.panel-info > .panel-heading{
	background:none;
	padding:0 20px;
	line-height:50px;
	width:70%;
}
div#reslist .panel.panel-info.row >div.panel-heading{
    width: auto;
}
div#reslist .minipic{
    width: 44px;
    height: 60px;
	display:inline-block;
	vertical-align: top;
	margin-right: 4px;
}
.gray > span, .gray > img{
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);
}
#cartWrapper {
	background-color: #eee;
    top: 50px;
    bottom: 0;
}
#cartWrapper div.panel-info > .panel-heading{
    width: 100%;
}
.tableicons {
	display:none;
}
#reslistContainer{
    background-color: #EDEDF4;
}
#passByBarcode{
    background-color: #4C8FCC;
    color: #fff;
}
#passByBarcode img{
    margin-right: 10px;
    height: 20px;
}

.residentSort{
    margin: 10px 20px 10px 0px;
    float: right;
    display: none;
}
.residentSort > span.sortLabel{
    width: 30%;
    display: inline-block;
}
.residentSort >select#residentOrder{
    display: inline-block;
    width: 68%;
}
nav > a{
    margin: 10px 0;
}
#res-left-bar{
}

/*#reslinks {
	padding:20px 0;
	background:#fff;
	border-width:2px 0;
	border-style:solid;
	border-color:#999;
	margin-top: 1em;
}*/

#resimg {
	border:3px #999 solid;
	width: 270px;
	max-width: 100%;
	margin-bottom: 1em;
}
@media (max-width: 991px) {
	#resimg {
		max-height: 194px;
		width: auto;
	}
}

/*#reslinks button.btn a{
	color:inherit;
	display:block;
	margin:0px 20px 20px 300px;
	border-radius:10px;
	border:1px solid #999;
	padding: 15px;
	
	background:#ccc;
	text-transform:uppercase;
	text-align:left;
	font-weight:700;
}
#reslinks button.btn{
    margin: 10px;
    float: left;
    display: block;
    width: calc(100% - 312px);
    height: 50px;
    border: 1px solid black;
}*/

#res-right-bar > .res-right-header {
	background:#f8f8f8;
	padding:10px;
	margin:0;
    font-size: 20px;
	user-select: none;
}
.passToggle {
	text-transform: uppercase;
}
span.toggleSpan {
	float:right;
	position:relative;
	padding-right:64px;
	cursor:pointer;
    line-height: 35px;
	margin-top: 6px;
	margin-left: 12px;
}
#res-right-bar .medication.prn {
	display: none;
}
#res-right-bar .medication.prn.passed,
#res-right-bar .medication.prn.followup,
#res-right-bar.show-prns .medication.prn {
	display: block;
}
#res-right-bar .medication.prn.statmed {
	display: block;
}
#res-right-bar > .res-right-header span.on:before{
	right:4px;
}
span.toggleSpan:before{
	content:'';
	position:absolute;
	border:1px solid #ddd;
	height:24px;
	width:24px;
	right:32px;
	top:3px;
	border-radius:12px;
	background:#fff;
	z-index:2;
}
span.toggleSpan:after{
	content:'';
	position:absolute;
	border:1px solid #ddd;
	border-radius:15px;
	background-color: #000;
	right:0;
	width:60px;
	height:30px;
}
span.passToggle{
    padding-right:110px;
    height: 30px;
}
span.passToggle:after {
    width: 110px;
    border: 2px solid #ddd;
    background-color:#5cb85c;
}
span.passToggle:before {
    font-size: 9px;
    width: 60px;
    right:3px;
    border: 1px solid #ddd;
    height: 24px;
    top: 3px;
    left:initial;
    content: 'pass';
    color:#5cb85c;
    font-weight: 700;
    line-height: 22px;
    padding-left: 14px;
    padding-top: 0;
}
.exception > span.passToggle:before{
    left:3px;
    width: 80px;
    content: 'exception';
    color:#f0ad4e;
}
.exception > span.passToggle:after{
    background-color:#f0ad4e;
}
#res-right-bar > .res-right-header #vitals-toggle.on:after{
    background-color:#8529ff;
}
.exceptionReason {
	display: none;
}
.exception .exceptionReason {
	display: block;
}

#rx-treatments #recordVitals {
	display: none;
}
#rx-treatments.show-vitals #recordVitals {
	display: block;
}

#rx-treatments,#barcodeMeds{
    padding: 20px 0;
}
#rx-treatments .medication .front > p {
	padding: 4px;
	white-space: pre-wrap;
	margin-bottom: 20px;
}


.flip-container {
	perspective: 1000px;
}
body.ios .flip-container:not(.flipped) .front {
	opacity: 1;
	display: block;
}
body.ios .flip-container:not(.flipped) .back {
	opacity: 0;
	display: none;
}
body.ios .flip-container.flipped .front {
	opacity: 0;
	display: none;
}
body.ios .flip-container.flipped .back {
	opacity: 1;
	display: block;
}
.flip-container.flipped .flipper {
	transform: rotateY(180deg);
}

.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

.front, .back {
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	transition: 0.6s;
}
.front {
	z-index: 2;
	transform: rotateY(0deg);
	padding: .5em;
}
.back {
	transform: rotateY(180deg);
}
.flipButton {
    width: 80px !important;
	height: 28px !important;
    left: calc(50% - 40px);
	text-align:center;
	line-height: 2em;
}
.flipside {
	padding: 1em;
}
#rx-treatments .flipper > div {
    border-top: 4px solid #ffe100;
}
#rx-treatments .vitalCard > div {
    border-top: 4px solid #8529ff;
}
#rx-treatments .vitalCard > div,
#rx-treatments .flipper > div {
    background-color: #EDEDF4;
    border-radius: 12px;
    min-height: 15em;
	padding: 8px;
	height: 100%;
	-webkit-box-shadow: 0px 5px 5px 5px rgba(200,200,200,0.53);
	-moz-box-shadow: 0px 5px 5px 5px rgba(200,200,200,0.53);
	box-shadow: 0px 5px 5px 5px rgba(200,200,200,0.53);
}
#rx-treatments .new .flipper > div {
	background: #cfffcf;
}
#rx-treatments .not-started .flipper > div {
	background: #a7dfff;
}
#rx-treatments .pending .flipper > div {
	background-color: #888;
	color: #fff;
}
#rx-treatments .discontinued .flipper > div {
	background-color: #3c3c3c;
	color: #eee;
}
#rx-treatments .selfadmin:not(.onlyFacAdmin) .flipper > div {
	background-color: #afafff;
	color: #000;
}
#rx-treatments .onhold .flipper > div {
    background-color: #ffc863;
}
#rx-treatments .followup .flipper > div {
    background-color: #fcf8e3;
}
#rx-treatments .medication.treatment .flipper > div {
	border-color: #31B0D5;
}
#rx-treatments .medication.prn .flipper > div {
	border-color: #ff3c00;
}
#rx-treatments .medication.controlled .flipper > div {
    border-bottom-color: #ff3c00;
    border-bottom-width: 4px;
    border-bottom-style: solid;
}
#rx-treatments .confirmed.passed .front {
    border: 4px solid #4c8fcc;
}
#rx-treatments .confirmed.exception .front {
    border: 4px solid #dcaf2c;
}

#rx-treatments .flipButton,
#rx-treatments .passButton:not(.passThisHour),
#rx-treatments .more,
#rx-treatments .status {
	cursor:pointer;
    border-radius: 6px;
    font-weight: bold;
    color: #999;
	text-transform:uppercase;
}
#rx-treatments > div {
	margin-bottom: 20px;
}
#rx-treatments > div.controlled h4 {
	color: #ff3c00;
}
#rx-treatments > div.controlled h4:after {
	content:' ';
	background-image: url("/icons/controlled.png");
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 4px;
    background-repeat: no-repeat;
}
#rx-treatments > div.controlled-2 h4:after {
	background-image: url("/icons/controlled_2.png");
}
#rx-treatments > div h4,
#barcodeMeds > div h4{
    line-height: 1.2;
    margin-top: 0;
}
#rx-treatments > div h4 span,#barcodeMeds > div h4 span{
    position: relative;
	display: inline-block;
}
#rx-treatments > div .expanded,#barcodeMeds > div .expanded{
	display:none;
	padding-left:80px;
}
#rx-treatments > div .expanded{
    background-color: #fff;
    height: 100%;
    padding: 40px;

}
.expanded div{
	display:inline-block;
	width:50%;
}
.expanded button{
	margin:10px 0;
	display:block;
	width:100%;
}

.medWithBarcode{
    opacity: .4;
}
.medWithBarcode button{
    float: right;
}

/*Med Carts page*/
.medpanel,.timeLabels{
    background-color: #EDEDF4;
	float:right;
	width:40%;
	height:50px;
    min-width: 250px;
	padding: 0;
}
.timeLabels > div,
.medpanel > div {
	width: 50px;
    height: 50px;
    position: relative;
    margin: auto;
    border:2px solid transparent;
    display:inline-block;
}

.timeLabels > div{
    background: #EDEDF4;
	text-align: center;
	font-weight: bold;
	padding-top: 8px;
	line-height: 1;
	border-color: #fff;
}
.medpanel > div {
	border-color: #fff;
}
.medpanel > div.historyCol {
	border-color: #EDEDF4;
}

.medpanel > div > img,
.medpanel > div > div {
    background: none;
    margin: auto;
    display: block;
    top: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 0;
    max-width: 20px;
    max-height: 20px;
}
.medpanel > div.hasPasses>div{
    background: #999;
    border-radius: 50%;
}
#quicksearch {
	display: none;
    position: fixed;
    z-index: 40;
    background: rgba(0,0,0,0.5);
    min-height: 100vh;
    min-width: 100vw;
	top:0;
}
#quicksearch .container {
    background: #fff;
    margin-top: 120px;
    padding: 0px 20px;
    border-radius: 8px;
}
.quickpic {
	background-size: cover;
	background-position: center;
    display: inline-block;
    height: 40px;
    width: 30px;
    vertical-align: middle;
    margin-right: 4px;
}
.quicksearchrow {
	margin-bottom: 4px;
	display:block;
}
#rx-buttons {
	margin-top: 36px;
	margin-bottom: 20px;
	border-top: 1px solid #ddd;
}
#rx-buttons.selfAdmin:not(.selfAdminMix),
#rx-buttons.outOfFacility,
#rx-buttons.otherTime {
	display: none;
}
#rx-treatments.otherTime {
	background-color: #a9a9b7;
}
#rx-treatments.otherTime .passButton:not(.passThisHour),
#rx-treatments.otherTime .medication div.status{
	opacity: 0.25;
	cursor: not-allowed;
}
#rx-treatments.otherTime .medication.lateMed .passButton:not(.passThisHour),
#rx-treatments.otherTime .medication.earlyMed .passButton:not(.passThisHour) {
	opacity: 1;
	cursor: inherit;
}
#rx-treatments.selfAdmin .medication:not(.onlyFacAdmin) .passButton,
#rx-treatments.selfAdmin .medication:not(.onlyFacAdmin) .medication div.status,
#rx-treatments.outOfFacility .passButton:not(.passThisHour,.exception),
#rx-treatments.outOfFacility .medication div.status {
	opacity: 0.25;
	cursor: not-allowed;
}

#rx-treatments.selfAdmin .earlyMed.medication:not(.onlyFacAdmin) ,
#rx-treatments.selfAdmin .lateMed.medication:not(.onlyFacAdmin) ,
#rx-treatments.outOfFacility .earlyMed,
#rx-treatments.outOfFacility .lateMed {
	display: none;
}

#rx-treatments .lateMed .flipper > div {
    background-color: #ffc4c4;
}
#rx-treatments .earlyMed .flipper > div {
    background-color: #ffefc8;
}

.medication div.flipButton,
.medication div.passButton:not(.passThisHour),
.medication div.more,
.medication div.status{
    width: 50px;
    position: absolute;
    display: block;
    bottom: 0;
    height: 49px;
    background: #d6d6d6;
}
.medication div.passButton.pass.active {
	background: #4C8FCC;
}
.medication div.passButton.exception.active {
	background: #dcaf2c;
}
.medication div.passButton.pass,
.medication div.status {
	right: 0;
}
.medication div.passButton.exception,
.medication div.more {
	left: 0;
}
div.passButton:not(.passThisHour):after,
div.status.prn:before,
div.more:after,
div.status:after{
    font: normal normal normal 14px/1 "Font Awesome 5 Free";
    margin: auto;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
	color: #fff;
    font-size: 38px;
    text-align: center;
    padding-top: 5px;
}
.medication div.flipButton:after,
.medication div.passButton:not(.passThisHour):after {
	color: #999;
}
.medication div.passButton.active:after {
	color: #fff;
}
div.more:after{
	content: "\f055";
}
div.status.hasPasses:after{
	content: "\f111";
}
div.historyCol.status.hasPasses:after{
	color: #999;
}
div.futureCol.status.hasPasses:after{
	color: #ccc;
}
div.status.prn:before{
	content: "\f055";
	top: auto;
	right: auto;
    z-index: 1;
    background: green;
    padding: 2px;
    font-size: 18px;
    border-radius: 18px;
}
div.passButton.pass:after,
div.status.passed:after,
div.status.allMedsPassed:after{
	content: "\f058";
}
.onhold div.passButton.pass:after,
.onhold div.status.passed:after,
.onhold div.status.allMedsPassed:after{
	content: "\f28b";
}
div.passButton.exception:after,
div.status.exception:after{
	content: "\f057";
}
div.status.notPassed {
}
div.status.notPassed:after {
	content: "\f111";
	color: #999;
}
div.status.missedPass:after {
	content: "\f057";
}
.medication .status.passed,
.currentCol.allMedsPassed { background-color:#4C8FCC ; }
div.historyCol.status.allMedsPassed:after{ color: #4C8FCC; }
.medication .status.missedPass,
.currentCol.missedPass { background-color: #e22626; }
div.historyCol.status.missedPass:after{ color: #e22626; }
.medication .status.exception,
.currentCol.exception { background: #dcaf2c; }
div.historyCol.status.exception:after{ color: #dcaf2c; }


.btn-group.btn-group-justified > .btn {
	padding: 6px 0;
}
.historyCol{ background-color:#464646; }
.statusIcons {
    position: absolute;
    color: #dcdcdc;
}
.galleryPhoto > .statusIcons {
	width: 100%;
	text-align: center;
    top: 108px;
    opacity: 0.8;
    margin-left: -10px;
}
.resPanel > div > .statusIcons {
    top: 0;
    right: 0;
}
#rx-treatments .passThisHour {
	display: none;
}
#rx-treatments.otherTime .passButton.passThisHour {
	display: block;
}
#rx-treatments.allTimes .passButton.passThisHour {
	display: none;
}
#rx-treatments .miscorder .flipper > div {
    color: #337ab7;
}
.vital-status-icons > i {
    margin: 2px;
    color: #ddd;
	border-radius:2px;
}
.vital-status-icons > i.hasvalue.reqstate-0 {
    color: #111;
}
.vital-status-icons > i.reqstate-1 {
    border: 2px solid #f0ad4e;
}
.vital-status-icons > i.reqstate-2 {
    border: 2px solid #d9534f;
}
.vital-status-icons > i.hasvalue.reqstate-1,
.vital-status-icons > i.hasvalue.reqstate-2 {
    background: #4c8fcc;
    color: #fff;
}
.vitalCard > div > div {
    font-size: 1.5em;
    background: #fff;
    padding: 18px 0px;
    border-radius: 8px;
    border: 4px solid #ddd;
	cursor: pointer;
}
.vitalsModalTable small {
    line-height: 14px;
    display: inline-block;
    height: 36px;
    overflow: hidden;
    margin: 0;
    margin-bottom: -18px;
	text-align: center;
	width: 100%;
}
.modal-body .reqstate-0,.modal-body .reqstate-1,.modal-body .reqstate-2 {
    line-height: 36px;
    min-height: 42px;
    padding-top: 4px;
}
/*.modal-body .reqstate-0 {
    background: #eee;
}
.modal-body .reqstate-1 {
    background: #f0ad4e;
	color: #fff;
}
.modal-body .reqstate-2 {
    background: #d9534f;
	color: #fff;
}*/
.lastVitalVal {
    background: #5bc0de;
    display: block;
    border-radius: 8px;
    color: #fff;
    font-weight: bold;
}
.show-prns .res-right-header #prn-toggle::after{
    background-color: #ff3c00;
}
/*#allergies button,#diagnosisList button,#fullResProfile button,#resInfo button{
    display: inline;
    float: right;
    position: relative;    
}*/
#inforOrders {
	margin-top:5px;
}
#resInfoButton  a,#fullResProfileButton a ,#resDiagnosisButton  a,#resAllergiesButton  a{
    display: block;
    width: 100%;
    height: 100%;
    text-align: left;
    line-height: 36px;
}
#resInfoButton  a > img,#fullResProfileButton a  > img,#resDiagnosisButton  a > img,#resAllergiesButton  a > img{
    border: none;
    float: right;
    display: block;
    height: 100%;
    margin-top: 3px;
}
#reslinks button > a{
    float:left;
}
.toPass{
    opacity: 1;
}
.currentCol{
    background:#fff;
}
#vitalsExpand{
    display: none;
    background-color: #eee;
    padding: 20px;
}
#bloodPressure:before{
    content: 'Blood pressure : ';
}
#bloodPressureStand:before{
    content: 'Blood pressure (standing) : ';
}
#pulse:before{
    content: 'Pulse : ';
}
#bodyTemp:before{
    content: 'Body Temperature : ';
}
#respiration:before{
    content: 'Respirations : ';
}
#vitalType,#vitalVal,#vitalPrescrip{
    width: 50%;
}
#recordNewVital{
    padding-top: 20px;
    border-top: 2px rgb(192,192,192) solid;
    margin-top: 10px;
}
#hardCodeDate{
    width: 200px;
}
#reslist{
    /*padding-top: 75px;*/
    background-color: #EDEDF4;
}
@media (max-width: 530px){
    #res-right-bar >h3{
        font-size: 18px;
    }
    select#passTimeFilter{
        height: 25px;
    }
    span.toggleSpan{
        line-height: 30px;
    }
}
@media (max-width: 525px){
    #resInfoButton  a > img,#fullResProfileButton a  > img,#resDiagnosisButton  a > img,#resAllergiesButton  a > img{
        height: 90%;
        margin-right: -5px;
        margin-top: 5px;
    }    
}
@media (max-width: 515px){
    div#reslist .panel.panel-info.row >div.panel-heading{
        font-size: 16px;
    }

}
@media(max-width: 614px){
    span.toggleSpan {
        line-height: 35px;
        display: inline-block;
        position: absolute;
        right: 5px;
        top: 15px;        
    }
    select#passTimeFilter{
        display: block;
        margin-top: 20px;
    }

}
@media (max-width: 470px){
    div#reslist .panel.panel-info.row >div.panel-heading{
        font-size: 16px;
    }
    .medpanel >img{
        margin:15px 5px;
    }
    .medpanel > div.noPass{
        margin: 15px 5px;
    }
    .medpanel{
        min-width: 150px;
    }    
}
#qaControls{
    border: 1px solid black;
    padding: 20px;
}
.modal-footer .btn-block {
	margin-top: 0 !important;
}
#loadingMessage {
    margin-top: 35vh;
}
#loadingMessage > p {
    color: #999;
    text-align: center;
    line-height: 1em;
    font-size: 4em;
}
.minipic.cartrow {
    height: 114px;
	width: 93px;
	display: inline-block;
    margin-left: 4px;
    margin-top: 4px;
    position:relative;
}
.minipic.cartrow > span {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    line-height:1.1;
    background: rgba(255,255,255,0.8);
    text-align:center;
    font-weight:bold;
}
.navbar {
	margin-bottom: 0;
	position: fixed;
	left: 0;
	right: 0;
	top:0;
	z-index: 10;
}
.gray {
	position: relative;
}
.prnCount {
    background-color: #fff;
	color:#000;
    position: absolute;
    bottom: 34px;
    left: 8px;
    padding: 4px;
	border-radius: 8px;
}
.medication .passButton.disabled {
    background: #a44 !important;
}
.timeBar {
	position: absolute;
	border-radius: 4px;
	background-color: #4C8FCC;
	color: #fff;
	line-height: 1;
    padding: 0 4px;
	border: 1px solid #aaa;
}
.labelBar, #timeLabels {
    min-height: 4em;
}
.hourLabel {
	position: absolute;
	border-left: 1px solid #222;
	height: 1.5em;
	bottom: 0;
	text-align: center;
	font-size: 11px;
	width: 4%;
}
.currentTimeMarker {
    border-left: 1px solid red;
    height: 130%;
    position:absolute;  
}
.panel .labelBar {
    margin-top: .3em;
	background-color: #ddf;
	border-radius: .25em;
	overflow:hidden;
}
.resnav > .col-xs-4 {
    padding: 4px;
}
.breadcrumb {
	margin-top: 52px;
}
.btn-group > .btn-default.active {
	background-color: #66FF78;
}
#specialnote .label {
    font-size: 1.75em;
    text-transform: uppercase;
    display: inline-block;
    white-space: normal;
    line-height: 1em;
}
.done .row > div:first-child,.galleryPhoto.done {
    background-color: #afffaf;
}
.notCurrent .row > div:first-child,.galleryPhoto.notCurrent {
    background-color: #b5b5b5;
}
.outOfFacility .row > div:first-child,.galleryPhoto.outOfFacility {
    background-color: #a5a5a5;
}
.selfAdmin .row > div:first-child,.galleryPhoto.selfAdmin {
    background-color: #afafff;
}
.lock-screen-img {
	display:inline-block;
	width: 25vh;
	height: 25vh;
	margin-left:auto;
	margin-right:auto;
    border: 4px solid #ddd;
    border-radius: 5vh;
}
.navbar {
	background-color: #f8f8f8;
	z-index: 50;
}
#rx-treatments.selfAdmin,
#rx-treatments.outOfFacility {
    background: #ddd;
}

.cartStats > span {
    display: inline-block;
    background: #f66;
    color: #fff;
    font-weight: bold;
    line-height: 1;
    padding: 8px;
    border-radius: 4px;
}
#otherUsers {
    max-height: 50vh;
    overflow-y: scroll;
    overflow-x: hidden;
}
.userbutton {
    text-align:  left;
}
span.userport {
    display: inline-block;
    height: 32px;
    width: 32px;
    vertical-align: middle;
    margin-right: 4px;
    background-size: cover;
    background-position: center;
    border-radius: 4px;
}
#cartWrapper {
	position:absolute;
}
.prescripRow > div > .row {
    margin-top:4px;
}
.passtimepopover { font-weight: bold; font-size: 14px; padding: 8px 6px; border-radius: 6px; background: #ccc; }
.passtimediv .popover { min-width: 150px; }
.medcount{ border-bottom: 2px solid #333; }
.has-error .btn-group.btn-group-justified > * {
    border-color: #a94442;
}
.unitsuggest {
	margin-left: 1em;
}
.unitsuggest,
.ss-row.highlight > div {
	background-color: #ff0;
	color: #000;
}

.anim-pulse {
    box-shadow: 0 0 0 0 rgb(232 76 61 / 70%);
    -webkit-animation: anim-pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: anim-pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: anim-pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: anim-pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
.noexceptionremarks .exception .remarksRow {
	display: none;
}
div.prescriptionNotes {
	color: #058ae0;
}
@-webkit-keyframes anim-pulse {to {box-shadow: 0 0 0 24px rgba(232, 76, 61, 0);}}
@-moz-keyframes anim-pulse {to {box-shadow: 0 0 0 24px rgba(232, 76, 61, 0);}}
@-ms-keyframes anim-pulse {to {box-shadow: 0 0 0 24px rgba(232, 76, 61, 0);}}
@keyframes anim-pulse {to {box-shadow: 0 0 0 24px rgba(232, 76, 61, 0);}}

.pt-inr-date.datepicker-dropdown {
    right: 0 !important;  /* Align it to the right */
    left: auto !important;
  }