body {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size:11px;
  margin: 0px;
  padding: 0px;	
}

#container, #main, #content, #show { margin: 0px; padding: 0px; }

#header { display: none; }
#menu { display: none; }
#help, #sub-menu { display: none; }

.hide-on-print, .agenda-controls { display: none; }

/*----------------- table lists -------------- */
table.list {
	width: 100%;
  border-collapse: collapse;
	font-size: 11px;
  padding: 0px;
	margin: 0px auto 10px;
}

table tr.normal { background-color: #e9e6e4;}

table tr.alternate { background-color: #ffffff; border-top: 1px solid grey; border-bottom: 1px solid grey; }

table.list td, table.list th {
	font-size: 10px;
	padding: 2px 5px;
	text-align: left;
	vertical-align: top;
}

table.list tr td img {
	vertical-align: middle;
}

table.list tr.narrow td, table.list tr.narrow th, table.list.narrow tr td, table.list.narrow tr th {
	font-size: 9px;
	padding: 2px 5px;
	text-align: left;
	vertical-align: top;
}

table.list-short tr td, table.list-short tr th {
  font-size: 10px;
  padding: 1px 4px;
  text-align: left;
  vertical-align: top;
}

.page-break { display:block; page-break-before:always; }

#show.finance_summary, #show.finance_summary table.list { overflow: visible; }


/*--------------- assessments --------- */

fieldset {
  border: none;
}

fieldset:not(:first-of-type) {
  display: none;
}

.assessment-report {
  padding-top: 0px;
}

.assessment-form {
  padding-top: 0px;
}

.assessment-report table tr td, .assessment-form table tr td {
  border-left: 1px solid #E6E5E4;
  border-bottom: 1px solid #E6E5E4;
}

.assessment-form textarea {
  width: 100%;
  background-color: #FEF7DC;
  border: none;
}

.assessment-form input {
  background-color: transparent;
  width: 100%;
  height: 30px;
  border: none;
}

.assessment-form td.input-field {
  background-color: transparent;
  padding: 0;
  padding-left: 6px;
}

 .assessment-form td.textarea {
  background-color: #FEF7DC;
  margin: 0px;
  padding: 10px;
}

.assessment-form__header-container {
  padding-top: 10px;
  display: grid;
  width: 100%;
  height: 36px;
}

.assessment-form__nav, .assessment-report__header, .assessment-form__header {
  width: 100%;
}

table.assessment-form__nav tr td, table.assessment-report__header tr td, table.assessment-form__header tr td, table.assessment-report__header {
  border: none;
}

.assessment-form__sub-nav-container {
  width: 100%;
  display: grid;
  grid-row: 1;
  grid-column: 2;
  height: 35px;
  border: 1px red;
}

.assessment-form__button {
  height: 35px; 
  width: 150px; 
  border: 1px solid #E6E5E4;  
  border-radius: 5px; 
  background-color: #F1EEEB;
  color: #79AD24; 
  cursor: pointer;
}

.assessment-form__button a:link {
  text-decoration: none;
}

.assessment-form__button__disabled {
  background-color: #FFFFFF;
  color: #D0D0D0;
  cursor: default;
}



.assessment-form__back-button  {  
  grid-column: 1;
  grid-row: 1;
}
.assessment-form__next-button  {  
  grid-column: 3;
  grid-row: 1;
}
.assessment-form__cancel-button  {  
  background-color: #FFFFFF;
  color: #848484;
  grid-column: 2;
  grid-row: 1;
  margin-left: 20px;
}
.assessment-form__save-button  {  
  margin-right: 20px;
  justify-self: right;
  grid-column: 1;
  grid-row: 1;
}

.assessment-form__button-text { 
  font-size: 12px;  
  line-height: 17px;  
  text-align: center;
  margin-top: 8px;
}

.assessment-form__title {
  grid-column: 2;
  grid-row: 1;
  margin-left: 70px;
  margin-top: 4px;
  max-height: 31px;
  font-size: 26px;
  line-height: 31px;    
  width: 100%;
}
.assessment-form__title__black {
  display: block;
  float: right;
  color: black;
  overflow: display;
  word-break: normal;
  white-space: nowrap;
}

.assessment-form__title__green {
  display: block;
  float: right;
  color: #79AD24;
  margin-left: 10px;
}

#content ul.assessment-progressbar  {
  width: 900px;
  text-align: center;
  position: relative;
  margin: 32px 0px;
  overflow: hidden;
  /*CSS counters to number the steps*/
  counter-reset: step;
}


.assessment-progressbar li {
  list-style-type: none;
  font-size: 13px;  
  text-transform: uppercase;
  line-height: 42px;
  width: 33.33%;
  height: 41px;
  float: left;
  position: relative;
  border-top: 1px solid #E6E5E4;
  border-bottom: 1px solid #E6E5E4;
  background:  #F1EEEB url(/images/progress-arrow.png) right no-repeat;   
  /*background:  #F1EEEB;*/
  color: #848484;
}

.assessment-progressbar li.active {
  background: #FFF url(/images/progress-arrow-white.png) right no-repeat; 
  /*background: #FFF;*/
  color: #222831;
}

.assessment-progressbar li.active.current {
  background: #FFF url(/images/progress-arrow-brown.png) right no-repeat;
  /*background: #FFF;*/
  color: #222831;
}

.assessment-form th {
  color: #848484;
  text-transform: uppercase;
}

.spacer-line {
  margin-top: 10px;
  margin-bottom: 10px;
  box-sizing: 
  border-box; 
  height: 1px;  
  width: 893px; 
  border-top: 1px 
  solid #E6E5E4;
}

.spacer-line.hide-on-print {
  display: none;
}

.report_header {
  background-color: #2D3540;
  color: #FFF;
}

.assessment-report__header {
  width: 100%;
  display: grid;
  margin-bottom: 20px;
}

.assessment-report_notes {
  background-color: #FEF7DC;
}

.assessment-report__graphic2 {
  padding-left: 30px;
  height: 80px;
  width: 80px;
  grid-column: 1;
  grid-row: 1;
  background: url('https://pfptrack.com/images/chart-graphic2.png') center no-repeat;
  background-size: contain;
}

.assessment-report__description {
  grid-column: 2;
  grid-row: 1;
  color: #848484;
  font-size: 15px;
  line-height: 22px;
} 

.assessment-report-charts__container canvas {
  padding-left: 30px;
  padding-bottom: 40px;
}

table tr td.assessment-header-row {
  background-color: #79AD24;
  text-transform: uppercase;  
  color: black;
  text-align: center;
}

table tr.assessment-normal {
  background-color: #F1EEEB;
}

.assessment-report__graphic {
  padding-left: 10px;
  height: 80px;
  width: 80px;
  grid-column: 1;
  grid-row: 1;
  height: 60px;
  width: 200px;
  background: url('https://pfptrack.com/images/pfp_member.png') center no-repeat;
  background-size: contain;
}