html,body {
	
	height:100%;
}
.corner-ribbon{
  width: 200px;
  background: #e43;
  position: absolute;
  top: 25px;
  left: -50px;
  text-align: center;
  line-height: 50px;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.corner-ribbon.sticky{
  position: fixed;
}
.corner-ribbon.top-right{
  top: 25px;
  right: -50px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.corner-ribbon.red{background: red;}

span.nobr {
	white-space:nowrap;
}

#layout {
	min-height:100%;
}
#main {
	
	background-color:#FFF;
	min-height:100%;
	padding-bottom:2em;
}

li {
	margin-top: .5em; 
}
div.ui-header {
	 margin: 0;
     color: #333;
     text-align: center;
     padding: 0;
     border-bottom: 1px solid #eee;
}
    .ui-header h1 {
        margin: 0px;
        
        font-weight: 300;
    }
li.df-submenu-item-selected {
	background:#C1ECFA;
	color:#FFF;
}
div.screen-header {
	background-color: #f1f1f1;
	overflow:auto;
}
div.screen-header-progress {
	/*background-color: #e6e6e6;*/
	background-color: rgba(242, 242, 242, 0.5);
	overflow:auto;
	
}
div.screen-header-content, div.screen-header-progress-content {
	max-width:800px;
	margin:auto;
	overflow:auto;
}
div.screen-header-content {	
	background-image:url('https://www.insightdriverfitness.com/icon/res/images/ids-logo-name.png');
	background-repeat: no-repeat;
    background-position:left center;
	background-size:contain;
}

div.screen-header-progress-content {
	text-align:right;
	
}

div.screen-header img.logo {
	margin:1em 0px;
}
div.screen-instructions {
	background-color:lightyellow;
	max-width:800px;
}
div.screen-instructions h3 {
	margin:0px;
}

div.screen-instructions h3 span {
	font-style:italic;
}

div.screen-instructions p {
	margin-top:0px;
}

div.screen-header-content h1,div.screen-header-content p {
	display:inline-block;
	float:right;
	clear:both;
	max-width:50%;
}
div.screen-header-content h1 {
	margin-bottom:0px;
}
div.screen-header-content p {
	margin-top:0px;
}
table.screen-consent-table tr td input {
	color:#222 !important;
}

div.footer {
	border-top: 1px solid #EEE;
	/*background-color:#000;*/
	background-color:#F5F5F5;
	height:2em;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	text-align:center;
}
div.footer-menu-layout-spacer {
	width:150px;
	display:inline-block;
	
}
div.footer-content {
	/*color:#FFF;*/
	max-width:800px;
	margin:0px auto;
	overflow:auto;
	padding-top:.5em;
	display:inline-block;
	font-size:smaller;
}

form p.alert {
    color:red;
}

div.search-ui {
	float:right;
	padding:.2em;
}

button.pagination {
	font-size: 70%;
}

div.pending-clnt-transfer {
	background:lightyellow;
	border:1px solid orange;
	padding:.5em;
	margin-bottom:.5em;
}
div.pending-clnt-transfer p {
	margin-top:0px;
}

table.data {
	line-height:1;
}

table.data td, table.data th {
	padding: .3em .3em !important;
}

table.fullwidth {
	width:100%;
}

table.highlight tbody tr:hover {
	background:yellow;
}

table.data a.pure-button {
	font-size:70%;
}

#client-screens-table a.pure-button {
	font-size:70%;
}

span.url {
	font-family:monospace;
	background:#eee;
	padding:.2em;
	margin:0px .2em;
}

#code_error {
	color:red;
}

div.dropbox {
	border:3px dashed green; 
	text-align:center; 
	margin:1em;
	padding:1em;
	transition: background-color 0.5s ease;
}
div.dropbox:hover {
	background:lightgreen;
}
table.uploadlist td {
	padding:.3em;
	margin:.3em;
}

/* Fix for pure-css vs jquery-ui conflict */
.ui-dialog select {
	height:2.50em;
}


#forms {
	padding-bottom:5em;
	padding-top:1em;
}

div.form_page {
	display:none;
}

div.form_page span.question_emphasis {
	text-decoration: underline;
}

div.idf_anxiety_meta3_form_q {
	padding:0px;
}

div.idf_anxiety_meta3_form_q table tr td, div.text-question table tr td{
	
	padding:1em;
}

div.date_grid select, div.date_grid input {
	display: inline-block !important;
}
div.form_page div.back_next {
	float:right;
	max-width:400px;
}
div.form_page div.back_next button {
	float:right;
}
div.form_page div.back_next p {
	clear:both;
	margin:0px;
	font-size:smaller;
	font-style:italic;
	text-align:right;
}
div.form_page div.back_next p span {
	font-weight:bold;
}
td.cell_chkbx {
	text-align:center;
}

#accidentfear2-instruction-table tr.nums td {
	text-align:center;
}

#accidentfear2-instruction-table tr.accidentfear2-instruction-table-desc td {
	font-size:smaller;
}

#accidentfear2-table button {
	padding:.5em;
}
#accidentfear2-table button.button-selected {
	/*background: rgb(66, 184, 221);  this is a light blue */
	background:#2489c5;
	color:#FFF;
}

#anxiety_page6 table, #anxiety_page6 td{
	border:none;
}
div.form_page h2.page_num, div.form_page h2.page_title {
	/*display:inline-block;*/
	
}
div.form_page h2.page_num {
	float:right;
	
}
div.page_num {
	text-align:right;
	font-weight:bold;
	display:none;
}
button.ext-screen-btn {
	font-size: 85%;
}

div.report {
	font-size:12px;
	color:black;
	line-height:1.2em;
}

div.demo-report-notice {
	
	border:4px dashed red;
	padding:1em;
	margin-bottom:.5em;
	font-size:larger;
	line-height:1.5
}

div.report div.report_section {
	margin:1em 0px;
}

div.report table td {
	vertical-align:top;
}

div.report table td ul {
	padding-left:1em;
	margin:0px;
}

div.report table label {
	display:block;
	font-size:10px;
	color:#666;
	text-align:right;
	display:none;
}

div.report span.content_reference {
	font-size:smaller;
}

div.report table.symptoms span {
	text-decoration:underline;
}

div.report table.symptoms li {
	margin-top:.3em;
}

div.report div.disclaimer h5 {
	margin-bottom:-10px;
	page-break-inside: avoid;
	font-size:12px;
}

div.disclaimer p {
	font-size:10px;
}

div.report div.pagebreak {
	display:none;
}

div.report span.risk_legend {
	background:#eee;
	color:#888;
	padding:2px 4px;
	border-radius: 3px;
	border:2px solid #fff;
	line-height:1.5em;
}

div.report span.risk_active {
	background:yellow;
	color:#222;
	border:2px solid grey;
}
div.report span.report_score {
	font-family:monospace;
	white-space: pre;
}
div.terms_of_use ol {
    counter-reset: item;
}

div.terms_of_use ol > li {
    counter-increment: item;
}

div.terms_of_use ol ol > li {
    display: block;
}

div.terms_of_use ol ol > li:before {
    content: counters(item, ".") ". ";
    margin-left: -2em;
}

div.comments_section td {
	height:1em;
}
.proAcctOnly {
	display:none;
}

span.highlight {
	background-color:#FFFFcc;
}

@media (max-width: 800px) {
	
}

@media (max-width: 600px) {
	div.screen-header-content h1,div.screen-header-content p {
		float:none;
		display:block;
	}
	div.screen-header-progress-content, div.screen-header-content {
		padding: 0 .5em;
	}
	div.screen-header-progress-content {
		text-align:left;
	}
	
	div.screen-header-content {	
		background-image:none;
	}
	
	.content {
		padding: 0 .5em;
	}
}

@media print {
	div.report div.pagebreak {
		display:none;
		page-break-after: always;
	}
	.pure-table-bordered th {
		border-bottom: 1px solid #cbcbcb;
	}
	div.screen-header-progress-content, div.screen-header-content {
		padding: 0 0;
	}
	.dontprint {
		display:none;
	}
}