﻿#Form1 {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background: white;
}

@media print {
	#Form1 {
		position: relative;
	}

	.noPrint {
		display: none !important;
	}
}

html, body {
	margin: 0px;
	background: white;
	height: 100%;
	overflow-y: scroll;
}

.highlight {
	background-color: #ff5414;
}

.stretchMargin {
	margin-right: auto;
	margin-left: auto;
}

.borderBox {
	box-sizing: border-box;
}

.main {
	padding-bottom: 8px;
	min-height: 89%;
	height: 89%;
}

body {
	font-size: .80em;
	font-family: "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #357EBD;
}

.CompanyLogo {
	height: 4.75em;
}

.homebutton {
	border-width: 0;
	height: 2em;
}

.logoutbutton {
}

.addbutton {
}

.pageTitle {
	font-size: large;
	color: #004791;
}

.pendingAdmissionName {
	color: #004791;
	font-weight: bold;
}

.pendingFormAndStatus {
	color: black;
}

.pendingServiceAndDate {
	color: gray;
}

.pendingAndVisitsGrid {
}

tr.visitationScheduleRow td {
	height: 60px;
}

tr.visitForms td {
	height: 60px;
}

tr.pendingAndVisitsRow td {
	height: 60px;
}

.hideNoChange {
	display: none;
}

.formlabel {
	background: #4C90CD;
	text-align: left;
	border-top: 2px solid white;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 5px;
	color: white;
	width: 150px;
}

.formlabelChanged {
	background: #ff5414;
	text-align: left;
	border-top: 2px solid white;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 5px;
	color: white;
	font-weight: bold;
	width: 180px;
	position: relative;
}

.printQuestionsTable {
	margin-top: 2px;
	margin-bottom: 2px;
	width: 100%;
	text-align: left;
	font-family: verdana;
	padding-right: 8px;
}

.printQuestionCell {
	width: 33%;
	border-right: 1px solid #7E9CC2;
	border-left: 1px solid #7E9CC2;
}

.supportRow {
	display: table-row;
	background: #4C90CD;
}

.supportRow[height="0px"] {
	display: none;
}

.supportCell {
	padding: 3px;
}

.rowSupportFirstCell {
	width: 5px;
	background: #4C90CD;
}

.rowSupportSecondCell {
	background: #4C90CD;
	min-width: 500px;
}

.rowSupportThirdCell {
	width: 5px;
	background: #4C90CD;
}

.divSupportRemoveContainer {
	width: 5px;
	background: #4C90CD;
	border-top: 2px solid white;
	text-align: center;
	vertical-align: middle;
}

.divSupportRemovePanel {
	width: 5px;
	text-align: center;
	vertical-align: middle;
	background: white;
	border-top: 2px solid #ff5414;
	border-right: 2px solid #ff5414;
	border-bottom: 2px solid #ff5414;
	border-left: 2px solid #ff5414;
}

.divSupportRemovePanel img {
	vertical-align: middle;
	display: table-cell;
}

.formbody {
	background-color: #F3F7FA;
	border-top: 2px solid #4C90CD;
	padding: 3px 6px 4px 6px;
	vertical-align: top;
	width: 732px;
}

.formbody.mobile {
	border: none;
}

.mainTableBody {
	border-bottom: 2px solid #4C90CD;
}

.firstRow {
	border-top: 2px solid #4C90CD;
}

.lastRow {
	border-bottom: 2px solid #4C90CD;
}

.divSubtitle {
	padding-left: 12px;
	padding-top: 4px;
	padding-bottom: 2px;
	font-weight: normal;
}

table {
	display: table;
	border-collapse: separate;
	border-spacing: 0px;
	border-color: gray;
	-webkit-border-horizontal-spacing: 0px;
	-webkit-border-vertical-spacing: 0px;
}

.hyperlinkDiv {
	cursor: pointer;
	color: blue;
	text-decoration: underline;
}

.divSupportPanelOpener {
	cursor: pointer;
	text-align: right;
	vertical-align: baseline;
	display: table-cell;
}

.divSupportPanelRemove {
	background: white;
	cursor: pointer;
}

.divSupportPanelRemove img {
	vertical-align: middle;
	display: table-cell;
}

.headerIpocDiv {
	height: 4.5em;
	background: #4C90CD;
	color: white;
	cursor: pointer;
	position: relative;
	font-weight: bold;
}

.headerIpocDivPicture {
	position: absolute;
	right: 5px;
	bottom: 5px;
}

.personalIpocDiv {
	width: 100%;
	height: 4.5em;
	background: #004791;
	color: white;
	font-weight: bold;
}

.admissionNameAndCode {
	color: #366095;
	font-weight: bold;
	font-size: large;
}

.labelCP {
	color: #366095;
	font-size: 11pt;
}

.displayFormButtonTables {
	margin-right: -5px;
	display: inline-table;
	text-align: center;
	background: #F1F5F8;
	height: 100%;
}

.buttonsTable {
	text-align: center;
	background: #F1F5F8;
	height: 100%;
}

.buttonsTable .command {
	padding: 0px 10px;
	cursor: pointer;
	min-width: 45px;
}

.buttonsTable .command:hover {
	background-color: rgb(255, 242, 221);
}

.buttonsTable .command.wide {
	padding: 0px 20px;
	cursor: pointer;
}

.buttonsTable .command .icon {
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-bottom: -1px;
}

.buttonsTable .divider {
	padding-left: 4px;
	background-color: white !important;
}

.buttonsTable .pusher {
	width: 100%;
}

.serviceAndDate {
	color: #366095;
	font-size: large;
}

.visitPatientAndPhysician {
	color: #366095;
	font-size: small;
}

.personalIpocLabelClass {
	position: relative;
	top: 36%;
}

.displayFormImageButtons {
	width: 32px;
	height: 32px;
}

.displayFormImageCell {
	cursor: pointer;
}

.medicalFormContainer {
	background: #F1F5F8;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

.tableBufferCell {
	padding-left: 4px;
	background-color: white;
}

.divSupportPanel {
	background: white;
	border-top: 2px solid #ff5414;
	border-bottom: 2px solid #ff5414;
	border-left: 2px solid #ff5414;
	padding: 3px 6px 4px 6px;
}

.controlWithHand {
	cursor: pointer;
}

.controlWithHand[disabled="disabled"] {
	cursor: default;
}

.section {
	font-size: 2em;
	padding: 12px 8px 8px 8px;
}

.pain {
	display: inline-block;
	margin-left: 4px;
	margin-right: 4px;
}

.pain * {
	display: block;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	margin: auto;
}

.current .pad {
	cursor: crosshair;
}

/* This is to allow MobiScroll to be active at the same time as the popup window. */
.dw {
	z-index: 1100 !important;
}

/* ---------------------------------------------------------- HEADINGS */
h1, h2, h3, h4, h5, h6 {
	font-size: 1.5em;
	font-weight: 200;
	color: #357EBD;
	text-transform: none;
	margin-top: 5px;
	margin-bottom: 5px;
}

h1 {
	font-size: 1.6em;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

h2 {
	font-size: 1.5em;
	font-weight: 600;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1.1em;
}

h5, h6 {
	font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
	margin-top: 0px;
}


/* ---------------------------------------------------------- PRIMARY LAYOUT ELEMENTS */
.page {
	background-color: #fff;
	margin: 0px;
	border: 1px solid #496077;
}

.header {
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.header h1 {
	font-weight: 700;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	color: #f9f9f9;
	border: none;
	line-height: 2em;
	font-size: 2em;
}

.leftCol {
	padding: 6px 0px;
	margin: 12px 8px 8px 8px;
	width: 200px;
	min-height: 200px;
}

.footer {
	display: none;
	color: #CFE3FC;
	padding: 4px 0 4px 0;
	margin: 0 auto;
	text-align: center;
	line-height: normal;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20;
	background-color: #CFE3FC;
	width: 100%
}

/* ---------------------------------------------------------- TAB MENU */
div.hideSkiplink {
	background-color: #3a4f63;
	width: 100%;
}

div.menu {
	padding: 4px 0px 4px 8px;
}

div.menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: auto;
}

div.menu ul li a, div.menu ul li a:visited {
	background-color: #465c71;
	border: 1px #4e667d solid;
	color: #dde4ec;
	display: block;
	line-height: 1.35em;
	padding: 4px 20px;
	text-decoration: none;
	white-space: nowrap;
}

div.menu ul li a:hover {
	background-color: #bfcbd6;
	color: #465c71;
	text-decoration: none;
}

div.menu ul li a:active {
	background-color: #465c71;
	color: #cfdbe6;
	text-decoration: none;
}

/* ---------------------------------------------------------- FORM ELEMENTS */
fieldset {
	margin: 1em 0;
	padding: 1em;
	border: 0;
}

fieldset p {
	margin-bottom: 10px;
	margin-top: 2px;
	margin-right: 12px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label {
	display: block;
}

fieldset label.inline {
	display: inline;
}

legend {
	font-size: 1.1em;
	font-weight: 600;
	padding-right: 4px;
	padding-top: 2px;
}

div.accountInfo {
	width: 400px;
}

/* ---------------------------------------------------------- MISC */
.clear {
	clear: both;
}

.title {
	display: block;
	float: left;
	text-align: left;
	width: auto;
}

.loginbutton {
}

.loginDisplay {
	font-size: 1.1em;
	display: none;
	text-align: right;
	padding: 10px;
	color: black;
}

.loginDisplay a:link {
	color: blue;
}

.loginDisplay a:visited {
	color: blue;
}

.loginDisplay a:hover {
	color: blue;
}

.failureNotification {
	font-size: 1.2em;
	color: Red;
}

.bold {
	font-weight: bold;
}

.submitButton {
	text-align: right;
	padding-right: 10px;
}

.ICD9_Table {
	border-spacing: 5px;
}

input[type="text"], textarea, input[type="password"], input[type="number"], select {
	border-width: 2px;
	border-color: rgb(76, 144, 205);
	border-style: solid;
}

.newColorInputBorder {
	border-color: #004791 !important;
}

.newColorFont {
	color: #357ebd;
}

.darkBlue {
	color: #004791;
}

.darkBlueBorder {
	border-width: 2px;
	border-color: #004791;
	border-style: solid;
}

.marginLeft {
	margin-left: 5px;
}

.marginRight {
	margin-right: 5px;
}

input[type="text"].textEntry {
	width: 320px;
	border: 2px solid #004791;
}

input[type="password"].passwordEntry {
	width: 320px;
	border: 2px solid #004791;
}

.buttonImages {
	margin-bottom: 5px;
	margin-right: 4px;
	display: inline-block;
	vertical-align: middle;
	height: 16px;
	width: 16px;
}

button, input[type="button"], input[type="submit"] {
	height: auto !important;
	color: white;
	background: #004791 no-repeat center;
	background-size: 100% 125%;
	font-weight: bold;
	border: none;
	padding: 4px 8px;
	border-radius: 4px;
	cursor: pointer;
}

button[disabled="disabled"], input[type="button"][disabled="disabled"], input[type="submit"][disabled="disabled"] {
	color: #EEE;
	background-color: #AAA;
}

.pluploadButton {
	margin: 2px;
	background: #004791 no-repeat center;
	-ms-filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader( src=\'Content/Images/bluebutton.png\', sizingMethod=\'scale\')';
	color: white;
}

.searchicon {
	height: 24px;
}

.deleteicon {
	height: 16px;
}

.visiticons {
	height: 24px;
	width: 24px;
}

.tablewidth {
	margin-right: 5px;
}

.scheduleto {
	width: 12.5em;
}

.visitInfo, .agencyInfo {
	font-size: 16px;
}

.formversions {
	width: 24px;
	height: 24px;
}

/*///////////////////////////////////////////////*/
.woundCareTable {
	border-width: thin;
	border-spacing: 1px;
	border-style: groove;
	border-color: gray;
}

.woundCareTableHeader {
	border-width: 1px;
	padding: 2px;
	border-style: outset;
	border-color: gray;
	background-color: transparent;
}

.mrGuyButton {
	color: white !important;
	background: #004791 no-repeat center !important;
	background-size: 100% 125% !important;
	-ms-filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader( src=\'Content/Images/bluebutton.png\', sizingMethod=\'scale\')';
}

.mrGuyButton[disabled="disabled"] {
	background: #AFAFAF no-repeat center !important;
	background-size: 100% 125% !important;
	-ms-filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader( src=\'Content/Images/bluebutton.png\', sizingMethod=\'scale\')';
}

.mrGuyImgContainer {
	width: 640px;
	height: 590px;
	margin-top: 5px;
	position: relative;
	background-color: gainsboro;
}

.mrGuyImg {
	width: 590px;
	height: 590px;
	top: 0;
	left: 0;
	position: absolute;
}

.pointSpanner {
	right: 0;
	top: 5px;
	position: absolute;
	padding: 12px;
	transition: transform .2s;
	-webkit-transition: transform .2s;
	cursor: grab;
}

	.pointSpanner:hover, .bigger {
		transform: scale(2);
		-webkit-transform: scale(2);
	}

.trash {
	right: 0;
	bottom: 5px;
	position: absolute;
	padding: 5px 7px 6px 8px;
	transition: transform .2s;
	-webkit-transition: transform .2s;
}

.trash_on {
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	filter:
		drop-shadow(3px 3px 5px FireBrick)
		drop-shadow(-3px -3px 5px #B22222AA)
		drop-shadow(3px -3px 5px #B22222AA)
		drop-shadow(3px -3px 5px #B22222AA);
}

/*///////////////////////////////////////////////*/

.cancelicon {
	height: 20px;
	cursor: pointer;
}

.sectionsPopup {
	list-style-type: none;
	color: white;
	background: rgb(76, 144, 205);
	padding: 4px;
	margin-left: 4px;
	margin-top: 4px;
}

ul.photos li {
	width: 350px;
	min-height: 250px;
	border: 1px solid #000;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	margin: 5px;
	zoom: 1;
}

.thumbnails {
	opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
	width: 350px;
}

ul.photos a:hover img {
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}

ul.photos a:hover {
	color: #c8ddf4;
}

.btnSelectPhotos {
	color: #c8ddf4;
}

.photoDescription {
	text-align: center;
	color: #0446b4;
}

.textareaPhotoDescription {
	min-width: 343px;
	max-width: 343px;
	min-height: 40px;
	width: 343px;
	height: 40px;
	text-align: center;
}

.photoEditHidden {
	display: none;
}

.bar {
	height: 18px;
	background: green;
}

.iconsMuquestions {
}

.clearButtonInMedicalControl {
	height: 24px;
	vertical-align: bottom;
}

.searchButtonInMedicalControl {
	height: 24px;
	vertical-align: bottom;
}

.progressbarPhotoUpload {
	height: 1em;
}

.photoDeleteLoading {
	display: block;
	position: relative;
	z-index: 1000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba( 255, 255, 255, .9 ) url('../Content/Images/loading2.gif') 50% 50% no-repeat;
}

.disabledButtons {
	filter: alpha(opacity=25);
	-moz-opacity: 0.23;
	opacity: 0.25;
}

.splinstructions {
	height: 5em;
}

.hasDatepicker {
	width: 6em
}

.donotchangeSelection {
}

tr.tableRowEven td:not(.fadeOutColumn) {
	background-color: #d8e3ef
}

tr.tableRowOdd td {
}

/* ---------------------------------------------------------- EMR GRID STUFF */
.emrattachmenttable {
	width: 100%;
}

.emrattachmentfilenamecell {
	text-align: center;
}

.emrattachmentfilenameicon {
}

.autogrowAlphaNumericText {
	resize: none;
	vertical-align: top;
	height: 16px;
}

.autogrowBigText {
}

.errorImage {
	top: 13.25em;
	left: 96%;
}

.errorDivHeight {
	height: 25em;
}

.importicon {
	height: 24px;
	width: 24px;
}

.showchangeddiv {
	font-size: 1em;
	margin-right: 10px;
	margin-bottom: 5px;
	float: right;
}

.sectionsDialog_CurrentSectionIndicator {
	height: 16px;
	width: 16px;
	margin-right: 2px;
}

.h2Margin {
	margin-left: 5px
}

.fullcontentStyle {
	max-width: 1024px;
	min-width: 605px;
}

.fontsizeMedium {
	font-size: medium;
}

.actualdateofservice {
	text-align: right;
	width: 175px;
}

.msTouchStyle {
	-ms-touch-action: none;
	-ms-user-select: none;
	touch-action: none;
}

.searchiconEMR {
	height: 16px;
}

.emrPagetitle {
	font-size: large;
	color: #004791;
}

.addressfontsize {
}

.prevnextButtonHeight {
}

.miscfontsize {
}

.trianglebordersel {
	background: rgb(76, 144, 205) url(../Content/Images/triangle.png) no-repeat right center;
	background-size: 10%;
	padding-right: 7px;
}

/* manually vertical align date input, calendar and cancel buttons only inside the form */
#tblBody * img.datecancelicon, #tblBody * img.ui-datepicker-trigger {
	position: relative;
	top: 5px;
}

.datetextboxalign {
	vertical-align: top;
}

.datedivpadding {
	padding-top: 4px;
}

.iconmoveleftandright {
	height: 20px;
}

.timecancelicon {
	margin-top: 4px;
}

.timetextboxalign {
	vertical-align: top;
	margin-top: 4px;
}

.icd9removecontainer {
	width: 5px;
	background: #4C90CD;
	text-align: center;
	vertical-align: middle;
	height: 100%
}

.icd9removeicon {
	background: white;
	cursor: pointer;
	width: 10px;
	height: 12px;
}

.icd9codewidth {
	width: 120px;
}

tr.bradenscaletrborder td {
	border-bottom: 1pt solid silver;
}

.bradenscalerightborder {
	border-right: 1pt solid silver;
}

.bradenscalealignment {
	vertical-align: top;
	padding: 5px;
}

.backgroundColorRed {
	background-color: #C0504D;
}

.backgroundColorOrange {
	background-color: #F79646;
}

.backgroundColorYellow {
	background-color: #FFDD47;
}

.backgroundColorGreen {
	background-color: #9BBB59;
}

table.gridQuestionTable tr td {
	padding: 4px;
}

table.gridQuestionTable tr td.gridQuestionTdOption {
	text-align: center;
}

table.gridQuestionTable tr td.gridQuestionTdCheckBox {
	text-align: center;
}

table.gridQuestionTable tr td input.GridQuestionAlphaNumeric {
	width: inherit;
}

table.gridQuestionTable tr td input.GridQuestionNumeric {
	width: inherit;
}

img.uploadedFile {
	background: url(../Content/Images/loading2.gif) no-repeat center;
}

/*
[if IE]
.box
{
    width: 500px;  
    padding: 100px 0;  
}  
*/

.recipientDiv {
	background-color: white;
	border: 2px solid rgb(76,144,205);
	width: 100%;
	float: left;
	min-height: 20px;
	white-space: nowrap;
	width: -moz-calc(100% - 4px);
	width: -webkit-calc(100% - 4px);
	width: -o-calc(100% - 4px);
	width: calc(100% - 4px);
}

.recipientDivH {
	background-color: white;
	border: 2px solid rgb(76,144,205);
	width: 100%;
	float: left;
	min-height: 20px;
	white-space: nowrap;
}

.deleteItem {
	color: red;
	cursor: pointer;
	font-weight: bold;
	margin-right: 2px;
}

.entityDiv {
	background: rgb(255,245,215);
	float: left;
	border: 1px solid rgb(228,180,112);
	margin: 1px;
}

.entityDivSearchText {
	float: left;
	margin: 1px;
}

.lblWatermark {
	color: #D3D3D3;
	font-style: italic;
	vertical-align: middle;
}


/* ---------------------------------------------------------- AUTOCOMPLETE STUFF */
.autocomplete-w1 {
	background: url(img/shadow.png) no-repeat bottom right;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 6px 0 0 6px; /* IE6 fix: */
	_background: none;
	_margin: 1px 0 0 0;
}

.autocomplete {
	border: 1px solid #999;
	background: #FFF;
	cursor: default;
	text-align: left;
	max-height: 350px;
	overflow: auto;
	margin: -6px 6px 6px -6px; /* IE6 specific: */
	_height: 350px;
	_margin: 0;
	_overflow-x: hidden;
}

.autocomplete .selected {
	background: #F0F0F0;
}

.autocomplete div {
	padding: 2px 5px;
	white-space: nowrap;
	overflow: hidden;
}

.autocomplete strong {
	font-weight: normal;
	color: #3399FF;
}

input[type="text"].textAutoComplete {
	border-width: 0px;
	border-style: none;
	margin-left: 2px;
}

.divTeachings {
	cursor: pointer;
	color: blue;
	text-decoration: underline;
}

#minimizeChat {
	position: absolute;
	right: 1.75em;
	top: 30%;
	width: 19px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 18px;
}


/* ---------------------------------------------------------- JQUERY UI */
.ui-widget-overlay {
	position: fixed;
}

.ui-dialog {
	box-shadow: rgb(50 50 50 / 40%) 0px 0px 20px 0px;
}


/* ---------------------------------------------------------- CONTROLS STYLES */
.mc_AllergiesInformation {
	font-weight: bold;
}

.medicationEditor {
}

.medicationEditor > tbody > tr > td:nth-child(1) {
	text-align: right;
	padding-right: 5px;
}

.medicationEditor > tbody > tr > td:nth-child(2) {
	width: 100%;
}

.medicationEditor select, .medicationEditor input[type=text], .medicationEditor textarea {
	box-sizing: border-box;
}

.medicationEditor img.ui-datepicker-trigger {
	vertical-align: middle;
}

.woundsMainDiv {
	padding-top: 15px;
}

.woundsMainTable {
	width: 640px;
	padding: 10px;
	border-collapse: collapse;
}

.woundsMainTable td:nth-child(1) {
	min-width: 200px;
	text-align: right;
	padding-right: 10px;
}

.woundsMainTable td:nth-child(2) {
	width: 100%;
}

.woundsMainTable hr {
	width: 100%;
	border: none;
	border-bottom: 2px solid;
	border-color: rgb(76, 144, 205);
}

.woundsMainTable input[type="text"], .woundsMainTable select {
	width: 100%;
	box-sizing: border-box;
}

.painMainTable {
	width: 100%;
	border-spacing: 5px;
}

.painMainTable td {
	vertical-align: baseline;
}

.painMainTable > tbody > tr > td:nth-child(1) {
	min-width: 170px;
	text-align: right;
}

.painMainTable > tbody > tr > td:nth-child(2) {
	width: 100%;
}

.painMainTable hr {
	width: 100%;
	margin: 0;
	border: none;
	border-bottom: 2px solid;
	border-color: rgb(76, 144, 205);
}

.painMainTable input[type="text"], .woundsMainTable select {
	width: 100%;
	box-sizing: border-box;
}
