.form-left {
	clear: both;
	float: left;
	width: 35%;
	margin-right: 30px;
}

.form-right {
	float: left;
	width: 35%;
	margin-right: 30px;
}

.form-left.chart {
	width: 48%;
	float: left;
	margin-right: 4%;
}

.form-right.chart {
	width: 48%;
	float: left;
	margin: 0px;
}

.form-right .form-bottom {
	width: 100%;
	height: 250px;
}

.form-left .form-bottom {
	width: 100%;
	height: 250px;
}

.form-left .form-bottom .expanded {
	width: 100%;
	height: 400px;
}

.form-top {
	height: 450px;
}

.form-top .expanded {
	height: 550px;
}

.form-top.chart {
	height: 450px;
}

.form-bottom {
	clear: both;
	height: 350px;
	width: 70%;
}

.form-bottom .form-left {
	clear: none;
	float: left;
	width: 45%;
	margin-right: 30px;
}

.form-bottom .form-right {
	clear: none;
	float: left;
	width: 45%;
	margin-right: 30px;
}

.form-bottom.chart {
	height: 450px;
}

.pButtons-form {
	position: absolute;
	float: right;
	right: 1%;
}

.form-label, .form-row .label {
	clear: both;
	position: relative;
	float: left;
	color: #462a52;
	width: 35%;
	font-size: 15px;
	margin: 0px;
	padding: 0px;
	margin-top: 15px;
	margin-right: 1%;
	font-weight: bold;
	text-align: left;
}

.form-row .form-label {
	width: 100%;
}

.form-row .table {
	clear: both;
	position: relative;
	width: 100%;
}

.patientField .form-label {
	clear: both;
	position: relative;
	float: left;
	color: #462a52;
	width: 100%;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
	margin-right: 1%;
	text-align: left;
	font-weight: normal;
}

.form.large .form-label {
	clear: both;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 10px;
}

.form-label.treatment {
	width: 200px;
}

.form-text {
	position: relative;
	float: left;
	width: 60%;
	padding: 3px;
	margin-top: 15px;
	font-size: 15px;
	border: 1px solid #c9c9c9;
	border-radius: 5px;
	background: white;
}

.patientField .form-text {
	width: 100%;
	font-size: 15px;
	margin-top: 2px;
}

.form-row .form-upload {
	float: left;
	margin-top: 0px;
	height: 30px;
	border: 1px solid #c9c9c9;
	border-radius: 5px;
	background: #462a52;
	color: white;
}

.form-text.other {
	clear: both;
	margin-left: 5%;
	width: 90%;
	padding: 3px;
	margin-top: 5px;
	font-size: 15px;
	border: 1px solid #c9c9c9;
	border-radius: 5px;
	background: white;
}

.form-text.large {
	position: relative;
	clear: both;
	margin: 0px;
	margin-left: 15px;
	width: 100%;
}

.form-text.medium {
	position: relative;
	clear: both;
	margin: 0px;
	margin-left: 15px;
	width: 90%;
}

textarea.form-text {
	resize: none;
	height: 100px;
}

.gwt-TextArea {
	resize: none;
}

table.form-text {
	float: left;
	height: 28px;
}

div.form-text {
	margin-top: 13px;
	float: left;
	border: none;
	background: transparent;
	color: black;
}

.pImage {
	float: left;
	margin-top: 15px;
}

.form-image {
	padding: 3px;
	margin: 5px;
	width: 257px;
	height: 257px;
	font-size: 15px;
	border: 1px solid #c9c9c9;
	border-radius: 5px;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	-o-border-radius: 5px !important;
	background: #c0c0c0;
}

.form-image img {
	width: 256px;
	height: 256px;
	border-radius: 5px;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	-o-border-radius: 5px !important;
}

.form-textarea {
	padding: 3px;
	margin-top: 5px;
	font-size: 15px;
	border: 1px solid #c9c9c9;
	border-radius: 5px;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	-o-border-radius: 5px !important;
	background: white;
	width: 95%;
	height: 100px;
	resize: none;
}

.form-text td {
	padding: 3px;
	color: gray;
	font-size: 15px;
	background: white;
	width: 200px;
}

.grayButton.upload {
	clear: both;
	width: 256px;
	max-width: 256px;
}

.VHCheck {
	padding: 3px;
	margin: 5px;
	color: #462a52;
	font-size: 15px;
	width: 100%;
}

.VHCheck input {
	width: 8%;
	float: left;
}

.VHCheck label {
	width: auto;
	margin-left: 5px;
	max-width: 80%;
	float: left;
}

.VHCheck:hover {
	cursor: pointer;
}

.pForm {
	position: absolute;
	padding: 2%;
	left: 0%;
	width: 100%;
	top: 105px;
	bottom: 0px;
	overflow-y: auto;
	overflow-x: hidden;
	box-sizing: border-box;
}

.form {
	position: absolute;
	top: 0px;
	margin: 0px;
	width: 75%;
	left: 2%;
}

.form.contactData {
	/* left:5%; */
	
}

.formMiddle {
	position: relative;
}

.formPanelLeft {
	position: absolute;
	width: 46%;
	top: 0px;
}

.formPanelRight {
	position: absolute;
	width: 48%;
	left: 50%;
	top: 0px;
}

.row {
	clear: both;
	width: 100%;
	padding-top: 0px;
	padding-left: 1%;
	padding-bottom: 1%;
	margin-left: 0 !important;
}

.row .half {
	clear: none;
	float: left;
	width: 48%;
	margin-right: 1%;
}

td .row {
	padding-top: 0;
}

td {
	vertical-align: top;
}

.row.margin {
	clear: both;
	float: left;
	width: 90%;
	margin-left: 5%;
}

.row.middle {
	clear: none;
	float: left;
	width: 49%;
	padding-left: 1%;
	margin-right: 0px;
	margin-left: 1% !important;
}

.less-margin-left-15px {
	margin-left: -15px !important;
}

.row.less-margin-left-15px.middle {
	margin-left: -10px !important;
	margin-right: 10px !important;
}

.row.quarter {
	clear: none;
	float: left;
	width: 20%;
	margin-right: 5%;
}

.row.middleQuarter {
	clear: none;
	float: left;
	width: 75%;
}

.row.middlepast {
	clear: none;
	float: left;
	width: 50%;
	margin-right: 6%;
}

.row .label {
	width: 100%;
	float: left;
	font-size: 15px;
	font-weight: 500;
	height: auto;
	color: #462a52;
	white-space: normal;
	line-height: inherit;
	margin-bottom: 5px;
	margin-top: 10px;
	margin-left: 1%;
	text-align: left;
	padding: 0px important!;
}

.row .graph {
	width: 94%;
	float: left;
	margin-left: 3%;
	margin-right: 3%;
	height: 320px;
	margin-bottom: 25px;
}

.row .item {
	clear: both;
	width: 100%;
	margin: 10px;
	float: left;
	font-size: 15px;
	font-weight: bold;
	color: black;
}

.row .item .itemText {
	width: 40%;
	float: left;
	padding: 5px;
	font-size: 15px;
	font-weight: bold;
	color: black;
}

.row .item .itemButton {
	width: 20px;
	height: 20px;
	background: #0e0e0e;
	border-radius: 25px;
	text-align: center;
	padding: 5px;
	float: left;
	font-size: 15px;
	font-weight: bold;
	color: white;
}

.row .pLink {
	width: 80%;
	float: right;
	font-size: 15px;
	color: black;
}

.row .pLink a {
	width: 90%;
	float: left;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: blue;
}

.row .link {
	width: 70%;
	float: left;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	color: blue;
}

.row .text, .form-row .text {
	position: relative;
	width: 99%;
	float: left;
	font-size: 15px;
	color: black;
	padding-left: 1%;
	margin-left: 1%;
	margin-top: 5px;
}

.dialog-content
.row .text, .form-row .text {
	text-align: center;
}

.row .select, .form-row .select {
	position: relative;
	width: 99%;
	float: left;
	font-size: 15px;
	color: gray;
	padding-left: 0%;
	margin-left: 1%;
	margin-top: 0px;
	box-sizing: border-box;
}

.form-row .select {
	position: relative;
	float: left;
	width: 60%;
	padding: 0px;
	margin: 0;
	margin-top: 5px;
	box-sizing: border-box;
}

.patientField .select {
	position: relative;
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0;
	margin-top: 2px;
	box-sizing: border-box;
}

.select .text, .select .form-text, .select .datePicker {
	position: relative;
	width: 100%;
	margin-left: 0px;
	height: 30px;
	margin-top: 5px !important;
	text-align: center;
	box-sizing: border-box;
}

.patientField .select .form-text {
	position: relative;
	width: 100%;
	margin-left: 0px;
	height: 30px;
	margin-top: 0px !important;
	text-align: left;
	font-size: 14px;
	box-sizing: border-box;
}

td .select .text {
	position: relative;
	width: 100%;
	margin-left: 0px;
	height: 30px;
	margin-top: 5px !important;
	text-align: center;
}

.row .select .selectButton, .form-row .selectButton, .row .select .nextButton
	{
	position: absolute;
	right: 0px;
	height: 30px;
	background: #bebebe;
	margin: 0px;
	margin-top: 5px;
	top: 0px;
}

.patientField .select .selectButton {
	position: absolute;
	right: 0px;
	height: 30px;
	background: #bebebe;
	margin: 0px;
	margin-top: 0px;
	top: 0px;
}

.row .select .previousButton {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 30px;
	background: #bebebe;
	margin: 0px;
	margin-top: 5px;
}

.selectButton img, .nextButton img, .previousButton img {
	position: relative;
	float: left;
	height: 30px;
	width: auto;
	margin: 0px;
	padding: 2px;
	top: 0px;
}

.row .text.reply {
	width: 30%;
	float: left;
	font-size: 15px;
	color: gray;
	text-align: center;
}

.row .textarea {
	width: 99%;
	float: left;
	font-size: 14px;
	min-height: 130px;
	color: gray;
	text-align: left;
	padding: 1%;
	border: solid 1px #dadada;
	margin-left: 1%;
}

td .row .textarea {
	font-size: 13px;
}

.row .textarea-small {
	width: 99%;
	float: left;
	font-size: 15px;
	min-height: 50px;
	color: gray;
	text-align: left;
	padding: 1%;
	border: solid 1px #dadada;
	margin-left: 1%;
}

.row .column {
	width: 100%;
	float: left;
	font-size: 15px;
	color: gray;
	text-align: center;
	margin-left: 12px;
	margin-top: 5px;
}

.row .column .text {
	width: 100%;
	float: left;
	font-size: 15px;
	color: gray;
	margin-bottom: 5px;
	text-align: center;
}

.row .pMap {
	position: relative;
	min-height: 250px;
	margin-bottom: 15px;
	margin-top: 5px;;
	float: left;
	font-size: 15px;
	color: gray;
	text-align: center;
	left: 0;
	width: 100%;
	top: 0;
	bottom: 10px;
}

.row .column .option {
	width: 50%;
	float: left;
	font-size: 15px;
	color: gray;
	margin-bottom: 10px;
	text-align: left;
}

.row .table {
	float: left;
	font-size: 15px;
	color: gray;
	text-align: center;
	margin-left: 12px;
	margin-bottom: 0px;
}

.row .table .option {
	position:relative;
/*width: 33%;*/
	float: left;
	font-size: 15px;
	color: gray;
	margin-bottom: 10px;
	text-align: left;
}

.row .view {
	width: 95%;
	float: left;
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	padding-right: 5%;
	margin-left: 2%;
}

.row .labelCheck {
	clear: both;
	width: auto;
	float: left;
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	padding-right: 20px;
	margin-left: 2%;
	height: 30px;
}

.row .imageCheck {
	float: left;
	width: auto;
	margin-top: 5px;
	height: 15px;
}

.row .view.select {
	width: 50%;
	float: left;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}

.row .button {
	float: right;
	border: 0;
	margin: 0;
	margin-right: 5%;
	margin-top: -5px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}

.row .image {
	width: 20%;
	margin-left: 25%;
	height: auto;
	float: left;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	border: 1px solid gray;
}

.row .pImage {
	clear: both;
	width: 100%;
	min-height: 148px;
	float: left;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	overflow: auto;
}

.row .pImage img {
	padding: 10px;
	height: 128px;
	width: auto;
	margin-right: 10px;
	float: left;
}

.row .pImage .delete {
	height: 32px;
	width: auto;
	margin-left: -40px;
	margin-top: -10px;
	float: left;
}

.row .pImage .delete:hover, .row .pImage .add:hover {
	cursor: pointer;
}

.row .image.editable:hover {
	cursor: pointer;
}

.row .image.loading:hover {
	cursor: default;
	background: url(../../images/loading.gif) center #3b3b3b no-repeat;
}

.row .separator {
	clear: both;
	position: relative;
	height: 1px;
	left: 2%;
	width: 98%;
	margin-top: 5px;
	background: #bebebe;
}

.row .textarea {
	resize: none;
	height: 100px;
}

.row .ckeditor {
	resize: none !important;
	width: 97% !important;
	float: left !important;
	font-size: 15px !important;
	min-height: 130px !important;
	color: gray !important;
	text-align: left !important;
}

.row .ckeditor.disabled {
	padding: 1%;
	border: solid 1px #dadada !important;
}

.gwt-TextArea {
	resize: none;
}

.form.question .row .image {
	width: 100%;
	margin-left: 0px;
	min-height: 110px;
	background: #bebebe;
	margin-bottom: 10px;
	height: auto !important;
	float: left;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	border: 1px solid gray;
}

.nopadding {
	margin-top: -15px;
	padding-top: 0px;
}

.row .link {
	position: relative;
	width: 100%;
	height: 10px;
	padding-left: 10px;
	clear: both;
	color: #e35b59;
	float: left;
	text-decoration: underline;
	font-weight: 500;
	cursor: pointer;
}

.replyDiv {
	float: left;
	width: 100%;
	margin-right: 5%;
	padding: 0px;
	padding-left: 0px;
	overflow: hidden;
}

.replyDiv .text {
	width: 95%;
}

.replyDiv .pImage .image {
	width: 99.9%;
	padding: 0px;
	height: auto !important;
	min-height: 50px !important;
	overflow: hidden;
}

.replyDiv .pImage {
	width: 99.9%;
	padding: 0px;
	min-height: 50px !important;
	overflow: hidden;
}

.replyDiv .pImage img {
	width: 99.5% !important;
	height: auto !important;
	padding: 0px;
	overflow: hidden;
}

.replyDiv .link {
	position: relative;
	clear: both;
	width: 100px;
	text-align: right;
	color: #e35b59;
	height: 20px;
	float: right;
	text-decoration: underline;
	font-weight: 500;
	cursor: pointer;
}

.pImageLink {
	clear: both;
	left: 0%;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;
	color: white;
}

.pImageLink .image {
	width: 20%;
	height: auto;
	min-height: 30px;
	left: 0px;
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;
}

.pImageLink .text {
	width: 80%;
	height: auto;
	min-height: 25px;
	left: 0px;
	margin-left: 2%;
	padding: 0;
	text-align: left;
	float: left;
}

.pImageLink.full .image {
	width: 100%;
	height: auto;
	min-height: 30px;
	left: 0px;
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;
}

.pImageLink.full .text {
	clear: both;
	width: 100%;
	height: auto;
	min-height: 25px;
	left: 0px;
	margin-left: 0%;
	padding: 0;
	text-align: left;
	float: left;
}

.pImageLink .button {
	width: 15%;
	float: right;
	border: 1px solid #5c4267;
	background: #5c4267;
	color: white;
	margin: 0;
	margin-top: 3px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

.pImageLink .button:hover {
	width: 15%;
	float: right;
	border: 1px solid #9e217d;
	background: #9e217d;
	margin: 0;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
}

.VHform {
	clear: both;
	width: 50%;
	float: left;
}

.VHform.large {
	width: 75%;
}

.form-row {
	clear: both;
	margin-top: 5px;
	margin-bottom: 15px;
	min-height: 40px;
	vertical-align: center;
}

.form-row .gwt-DatePicker {
	clear: both;
	float: left;
	width: 100%;
	height: 100px;
	margin-top: 10px;
	margin-bottom: 20px;
	border: 1px solid #ada1b2;
}

.form-row select {
	margin-top: 10px;
	margin-bottom: 20px;
	width: 200px;
	border: 1px solid #ada1b2;
	overflow: hidden;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.status-row {
	clear: both;
	float: left;
	width: 60%;
	margin-top: 25px;
	min-height: 35px;
	border-radius: 5px;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	-o-border-radius: 5px !important;
	border: 1px solid #ada1b2;
	background: #ada1b2;
	color: white;
	text-align: center;
	padding: 1%;
}

.status-row img {
	float: center;
}

.status-row div {
	float: center;
}

.form .question {
	right: 0%;
	top: 90px;
	bottom: 80px;
	overflow-y: auto;
	overflow-x: none;
}

.question-label {
	color: black;
	width: 70%;
	height: 40px;
	text-align: left;
	float: left;
}

.question-image {
	width: 20%;
	height: 40px;
	float: right;
	border: 1px solid black;
}

.question .link {
	position: relative;
	width: 100%;
	height: 10px;
	margin-bottom: 5%;
	margin-top: 2%;
	clear: both;
	color: #70547a;
	float: left;
	text-decoration: underline;
	font-weight: 500;
	cursor: pointer;
	right: 10px;
}

.question .link:hover {
	color: #5c4267;
}

label {
	display: inline-block;
	margin-bottom: 5px;
	font-weight: 700;
	margin-left: 10px;
}

.dialog-content .label {
	color: white;
	text-align: center;
	width: 95%;
}

.dialog-content .column {
	text-align: center;
	width: 90%;
}

.pDateField {
	position: relative;
	width: 100%;
	clear: both;
	text-align: center;
}

.pDateField .datePicker {
	float: left;
	text-align: center;
}

.row .pDateField .datePicker {
	float: left;
	width: 100%;
	text-align: center;
	position: relative;
	width: 99%;
	font-size: 15px;
	color: black;
	padding-left: 1%;
	margin-left: 1%;
	margin-top: 5px;
}

.pDateField .timePicker {
	float: left;
	margin-left: 10px;
	width: 80px;
	text-align: center;
	background: white;
	border: 1px solid #dedede;
	padding-top: 1px;
}

.dialog-content .pDateField .datePicker {
	width: calc(100% - 150px);
	float: left;
	height: 26px;
	box-sizing: border-box;
}

.dialog-content .pDateField .timePicker {
	width: 100px;
	float: left;
	margin-top: 5px;
	box-sizing: border-box;
}

.pDateField .timePicker input {
	border: 0px;
}

.pDateField .timePicker table {
	border: 0px;
}

.question_title {
	clear: both;
	position: relative;
	display: table !important;
	float: left;
	height: auto;
	width: 100%;
	overflow: hidden;
	word-wrap: break-word;
	white-space: normal !important;
}

.dateBoxPopup {
	z-index: 5;
}

.dialog-content .label.gaugeGreen {
	color: #67E51F;
}

.dialog-content .label.gaugeRed {
	color: #F95353;
}

.dialog-content .label.gaugeYellow {
	color: #FFDA33;
}

.form-list {
	width: 100%;
}
.form-list option:checked{
	font-weight:bold;
}

.form-list option:not(:checked) { color: #3b3b3b; } 


.loginForm .label{
	padding : 0;
	margin-bottom:0;
}

.loginForm .select{
	padding : 0;
	margin-left:0;
}

.dialog-form-row .label{
	padding : 0;
	margin-bottom:0;
	color:black !important;
	font-size:14px;
}

.dialog-form-row .select{
	padding : 0;
	margin-left:0;
	font-size:14px;
}

.commentsContainer .row{
    padding-left: 0px !important;
}