/**************************************************
Layout styles for Resident Tracker

Colors
- Main background: #96B83D

*/
body, .mt-menu-btn {
	background:#96B83D;
}

/* Styles needed to change the top left button's text and image per system */
#hamburger {
	/* background: transparent url(https://d1p7jztoc1019b.cloudfront.net/images/newIcons/apps/resTracker.png) no-repeat center center scroll !important; */
	background-size: 100% !important;
}
.hamburglar {
	background: transparent url(https://d1p7jztoc1019b.cloudfront.net/images/newIcons/apps/resTracker.png) no-repeat center center scroll !important;
}
.hamburglar-pro {
	background: transparent url(https://d1p7jztoc1019b.cloudfront.net/images/newIcons/apps/resTracker_PRO.png) no-repeat center center scroll !important;
}



.hamburgerText::after {
	content: attr(title) "ResidentTracker";
}
/* END Styles needed to change the top left button's text and image per system */

/***Back img**/
li.back img {
	display:none;
}
li.back a {
	display:none;
}

/* Layout: Page header */
#pageHeader:not(.RT_pro) {
	background: #fff url(https://d1p7jztoc1019b.cloudfront.net/images/newIcons/resTracker/res_tracker.png) no-repeat center;
}
.RT_pro {
	background: #fff url(https://d1p7jztoc1019b.cloudfront.net/images/newIcons/apps/res_tracker_pro.png) no-repeat center;
}
.contentPane h2{
	font:12pt/1.6 Arial,Helvetica,sans-serif;
	color:#666;	
}

/**************************************************/
/* Text colors */

table th,
label,
.label,
.tinymodal-content>h2:first-child{
	color:#21755C;
}

a:link:not(nav *, ul.modules *, [class*='mt_reportBuilder_'] *, .resultTitle, .activetab *),
a:visited:not(nav *, ul.modules *, [class*='mt_reportBuilder_'] *, .resultTitle, .activetab *),
a:hover:not(nav *, ul.modules *, [class*='mt_reportBuilder_'] *, .resultTitle, .activetab *),
a:active:not(nav *, ul.modules *, [class*='mt_reportBuilder_'] *, .resultTitle, .activetab *) {
	color:#21755C;
	text-decoration: none;
}

.logOut {
	background-color: #96B83D;
}

/**************************************************/
/* Search results */

.searchResults .resultTitle {
/* 	border-color:#21755C; */
	color:#000;
	display: inline-block;
}

/*
.searchResults>div:hover,
.searchResults>div:nth-child(odd):hover {
	background:#eff;
}
*/


/* Log entries search results */
.logEntries>div {
	padding:0.5em;
}

/* Tweak resident search layout to accomodate images */
.resSearch>div {
	padding-left:140px;
}/*
.imgCol {
	float:left;
	width:110px;
	margin-left:-110px;
}
.imgCol img {
	width:90%;
	margin:0 5%;
}*/


/* Flags */
.resFlags {
}
.resFlags img {
	margin:0 0.2em;
	cursor:help;
}

/* "No photo available" text */
.noPhoto {
	text-align:center;
	font-size:90%;
	padding:1em;
}

/* Image on the profile page */
.profileImg {
	text-align:center;
	vertical-align:middle;
}
.profileImg img {
	max-width:130px;
}


/**************************************************/
/* Profile */

/* Flagging info */
ul.flags {
	margin:0 0 0.5em 0;
	padding:0;
	list-style:none;
	position:relative;
}
ul.flags li {
	padding:0.4em 0 0.2em 0;
	min-height:18px;
}
ul.flags img {
	position:absolute;
	left:0;
	margin-top:-0.1em;
}

td span #resFlag {
	margin-left: 5px;
}


/**************************************************/
/* Active resident list in upper-right */

#resActiveList {
	/*float:right;
	margin:-31px 7.5em 0.3em 0;*/
	overflow:hidden;
	text-align: right;
	padding: 0 17px;
}

/**************************************************/
/* General Log form (main page) */

form.genLogForm {
	display:none;
	width:75%;
	margin:0 auto;
	padding:5px;
}

/*form.genLogForm input[type="submit"] {
	background-color:#96B83D;
	border: medium none white;
    border-radius: 0.3em 0.3em 0.3em 0.3em;
    padding: 5px 10px 5px 3px;
    text-align: center;
    color:#fff;
    font-size:10pt;
}
form.genLogForm table{
	border:none;
	background:#e2e4e5;
	margin:0 auto;
	border-radius: 0em 3.3em 3.3em 3.3em;
	padding:5px;
}
form.genLogForm table>caption{
	border:none;
	background:#e2e4e5;
	padding:1em;
	border-radius: 3.3em 3.3em 0em 0em;
	font-size:12pt;
	margin:0;
	width:40%;
	
}
form.genLogForm>table td{
	border:none;
	padding:7px 30px;
}
form.genLogForm>table th{
	border:none;
	padding:7px 30px;
}*/
form.genLogForm>table>caption .simplemodal-close {
	float:right;
	font-size:18pt;
	cursor:pointer;
	height:23px;
	padding:0 1em;
}
#simplemodal-overlay {
	background-color:#000;
}
#genForm {
	margin-left:55em;
	margin-bottom:-25px;
}

/*Displays the form icon
#contentDiv>ul.modules:after {
	content:url("../images/icons/resTracker/genLog.png");
	position:absolute;
	margin:0.6em 1em 0 155px;
}
/*General Log Form Popup
.genForm {
	margin:0 0 -10px 55em;
}*/

/*aftercare log*/
.actions {
	float:right;
}
#print {
	font-size: 13pt;
	font-weight: bold;
	float:right;
	padding:9px;
}
/**************************************************/
/* Firefox column align fixes */
table#resFees tbody tr td:nth-child(4) { /* Dollar amount in resident fees */
	text-align:right;
}
table#resChecks tbody tr td:first-child, /* Check number */
table#resChecks tbody tr td:nth-child(5), /* Dollar amounts in resident checks */
table#resChecks tbody tr td:nth-child(6) {
	text-align:right;
}

table#strikeLog tbody tr td:nth-child(3) { /* Strike value */
	text-align:right;
}

table#grantReport tbody tr td {
	text-align:right;
}
table#grantReport tbody tr td:first-child {
	text-align:left;
}


/**************************************************/
/* Weekly review form */

/* Reset label styles */
#weeklyReview label,
#weeklyReview .label {
	display:inline;
	font-size:inherit;
	color:#000;
}


/**************************************************/
/* Specific form fields */

/* Height fields */
#height_ft,
#height_in {
	width:2em;
	text-align:right;
}

/* Weight field */
#weight {
	width:3em;
	text-align:right;
}

/* Amount fields */
#amt,
#amt_new,
#autoFee {
	width:5em;
	text-align:right;
	margin-left:0.2em;
}

/* Anything in the eduCenter form */
#eduCenter input[type="text"] {
	text-align:right;
}
#eduCenter label {
	font-size:inherit;
}

/**************************************************/
/* Date picker link */
.datePickerLink {
	background-image:url('../images/icons/resTracker/calendarIconRes.png'); // TC: absolute path "/" breaks on devops
}

/*Bed Check-in List*/

/*Resident Type colors*/
.bedVol{
	background-color:#d171cc;
}
.bed {
	background-color:#fff;
}
.bedShort {
	background-color:#CCFFBB;
}
.bedLong {
	background-color:#87CEEB;
}
.bedWork {
	background-color:#FFFFBB;
}

/*Light Status - for hope*/
.light{
	border-radius: 50%;
	width: 20px;
	height: 20px;
	display: inline-block !important;
}
.light.G{
	background-color: #96B83D;	
}
.light.Y{
	background-color: #e3be44;	/*#FD941C*/
}
.light.R{
	background-color: #d23d3d;	/*#D01619*/	
}
.light.overall{
	width: 25px;
	height: 25px;
}
.light.report{
	margin: 0 .4em 0 0;
	float: left;
	font: 12pt/1.2 Rockwell,Arial,Helvetica,sans-serif;
	text-align: center;
	line-height: 22px;
	vertical-align: middle; 
	}
	
	
	
/************* Res Tracker - KO **********************/
.spacer-vert {
	width: 10px;
}
.table-space {
	height: 25px;
}
.row-container {
	min-width: 940px;
}
.resLogoContainer {
	width: 256px;
	padding-right: 65px;
}
.report-card-logo {
	width: 100%;
}
.report-card-h3 {
	font-size: 25pt;
	text-transform: uppercase;
	
}
.report-card-h4 {
	font-size: 17pt;
	margin: 0px;
	font-weight: normal;
}
.resHeader {
	padding-bottom: 60px;
}
.resHeader .cell{
	display: inline-block;
	vertical-align: middle;
}
.section-header h3{
	font-size: 12pt;
	margin: 0px;
	color: #fff;
	font-weight: normal;
	text-transform: uppercase;
	padding: 0px 15px;
}
i.header-text {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	line-height: 20px;
	width: 60%;
	padding-right: 105px;
	font-size: 14pt;
}

/*for the outcomes general report operational metrics*/
i.header-text-general, a.header-text-general {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	line-height: 20px;
	width: 60%;
	padding-right: 20px;
	font-size: 14pt;
}

/* removed a+span from selector */
.section-header i+span 
{
	margin-left: 8px;
}
.section-header span {
	display: inline-block;
	vertical-align: middle;
	font-size: 15pt;
	font-weight: bold;
}
.resHeader .cell h4{
	font-size: 15pt;
	margin: 0px;
}
.outcome-label {
	  color: #fff;
	  margin: 0;
	  line-height: 100%;
}
.cell.section-header {
  height: 50px;
  background: #0D4C84 !important;
  text-align: center;
  padding: 10px 12px;
}
.overall-container {
	padding: 40px 10px 0px !important;	
}
/*.section-details {
	max-width: 312px;	
}*/

.section-details {
	max-width: 500px;
}
.section-details .cell:not(.section-header) {
	height: 55px;
	padding: 5px 30px;
	font-size: 12pt;
}
.section-details .row:not(.noAltColor):nth-child(even) {
	background: #E9E9EA !important;
}
.section-details .row:not(.noAltColor):nth-child(odd) {
	background: #F5F6F6 !important;
}
.metric-up h3,
.metric-down h3,
.metric-nochange h3 {
	padding: 0px 5px 0px 15px;
}

.metric-up h3 i,
.metric-down h3 i,
.metric-nochange h3 i{
	width: 83%;
}

h3 .report_icon {
	display: inline-block;
	height: 30px;
	width: 30px;
}

.section-header.outcome-green,
.section-header.metric-up {
/* 	background-color: #96B83D; */
	background: #79B242 !important;
}
.metric-up h3 .report_icon {
	background-image:url(../images/icons/resTracker/report_arrow_up.png) !important;
	background-repeat: no-repeat !important;
	background-size: contain;
}

.section-header.outcome-yellow,
.section-header.metric-nochange {
/* 	background-color: #e3be44; */
	background: #EDA620 !important;
}
.metric-nochange h3 .report_icon {
	background-image:url(../images/icons/resTracker/report_slashed_circle.png) !important;
	background-repeat: no-repeat !important;
	background-size: contain;
}

.section-header.outcome-red,
.section-header.metric-down {
/* 	background-color: #d23d3d; */
	background: #B42B33 !important;
}
.metric-down h3 .report_icon {
	background-image:url(../images/icons/resTracker/report_arrow_down.png) !important;
	background-repeat: no-repeat !important;
	background-size: contain;
}

.report-card-overall {
	text-align: center;
}
.report-card-overall p {
	font-size: 25pt;
	text-transform: uppercase;
}
.overall-percent {
	font-size: 60pt;
	color: #004B85;
	font-weight: bold;
}

.outcome-list {
	padding-left: 0;
}
.outcome-list li {
	list-style: none;
	height: 40px;
}
i {
  text-transform: inherit;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: normal;
  color: inherit;
}	

@media print { 
	.resHeader {
    padding-bottom: 10px;
	}	
	.report-card-h3 {
    font-size: 18pt;
	}
	.cell.section-header {
    padding: 2px 12px;
	}
	.section-details .cell:not(.section-header) {
    padding: 2px 15px;
	}
	.section-header h3 {
		padding: 0px;
    font-size: 10pt;
	}
	.section-header span {
    font-size: 13pt;
	}
	.table {
		page-break-inside: avoid;
	}
	
}

/*************************
   Generic Site Styles
*************************/
.table {
  display: table;
  width: 100%;
  height: 100%;
  table-layout: fixed; 
  float: none !important; 
}
.table.page{
  max-width: 1024px;
  margin: 0 auto;
}
main .table.page {
  height: auto;
}
.row {
  display: table-row;
}
.cell {
  display: table-cell;
  vertical-align: top;
  height: 100%;
  float: none !important;
}
.padding {
  padding: 0px 20px;
}
.padding-left {
  padding-left: 20px;
}
.padding-right {
  padding-right: 20px;
}
.bottom {
  vertical-align: bottom;
}
.middle {
  vertical-align: middle;
}
.table-header-group {
  display: table-header-group;
}
.table-footer-group {
  display: table-footer-group;
}
.modal {
  cursor: pointer;
}
.table.auto-height {
	height: auto;
}

.table.auto-width {
	width: auto;
}

.table.auto-all {
	height: auto;
	width: auto;
}

/*************** Resident Application ****************/
#resident-applicaiton-main,
#resident-applicaiton-policy,
.no-border {
	border: none !important;
	font-family: 'metropolismedium';
	font-weight: normal;
}	
#resident-applicaiton-policy {
	background-color: #F4CD64;
}
#resApp-header {
	background: none;
	border: none;
	position: relative;
    width:100%;
}
.application-block,
.application-info {
	display: block;
	text-align: left;
}
.application-block {
	background-color: #0E4B85 !important;
	color: #fff;
	padding: 0px 80px 20px 60px;
	margin: 0 auto;
}
.application-block>img {
	width: 500px;
	padding-top: 20px;
}
.application-block h1 {
	font-size: 42pt;
	font-family: 'klinicslabbold';
	font-weight: normal;
	padding-bottom: 10px;
}
.application-block h2 {
	border-bottom: solid 1px #fff;
	color: #6AB7E0;
	padding-bottom: 10px;
	font-size: 16pt;
	font-family: 'metropolislight';
	width: 110%;
}
.application-block p {
	padding-top: 10px;
	font-size: 14px;
	font-family: 'metropolisregular';
	font-weight: normal;
	letter-spacing: 1px;
}

.application-info {
	padding: 30px 0px 15px 30px;
	width: 300px;
	font-weight: normal !important;
	font-size: 11pt;
	top: 0;
	bottom: 0px;
	right: -345px;
	margin: auto;
}
.application-info img {
	width: 280px;
}
.application-info #res-address {
	padding: 20px 0px 15px 42px;
}
.application-info p {
	padding-left: 42px;
	line-height: 23px;
	margin: 0px;
}
.application-info p a {
	color: #000;
	text-decoration: none;
}
.application-info p span {
	display: block;
}
.application-info .bolded {
	color: #0E4B85;
	display: inline-block;
	font-weight: bold;
}

#resident-applicaiton-main tbody,
#resident-applicaiton-policy tbody {
	font-size: 10pt;
	line-height: 20px;
}
#resident-applicaiton-main tbody tr td {
	padding: 40px 40px 0px;
}
#resident-applicaiton-main tbody p:not(#res-steps) {
	margin-bottom: 15px;
}
#resident-applicaiton-main tbody p span {
	font-weight: bold;
}
#resident-applicaiton-main tbody ul li {
	list-style: initial;
	padding-bottom: 8px;
	font-size: 14pt;
}
#resident-applicaiton-main tbody ul li span {
	position: relative;
	top: -2px;
	font-size: 10pt;
}
#resident-applicaiton-policy tbody tr td {
	padding: 40px;
}
#resident-applicaiton-policy h2 {
	color: #000;
	text-align: center;
	font-size: 12pt;
	font-family: 'metropolisbold';
	padding-bottom: 10px;
}

@media print { 
	#resident-applicaiton-main,
	#resident-applicaiton-policy,
	.no-border {
		font-family: 'Arial';
	}	
	#resident-applicaiton-policy {
		background-color: #F4CD64 !important;
	}
	.application-block {
		padding-right: 100px;
	}
	.application-block h1 {
		font-size: 36pt;
	}
	.application-block h2 {
		width: 120%;
	}
	.application-block p {
		letter-spacing: 0px;
	}
	.application-info {
		padding: 0px 0px 10px 30px;
		font-size: 10pt;
	}	
	.application-info #res-address,
	.application-info p {
		padding-left: 50px;
	}
	.application-info img {
		margin-top: 15px;
		width: 250px;
	}
	#resident-applicaiton-main tbody,
	#resident-applicaiton-policy tbody {
		font-size: 8pt;
		line-height: 18px;
		letter-spacing: 0px;
	}
	#resident-applicaiton-main tbody tr td {
		padding: 0px 30px 0px;
	}
	#resident-applicaiton-main tbody p:not(#res-steps) {
		margin-bottom: 10px;
	}
	#resident-applicaiton-policy tbody tr td {
		padding: 20px;
	}
	#resident-applicaiton-policy h2 {
		padding-bottom: 5px;
		font-weight: bold;
	}
	#resident-applicaiton-policy .no-border p {
		margin: 7px 0px;
	}

}
.swatch {
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #000;
	height: 15px;
	width: 15px;
	margin-right: 0.3em;
}
.colorpicker {
	z-index: 100000;
}

#drillDown_filter {
	top: -1px !important;
}
#drillDown_length {
	top: 40px;
}

.inactiveResType {
	background-color: rgb(255, 204, 221);
}

#drillDown_filter {
	top: -1px !important;
}
#drillDown_length {
	top: 40px;
}



/**** Goals STD ****/

.warning-div {
	display:none;
	margin-top:5px;
}

.warning {
	color:red;
}