body {
	font-family:arial;
	font-size:10pt;
}

table {
	width : 100%;
}

img {
}

a {
	color:black;
}

h1 {
	font-size:15pt;
	text-align:center;
}

p {
	 margin-bottom: 0.3rem !important;
}

input,textarea,select {
	padding:2px;
}

.checkedTr td{
	background-color: #F5F5F5;
}

.cancelPerson td{
	background-color: #F5F5F5;
	text-decoration: line-through;
}




.highlightRow {
	background-color:#E2FAF7;
}



.titleTr {
	background-color:#C7DBD8;
}

#messageContent {
	height:50%;
	overflow:auto;
}

#messageHead {
	height:50px;
	background-color:#DCE2E1;
	border-bottom:1px solid #3fa3c4;;
}
#messageBody {
	font-family:courier;
	font-size:13pt;
	padding:10px;
}

#messageList {
	height:50%;
	overflow:auto;
	border-bottom:1px solid black;
}
.tableMessageList td {
	border:1px solid #3fa3c4;
}

.tableMessageList td{
	padding:6px;
	vertical-align:top;
}

#recipientDiv2 {
  width:100%;
  height:150px;
  overflow-x:hidden;
  overflow-y:scroll;  
}

#messageDate {
	float:right;
}

#messageButton{
	
}

#messageFile{
	float:right;
}

.knownPerson  {
}

.knownPerson2  {
	font-weight:bold;
	
}

.selectedLi {
	background-color:#CEEBFA;
}



.selectedRow td {
	
	background-color:#CEEBFA;
}

.selectedRow2 td {
	
	background-color:#f7fdff;
}



.mediumButton{
	color:#D8F1FC;
	background-color:#538EAB;
	padding:3px 7px 3px 7px;
	text-align:center;
	margin:5px;
	white-space:nowrap;
	border:1px solid #3fa3c4;
	text-decoration:none;
}

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

.bigButton {
	font-size:2em;
}

.recipientTable {
	border:1px solid #3fa3c4;
}

.recipientTable td{
	border:1px solid #3fa3c4;
	vertical-align:top;
}


.recipientInput {
	width:99%;
	margin:5px;
	border:0 none;
}

#searchPersonDiv {
	position:absolute;
	background-color:white;
	border:solid 1px black;
	padding:3px;
}

.personSubDiv {
	border:solid 1px black;
	padding:3px;
	width:300px;
	height:200px;
	overflow-y:scroll;
	overflow-x:hidden;
}

#templateList {
  width:49%;
  float:right;
  margin-right:1%;
}

#countMessage {
	float:right;
	font-size: 12pt;
	margin-top:8px;
}

.displayNone {
	display:none !important;
}

.messageInputText {
	width:100%;
	border:1px solid #3fa3c4;
	padding : 5px;
}

.messageTextarea {
	width:100%;
	height:150px;
	border:1px solid #3fa3c4;
}

.messageBottom {
	bottom:0;
}

.messageFormInputText{
	border:1px solid #3fa3c4;
	width:300px;
}

.mediumInputText{
	border:1px solid #3fa3c4;
	width:100px;
}
.smallSelect {
	border:1px solid #3fa3c4;
	width:50px;
}

.searchInputText{
	border:1px solid #3fa3c4;
	width:300px;
	padding: 5px;
}


.DatRec_Mes {
	white-space: nowrap;
	
}

input, textarea {
	
	border:1px solid #3fa3c4;
}

.icon24{
	margin:0px 8px 0px 8px;
	color:#3fa3c4 ;
	position:relative;
	width:30px;
	display:inline-block;
}
.icon24:hover {
	text-decoration: none !important;
	
}
.checkMessage {
  width:50px;
  display:inline-block;
}
.fa-phone {
  display:none;
}


.textIcon {
	
	color:white;
	position:absolute;
	top:0;
	
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	font-family:arial;
	text-align:center;
	width:100%;
	font-size:13pt;
}


#headerDiv {
	padding : 5px;
}

.personList {
	margin:7px;
}

.titleTr th {
	text-align : center;
}

.messageHeadTitle {
	font-weight:bold;
	max-width : 900px;
	overflow: hidden;
	white-space:nowrap;

}

.messageListRow .icon32 {
	margin:5px 5px 5px 5px;
}

#messageHead .icon32 {
	margin:5px 5px 5px 5px;
}


#lexiconDiv {
	display:none;
	position:absolute;
	background-color:white;
	border:solid 1px black;
	padding:3px;
}

#lexiconDiv a {
	text-decoration : none;
	line-height:20px;
}

#lexiconDiv a:hover {
	text-decoration : none;
	background-color : grey;
}

.appointmentTable td {
	border:1px solid #ddd;
}
.appointmentTable th {
	border:1px solid #ddd;
	background-color : #eee;
	width : 14.3%
}




.appointmentTd {
}

.hourDiv {
	font-size:8pt;
	width:20px !important;
	border-right:0 none;
	float:left;
	background-color : #eee;

}
.appointmentDiv {
	width:100%;
	position:absolute;
}


.minuteDiv {
	font-size:6pt;
	text-align:right;
	/*margin-top:15px;*/
	border-top:1px solid #ddd;
}
.hourDiv2 {
	margin-left:20px;
	display:inline-block
	height:100px;
}

.responsiveCompletePatientName {
  display: none;
}

.dayTd {
	text-align:center;
}

.appointmentTableContainer {
	width:100%;
	height:95%;
	overflow-y:scroll;
	overflow-x:hidden;
}
.appointmentTableContainerPatient {
	width:100%;
	height:95%;
	overflow-y:hidden;
	overflow-x:hidden;
}

.appointmentDiv_confirmed {
	border : 2px solid green;
}
.appointmentDiv_toConfirm {
	border : 2px solid red;
}
.appointmentDiv {
	position:absolute;
	border-radius : 3px;
	padding : 3px;
	width:150px;
	white-space:nowrap;
	overflow : hidden;
	
}
.appointmentTitle {
	text-align:center;
	background-color : rgba(255,255,255,0.5);
	font-weight:bold;
}


.headerMainTitle {
	text-align:center;
	display:inline-block;
	position: relative;
	left: 20%;
	font-size:16px;
	font-weight:bold;
	border:1px solid #3fa3c4;
	padding:3px 16px;
	border-radius : 6px;
	background-color:#e8ffeb;
	

}

.centerBox300{
	width:300px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}


h3 {
	font-size : 12pt !important;
}
.personDiv {
	padding-bottom:50px;
}
.messageDiv {
	padding-bottom:50px;
}
#messageDiv {
  width:49%;
  float:left;
}

@media (max-width: 1025px) {

 /* passer tous les ?l?ments de largeur fixe en largeur automatique */
 body {
   width: auto;
   margin: 0;
   padding: 0;
   font-size:9pt;
 }
#messageBody {
	font-family:courier;
	font-size:12pt;
	padding:5px;
}

.recipientInput {
	font-size:13pt;
}

.mobileDisplayNone {
	display: none;
}
.DatRec_Mes {
  display:none;
	font-size:10pt;
}

.mediumButton {
	font-size:15pt;
}

.icon24{
  	margin : 4px 8px 4px 8px;
}

.transferIcon {
  display:none;
}

.saveIcon {
  display:none;
}

.Typ_Mes {
  display:none;
}
.checkMessage {
  /*display:none;*/
}
.savePerson {
  display:none;
}
.newMessage {
  display:none;
}
.fa-clipboard-list,.fa-file-pdf,.fa-user,.newMessageHeader,.fa-sign-out-alt{
  display:none;
}
#searchPeronInputText,#countMessage {
  float:left;
}
#searchPeronInputText {
  width:450px !important;
}

#fileList{
  display:none;
}
#recipientDiv {
   width:99% !important;
   height:75px;
}
#tr_2 {
   display:none;
}

#recipientDiv2 {
   height:75px ;
   overflow:hidden;
}

#messageDiv {
  width:99%;
  clear:both;
}

#templateList {
  display:none;
}

#Bod_Mes {
  height:50% !important;
}

#messageHead {
  display:none;
}

.completeNameTd {
  max-width:90px;
  overflow : hidden;
}


.messageContentTd {
  width:auto !important;
}
.actionTd {
 	white-space:nowrap;
   max-width:140px;

}
.fa-phone {
  display:inline-block
}
.responsiveCompletePatientName {
  display: inline-block;
}
.completeNameTd,.completeNameTh {
  display:none;
}
.checkMessage {
  display:inline-block;
}
}