body.virtual .medium h1, .chatView h1 {font-size: 20px; margin-bottom: 10px;}
.chatView .smallText {font-size: 0.8em;}

.onlineActions {line-heightx: 35px; padding-top: 10px; padding-bottom: 15px;}
.onlineActions a {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	background-color: #eee; color: #666; padding: 10px 15px;}
.onlineActions a.main {background-color: #35baaf; color: #fff !important;}



.chatNewMessage input[type="text"] {width: 100%; border: none; background-color: #f6f6f6; height: 20px; line-height: 20px;}
.chatNewMessage textarea {width: 100%; border: none; background-color: #f6f6f6; height: 150px; line-height: 20px; resize: none;}
.chatNewMessage label {font-size: 0.9em; margin-bottom: 3px;}
.chatNewMessage div.label {margin-top: 20px; margin-bottom: 10px;}

.chatView {font-size: 16px; }<%-- To have the same size in virtual and member layouts --%>
.chatView {padding: 10px; margin-bottom: 10px;}
.chatView_new {background-color: #f2f8fb;}
.chatView_open {background-color: #fff4ea;}
.chatView_closed {background-color: #f5fbec;}
.chatView table.chatHeader {width: 100%;}
.chatView table.chatHeader > tbody > tr > td {padding: 10px; vertical-align: top;}
.chatView table.chatHeader .headerSectionBorder {border-right: 1px dotted #c7bbb1;}
.chatView table.chatHeader .smallText {font-size: 1em;}
.chatView table.chatHeader .personName { font-size: 1em; padding-top: 5px; line-height: 1.3em; }

.ui-tabs-panel .chatView {padding: 0px; margin-bottom: 0px;}
.ui-tabs-panel .chatView_new,.ui-tabs-panel .chatView_open,.ui-tabs-panel .chatView_closed {background-color: inherit !important;}

span.chatMessageReadStatus {display:block; float: right; color: #fff; white-space: nowrap; font-size: 0.8em;
	padding: 5px 10px 5px 10px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
span.chatMessageRead {background-color: #e8e8e8;}
span.chatMessageUnread {background-color: #93ca3b;}

.chatView .chatStatus {margin-top: 5px;}
.chatView_new .chatStatus {color: #6db0dc;}
.chatView_new .chatStatusBack {height: 45px; background: url(images/public/assets_online.png) no-repeat scroll 0px 0px;}
.chatView_open .chatStatus {color: #ff8800;}
.chatView_open .chatStatusBack {height: 45px; background: url(images/public/assets_online.png) no-repeat scroll 0px -50px;}
.chatView_closed .chatStatus {color: #9bc00d;}
.chatView_closed .chatStatusBack {height: 45px; background: url(images/public/assets_online.png) no-repeat scroll 0px -100px;}
.chatView .messagesContent {padding: 10px 10px 0px 10px; margin-top: 10px; margin-bottom: 10px; line-height: 16px; }

.chatView .firstMessage,.chatView .chatMessage {margin-bottom: 20px;}

.chatMessage {
  animation: fadeIn 2s;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}


.chatView .chatMessage {padding: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.chatView .chatMessage_patient_medicalCenter, .chatView .chatMessage_medicalCenter_medicalCenter {
	background-color: #fff; margin-left: 50px;}
.chatView .chatMessage_patient_patient, .chatView .chatMessage_medicalCenter_patient {
	background-color: #e7efca; margin-right: 50px;}
.chatView .chatMessage .author {font-weight: 500; font-size: 1.1em; margin-bottom: 10px;}
.chatView .chatMessage .attachment,.chatView .firstMessage .attachment {margin-top: 10px;}
.chatView a.addToMedicalHistory {color: inherit; font-size: 0.8em;}


.clinicalHistoryContent {color: #333;}
.clinicalHistoryContent h4 {font-weight: 500;padding: 9px 0px 7px 0px;}
.clinicalHistoryContent h4 .counter {
	${cis:params(borderRadius,"1em")}
	-webkit-background-clip: padding;
	background-clip: padding-box;
	padding: .10em .5em;
	z-index: 30;
	/*text-shadow: rgba(0, 0, 0, 0.5) 0 -0.08em 0;*/
	/*-webkit-box-shadow: #000 0 .1em .2em;*/
	overflow: hidden;
	/*color: white;*/
	/*border: 2px solid white;*/
	position: relative;
	width: auto;
	min-width: 1em;
	height: 1.5em;
	line-height: 1.4em;
	font-size: 0.7em;
	top: 0.4em;
	left: 5px;
	max-width: 100%;
	background-color: #daf2f8;
	/*background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e60000), color-stop(50%, #b30000), color-stop(51%, #990000), color-stop(100%, #800000));*/
	/*background-image: linear-gradient(#e60000,#b30000 50%,#990000 51%,#800000);*/
	display: inline-block;
	text-align: center;
}
.clinicalHistoryContent h4 a {text-decoration: none;}
.clinicalHistoryContent ul { padding: 5px 5px 5px 5px;color: #666; list-style-type: none; //float:left;}
.clinicalHistoryContent ul li {padding-bottom: 5px;}
.clinicalHistoryContent ul li a.edit {margin-left: 10px; color: #54B1E0;}
.clinicalHistoryContent ul li a {text-decoration: none;}
.clinicalHistoryContent ul li a:hover {text-decoration: underline;}
.clinicalHistoryContent a.newClinicalHistory {display:block; margin-bottom: 10px; cursor: pointer; text-decoration: none;}
.clinicalHistoryContent ul div.editClinicalHistory { margin-bottom: 5px}
.clinicalHistoryContent div.newClinicalHistory {display:none;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
	border: 1px solid #E5E5E5; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; padding-left: 10px;
	background-color: #F5F5F6;
}
.clinicalHistoryContent .selectHistoryType div {margin-bottom: 5px;}
.clinicalHistoryContent .newContainer {display:none;}
.clinicalHistoryContent .medicalHistoryItemForm .title {font-weight: bolder; margin-bottom: 3px;}
.clinicalHistoryContent .medicalHistoryItemForm textarea {resize: none; width: 95%; height: 50px;}
.clinicalHistoryContent .medicalHistoryItemForm .historyItemActions {margin-top: 5px;}
.clinicalHistoryContent .medicalHistoryItem { color: #888; padding-bottom: 10px; }
.clinicalHistoryContent .medicalHistoryItem .itemDay { font-size: 0.9em; color: #000; margin-bottom: 4px; }
.clinicalHistoryContent .vaccination {
	display: inline;
	//float: left;
}
.buttonVaccination {
	float:left;
	padding-left:10px;
}

.sharedFolderContent {color: #333;}
.sharedFolderContent h4 {font-weight: 500;padding: 9px 0px 7px 0px;}
.sharedFolderContent h4 .counter {font-weight: normal; margin-left: 10px;}
.sharedFolderContent h4 a {text-decoration: none;}
.sharedFolderContent ul { padding: 5px 5px 5px 5px;color: #666;//float:left;}
.sharedFolderContent ul li {padding-bottom: 5px;}
.sharedFolderContent ul li a.edit {margin-left: 10px; color: #54B1E0;}
.sharedFolderContent ul li a {text-decoration: none;}
.sharedFolderContent ul li a:hover {text-decoration: underline;}
.sharedFolderContent a.newSharedDocument {display:block; margin-bottom: 10px; cursor: pointer; text-decoration: none;}
.sharedFolderContent ul div.editClinicalHistory { margin-bottom: 5px}
.sharedFolderContent div.newSharedDocument {display:none;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
	border: 1px solid #E5E5E5; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; padding-left: 10px;
	background-color: #F5F5F6;
}
.sharedFolderContent .selectHistoryType div {margin-bottom: 5px;}
.sharedFolderContent .newContainer {display:none;}
.sharedFolderContent .medicalHistoryItemForm .title {font-weight: 500; margin-bottom: 3px;}
.sharedFolderContent .medicalHistoryItemForm textarea {resize: none; width: 95%; height: 50px;}
.sharedFolderContent .medicalHistoryItemForm .historyItemActions {margin-top: 5px;}
.sharedFolderContent .medicalHistoryItem { color: #888; padding-bottom: 10px; }
.sharedFolderContent .medicalHistoryItem .itemDay { font-size: 0.9em; color: #000; margin-bottom: 4px; }
.sharedFolderContent .vaccination {
	display: inline;
	//float: left;
}

.clinicalTrackingContent {color: #333;}
.clinicalTrackingContent h4 {font-weight: 500;padding: 5px 0px 5px 0px;}
.clinicalTrackingContent h4 .counter {font-weight: normal; margin-left: 10px;}
.clinicalTrackingContent h4 a {text-decoration: none;}
.clinicalTrackingContent ul { padding: 5px 0px 5px 0px;color: #666; list-style-type: none;}
.clinicalTrackingContent ul li {padding-bottom: 5px;}
.clinicalTrackingContent ul li a.edit {margin-left: 10px; color: #54B1E0;}
.clinicalTrackingContent ul li a {text-decoration: none;}
.clinicalTrackingContent ul li a:hover {text-decoration: underline;}
.clinicalTrackingContent a.newClinicalTracking {display:block; margin-bottom: 10px; cursor: pointer; text-decoration: none;}
.clinicalTrackingContent a.newTrackingAlert {display:block; margin-bottom: 10px; cursor: pointer; text-decoration: none;}
.clinicalTrackingContent ul div.editClinicalTracking { margin-bottom: 5px}
.clinicalTrackingContent ul div.editTrackingAlert { margin-bottom: 5px}
.clinicalTrackingContent div.newClinicalTracking {display:none;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
	border: 1px solid #E5E5E5; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; padding-left: 10px;
	background-color: #F5F5F6;
}
.clinicalTrackingContent div.newTrackingAlert {display:none;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
	border: 1px solid #E5E5E5; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; padding-left: 10px;
	background-color: #F5F5F6;
}
.clinicalTrackingContent .selectTrackingType div {margin-bottom: 5px;}
.clinicalTrackingContent .selectTrackingMetric div {margin-bottom: 5px;}
.clinicalTrackingContent .newContainer {display:none;}
.clinicalTrackingContent .medicalTrackingItemForm .title {font-weight: 500; margin-bottom: 3px;}
.clinicalTrackingContent .medicalTrackingItemForm textarea {resize: none; width: 95%; height: 50px;}
.clinicalTrackingContent .medicalTrackingItemForm .trackingItemActions {margin-top: 5px;}
.clinicalTrackingContent .medicalTrackingItem { color: #888; padding-bottom: 10px; }
.clinicalTrackingContent .medicalTrackingItem .itemDay { font-size: 0.9em; color: #000; margin-bottom: 4px; }


/* SPECIAL CALENDARS */
/*.ui-datepicker td.day_holiday {background-color: #D8D9DA; opacity: 1 !important;}*/
.ui-datepicker td.day_holiday .ui-state-default {background-image: none !important; background-color: #D8D9DA !important; color: #fff !important;}
/*.ui-datepicker td.day_complete {background-color: #FF8C07; opacity: 1 !important;}*/
.ui-datepicker td.day_complete .ui-state-default {background-image: none !important; background-color: #FF8C07 !important; color: #fff !important;}
/*.ui-datepicker td.day_available {background-color: #DAF2F8; opacity: 1 !important;}*/
.ui-datepicker td.day_available .ui-state-default {background-image: none !important; background-color: rgba(53, 186, 175, 0.16) !important; color: #000 !important;}
.ui-datepicker td.day_available .ui-state-hover { background-image: none !important; background-color: #CAE2E8 !important; color: #000 !important;}
.ui-datepicker td.day_available .ui-state-active { background-image: none !important; background-color: #35baaf !important; color: #fff !important;}
/*.ui-datepicker td.day_notAvailable {background-color: #FF8C07; opacity: 1 !important;}*/
.ui-datepicker td.day_notAvailable .ui-state-default {background-image: none !important; background-color: #FF8C07 !important; color: #fff !important;}

.ts_type_attachment .attachment_name { color: #6a6a6a; } 
.ts_type_attachment .progress_report { }
.ts_type_attachment .progress_report .progress_report_name {}
.ts_type_attachment .progress_report .progress_report_status {font-style: italic; padding-top: 5px; padding-bottom: 2px; color: #aaa;}
.ts_type_attachment .progress_report .progress_report_bar_container {width: 90%; height: 10px;}
.ts_type_attachment .progress_report .progress_report_bar {background-color: blue; width: 0; height: 100%;}

div.professionalOnlineHolidays {background-color: #f7dd4c; padding: 8px; font-size: 1.2em; margin: 5px 0px;}
div.professionalOnlineHolidaysNotes {padding-top: 15px;}




.cmsWidget h3 {
	width: 100%;
	color: ${color1};
	font-size: 26px;
	margin-bottom: 20px;
	font-family: 'Rokkitt', Georgia, 'Times New Roman', Arial;
}

.cmsWidget  ul {
	padding: 10px 10px 10px 30px;
	list-style-type: disc;
}
.cmsWidget  ul li {
	padding: 2px 0px;
}

.cmsWidget  strong {
	font-weight: 500;
}

.cmsWidget  a {
	color: #666;
	text-decoration: none;
}
.cmsWidget  a:hover {
	color: #000;
	text-decoration: underline;
}