body {
	background-image:url('../img/bg2.png');
	background-repeat:repeat;
	font-family:arial;
	font-size:10pt;
	color:#666;
}

/* Bootstrap H4 */
h4 {
	font-size: 10pt!important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

.sheetDiv {
	/*background-color:red; */
	padding:10px;
}

/* Bootstrap btn */
.customButton {
	padding: 0.2rem 0.5rem;
	margin: 0.25rem;
}

.adminAccess {
	font-family:arial;
	font-size:10pt;
}

.radioRow {
	display:inline-block;
}
.checkboxRow {
	display:inline-block;
}
.patientAccess {
	font-family:arial;
	font-size:10pt;
	background-image:none;
}

#loginPage {
	font-family:arial;
	font-size:10pt;
	background-image:none;
}


a {
	color:#666;
	text-decoration:none;
}

a:hover{
	color:#666;
	text-decoration:underline;
}

p {
	margin:0 0 10px 0;
}

table {
	margin-left:auto;
	margin-right:auto;
	background-color:#FEFEFE;
}

table td {
	border:solid 1px #215167;
	padding:2px;
}
.patientAccessTable td {
	padding:0px;
}
table th {
	border:solid 1px #215167;
	padding:3px;
}


#menuTop {
	float:left;
	width:100%;
	padding:5px;
}
.finishedRecord {
	
	background-color:rgba(216,230,219,0.5);
}


.disHighlight{
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -o-user-select: none;
    -moz-user-select: none;
}

.thumbImage {
	  overflow: hidden;
    padding: 2px;
    background-position: center;
    background-repeat:no-repeat;
    height: 200px;
    background-size: auto 200px;
    background-color: #000;
    border: 2px solid #538EAB;
    width:200px;
    height:200px;
    float:left;
    cursor : pointer;
    margin:5px;
}

.cursorMove {
	cursor : move;
}

.cursorEresize {
	cursor : e-resize;
}

.cursorCrosshair {
	cursor : crosshair;
}



.floatingRadioImage img {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.floatingRadioImageText {
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	color:white;
	font-size:25pt;
	text-align:center;
}

.floatingRadioDiv {
  
	position:fixed;
  overflow: hidden;
  margin:10px;
  width:600px;
  height:600px;
  background-color: #FFF;
  border: 5px solid #538EAB;
  color:white;
  box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.3);
}

.floatingRadioDiv li {
	margin-left:5px;
}


.floatingRadioImage {
  padding: 2px;
  background-position: center;
  background-repeat:no-repeat;
  background-size: auto 600px;
  border-radius: 5px;
  height:100%;
}

.menuLeft {
	border-radius: 5px;
	border:solid 1px #dddddd;
	/* width:170px; */
	float:left;
	margin :2px;
	padding : 5px;
	background-color:#fff;
	z-index:2000;

}

.menuLeftContainer {
	width:170px;
	float:left;
	

}

/*Hotfix #1032*/
.notAvailableCheckbox {
	position:relative;
	top:-10px;
	font-size:7pt;
  -ms-transform: scale(.75); /* IE */
  -moz-transform: scale(.75); /* FF */
  -webkit-transform: scale(.75); /* Safari and Chrome */
  -o-transform: scale(.75); /* Opera */
  transform: scale(.75);	
}
span.notAvailableCheckbox  {
	top:-12px;
}
/*end #1032*/
.surveyFormProgressBarButton{
	border-radius:15px;
	color:#D8F1FC;
	background-color:#538EAB;
	/*background-color:#215167;*/
	padding:5px 10px 5px 10px;
	text-align:center;
	font-size:11pt;
}

#progress-label {
	position : absolute;
	text-align:center;
	text-shadow: -1px 0 #437289, 0 1px #437289, 1px 0 #437289, 0 -1px #437289;
	font-size:12pt;
	color:#D8F1FC;
	margin-top:2px;
	width:100%;
}

.surveyFormProgressBarButtonSelected{
	background-color:#215167;
	font-weight:bold;
}


.mediumButton{
	border-radius:5px;
	color:#D8F1FC;
	background-color:#538EAB;
	padding:1px 5px;
	text-align:center;
	margin:5px;
	white-space:nowrap;
}
.mediumButton:hover{
	color:#D8F1FC;
	background-color:#215167;
}

.successButton{
	font-size:12pt;
	border-radius:5px;
	color:white;
	background-color:rgb(28, 184, 65);
	padding:3px 7px 3px 7px;
	text-align:center;
	margin:5px;
	white-space:nowrap;
}
.successButton:hover{
	color:white;
	background-color:rgb(19, 133, 45);
	text-decoration:none;

}



.adminEditQuestionSurveyForm {
	display:none;
}
.mediumButtonSelected{
	color:#D8F1FC !important;
	background-color:#215167 !important;
}

.fa, .fas , .far, .fab {
	color: #538EAB;
}

.bigButton{
	border-radius:5px;
	color:#D8F1FC;
	background-color:#538EAB;
	padding:7px 20px 7px 20px;
	text-align:center;
	margin:5px;
	white-space:nowrap;
	font-size:13pt;
	font-weight:bold;
}
.bigButton:hover{
	color:#D8F1FC;
	background-color:#215167;
}

.smallButton{
	border-radius:2px;
	color:#D8F1FC;
	background-color:#538EAB;
	padding:1px 3px 1px 3px;
	text-align:center;
	margin:0 1px 0 1px;
	font-size:8pt;
	white-space:nowrap;
}

.smallButton:hover{
	color:#D8F1FC;
	background-color:#215167;
	
}


.smallButton2{
	font-weight:bold;
	font-size:8pt;
	color:#D8F1FC;
	background-color:#215167;
	padding:0 3px 0 3px;
	text-align:center;
	white-space:nowrap;
}
.smallButton2:hover{
	color:#D8F1FC;
	
}

.smallButton3{
	font-size:7pt;
	color:#D8F1FC;
	background-color:#437289;
	padding:1px 3px 1px 3px;
	text-align:center;
	white-space:nowrap;
	text-decoration:none;
}
.smallButton3:hover{
	color:#D8F1FC;
	
}


.sheetIncomplete {
	background-color:#AB5461 !important;
}


.smallSelect200 {
	font-size:8pt;
	margin:1px;
	width:200px;
	border:solid 1px black;
}
.select {
	margin:1px;
	border:solid 1px #888;
}


.select200 {
	margin:1px;
	width:200px;
	border:solid 1px black;
}
.select400 {
	margin:1px;
	width:400px;
	border:solid 1px black;
}

.select100 {
	width:100px;
	border:solid 1px black;
}

.select180 {
	
	border:solid 1px black;
}

h1 {
	width:50%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	border-radius:5px;
	color:#D8F1FC;
	font-size:14pt;
	text-align:center;
	background-color:#538EAB;
	padding:5px 50px 5px 50px;
}

h1 a{
	color:#D8F1FC;
}

h1 a:hover{
	color:#D8F1FC;
}


h2 {
	font-size:13pt;
	text-align:center;
	color:#D8F1FC;
	background-color:#437289;
	padding:7px;
	margin : 7px 0 7px 0;
}
h2 a{
	color:#D8F1FC;
}

h2 a:hover{
	color:#D8F1FC;
}


.titleTd {
	color:#D8F1FC;
	text-align:center;
	font-weight:bold;
	background-color:#538EAB !important;
	border:solid 1px #215167 ;
}

.titleTd a {
	color:#D8F1FC;
}

table .titleTdBin {
	font-size:13pt;
	text-align:center;
	border-radius:5px;
	color:#D8F1FC;
	background-color:#538EAB;
	padding:7px;
	margin : 7px;


}
.titleTdShe,
table .titleTdShe {
	border-radius: 5px 5px 0 0;
	border :1px solid #4B85A1;
	text-align:center;
	font-weight:bold;
	background-color:#215167;
	color : #D8F1FC;
}
.subTitleTd {
	text-align:center;
	font-weight:bold;
	background-color:#EEE;
}

input {
	color:#666;
}

select {
	color:#666;
}


.inputText300 {
	width:300px;
	border:solid 1px #888;
	

}

.number{ 
	text-align:right;
}



.inputText500 {
	width:500px;
	border:solid 1px #888;
}

textarea {
	color:#666;
	font-family:arial;
	border:solid 1px #888;
}

.textarea400 {
	width:400px;
}

.textarea500 {
	width:500px;
}


.textareaMedium {
	width:500px;
	height:100px;
}


.textareaBig {
	width:800px;
	height:500px;
}

.tooltip{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 3; 
	display: none; 
	background-color : #FFF;
	border:solid 1px black;
	padding : 10px;
	
} 




.inputText200 {
	width:200px;
	border:solid 1px #888;
}

.smallInputText50 {
	width:50px;
	border:solid 1px #888;
	font-size : 8pt;
}

.smallInputText100 {
	width:100px;
	border:solid 1px #888;
	font-size : 8pt;
}

.inputText {
	border:solid 1px #888;
}

.inputSelect {
	color:#666;
	border:solid 1px #888;
}

.smallSelectOption {
	color:#666;
	border:solid 1px #888;
	font-size:8pt;
	width:100px;
}


.inputText150 {
	width:150px;
	border:solid 1px #888;
}
.inputText100 {
	width:100px;
	border:solid 1px #888;
}

.inputText50 {
	width:50px;
	border:solid 1px #888;
}

.answerTd {
	vertical-align:middle;
}

.inputLine {
	width:100%;
	margin:5px;
	clear:both;
}

.label500 {
	width:500px;
	text-align:right;
	float:left;
	margin:5px;
}

.verySmallBtn {
    padding: 1px 2px 1px 2px;
    margin: 1px;
    font-size: 7pt;
}
input {
   margin: 3px 3px 3px 4px;
}

.table>:not(caption)>*>* {
	    padding: .1rem .1rem;
}

ol, ul ,dl {
 padding-left: 0.2rem;
 margin-bottom: 0.2rem;
}

.label200 {
	width:200px;
	text-align:right;
	float:left;
	margin:5px;
}

.label300 {
	width:300px;
	text-align:right;
	float:left;
	margin:5px;
}

.label100 {
	width:100px;
	text-align:right;
	float:left;
	margin:5px;
}

.questionUl {
	width:300px;
	float:left;
}
.groupDiv {
	border:solid 1px #4B85A1;
	border-radius:5px 5px 0  0;
	background-color:#FEFEFE;
	margin:10px 0 10px 0;
	padding:0;
  page-break-inside: avoid;
}


.groupDiv2 {
	border:solid 1px #4B85A1;
	border-radius:5px 5px 0  0;
	background-color:#FEFEFE;
	margin:10px 0 10px 0;
	padding:10px;
  page-break-inside: avoid;
}

h3 {
	font-size:12pt;
	padding:5px;
	background-color:#4B85A1;
	color:#D8F1FC;
}

h3 a{
	color:#D8F1FC;
}

h3 a:hover{
	color:#D8F1FC;
}

h5 {
	font-size:13pt;
	padding:5px;
}
.inputText:placeholder-shown {
	font-style: italic;
}

.centerDiv {
	margin-right:auto;
	margin-left:auto;
	width:1050px;
}
.centerDiv2 {
	text-align:center;
}


.Tit_QueDiv {
	width:250px;
	float:left;
	margin:3px;
}

.clearBoth {
	clear:both;
}

.clearBoth5 {
	height:5px;
	clear:both;
}

.clearBoth20 {
	height:20px;
	clear:both;
}
.questionDiv {
	margin:5px;
}

.answerDiv {
	vertical-align : top;
	float:left;
	
	
}

#centerPage {
	margin-left:auto;
	margin-right:auto;
	float:left;
}
#patientCenterPage {
	margin-left:auto;
	margin-right:auto;
	width:1050px
}

.scrollCheckbox {
	font-size:8pt;
	float:left;
	width:90%;
	height:40%;
	overflow:auto;
	border:solid 1px black;
}

.selectedRow {
	background-color:#EEE !important;
}

.selectedRow3 {
	background-color:#afffc6 !important;
}


.scrollTit_Grp {
	margin-left : 20px;
	font-weight:bold;
}

.scrollTit_She {
	font-weight:bold;
	font-size : 10pt;
	font-style:italic;
	margin-left:10px;
}
.scrollTit_Bin {
	font-weight:bold;
	font-size : 12pt;
}

.scrollTit_Que {
	margin-left : 10px;
}

.radioLi {
	font-size:7pt;
	
	margin-left:5px;
}


.activeSheet {
	font-weight : bold;
}

.DatePicker {
	width:80px;
}

.floatLeft {
	float:Left;
}

.floatRight {
	float:right;
}
.menuLeftSheetList{
	font-size : 8pt;
	margin:3px;
	list-style-type: circle;
}

.smallFont {
	font-size : 8pt;
}

.verySmallFont {
	font-size : 7pt;
}

.messageMenuDiv {
	padding:5px;
	background-color:#FFF;
	border:solid 1px #4B85A1;
	position:absolute;
	margin-left:30px;
	z-index:1000;
}
.messageBoxDiv {
	padding:5px;
	background-color:#FFF;
	border:solid 1px #4B85A1;
	position:absolute;
	left:150px;
	text-align:left;
	margin-left:30px;
	z-index:1000;
	font-weight:normal;
}

.messageMenuItem{
	padding:2px 5px 2px 5px;
}

.messageMenuItem:hover{
	background-color:rgb(238,238,238);
}

.horizontalLine {
	border-bottom:solid 1px #4B85A1;
	height:10px;
	
	width:100%;
	
}

.capsLock {
	text-transform: uppercase;
}

.inactiveRecord td {
	background-color:#CCC;
}

.archivedRecord td {
	background-color:#d9cce2;
}


.usedHightlight {
	background-color : #BBB !important;
}

.selectedRow2 {
	border: 2px solid black;
}


.selectedHightlight {
	background-color : #CEF6CE;
}
.rowHightlight {
	background-color : #EEE;
}


.warningHighlight {
	background-color:#ffff99   !important;
	color:#215167 !important;
	padding:5px;
	border:solid 1px #777;
	border-radius: 5px;
}

.warningHighlight2 {
	background-color:#ffecaa !important;
	color:#215167 !important;
	padding:5px;
	border:solid 1px #777;
	border-radius: 5px;
}


.smallWarningHighlight {
	background-color:#ffff99   !important;
	color:#215167 !important;
}

.readOnlyTit_Div {
	color: #848484;
}

.completeRecord td {
	background-color:#D8F1FC;
}

.visibilityHidden {
	visibility:hidden !important;
	height:0px;
	margin:0px;

	position:absolute;
}


.fullScreen {
	left: 0;
  right: 0;
	margin:auto;
	max-width:95%;
	max-height:95%;
	
}

.smallFunctionButton{
	color:#D8F1FC;
	background-color:#538EAB;
	padding:1px 2px 1px 2px;
	text-align:center;
	margin:1px;
	font-size:8pt;
	white-space:nowrap;
	width:30px;
	display:inline-block;
}

.websurveyTitle {
	color:#215167;
	font-family:Impact;
	font-weight:bold;
	font-size:16pt;
	margin-right:20px;
}

.pulseIt {
	-webkit-animation : pulse linear .5s infinite;
	animation : pulse linear 1s infinite;
	width : 110px;
	height:18px;
	display:inline-block;
}

@keyframes pulse {
  0% {  font-size:10pt}
  50% {  font-size:15pt}
  100% {   font-size:10pt}
}

.patientAccessSendMessageButton {
	margin : 5px 0 0 0;
}

.warningIcon {
	top:20px;
}

.buttonBinderDiv {
	border:solid 1px #215167;
	display:inline;
	border-radius:2px;
	margin:1px;
	font-size:9pt;
}

.binderDiv {
	background-color:#f2fbff;
	
}

#patientTableScrollDiv {
	overflow:auto;
}

/* #patientTableContentScrollDiv {
	overflow:auto;
} */

.centerDiv::-webkit-scrollbar {
	 background-color: #FFF;
	 width: 15px;
	 border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}

.centerDiv::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
  background-color: #538EAB; /*couleur de l'ascenseur*/;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  }
  
  
#menuLeft .btn {
	line-height: 12px;
}
#menuLeft li {
	line-height: 1.3;
}

#menuLeft::-webkit-scrollbar {
	background-color: #FFF;
	width: 10px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

#menuLeft::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
  background-color: #538EAB; /*couleur de l'ascenseur*/;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}  
  
.scrollDiv::-webkit-scrollbar {
	 background-color: #FFF;
	 width: 12px;
	 height: 12px;
}

.scrollDiv::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
  background-color: #538EAB; /*couleur de l'ascenseur*/;
	border :solid 1px black;
  }  
  
  
  
.icon16 {
 	margin : 0 2px 0 2px;
} 
.rgpdIconDiv {
	position:relative;
	top:-5px;
 	width:20px;
 	height:20px;
 	margin : 0 2px 0 2px;
 	display:inline-block;
	background-image:url('../img/RGPDicon.png');
	background-repeat:no-repeat;
	color:white !important;
	font-weight:bold;
	font-size:12pt;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	line-height:15px
} 

.faSelected {
	color : #D8F1FC;
	text-shadow: -2px 0 #4B85A1, 0 2px #4B85A1, 2px 0 #4B85A1, 0 -2px #4B85A1;
}

.inactiveTr {
	background-color:#ddd !important;
	color:#666;
}

.titleBinder {
	margin-top:40px;
	padding : 10px;
	text-align : center;
	color:white;
	background-color : #215167;
}

.spanTitleBinder {
	font-size : 15pt;
}

.newAlertH1 {
	background-color : #FFF700;
	color : #437289;
}

.questionListH5 {
	font-weight : bold;
}

.Cod_DicTd {
	vertical-align:top;
}

.dicTd {
	padding:0;
}

.dicTextarea {
	margin:0;
}

input.watermark { 
	color: #999; 
}


.printFontSize {
	font-size:13pt;
}

.commentStudyTextarea {
	margin-left : 100px;
	width : 700px;
	height : 50px;
}

.completed_queryState td{
	background-color:#ddd;
}


.marginLeft200 {
	margin-left:200px;
}

.paragraphTextarea {
	width:800px;
	height:150px;
}

.spacer2 {
	width:2px;
	display: inline-block;
} 
.spacer8 {
	width:8px;
	display: inline-block;
} 

.mediumFont {
	font-size:12pt;
}

.previousRecordSelected td{
	background-color:#F5F6CE;
	
}

.selectedSearch{
	background-color:#F5F6CE;

}


.commentDiv {
	margin-left:auto;
	margin-right:auto;
	background-image:url('../img/comment.png');
	background-repeat:no-repeat;
	width:16px;
	height:14px;
	color:white;
	font-weight:bold;
	font-size:9pt;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	float:left;
}

.actionPicDiv {
	margin-left:auto;
	margin-right:auto;
	background-repeat:no-repeat;
	width:16px;
	height:14px;
	color:white;
	font-weight:bold;
	font-size:9pt;
	float:left;
}

.emailPicDiv {
	
	margin:0 1px 0 1px;
	text-align:center;
	background-position: center; 
	background-repeat:no-repeat;
	float:left;;
	width:22px;
	height:18px;
	color:white;
	font-weight:bold;
	font-size:9pt;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.emailPicDivOff {
	text-shadow: -1px 0 grey, 0 1px grey, 1px 0 grey, 0 -1px grey;
}

.patientAccessTable {
	background-color:transparent;
	margin-left:0 ;
	margin-right:0 ;
}

.actualStep {
	background-color:#F2F5A9;
	
}


.patientAccessTable td {
	border:none;
}

.patientAccessTd {
	width:42px;
}
.patientAccessTd2 {
	width:30px;
}

.titleSheet {
	font-size:12pt;
	text-align:center;
	color:#D8F1FC;
	background-color:#437289;
	padding:7px;

	font-size:12pt;
	margin-top:10px;
}

.titleGroup {
	font-size:11pt;
	padding:5px;
	background-color:#4B85A1;
	color:#D8F1FC;
	margin-top:5px;
}
.titleQuestion {
	text-decoration:underline;
	font-size:10pt;
	margin-left:10px;
	margin-top:3px;
}

.titleQuestionItem {
	font-size:9pt;
	margin-left:20px;
	margin-top:3px;
}

#surveyLinkQuestionItemList_1 .questionCheckbox {
	float:right;
}
#surveyLinkQuestionItemList_1 .hiddenCheckbox {
	display:none;
}


#surveyLinkQuestionItemList_2 .questionCheckbox {
	float:left;
}

.deleteSurveyLinkQuestionItem {
	display:none;
	margin : 2px 3px 2px 3px;
}

#surveyLinkQuestionItemList_2 .deleteSurveyLinkQuestionItem {
	float:left;
}

#surveyLinkQuestionItemList_1 .deleteSurveyLinkQuestionItem {
	float:right;
}

.dicomUl {
	background-color:black;
}

.reducedTitle {
	font-size : 8pt !important;
	width:50%;
	opacity:0.7;
}

#toggleMenuLeft {
		display:none;
	
}

#answerListMenuTop {
	margin-top:10px;
	margin-bottom:10px;
	z-index:2000;

}

.validationClassDisplayNone {
	visibility:hidden !important;
}

.unclickable {
	pointer-events: none;
}

.emailNotPng {
	background-image:url(../img/emailNot.png);
}

.emailPng {
	background-image:url(../img/email.png);
}
.emailSendedPng {
	background-image:url(../img/emailSended.png);
}
.emailSendedOffPng {
	background-image:url(../img/emailSendedOff.png);
}
.emailOffPng {
	background-image:url(../img/emailOff.png);
}
.emailCompletedPng {
	background-image:url(../img/emailCompleted.png);
}

.sendMailDiv {
	display: inline-block;	
	width:28px;
	height:24px;
	background-repeat:no-repeat;
	margin:0;
	
}


.reculIntermediaireActiveEmailPng{
	width:28px;
	background-size: contain;
	background-image:url(../img/reculIntermediaireOpen.png);
}

.reculIntermediaireOffActiveEmailPng{
	width:28px;
	background-size: contain;
	background-image:url(../img/reculIntermediaireOff.png);
}



.emailProgress{
	width:20px; 
	accent-color: lightgreen;	
}




.emailNotStepPng {
	background-image:url(../img/emailNotStep.png);
}
.noMessageTemplatePng {
	background-image:url(../img/noMessageTemplate.png);
}

.cursorPointer {
	cursor : pointer;
}

.classCross {
	width:8px;
	height:16px;
	background-repeat:no-repeat;
	float:left;
	margin:0;
}

.stopStepOnPng {
	background-image:url(../img/stopStepOn.png);
}

.stopStepOffPng {
	background-image:url(../img/stopStepOff.png);
}


.patientRow td{
	background-color:#F5F6CE;
	
}
.anonymRow td{
	background-color:#cee3f4;
}

.faqDiv {
	display : none;
	padding:10px;
}
.faqDiv2 {
	padding:10px;
	background-color:white;
	border:1px solid  #D8F1FC;
}
.faqDiv img {
	max-width:900px;
}


.faqH4 {
	cursor : pointer;
}


.uploadFileHref {
	line-height : 18px;
	font-size:11pt;
	font-style: italic;
}

.uploadProgressText {
	position:absolute;
	width:100%;
	text-align:center;
	text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
}
.uploadButton {
	position:relative;
	overflow:hidden;
}
.uploadProgressContainer {
	width:100%;
	height:20px;
	background-color:#FFF;
	margin:10px 0 10px 0;
	display:none;
	position:relative;
	border:1px solid #4B85A1
}
.uploadProgress {
	width:0%;
	height:20px;
	background-color:#4B85A1;
}

/* .inputReadonly {
	color:#aaa !important;
}
.inputReadonly a {
	color:#aaa !important;
} */

input.inputReadonly {
	border-color:#fff !important;
}


.displayNone {
	display : none;
	-webkit-appearance: none;
}


.displayNone2 {
	width:0;
	height:0;
	overflow:hidden;
	margin:0;
	padding:0;
}


@media screen  and ( max-width: 1050px) {
	#patientCenterPage {
		width:100%;
	}
	.centerDiv {
		width:100%;
	}

	.smallButton {
		padding:2px 5px 2px 5px;
		text-align:center;
		margin:30px 30px 3px 3px;
		font-size:10pt;
		
	}	
	#toggleMenuLeft {
		display:block;
	}
	.moveColumn {
		display:none;
	}
	
	.menuLeftUl li {
		font-size:12pt;
		margin-bottom:5px;
	}
	#menuLeft {
		/* width:170px; */
		display:none;
		position:absolute;
		overflow:hidden;
	}
	.menuTop a {
		display:block;
	}
	.menuTop {
		border-radius: 5px;
		border:solid 1px #dddddd;
		width:170px;
		margin :2px;
		padding : 5px;
		background-color:#fff;
		top:30px;
		left:245px;
		display:none;
		position:absolute;
	}
	.resizeTdDiv {
		height:75px;
		overflow: hidden;
	}
	
	#surveyFormButtonDiv {
		border-radius: 5px;
		border:solid 1px #dddddd;
		width:170px;
		margin :2px;
		padding : 5px;
		background-color:#fff;
		top:30px;
		left:190px;
		display:none;
		position:absolute;
		z-index:2000;

	}
	#surveyFormButtonDiv a {
		display:block;
	}
	#nextPreviousAnswerList {
		border-radius: 5px;
		border:solid 1px #dddddd;
		width:50px;
		margin :2px;
		padding : 5px;
		background-color:#fff;

		top:30px;
		left:182px;
		display:none;
		position:absolute;
		z-index:2000;

	}
	
}


@media screen and (min-width: 100px) and ( max-width: 640px) {
	.radioRow {
		display: block;
		clear:both;
	}
	
	.CssTxtBef_Que {
		text-align:center !important;
		width:100% !important;
	}
	
	.CssTxtAft_Que {
		text-align:center !important;
		width:100% !important;
	}
	.questionAnswerDiv {
		height:auto !important;
	}
	.checkboxRow {
		display: block;
		clear:both;
	}
	 
	.groupDiv {
		width:auto !important;
	}
	.Tit_QueDiv {
		
		width:auto !important;
		float:none !important;
		text-align:left !important;
	}

	.questionDiv {
		width:auto !important;
		float:none !important;
		/*text-align:center !important;*/
	}
	.answerDiv {
		float:none !important;
	}
	.questionDiv {
		margin-bottom:20px;
	}
	
	textarea {
		width:auto !important;
	}
	.inputText500 {
		width:auto !important;
	}
	/* .inputText {
		width:auto !important;
	} */
	.label200{
		text-align:left;
	}
	.patientConnecttFormSpan {
		text-align:center !important;
		display:block !important;
		margin-top:20px;
		width:auto  !important;
		
	}
	.centerDiv {
		width:100% !important;
	}
	#patientConnectButton {
		margin : 0 20px 20px 20px !important;
		display:block;
	}
	#patientConnectDiv {
		text-align:center;
	}
	.bigButton2{
		clear:both;
		margin:40px 10px 10px 10px;
	}
	textarea {
		width:auto !important;
	}
	.patientHelpLink {
		text-align:center;
		margin-top:40px;
	}
	.helpFormLabel {
		text-align:left  !important;
		margin-top:10px;
	}
}

/* #2274 */
.patientResponseDiv {
  margin-left:auto;
  margin-right:auto;
  width:500px;
  text-align:center;
}


@media screen and (max-width: 768px) {
	.patientResponseDiv {
		width:80% !important;
	}
	.patientResponseButton {
		margin : 0 20px 20px 20px !important;
		/* display:block; */
	}
  } 
/* #2274 END*/
 
/* #2279 */
#num_warning_div {
	display:none;
}
/* #2279 END */

input.DatePickerDateStart{
	width:48px;
	font-size: 6pt;
}