/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v18-latin/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v18-latin/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v18-latin/roboto-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('../fonts/roboto-v18-latin/roboto-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin/roboto-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin/roboto-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin/roboto-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin/roboto-v18-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* merienda-regular - latin */
@font-face {
  font-family: 'Merienda';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/merienda-va-latin/merienda-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Merienda'), local('Merienda-Regular_0_wt'),
       url('../fonts/merienda-v5-latin/merienda-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/merienda-v5-latin/merienda-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/merienda-v5-latin/merienda-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/merienda-v5-latin/merienda-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/merienda-v5-latin/merienda-v5-latin-regular.svg#Merienda') format('svg'); /* Legacy iOS */
}

* { box-sizing: border-box; font-family: 'Roboto'; }

section { 
	display: block; }
main { 
	display: block; }
	
#wrapper {
	width: 100%;
	height: auto;
	margin: 0 auto; }

header {
	width: 100%; 
	margin: 0 auto; 
	padding: 0; 
	height:auto; 
	position:relative;
	 }

	 
body {
	background-color: #DBE0E7; }
	 
header .grid-container {
	background-image: url('../images/TitleBarCells.png'); 
	background-color: #A776D4;
	background-repeat: no-repeat; }
	
header h1 { 
	display: inline-block; 
	color: #00005D;
	vertical-align: middle; 
	text-align: right; 
	float: right; 
	padding: 20px 10px; }
	
header h1 .line1 {
	font-family: 'Merienda';
	font-size: 20px;  }
	
header h1 .line2 {
	font-family: 'Roboto';
	font-size: 35px; }

header ul 
	{ margin:0; text-align:right; }

header ul li { 
	list-style:none; 
	margin-left: 5px; 
	display:inline-block; 
	padding: 3px 15px; 
	vertical-align: middle; 
	background: blue;
	border-radius: 5px;
	color: #CDD1FF; }

header ul li a { 
	font-size:16px; 
	line-height:normal; 
	color:#CDD1FF;
	text-decoration:none; }

header #logo img {
	width: 100%; }
	
#banner_row {
	background: #5b62ca;
	color: #CDD1FF;
	font-family: sans-serif; }
	
#banner_row h2 {
	font-size: 25px; }
	
#main-content {
	background-image: url('../images/MainBodyCells.png');
	/*background-color: #854abc; */
	/*background-color: #5b62ca; */
	background-color: white; }

form input { 	
	padding: 3px;
	font-size: 20px;
	border-radius: 5px; }

form input[type=text],input[type=email],input[type=password] {
	width: 100%; }
	
form input[type=number] {
	width: 100px; }
		
form input[type=date] {
	width: 200px; }
	
form ul { 
	margin:0; }

form ul li { 
	list-style:none; 
	margin-left: 1px;
	margin-bottom: 2px; 
	padding: 1px; }	

form textarea {
	width: 100%;
	padding: 10px;
	font-size: 15px;
	height: 100px;
	border-radius: 5px; }
	
form h2,h3,h4 {
	padding: 5px;
	margin: 1px;
	font-size: 1.2em; }
	
#sortable-109 li {
	background: rgba(0,0,255,0.1);
	width: 50%;
	list-style:none; 
	margin-left: 1px;
	margin-bottom: 4px; 
	padding: 2px; 
	border: 1px solid #BDBDFF;
	border-radius: 5px; }	


.qbox {
	background: rgba(185,185,255,0.8);
	margin-bottom: 10px; 
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	height: 100%;
	border: 1px solid #7878FF;
	/*border: 1px solid #BDBDFF;*/
	border-radius: 5px;
	color: #00005D;
	font-size: 18px; }
	
.sbox, .sbox-enrol {
	margin-bottom: 4px;
	padding-top: 4px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	height: 100%;
	border: 1px solid #7878FF;
	border-radius: 5px; }

fieldset {
	border: none;
	margin: 0;
	padding: 0; 
	display: default; }
	
fieldset:disabled {
	display: none; }

.sbox-enrol {
	margin-top: 7px; }

	
span.question_number {
	font-size: 0.6em; }
	
div.notes {
	color: black;
	font-size: 14px;
	font-style: italic;
	text-align: right; }


.instructs {
	float: right; }
	
.indent {
	padding-left: 15px; }

.qline {
	background: #EAC2FF;
	margin-bottom: 3px; 
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	height: 100%;
	border: 1px solid #BDBDFF;
	border-radius: 5px; }
	

.qbox label {
	font-size: 1em;
	color: #00005D;  }
	
.qbox .instructs {
	padding-left: 25px;
	font-size: 15px;
	color: #5F2794 ; }
	
hr {
	border-color: #ADADFF; }
	
.section_block {
	color: #00005D; }
	
.section_block p {
	font-size: 18px; }
	
.section_block h2 {
	font-size: 25px; }
	
.section_block h3 {
	font-size: 18px;
	font-style: italic; }

.sectionbox {
	border: 1px solid  #8585FF;
	padding: 10px 0px;
	border-radius: 5px; }
	
.form_button { 
	margin:0; 
	padding:0; }

.form_button input { 
	width:310px; 
	padding:12px 0; 
	background:blue; 
	color:#fff; 
	font-size:19px; 
	line-height:21px; 
	margin:0 auto; 
	border:0; 
	outline:0; 
	box-shadow:none; 
	border-radius: 9px;
	display:block; }

.red { color: red; }

.noshow { display: none; }

.othertarget { display: none; }

.sortable-ghost {
	opacity: 0.0; }

.sortable-chosen { 
	color: red; }
	
table.status_individual, table.status_overall {
	border: 1px solid black; 
	border-collapse: collapse; }
	
table.status_individual td,th {
	border-left: 1px dotted grey; }
	
td.center {
	text-align: center; }
tr.status_profile0 {
	background-color: #FFC0C5; }
tr.status_patient0 {
	background-color: #FFE0C0; }
tr.status_patient1 {
	background-color: #FFFDC0; }
tr.status_exit1 {
	background-color: #DCFFC0; }
tr.status_complete1 {
	background-color: #5AFF68; }
tr.status_total { 
	font-weight: bold;
	background: #C5C5C5 }

div.disclaimer {
	padding-left: 10%;
	padding-right: 10%; }	
p.disclaimer {
	font-size: 0.8em;
	}
	
.adv {
	text-align: center;
	}
.adv h1 {
	font-size: 2em; 
	margin: 0; }
.adv h2 {
	font-size: 1.7em; 
	margin: 0;
	font-style: italic; }
.adv p {
	margin: 0 }

.flex-container {
	display: flex;
	justify-content: center; }
.flex-title {
	flex-grow: 1; }
.flex-disclaimer {
	flex-grow: 0; }
	
.adminTabs {
	display: flex; }

.adminTabs button {
    background-color: #8585FF30;
	border-radius: 7px 7px 0 0;
	margin: 10px 1px 0 0;
	padding: 10px;
    border: 1px solid grey;
    outline: none;
    cursor: pointer;
    padding: 14px 16px; }

.adminTabs button.active {
	background-color: #8585FF80;
	border-bottom: none; }

.adminPage {
	width: 100%;
	border-radius: 0px 7px 7px 7px; 
	background-color: #8585FF80;
	padding: 10px;
	margin-bottom: 20px; }
	
.statustable {
	border: 1px solid grey;
	border-collapse: collapse; }

.statustable td {
	border: 1px solid grey;
	padding: 5px 15px 5px 15px; }	

.statustable tr:nth-child(odd) {
	background-color: #FFEDAF70;
	}

.statustable th {
	padding: 5px 15px 5px 15px; }	

.status_doclist {
	display: flex;
	flex-wrap: wrap; }
	
.status_doc {
	flex-basis: 290px;
	border: 1px solid grey;
	border-radius: 6px;
	padding: 2px;
	margin: 1px; }

.stat_profile {
	text-align: center;
	background-color: #FF0016; }
.stat_patient {
	text-align: center;
	background-color: #FFE300; }
.stat_exit {
	text-align: center;
	background-color: #92FF00; }
.stat_complete {
	text-align: center;
	background-color: #008000; }
	
.configbox {
	background: #ECB6FF60;
	margin-bottom: 10px; 
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	height: 100%;
	border: 1px solid #7878FF;
	/*border: 1px solid #BDBDFF;*/
	border-radius: 5px;
	color: #00005D;
	font-size: 18px; }

.configcat {
	background: #EAC2FF;
	margin-bottom: 3px; 
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	height: 100%;
	border: 1px solid #BDBDFF;
	border-radius: 5px; }

.currentconfig {
	margin: 5px 30px 5px 30px;
	padding: 6px;
	border: 1px solid #727272;
	border-radius: 5px;
	font-weight: bold; }

.configoptGroup {
	display: flex;
	flex-wrap: wrap; }
	
.configopt {
	flex-basis: 275px;
	border-left: 1px solid grey;
	border-right: 1px solid grey;
	border-radius: 15px;
	padding: 6px;
	margin: 1px; }

.configopt input[type=text] {
	width: 90%;
	font-size: 0.9em;
	padding: 1px; }
.configopt input[type=email] {
	width: 80%;
	font-size: 0.9em;
	padding: 1px; }