html {
	overflow-y: scroll;
}

body {
	/*padding-top: 50px;
    padding-bottom: 20px;*/
	background-color: #f5f5f5;
}

html, body {
	height: 100%;
	margin: 0px;
	padding: 0px !important;
	font-family: 'open sans';
}
.question-container .question {
  padding: 20px;
  border: 5px solid #ccc;
  border-radius: 5px !import;
  font-size: 24px;
}
#main {
	margin-top: 10px;
	background-color: #FFF;
	border: 1px solid #ddd;
	padding: 25px;
	height: 100%;
}

.navbar-header {
	position: absolute;
	top: -50px;
	right: 10px;
}

.navbar {
	/* background: #f5f5f5; */
	background: #00b04e;
	/* color: #b3cbea; */
	color: #FFF;
	font-weight: 100;
	margin-bottom: 0 !important;
	min-height: 0;
	/* border-bottom: 1px solid #ddd; */
	border-radius: 0;
	border: 0;
	z-index: 1;
}

.icon-bar {
	background-color: #00b04e;
}

.navbar a {
	color: #FFF;
}

.navbar li a:hover {
	opacity: .50;
	color: #000;
}

.logo-container {
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
	padding-left: 15px;
	padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input[type="text"],
input[type="password"],
 select {
	max-width: 280px;
}

.container-fluid {
	padding-left: 0;
	padding-right: 0;
}

.container-full {
	margin: 0 auto;
	width: 100%;
}

.navbar-nav {
	/*background-color: #00b04e;*/
}

/*.navbar-brand,
.navbar-nav li a {
    line-height: 40px;
    height: 40px;
    padding-top: 0;
}

.navbar-collapse {
	padding-left: 0;
	padding-right: 0;
}

.nav li a {
	padding-left: 30px;
	padding-right: 30px;
}*/

#logo {
	width: 170px;
	padding-top: 5px;
	padding-bottom: 10px;
}

.vertical-align {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
}

.prev {
	position: fixed;
	top: 310px;
	left: 0px;
	width: 80px;
	height: 100px;
	text-indent: -9999em;
	background-size: 100px;
	z-index: 10;
	background-image: url('images/left.png');
	background-position: 100% 0;
	cursor: pointer;
}

.next {
	position: fixed;
	top: 310px;
	right: 0px;
	width: 80px;
	height: 100px;
	text-indent: -9999em;
	background-size: 100px;
	z-index: 10;
	background-image: url('images/right.png');
	cursor: pointer;
}

@media (max-width: 768px) {
	.prev {
		position: fixed;
		top: 310px;
		left: 5px;
		width: 50px;
		height: 60px;
		text-indent: -9999em;
		background-size: 60px;
		z-index: 10;
		background-image: url('images/left.png');
		background-position: 100% 0;
		cursor: pointer;
	}

	.next {
		position: fixed;
		top: 310px;
		right: 5px;
		width: 50px;
		height: 60px;
		text-indent: -9999em;
		background-size: 60px;
		z-index: 10;
		background-image: url('images/right.png');
		background-position: 100% 0;
		cursor: pointer;
	}
}



.no-padding {
	padding: 0 !important;
}

th.no-border,
table.no-border > tbody > tr > th,
table.no-border > tbody > tr > td {
	border: none !important;
}




.spacer {
	margin-top: 20px;
}

.spacer-bottom {
	margin-bottom: 20px;
}

.rotate {
	margin-top: 60px;
}

	.rotate > div {
		-ms-transform: rotate(270deg);
		-moz-transform: rotate(270deg);
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg);
		-ms-transform-origin: left top 0;
		-moz-transform-origin: left top 0;
		-webkit-transform-origin: left top 0;
		transform-origin: left top 0;
		margin-top: 100px;
		font-weight: bold;
		margin-bottom: -70px;
		vertical-align: text-bottom;
		height: 50px;
		white-space: nowrap;
		padding-top: 13px;
	}

.drug-row {
	padding-top: 5px;
	padding-bottom: 5px;
}

  .drug-row:nth-child(even) {
    /*background-color: #f5f5f5;*/
    background-color: #EEE8F3;
  }

.btn-margin {
	margin-bottom: 5px;
}

.empty-nav {
	height: 50px;
}

.panel-success > .panel-heading {
	background-color: #00b04e;
	color: #FFF;
}

.navbar > .container {
	padding-left: 0px;
	padding-right: 0px;
}

.question {
	background-color: #00b04e;
	color: #fff;
}

.green {
	color: #00b04e;
}
.purple {
  color: purple;

}
.symbol {
	cursor: pointer;
	/*font-size: 30px;*/
}

.question-container input[type=radio], .question-container input[type=checkbox] {
	height: 18px;
	width: 18px;
}

body.modal-open {
	padding-right: 0 !important;
}

textarea.comment {
	width: 100%;
	height: 300px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
	background-color: rgba(92, 184, 92, 0.13);
}

.answerrow {
	padding: 10px 0;
}

	.answerrow:nth-of-type(even) {
		background-color: rgba(92, 184, 92, 0.13);
	}

	.answerrow .form-group {
		margin-bottom: 0;
	}

.substance-name {
	font-size: 18px;
	font-weight: normal;
}

#question-scroll {
	/*overflow-y: hidden;
	overflow-x: scroll;*/
	overflow: hidden;
	/*border: 1px solid #ddd;*/
	height: 90px;
}


#question-scroll-inner {
	overflow: hidden;
	/*width: 4000px;*/
	
}

.question-box {
	padding: 5px 10px;
	width: 75px;
	float: left;
	border: 1px solid #ddd;
	text-align: center;
	margin: 10px;
	cursor: pointer;
	color: #000;
}

.iScrollIndicator {
	background: #ddd !important;
}

.iScrollHorizontalScrollbar {
	z-index: 10 !important;
}

.question-state-1 {
	background-color: white;
	color: #000;
}

.question-state-2 {
	background-color: white;
	color: #000;
	border: 2px dashed #00b04e;
}

.question-state-3 {
	background-color: #00b04e;
	color: #FFF;
}
.question-state-4 {
	background-color: #fff;
	color: #000;
	border: 2px dashed #c60000;
}
.color-box {
	height: 10px;
	width: 10px;
}

#chartjs-tooltip {
     opacity: 0;
     position: absolute;
     background: rgba(0, 0, 0, .7);
     color: white;
     padding: 3px;
     border-radius: 3px;
     -webkit-transition: all .1s ease;
     transition: all .1s ease;
     pointer-events: none;
     -webkit-transform: translate(-50%, 0);
     transform: translate(-50%, 0);
 }

#queston-text-container {
	
}

.clear {
	clear: both;
}

.popover {
	z-index: 1000;
	}

.input-age {
	width: 50px;
}

.backgroundcomment {
	height: 339px;
	width: 100%;
	/*resize: none;*/
	overflow-y: scroll;
	border: 1px solid #c0c0c0;
	padding: 10px;

}

/*.backgroundtext {
	font-family: 'Helvetica Neue, Helvetica, Arial, sans-serif';
}*/


.hidden-screen { display: none; }
/*#print-logo { display: none;}*/

th a {
	color: #000;
}

.sort  {
	font-weight: bold;
	cursor: pointer;
}

.flag {
	margin-left: 10px;
	cursor: pointer;
}

.background-textarea {
	height: 150px !important;
}

.float-left {
    float:left;
}
.green-box {
    display:block;
    float:left;
    background-color:#5cb85c;
    width:20px;
    height:20px;
    margin-right:10px;
}
.purple-box {
    display:block;
    float:left;
    background-color:purple;
    width:20px;
    height:20px;
    margin-right:10px;
}
.btn-purple {
    background-color:purple !important;
    color:#fff !important;
}
.btn-purple:hover {    
    color:#fff !important;
    background-color:purple !important;
}
.loading {
    width:100%;
    height:100%;
    background-color:#fff;
    opacity:0.5;
    position:absolute;
    top:0;
    left:0;
    display:table;
    z-index:99;
}
.loading .center {
    position:relative;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    z-index:1000;
    color:#000;
    font-size:20px;
    background-color:#fff;
}
.login-info-container {
    margin-top:20px;
    font-weight:bold;
}
.print-container {
    display:none;
}