/* andreas02 - a free xhtml/css website layout by Andreas Viklund - http://andreasviklund.com - Free to use for any purpose as long as the proper credits are given to the original author.

Version: 2.0 (Jan 29, 2007)

Screen layout: */

body {
padding:0px 0 0 0;
margin:0;
font:76% tahoma, verdana, sans-serif;
background-color: #101982;
color:#998830;
}

body.visum {
	background: none;
	background-color:#101982;
}


body.pupiloo {
	background: #101982;
}


a {
color:#050588;
text-decoration:underline;
sborder-bottom:1px solid #050588;
}

a:hover {
color:#010188;
text-decoration:underline;
sborder-bottom:1px solid #050588;
}

h1 {
margin:0 0 20px 0;
font-size:2.2em;
font-weight:normal;
}

h2 {
margin:0 0 12px 0;
font-size:1.6em;
font-weight:normal;
}

h2.centered {
margin:10px 0 0px 0;
font-size:1.6em;
font-weight:normal;
text-align: center;
letter-spacing: 5px;
}

h3 {
margin:0 0 10px 0;
font-size:1.4em;
font-weight:normal;
}

p {
 margin:0 0 15px 0;
 line-height:1.5em;
 text-align:left;
}

a img {
border:0;
}

ul {
	margin-bottom: 10px;
}


li {
	margin: 3px;
}


table {
	font-size: 0.9em;
	width:100%;
	border: 1px solid #AAA;
	border-collapse: collapse;
}

td {
	padding: 0px 2px;
	margin: 0;
	vertical-align: middle;
	sheight: 18px;
	border: 1px solid #AAA;
}


.tablelist,.xmaslist  {
	font-size: 11px;
}


.agenda {
	font-size: 0.9em;
	border-collapse:collapse;
	border: none;
}

.agenda td {
	padding: 0 2px;
	sborder: 1px solid #DDD;
}


td.hora {
	text-align: center;
	width: 40px;
	padding-left: 3px;
	padding-left: 2px;
}

td.datapast {
	color: red;
	font-weight: bold;
}


td.acao {
	text-align: center;
	swidth: 10%;
}


table.paciente {
	font-size: 0.9em;
	border-collapse:collapse;
	border: none;
}

.paciente td {
	font-size: 1.2em;
	padding: 1px 2px;
	border: none;
	vertical-align: top;
}

.paciente td.label {
	width: 150px;
	sbackground-color: #88D;
	color: #888;
	text-align:right;
	padding-right: 5px;
}

.paciente td.info {
	swhite-space: pre;
}


div.announcebox {
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 1.1em;
	background-color: #CCC;
	color: black;
	padding: 10px;
	border: 1px dashed #222;
	margin: 10px 0;
}

p.delete_info {
	text-align: center;
	color: #FF3333;
	font-size: 1.em;
	font-weight: bold;
	display: block;
}

table.blind_table {
	border: none;
	margin: 0;
}

.blind_table td {
	border: none;
	vertical-align: middle;
	font-size: 1em;
	sline-height: 12px;
}

.blind_table td.opener {
	width: 10px;
}

.blind_table td.opener_wider {
	width: 100px;
}

.blind_table td.tipo_funcionario {
	text-align: right;
	font-size: 10px;
	line-height: 10px;
}


table.ficha {
	font-size: 14px;
	border-collapse:collapse;
	border: none;
}

.ficha td {
	font-size: 13px;
	border: none;
	vertical-align: top;
}


.ficha td.label {
	width: 190px;
	sbackground-color: #88D;
	color: #666;
	text-align:right;
	padding-right: 5px;
}


.ficha td.headlinelabel {
	width: 150px;
	text-decoration: underline;
	color: #444;
	text-align:right;
	padding-right: 5px;
}


.ficha td.labelminor {
	color: #666;
	text-align:right;
	padding-right: 5px;
}

.ficha td.info {
	swhite-space: pre;
	color: black;
}


.ficha td.infogrey {
	swhite-space: pre;
	color: #AAA;
}


.ficha td.infomargin {
	swhite-space: pre;
	color: black;
	padding-bottom: 7px;
}



.ficha td.infofixed {
	width: 150px;
}

table.drawtable {
	width:150px;
	border: 0;
	margin-right:10px;
}

.drawtable td {
	border: 0;
	padding: 0 0 0 0;
	margin: 0;
	font-size: 0px;
	line-height:0px;
}



td.total {
	font-weight: bold;
}

td.paciente_nome {
	font-weight: bold;
}

td.paciente_nome a.camou {
color: #333;
text-decoration:none;
}

td.paciente_nome a.camou:hover {
color: #333;
text-decoration:underline;
}

td.verlauf {
background:#ffffff url(images/bgtable2.gif) bottom left repeat-x;
color: #233;
}



.desktophide {
	display: none;
}


.tableheader {
	background-color: #FFF;
	color: #000;
	font-weight: bold;
}

tr.tableheader td {
  padding: 3px 2px;
}

tr.dateline td {
	padding: 5px 3px;
	font-weight: bold;
	font-size: 1.2em;
}

tr.tableheader td.filtered {
  color: #46F;
}

.whiteline {
	background-color: #FFF;
	color: #233;
}

.greyline {
	background-color: #EAEAEA;
	color: #233;
	sborder-bottom: 1px solid #00E;
}

.line_inativo.whiteline {
	text-decoration: line-through;
}
.line_inativo.greyline {
	text-decoration: line-through;
}


.todayline {
	background-color: #FFFF33;
	color: #233;
}

.pagamento_red {
	background-color: #FF6666;
	color: #233;
}

.pagamento_purple {
	background-color: #FFCCFF;
	color: #111;
}

.pagamento_yellow {
	background-color: #FFFF66;
	color: #233;
}

.pagamento_incomplete {
	background-color: #FFCC66;
	color: #233;
}

.pagamento_glossa {
	background-color: #ff9999;
	color: #233;
}

.pagamento_block_select {
	background-color: #5555FF;
	color: #000;
}


.agenda_patient {
	background-color: #F5F5F5;
	color: #233;
}

.agenda_aberta {
	background-color: #FFF;
	color: #233;
}


.agenda_bloqueio {
  background-color: #EEE;
}

td.agenda_bloqueio {
  background-color: #EEE;
  background: #EEE url('resource/stripes-light.png') repeat scroll top left;
  color: #666;
}



tr.agenda_aberta.selline td.agenda_bloqueio {
    background: #EEE url('resource/stripes-light-2.png') repeat scroll top left;
}


tr.totaldia {
	background-color: #92D150;
}
td.totaldia {
	background-color: #92D150;
}


.agenda_patient.unblocked {
}

.agenda_patient.unblocked td {
    background-color: #DDD;
    color: #999;
}

.agenda_patient.unblocked td a.camou {
    color: #999;
}

.agenda_patient.tab_local_different {
	font-style: italic;
}

.agenda_patient.filter_local_different {
	ssfont-style: italic;
	ssopacity: 0.3;
}






tr.agenda_aberta td.hora a.camou {
	color: #090;
	sfont-weight: bold;
}

.agenda_fechada {
	background-color: #CACACA;
	color: #233;
}

.agenda_aberta_outro_local {
	background-color: #BABABA;
	color: #233;
}


.whiteline a, .greyline a {
	text-decoration: none;
	color: #C60;
}

td.agenda_anotacao {
  background-color: #FFFFCC;
  font-weight:bold;
}



tr.selline td.agenda_anotacao {
  background-color: #F1F1CC;
}


table.compact {
	font-size: 1.1em;
}

table.compact td {
	font-size: 1.1em;
	height: auto;
	padding: 3px 5px;
}

table.chattable{
	margin-bottom: 15px;
}


table.chattable td {
	border-top: none;
	border-bottom: none;
}

table.chattable td.chatedited {
	background-color: #D8D8FF;
}


table.chattable tr.tableheader td {
	border-bottom: 1px solid #AAA;
}


table.chattable tr.responseline td, table.chattable td.chatcheckread {
	background: #FFFFFF url(images/verlauf-white-grey-lighter1.png) bottom left repeat-x;
	border-bottom: 1px solid #AAA;
}

td.chatcheckread {

}

input.chatinput_response {

}

td.center {
	text-align: center;
}


td.chatresponse {
	padding-left: 10px;
}

td.chatregistronew {
	background-color: #99F;
}

tr.chatisread td {
	color: #888;
}







/* Main container */

#container {
margin:0 auto 0px auto;
width:880px;
padding:5px 20px 20px 20px;
background:#ffffff;
color:#303030;
sbackground:#ffffff url(images/n2.gif) repeat-x;
border-radius: 0 8px 8px 8px; /* Nur obere Ecken abgerundet */
}

/* Site title section */

#logo {
margin:15px 0 0 0;
}

#logo h1  {
color:#505050;
text-align:center;
letter-spacing: 2px;
}

#logo h1 a:hover {
color:#303030;
text-decoration:none;
border:none;
}

/* Toptab menu */

#toptabs {
margin:5px auto -13px auto;
font-size:0.8em;
width:920px;
position: relative;
}

#toptabs p {
padding-top: 15px;
text-align:right;
color:#FFF;
}

.toptab {
padding:4px 5px 3px 5px;
margin:0 0 0 4px;
text-decoration:none;
sbackground:#f0f0f0 url(images/corner2.gif) top right no-repeat;
color:#FFF;
sborder-bottom:1px solid #e0e0e0;
}

.toptab:hover {
sbackground:#f0f0f0 url(images/corner2.gif) top right no-repeat;
sborder-bottom:1px solid #eaeaea;
color:#EFEFEF;
text-decoration:underline;
}

.activetoptab {
padding:4px 5px 3px 5px;
margin:0 0 0 4px;
color:#303030;
text-decoration:none;
background:#FFF;
border-bottom:1px solid #ffffff;
border-radius: 5px 5px 0 0;
}

.activetoptab:hover {
text-decoration:none;
border-bottom:1px solid #ffffff;
}

/* Navitab menu */

#navitabs {
	float: left;
	width: 90%;
	margin:5px 0 0px 0;
}

.navitab_ALT {
padding:4px 8px 4px 8px;
margin:0 0 4px 0;
text-decoration:none;
font-size:1.1em;
background:#e0e0e0 url(images/corner.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
}

.navitab_ALT:hover {
text-decoration:none;
background:#d0d0d0 url(images/corner.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
}

.navitab {
  display: inline-block; /* Macht das <a>-Element wie einen Button */
  padding: 4px 8px 4px 8px; /* Beibehaltung der aktuellen Größe */
  margin: 0 0 4px 0; /* Abstand */
  text-decoration: none; /* Entfernt die Unterstreichung */
  font-size: 1.1em; /* Schriftgröße */
  color: #050588; /* Textfarbe (dunkelgrau) */
  background: linear-gradient(to bottom, #e0e0e0, #D0D0D0); /* Farbverlauf für den Hintergrund */
  border: 1px solid #d0d0d0; /* Dezenter Rahmen */
  border-radius: 0 10px 0 0; /* Nur oben rechts abgerundet */
  transition: background-color 0.3s ease, color 0.3s ease; /* Sanfter Übergang */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); /* Sehr leichter Schatten */
}

.navitab:hover {
  text-decoration: none; /* Keine Unterstreichung */
  background: linear-gradient(to bottom, #d0d0d0, #bcbcbc); /* Leicht dunklerer Farbverlauf */
  border-color: #b0b0b0; /* Rahmenfarbe dunkler */
  color: #040478; /* Text wird dunkler bei Hover */
}

.activenavitab_ALT {
padding:4px 8px 5px 8px;
margin:0 0 5px 0;
font-size:1.1em;
text-decoration:none;
background:#c0c0c0 url(images/corner.gif) top right no-repeat;
}

.activenavitab_ALT:hover {
text-decoration:none;
color:#ffffff;
}

.activenavitab {
  display: inline-block; /* Macht das <a>-Element wie einen Button */
  padding: 4px 8px 5px 8px; /* Beibehaltung der aktuellen Größe */
  margin: 0 0 5px 0; /* Abstand */
  font-size: 1.1em; /* Schriftgröße */
  text-decoration: none; /* Entfernt die Unterstreichung */
  color: #050588; /* Textfarbe */
  background: linear-gradient(to bottom, #c0c0c0, #c0c0c0); /* Hellerer Farbverlauf */
  border: 1px solid #a0a0a0; /* Rahmen für Abgrenzung */
  border-radius: 0 10px 0 0; /* Oben rechts abgerundet */
  transition: background-color 0.3s ease, color 0.3s ease; /* Sanfter Übergang */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Leichter Schatten */
}

.activenavitab:hover {
  background: linear-gradient(to bottom, #c0c0c0, #c0c0c0); /* Etwas dunklerer Verlauf bei Hover */
  color: #333; /* Text wird weiß bei Hover */
  border-color: #909090; /* Rahmenfarbe dunkler bei Hover */
}



.filtertab {
padding:4px 8px 4px 8px;
margin:0 4px  4px 0;
text-decoration:none;
font-size:1.0em;
background:#f0f0f0;
border:1px solid #999999;
}

.filtertab:hover {
text-decoration:none;
background:#e0e0e0;
border:1px solid #777777;
}

.activefiltertab {
padding:4px 8px 4px 8px;
margin:0 4px  4px 0;
font-size:1.0em;
text-decoration:none;
background:#d0d0d0;
border:1px solid #999999;
}

.activefiltertab:hover {
text-decoration:none;
}



#insgroup {
   padding:4px 18px 4px 8px;
   margin:0px ;
   margin-top: 50px;
   display: inline;
   text-decoration:none;
   font-size:12px;
   background:#eFeFeF url(images/corner.gif) top right no-repeat;
   sborder-bottom:1px solid #e0e0e0;
   sborder-left:4px solid #ffffff;
   clear:both;
}

#insfields {
	background:#eFeFeF;
	padding: 5px;
	margin: 0px 0px 10px 0;
	clear:both;
	display: block;
	margin-bottom:10px;
	border-bottom:10px solid #FFF;
}


#insgroup_ficha {
   padding:4px 18px 0px 8px;
   margin:0px ;
   margin-top: 10px;
   width: 120px;
   text-decoration:none;
   font-size:12px;
   background:#eFeFeF url(images/corner.gif) top right no-repeat;
   clear:both;
}



#insfields_ficha {
	background:#eFeFeF;
	padding: 5px;
	margin: 0px 0px 0px 0;
	clear:both;
	swidth: 720px;
	display: block;
	margin-bottom:10px;
	border-bottom:10px solid #FFF;
}


.blockopener {
	float: left;
	width: 10px;
	height: 16px;
	margin-right: 8px;
	ssbackground:transparent url(images/bullet_arrow_down.png) center no-repeat;
	background:transparent url('resource/ic_seta.gif') center no-repeat;


}

.blockopener.open {
	ssbackground:transparent url(images/bullet_arrow_down.png) center no-repeat;
	background:transparent url('resource/ic_seta.gif') center no-repeat;
}
.blockopener.closed {
	ssbackground:transparent url(images/bullet_arrow_up.png) center no-repeat;
	background:transparent url('resource/ic_seta_up.png') center no-repeat;
}


.insgroup {
   padding:4px 18px 1px 8px;
   margin:0px ;
   smargin-top: 50px;
   float: left;
   text-decoration:none;
   font-size:1em;
   background:#eFeFeF url(images/corner.gif) top right no-repeat;
   sborder-bottom:1px solid #e0e0e0;
   sborder-left:4px solid #ffffff;
   sclear:both;
	color: #333;
	cursor: pointer;
}


.insgroup.tab {
	margin-left: 10px; 
	padding-bottom: 1px;
}

.insgroup.tab:first-child {
	margin-left: 0px; 
}

.insgroup.tab.tabactive {
	padding-bottom: 6px;
}



.insfields {
	background-color: #eFeFeF;
	padding: 5px;
	margin: 0px 0px 20px 0;
	clear:left;
	display: block;
	sborder-bottom:10px solid #FFF;
}

.scroller {
	overflow: scroll;
}

.ficha_values {
	padding: 0 20px 0 20px;
	border-left: 3px solid black;
	border-color: transparent;
	sborder:1px solid #FF0;
}

.ficha_values.markblock {
	border-left: 3px solid #33FF22;
}

.ficha_values.closed {
	display: none;
}

.ficha_values.tab {
	display: none;
}

.ficha_values.tab.tabactive {
	display: block;
}
.ficha_values.tab.tabactive.closed {
	display: none;
}



.ficha_values.noborder {
	border: none;
	padding: 0;
}

.ficha_edit {
	border-left: 3px dashed black;
	border-color: transparent;
}

.border_prescricao {
	border-color: #FF9999;
}


#main.help p {
   width: 750px;
}
#main.help p.fullwidth {
   width: 100%;
}

#main.help p.bigimage img, img.bigimage {
   margin: 0px; padding: 5px; 
   border: 1px solid #999;
}


h2.relatorio_sep {
	padding: 10px;
	border: 1px solid #666;
	background-color: #CCCCFF;
}

/* */

h3.little {
	font-size: 14px;
}


div.inner_block {
	padding: 5px 0;
}

div.image_zeichnung {
	padding: 5px 0 0 50px;
}


#inner_opener {
}


#clearer2 {
 clear: both;
 margin-top: 2px;
}

.clearer {
 clear: both;
 margin-top: 2px;
}

.paciente_review {
    clear: both;
    margin-top: 2px;
	display: none;
	background-color: #E1E1E1;
	
}
.paciente_review.open {
	display: block;
}


#buttonwrap,  .buttonwrap {
 padding: 5px;
 display: block;
 clear: both;
 text-align: left;
 padding-left: 210px;
}

.center {
	text-align: center;
 padding-left: 0px;
}

#trenner {
 clear: both;
 margin: 7px 0;
 border-bottom:1px dotted #555;
}

.trenner_stark {
 clear: both;
 margin: 7px 0;
height: 5px;
 border-top:1px solid #FFF;
background: #FFF url('images/n2_2.gif') repeat-x top center;
}

#trenner_level2 {
 clear: both;
 margin: 5px 20px 5px 60px;
 border-bottom:1px dotted #555;
}

#trenner2 {
 clear: both;
 margin: 5px 0px;
}

div.checkboxwrap {
	border: 1px solid #CCE;
	padding: 1px 3px;
	margin-right: 10px;
	display: inline-block;
	
}
label.lbl1, .ficha_values label.lbl1 {
	display: inline-block;
	float: none;
	width: auto;
	padding: 0px 3px;
}



.ficha1 {
 background-color: #FAFAFA;
 border: 1px dotted #666666;
padding: 5px;
}

/* Header description */

#desc {
height:40px;
color:#222;
padding: 5px;
background:#ffffff url(images/n2.gif) repeat-x;
clear:both;
margin:5px 0 25px 0;
border:3px solid #c0c0c0;
}

#desc p {
position: relative; top:5px; left:10px;
width:660px;
font-size:12px;
padding:0;
margin: 0;
}

#desc h2 {
padding:15px 15px 0 15px;
color:#ffffff;
}

#desc a {
color:#222;
text-decoration:underline;
border-color:#ffffff;
}

/* Main content */

#main {
width:685px;
float:left;
padding:0 15px 0 0;
margin:0;
border-right:1px solid #d8d8d8;
min-height: 300px;
}

#main.compact {
width:875px;
border:none;
}

#main.flexwidth {
	width:auto;
	border:none;
}



#main.busca {
width:675px;
border:none;
}



/* Sidebar */

#sidebar {
width:150px;
float:right;
margin:0 0 0 15px;
}

#sidebar.compact {
display:none;
}




#sidebar p {
font-size:0.9em;
line-height:1.3em;
margin:0 0 15px 0;
}

.sidebarresultblock {
	margin:0 0 20px 0;
}

#conveniochangemessage {
	font-weight: bold;
	color: #966;
	margin-left: 10px;
}

/* Footer */

#clearer {
 height: 1px;
 line-height: 1px;
 clear: both;
}


#footer {
clear:both;
sbackground:#fafafa;
padding:0;
margin:0;
}

#footer a {
color:#CCC;
}

#footer a:hover {
color:#FFF;
}

#footer p {
color:#FFF;
font-size:0.9em;
line-height:1.0em;
margin:0;
text-align: center;
padding:15px;
}

/* Various classes */

.photo {
padding:2px;
margin:0 0 8px 0;
background-color:#f0f0f0;
border:1px solid #d8d8d8;
}

.right {
margin-top:-8px;
text-align:right;
}

.block {
background:#f0f0f0;
padding:10px;
}

.sidelink {
text-align:left;
display:block;
width:140px;
background:#f0f0f0 url(images/corner.gif) top right no-repeat;
padding:3px 4px 3px 8px;
margin:5px 10px 5px 0;
text-decoration: none;
text-transform: uppercase;
border:none;
}

.sidelink_active {
text-align:left;
display:block;
width:140px;
background:#e0e0e0 url(images/corner.gif) top right no-repeat;
padding:3px 4px 3px 8px;
margin:5px 10px 5px 0;
text-decoration: underline;
text-transform: uppercase;
border:none;
}

.sidelink:hover {
background:#e0e0e0 url(images/corner.gif) top right no-repeat;
text-decoration:none;
border:none;
}

.sidelink_minor, .sidelink_minor_img {
text-align:left;
display:block;
width:120px;
background:#f0f0f0 url(images/corner.gif) top right no-repeat;
padding:3px 4px 3px 8px;
margin:5px 10px 5px 20px;
text-decoration: none;
border:none;
}

.sidelink_minor_img {
	padding:2px 4px 2px 8px;
}

.sidelink_minor_active {
text-align:left;
display:block;
width:120px;
background:#E0E0FF url(images/corner.gif) top right no-repeat;
padding:3px 4px 3px 8px;
margin:5px 10px 5px 20px;
text-decoration: none;
border:none;
}

.sidelink_minor_active:hover {
text-decoration: none;
border:none;
}


.sidelink_minor.preferred {
	border-left: 3px solid #9999EE;
	padding:3px 4px 3px 5px;
	
}

.sidelink_minor.notallowed {
	opacity: 0.5;
	/* 
	display: none;
	*/
}


.sidelink_minor.preferred:hover {
	border-left: 3px solid black;
	padding:3px 4px 3px 5px;
}


.sidelink_minor:hover, .sidelink_minor_img:hover {
background:#e0e0e0 url(images/corner.gif) top right no-repeat;
text-decoration:none;
border:none;
}



.hide {
display:none;
}



.printonly {
display:none;
}
.printonly2 {
display:none;
}


p.isOK {
	padding: 5px;
	border: 1px solid #44FF44;
	text-align: center;
}

p.isError {
	padding: 5px;
	border: 2px solid #FF4444;
	text-align: center;
}


p.isInfo {
	padding: 5px;
	border: 1px solid #999999;
	text-align: center;
}

span.marca_id_span {
	display: none;
}

.prontuariocolumn {
	width: 425px;
	float: left;
	margin-right: 10px;
}

/* FORMULARE */

fieldset {
	padding: 0px;
	sbackground:#e0e0e0;
	sborder-color: #FFF;
}

label {
	font-weight:normal;
	text-align:right;
	margin: 0px;
	padding: 3px;
	width:190px;
	float:left;
	sborder: 1px solid black;
}

.ficha_values label {
	width:180px;
}

label.info {
	text-align: left;
	width: auto;
	border: none;
	padding: 3px;
	font-weight: normal;
}

label.info2 {
	font-weight:normal;
	width:170px;
	padding: 3px;
}

label.checklabel {
	font-weight:normal;
	text-align:left;
	margin: 0px;
	padding: 0;
	width:auto;
	float:none;
}


label.needed {
	font-weight:bold;
}

input {
	padding: 2px;
	border:1px solid #AAA;
	font: normal 1em Verdana, sans-serif;
	color:#333;
	margin: 0px 5px 0px 0px;
}

.insfields form input[type="file"] {
	width: 400px;
}

.prontoario td.input_and_button_csv {
	padding-bottom: 8px;
}

input.inputdiff {
	padding: 4px 2px;
}


input.text_bgImage {
	width: 140px; /* entspricht Grafikbreite */
	height: 20px; /* entspricht Grafikhöhe */
	background: url(images/searchfield.png); /* Hintergrundgrafik */
	border: 0; /* Elementrahmen deaktivieren */
	padding: 5px 5px 5px 35px; /* Innenabstand */
	margin:4px 5px 4px 0;
}


input.text_nobg {
	width: 140px; /* entspricht Grafikbreite */
	height: 20px; /* entspricht Grafikhöhe */
	padding: 5px 5px 5px 5px; /* Innenabstand */
	margin:4px 5px 4px 0;
}


.myform {
	clear: both;
	background-color: #D3EFB4;
	display: block;
	border: 1px solid white;
	margin: 20px 20px 0 0;
	padding: 10px 15px;
}


div.uploadfotos_wrap {
overflow: hidden;
padding: 10px 10px 30px 10px;
background-color: #E1E1E1;
height: 290px;
width: 290px;
float: left;
margin: 10px 10px 0 0;
}

.listtable_margin {
	margin-left: 190px;
}

div.uploadfotos_docwrap {
	overflow: visible;
	width: 400px;
	height: auto;
	position: relative;
}

div.uploadfotos_docwrap.narrow {
	width: 250px;
}

div.uploadfotos_docwrap.bigphoto {
	overflow: visible;
	width: 820px;
	height: auto;
	position: relative;
}


.uploadfotos_wrap p {
	margin: 0;
	text-align: left;
}





/*  Normal Photo */

div.uploadfotos_docwrap div.rotation-wrapper-inner-normal img.uploadphoto {
	width: 400px;
	height: auto;
}

div.uploadfotos_docwrap div.rotation-wrapper-inner img.uploadphoto {
	width: auto;
	height: 400px;
}

/* BIgPhoto */

div.uploadfotos_docwrap.bigphoto div.rotation-wrapper-inner-normal img.uploadphoto {
	width: 820px;
	height: auto;
}

div.uploadfotos_docwrap.bigphoto div.rotation-wrapper-inner img.uploadphoto {
	width: auto;
	height: 820px;
}


/*  Narrow Photo */

div.uploadfotos_docwrap.narrow div.rotation-wrapper-inner-normal img.uploadphoto {
	width: 250px;
	height: auto;
}

div.uploadfotos_docwrap.narrow div.rotation-wrapper-inner img.uploadphoto {
	width: auto;
	height: 250px;
}


.rotation-wrapper-outer {
  display: table;
}
.rotation-wrapper-inner {
  padding: 50% 0;
  height: 0;
  margin-bottom: 5px;
}

.rotation-wrapper-inner-normal {
  padding: 0;
  sheight: 0;
  margin-bottom: 5px;
}

.element-to-rotate {
	
  display: block;
  transform-origin: top left;
  /* Note: for a CLOCKWISE rotation, use the commented-out
     transform instead of this one. */
  /* Not vital, but possibly a good idea if the element you're rotating contains
     text and you want a single long vertical line of text and the pre-rotation
     width of your element is small enough that the text wraps: */
  white-space: nowrap;
}

.element-rotate0 {
    transform: rotate(0deg) translate(0,0);
    /* transform: rotate(90deg) translate(0, -100%); */
    margin-top: 0%;
}


.element-rotate90 {
    transform: rotate(-90deg) translate(-100%);
    /* transform: rotate(90deg) translate(0, -100%); */
    margin-top: -50%;
}

.element-rotate180 {
    transform: rotate(180deg) translate(-100%, -100%);
    /* transform: rotate(90deg) translate(0, -100%); */
    margin-top: 0%;
}


.element-rotate270 {
    /* transform: rotate(-90deg) translate(-100%); */
    transform: rotate(90deg) translate(0, -100%); 
    margin-top: -50%;
}

.tbl-img-rotate0 {
    /* transform: rotate(-90deg) translate(-100%); */
    transform: rotate(0deg); 
}

.tbl-img-rotate90 {
    /* transform: rotate(-90deg) translate(-100%); */
    transform: rotate(-90deg); 
}

.tbl-img-rotate180 {
    /* transform: rotate(-90deg) translate(-100%); */
    transform: rotate(180deg); 
}

.tbl-img-rotate270 {
    /* transform: rotate(-90deg) translate(-100%); */
    transform: rotate(90deg); 
}

.hideme {
	display: none;
}


img.rotatable {
    transform-origin: top left; 
    -webkit-transform-origin: top left; 
    -ms-transform-origin: top left; 
}
img.rotatable.rotate90 {
    transform: rotate(90deg) translateY(-100%);
    -webkit-transform: rotate(90deg) translateY(-100%);
    -ms-transform: rotate(90deg) translateY(-100%);
}
img.rotatable.rotate180 {
    transform: rotate(180deg) translate(-100%,-100%);
    -webkit-transform: rotate(180deg) translate(-100%,-100%);
    -ms-transform: rotate(180deg) translateX(-100%,-100%);
}
img.rotatable.rotate270 {
    transform: rotate(270deg) translateX(-100%);
    -webkit-transform: rotate(270deg) translateX(-100%);
    -ms-transform: rotate(270deg) translateX(-100%);
}

/*
img.rotatable.rotate90 {
    -webkit-transform:rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

img.rotatable.rotate180 {
    -webkit-transform:rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

img.rotatable.rotate270 {
    -webkit-transform:rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}
*/


div.smallrightflow {
	float: right;
	width: 100px;
	text-align: right;
}


input.money {
	text-align: right;
}


input.largedesc {
	width: 400px;
}

input.mini {
	width: 80px;
}


input.miniklein {
	width: 40px;
}


input.chat {
	width: 140px;
	padding: 0;
	margin: 0;
	background-color: #FFFBB1;
}

input:focus {
	background-color: #FFFBB1;
}

input.markedreadonly {
	background-color: #FFE3E3;
}

input.markedreadonly2 {
	background: transparent;
	border: none;
}

input.markedreadonlyadmin {
	background: transparent;
}



textarea:focus {
	background-color: #FFFBB1;
}

input.button:focus {
	background-color: transparent;
}

input.button:disabled {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	
	color: #999;
	cursor: auto;
}


input.refreshblock {
	border-color: #330;
}


table.tablelist td.error {
	background-color: #FF3333;
}
table.tablelist td.bold {
	font-weight: bold;
}
table.tablelist td.success {
	background-color: #33FF33;
}
table.tablelist td.info {
	background-color: #CCCCFF;
}

.disabled-link {
  pointer-events: none;
}


td.birthdaytoday {
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: url('icons/ribbon.png');
	background-position: right center;
	sborder: 1px solid black;
	padding-right: 10px;
}

td.combo {
	text-align: center;
}

td.chatbox {
	padding-right: 15px;
}

table tr.chatedited {
	background-color: #D8D8FF;
}

td.chatedited {
	background-color: #FFFF99; /* #D8D8FF; #E4E4FF; */
	background-repeat: repeat-y;
	/* background-image: url('myicons/16_comment_edit.png'); */
	background-image: url('myicons/bg-mark-red-v4.png');
	background-position: center right;
	sborder-right: 5px solid #990000;
	padding-right: 20px;
}


td.boolean {
	text-align: center;

}

td.chatfield {
	width: 170px;

}


input.inputW50 {
	width: 180px;
}


input.wider {
	width: 280px;
}


input.largedesc2 {
	width: 500px;
}

input.minoractionbutton {
	margin: 0px 5px 0px 0px;
	padding: 2px 8px;
	background: #f4f4f4 url(images/apple_verlauf_button1.gif) bottom left repeat-x;
	color: #FFF;
	cursor: pointer;
}


input.actionbutton2 {
	margin: 0px 5px 0px 0px;
	padding: 2px 8px;
	sbackground: #f4f4f4 url(images/apple_verlauf_button1.gif) bottom left repeat-x;
	color: #999;
}

input.activated {
	background: #f4f4f4 url(images/apple_verlauf_button1.gif) bottom left repeat-x;
	color: #FFF;
}


input.warning {
	background-color: #f43333;
	color: #FFF;
}

#warning_message {
		background-color: #f43333;
		color: #FFF;
}

input.button_alt {
	margin: 1px 0px 0px 5px;
	padding: 3px 12px;
	letter-spacing: 2px;
	background: #a0a8b8 url(images/apple_verlauf_button4.png) bottom left repeat-x;
	color: #FFF;
	cursor: pointer;
}

input.button {
  margin: 1px 0px 0px 5px;
  padding: 6px 15px; /* Kompakteres Padding */
  letter-spacing: 2px;
  background: linear-gradient(to bottom, #9EA7B8, #6F809A); /* Farbverlauf */
  color: #FFF; /* Textfarbe */
  border: none; /* Kein Rahmen */
  border-radius: 5px; /* Abgerundete Ecken */
  cursor: pointer;
  font-size: 14px; /* Etwas kleinere Schriftgröße */
  transition: background-color 0.3s ease; /* Sanfter Übergang */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Leichter Schatten */
}

input.button:hover {
  background: linear-gradient(to bottom, #8D99AA, #5D6F85); /* Abgedunkelter Verlauf */
}




form.chat_edit {
	padding: 1px 0;
	text-align: right;
}

input.minibutton {
	font-size: 10px;
	line-height: 10px;
	margin: 0px 2px 0px 0px;
	padding: 0px 3px;
	letter-spacing: 2px;
	background: #a0a8b8 url(images/apple_verlauf_button4.png) bottom left repeat-x;
	color: #FFF;
	cursor: pointer;
}

input.cancelar {
	background-image: none;
	background-color: transparent;
	color: #666;
}


select.tableselect {
	border: none;
	padding:0;
	color: #233;
	font:1em tahoma, verdana, sans-serif;
}


input.searchbutton_alt {
	margin: 0px 5px 0px 0px;
	padding: 3px 8px 1px 8px;
	background: #F2F2F2 url(images/apple_verlauf_button3.gif) bottom left repeat-x;
	color: #2970A6;
	color: #050588;
	font-size: 10px;
}

input.searchbutton {
  margin: 0px 5px 0px 0px; /* Abstände */
  padding: 3px 8px 1px 8px; /* Beibehaltung der aktuellen Größe */
  background: linear-gradient(to bottom, #EEEEEE, #D5D5D5); /* Farbverlauf */
  color: #050588; /* Textfarbe */
  font-size: 10px; /* Schriftgröße */
  border: 1px solid #B0B0B0; /* Dezenter Rahmen */
  border-radius: 3px; /* Leicht abgerundete Ecken */
  cursor: pointer; /* Zeiger-Icon bei Hover */
  transition: background-color 0.3s ease; /* Sanfter Übergang */
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); /* Leichter Schatten */
}

input.searchbutton:hover {
  background: linear-gradient(to bottom, #E0E0E0, #C4C4C4); /* Abgedunkelter Verlauf */
  color: #2970A6; /* Leichte Änderung der Textfarbe */
}


input.searchbutton_rel_ALT {
	margin: 5px 5px 5px 187px;
	padding: 3px 8px 1px 9px;
	background: #F2F2F2 url(images/apple_verlauf_button3.gif) bottom left repeat-x;
	color: #2970A6;
	color: #050588;
	font-size: 10px;
}



input.searchbutton_rel {
  margin: 5px 5px 5px 187px; /* Abstände */
  padding: 3px 8px 1px 8px; /* Beibehaltung der aktuellen Größe */
  background: linear-gradient(to bottom, #EEEEEE, #D5D5D5); /* Farbverlauf */
  color: #050588; /* Textfarbe */
  font-size: 10px; /* Schriftgröße */
  border: 1px solid #B0B0B0; /* Dezenter Rahmen */
  border-radius: 3px; /* Leicht abgerundete Ecken */
  cursor: pointer; /* Zeiger-Icon bei Hover */
  transition: background-color 0.3s ease; /* Sanfter Übergang */
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); /* Leichter Schatten */
}

input.searchbutton_rel:hover {
  background: linear-gradient(to bottom, #E0E0E0, #C4C4C4); /* Abgedunkelter Verlauf */
  color: #2970A6; /* Leichte Änderung der Textfarbe */
}




a.thebutton_ALT {
	margin: 0px 5px 0px 0px;
	padding: 4px 8px 4px 8px;
	background: #F2F2F2 url(images/apple_verlauf_button3.gif) bottom left repeat-x;
	color: #2970A6;
	text-decoration: none;
	color: #050588;
	border: 1px solid #666;
	font-size: 0.9em;
	line-height: 22px;
}


a.thebutton {
  display: inline-block; /* Macht das <a>-Element wie einen Button */
  margin: 0px 5px 0px 0px; /* Abstand */
  padding: 0px 6px; /* Beibehaltung der Größe */
  background: linear-gradient(to bottom, #F2F2F2, #D5D5D5); /* Farbverlauf */
  color: #050588; /* Textfarbe */
  text-decoration: none; /* Entfernt die Unterstreichung */
  border: 1px solid #666; /* Rahmen */
  border-radius: 4px; /* Leicht abgerundete Ecken */
  font-size: 0.9em; /* Schriftgröße */
  line-height: 22px; /* Zeilenhöhe */
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease; /* Sanfter Übergang */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Leichter Schatten */
}

a.thebutton:hover {
  background: linear-gradient(to bottom, #E2E2E2, #C5C5C5); /* Leicht dunklerer Farbverlauf */
  border-color: #555; /* Dunklerer Rahmen beim Hover */
}


a.darkbutton_ALT {
	margin: 0px 5px 0px 0px;
	padding: 4px 8px 4px 8px;
	letter-spacing: 2px;
	background: #a0a8b8 url(images/apple_verlauf_button4.png) bottom left repeat-x;
	color: #FFF;
	text-decoration: none;
	font-size: 0.9em;
	line-height: 22px;
}

a.darkbutton {
  display: inline-block; /* Macht das <a>-Element wie einen Button */
  margin: 0px 5px 0px 0px; /* Abstand */
  padding: 2px 8px; /* Beibehaltung der Größe */
  letter-spacing: 2px; /* Buchstabenabstand */
  background: linear-gradient(to bottom, #9FA8B9, #72839B); /* Farbverlauf */
  color: #FFF; /* Textfarbe */
  text-decoration: none; /* Entfernt die Unterstreichung */
  font-size: 0.9em; /* Schriftgröße */
  line-height: 22px; /* Zeilenhöhe */
  border: 1px solid #6B7A90; /* Rahmen passend zum Farbverlauf */
  border-radius: 6px; /* Abgerundete Ecken */
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease; /* Sanfter Übergang */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); /* Leichter Schatten */
}

a.darkbutton:hover {
  background: linear-gradient(to bottom, #8E98A9, #607487); /* Leicht dunklerer Farbverlauf */
  border-color: #55667A; /* Dunklerer Rahmen beim Hover */
}



a.greenbutton {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9dd53a+0,a1d54f+50,80c217+51,7cbc0a+100;Green+Gloss+%231 */
	background: #9dd53a; /* Old browsers */
	background: -moz-linear-gradient(top,  #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */
	
	color: #111;
	text-decoration: none;
	padding: 8px 12px;
	border: 2px solid #2C2;
	
	font-size: 1.4em;
    border-radius: 10px;
	
}

a.greenbutton:hover {
	border: 2px solid #111;
}


a.redbutton {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f85032+0,f16f5c+50,f6290c+51,f02f17+71,e73827+100;Red+Gloss+%231 */
	background: #f85032; /* Old browsers */
	background: -moz-linear-gradient(top,  #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */
	
	color: #111;
	text-decoration: none;
	padding: 8px 12px;
	border: 2px solid #C22;
	
	font-size: 1.4em;
    border-radius: 10px;
	
}

a.redbutton:hover {
	border: 2px solid #111;
}


a.theselectbutton {
	margin: 0px 5px 0px 0px;
	padding: 0px 2px 0px 2px;
	sbackground: #F2F2F2 url(images/apple_verlauf_button3.gif) bottom left repeat-x;
	color: #2970A6;
	text-decoration: none;
	color: #050588;
	border: 1px solid #666;
	font-size: 11px;
	line-height:0.8em;
}

a.theselectbutton:hover {
	background-color: #D2D2F2;
}


a.myminibutton {
	margin: 2px 0px 2px 0px;
	padding: 2px 3px 2px 3px;
	color: #050588;
	background-color: #DDDDFF;
	text-decoration: none;
	border: 1px solid #666;
	font-size: 11px;
	line-height:0.8em;
}


a.myminibutton:hover {
	text-decoration: none;
	background-color: #9999FF;
	color: #050588;
	border: 1px solid #33F;
}


a.theselectbutton2 {
	margin: 0px 5px 0px 0px;
	padding: 0px 2px 0px 2px;
	color: #CCC;
	text-decoration: none;
	border: 1px solid #CCC;
	border-radius: 4px;
	font-size: 11px;
	line-height:0.8em;
}


a.theselectbutton2:hover {
	margin: 0px 5px 0px 0px;
	padding: 0px 2px 0px 2px;
	text-decoration: none;
	color: #050588;
	border: 1px solid #050588;
	border-radius: 4px;
	font-size: 11px;
	line-height:0.8em;
}



a.whitebutton img {
	padding: 1px 5px;
	background-color: #EFEFEF;
	sborder: 1px solid #AAA;
}


a.whitebutton:hover img {
	background-color: white;
	sborder: 1px solid #666;
}





input.img_link {
	margin: 0px 0px 0px 0px;
    border:0px solid #AAA;
    padding: 0px;
}



textarea {
	width:250px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #AAA;
	height:70px;
	xxdisplay:block;
	color:#333;
	margin: 0px 0px 0px 0px;
}

.inputwide {
	width:450px;
	height:60px;
}
.inputwidehigh {
	width:450px;
	height:60px;
}

.inputwidehigh2 {
	width:450px;
	height:90px;
}
.inputwidehigh3 {
	width:550px;
	height:120px;
}

.inputwidehigher {
	width:450px;
	height:160px;
}

.inputsuperwide {
	width:92%;
	height:180px;
}

.inputsuperwidesuperhigh {
	width:92%;
	height:380px;
}

.inputhigh {
	width:320px;
	height:150px;
}

span.chatboxtext {
	white-space:pre-wrap;
}

textarea.chat, textarea.chatboxtext {
	width:170px;
	height:90px;
}

textarea.chatboxtext {
	border: none;
	background-color: transparent;
}


a.thedeleteButton {
	margin: 0px 5px 0px 0px;
	padding: 0px 2px 0px 2px;
	color: #29A670;
	text-decoration: none;
	color: #AAA;
	border: 1px solid #AAA;
	font-size: 11px;
	line-height:0.8em;
}

a.thedeleteButton:hover {
	color: #058800;
	border: 1px solid #058800;
}

a.camou {
color: #233;
text-decoration:none;
}

a.camou:hover {
color: #233;
text-decoration:underline;
}

a.listlink {
color: #233;
text-decoration:underline;
}

a.listlink:hover {
color: #122;
text-decoration:underline;
}

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



a.filtered {
color: #46F;
text-decoration:none;
}

a.filtered:hover {
color: #46F;
text-decoration:underline;
}

a.sub_opener {
text-decoration: none;
text-transform: uppercase;
}

a.sub_opener:hover {
text-decoration: underline;
text-transform: uppercase;
}

span.summary {
line-height: 18px;
margin-left: 3px;
}

div.exportbox {
	padding: 0px;
	margin-left: 190px;
}

div.exportbuttonbox {
	margin-top: 20px;
	border-top: 1px solid #999;
	padding: 10px 0px;
}

.noborder {
	border: none;
}


div.content_label {
	margin-left: 200px;
}


div.fichalabel {
	color: #666;
	text-align:right;
	margin: 0px;
	padding: 0px 0px 0 0;
	width:150px;
	float:left;
	sborder: 1px solid black;
	clear: left;
}

div.fichalabel p {
	text-align:right;
}


div.fichacontent {
	margin: 0 0 0 158px;
	color: black;
}




div.prescricaolabel, div.laudointernolabel, div.cartacolegalabel {
	color: #444;
	text-align:right;
	margin: 0px;
	padding: 9px 3px 0 3px;
	width:180px;
	float:left;
	sborder: 1px solid black;
	clear: left;
}

div.fakelabel {
	color: #444;
	text-align:right;
	margin: 0px;
	padding: 9px 3px 0 3px;
	width:150px;
	float:left;
	sborder: 1px solid black;
	clear: left;
}


td div.liberadocolour {
    position: absolute; /* Position relative to the <td> */
	padding: 0 2px;
	text-align: left;
    top: 0;
    left: 0;
    width: 100%; /* Cover full width of the <td> */
    height: 100%; /* Cover full height of the <td> */
    display: flex; /* Optional: Use flexbox for centering content */
    justify-content: left; /* Horizontally center the content */
    align-items: center; /* Vertically center the content */
    box-sizing: border-box; /* Includes padding and border in the width/height */
}

input.fakeinput {
	background: transparent;
	border-color: transparent;
}


span.fakeinput {
	display: inline-block;
	padding: 3px 3px;
}

.center-content {
    display: flex;
    align-items: center;
}

.center-content a {
  display: flex; /* Damit das Bild im Link auch zentriert ist */
  align-items: center; /* Bild im Link vertikal zentrieren */
}



div.prescricaolabel p, div.laudointernolabel p, div.cartacolegalabel p {
	text-align:right;
}
div.fakelabel p {
	text-align:right;
}


td.paytoday {
	background-color: #FF3333;
}



td.time {
	width: 100px;
}

td.acao {
	width: 100px;
	text-align: center;
}


td.doublealert {
	background-color: #FFDDDD;
}


div.prescricaocontent, div.laudointernocontent, div.cartacolegacontent {
	margin: 0 0 5px 186px;
}
div.cid10resultcontent {
	margin: 0 0 5px 156px;
	padding: 9px 2px;
}
div.tagresultcontent {
	margin: 0 0 5px 156px;
	padding: 9px 2px;
}
div.formcontent {
	margin: 0 0 5px 156px;
}

span.cid10selID, span.tagselID {
	display: none;
}

#prescricaowrap, #laudointernowrap, #cartacolegawrap {
	margin: 8px 0 8px 180px;
	border: 3px dotted green;
}

#prescricao_result_all, #laudointerno_result_all, #cartacolega_result_all {
	padding: 0px;
	sbackground-color: #F4F4F4;
	width: 98%;
}

div.prescricao_result_single, div.laudointerno_result_single, div.cartacolega_result_single {
	border: 1px solid #FFF;
	background-color: #F4F4F4;
	background:#eaeaea url(images/menubg2.gif) bottom left repeat-x;
	padding: 5px;
	margin-bottom: 5px;
}


div.resultbox {
	border: 1px solid #FFF;
	background-color: #F4F4F4;
	background:#eaeaea url(images/menubg2.gif) bottom left repeat-x;
	padding: 5px;
	margin-bottom: 0px;
}

p.prescricao_single_title, p.laudointerno_single_title, p.cartacolega_single_title {
	sfont-weight: bold;
}
p.prescricao_single_title {
	font-weight: bold;
	border-bottom: 1px solid #FFF;
}

p.cid10_single_title {
	margin-bottom: 2px;
}


p.tag_single_title {
	margin-bottom: 2px;
}
.nomargin {
	margin: 0;
	padding: 0;
}


p.textarealike {
	margin-left: 190px;
}

/* ///////////////   PRONTOARIO //////////////////////////// */

table.prontoario {

	font-size: 14px;
	border-collapse:collapse;
	border: none;
}

.prontoario td {
	font-size: 13px;
	border: 1px solid #999999;
	border: none;
	padding: 1px;
	vertical-align: top;
}


.prontoario td.label, .prontoario td.labelminor, .prontoario td.title  {
	sbackground-color: #88D;
	color: #444;
	text-align:right;
	padding-right: 5px;
	padding-top: 4px;
}

.prontoario td.label {
	width: 140px;
}

.ficha_values .prontoario td.label {
	width:150px;
}

.ficha_values .prontoario td.label.wider {
	width:210px;
}



td.labeltitle2 {
	text-align:right;
font-size:0.9em;
font-style: italic;
font-weight:normal;
padding-right: 5px;
width: 150px;
}


.prontoario td.info {
}


.prontoario td.input_and_button {
	line-height: 1.5em;
	padding-bottom: 5px;
}


.prontoario td.infofixed {
	width: 250px;
}


.prontoario td.esferico1 {
	width: 50px;
}
.prontoario td.esferico2 {
	width: 110px;
}


.prontoario td.cil1 {
	width: 50px;
}
.prontoario td.cil2 {
	width: 50px;
}


.prontoario td.eixo1 {
	width: 50px;
}
.prontoario td.eixo2 {
	width: 50px;
}


.prontoario td.bigtitle {
	text-align:left;
font-size:1.6em;
font-weight:normal;
}

.prontoario td.title {
	text-align:left;
font-size:1.2em;
font-weight:normal;
}

.prontoario td.smallsep {
font-size:0.5em;
height:5px;
}

input.klein {
	width: 100px;
}
input.kleiner {
	width: 50px;
}
input.largedesc {
	width: 220px;
}
input.large500 {
	width: 500px;
}

textarea.inputnarrowhigh {
	width:200px;
	height:65px;
}

.textareahigher {
	width:400px;
	height:135px;
}

textarea.wider {
	width:500px;
	height:65px;
}

textarea.wider400 {
	width:400px;
	height:65px;
}

div.checkwrapper {
	    sheight: 100px;
		margin-left: 150px;
	    padding: 5px;
	    overflow: auto;
	    border: 1px solid #ccc
}



/* ///////////////   DESENHO //////////////////////////// */

table.desenho_table {
	height: 20px;
	font-size: 14px;
	border-collapse:collapse;
	border: none;
	background-color: #FF0000;
	margin-right: 20px;
}

table.desenho_table td {
	height: 10px;
	border: none;
	padding: 0;
	margin: 0;
}

table.desenho_table tr {
	border: none;
	padding: 0;
}

/* /// display:block fuer firefox (sonst padding!) */
table.desenho_table img {
	padding: 0;
	margin: 0;
	display: block;
}

td.date {
	width: 70px;
	text-align: left;
}

td.datetime {
	width: 100px;
	text-align: left;
}

td.money {
	width: 70px;
	text-align: right;
}

td.number {
	text-align: right;
}


td.soma {
	font-weight: bold;
	text-align:right;
}
td.percent {
	text-align:right;
	width: 60px;
	background-image: url('myicons/white200x50.png');
	background-repeat: no-repeat;
	background-position: 200px 0px;
}

input.info {
	background-color: #EEE;
}



ul.agendalist {
	margin: 0px 0;
	padding: 0;
}
ul.agendalist li {
	list-style: none;
		display: inline;
margin: 0;
padding: 0;
}


div.agenda_filial {
	display: none;
	float: right; 
	opacity: 0.8; 
}

div.agenda_filial span {
	font-size: 8px; 
	padding: 0 2px;
}


td.unidade_local {
	display: none;
	width: 5%;
	color: #233; /* Fallback for older browsers */
    color: rgba(20, 30, 30, 0.5);
}

tr.tableheader td.unidade_local {
	display: none;
    color: rgba(20, 30, 30, 1);
}


ul.morespace {
	margin-bottom: 10px;
}

ul.agendalist li a {
	ssdisplay: inline;
text-align:left;
font-size: 0.9em;
background:#e5e5e5 url(images/corner.gif) top right no-repeat;
margin:5px 1px 5px 0px;
text-decoration: none;
border:none;
line-height: 22px;
padding:2px 8px 2px 8px;
white-space: nowrap;
}


ul.agendalist li a:hover {
background:#6666D5 url(images/corner.gif) top right no-repeat;
color: white;
}


ul.agendalist li a.heute {
background:#D1D1D1 url(images/corner.gif) top right no-repeat;
color: black;
}


ul.agendalist li a.noopenagenda {
border-left: 5px solid #666633;
}

ul.agendalist li a.openagenda {
border-left: 5px solid #e5e5e5;
}



ul.agendalist li a.active {
background:#0000D5 url(images/corner.gif) top right no-repeat;
color: white;
}


ul.agendalist li a.heute:hover {
background:#6666D5 url(images/corner.gif) top right no-repeat;
color: white;

}

td.nowrap {
	white-space: nowrap;
}

.samstag {
	color: #0000DD;
}

.sonntag {
	color: #DD0000;
}

.feiertag {
	color: #DD0000;
}

.other_doc {
	font-style: italic;
	text-decoration: underline;
}

p.bottom_line {
	border-bottom: 1px dotted #555;
	width: 50%;
	margin-bottom: 4px;
}

p.divider {
	border-bottom: 1px dotted #555;
	width: 50%;
	margin: 0 0 5px 150px;
	height: 5px;
}



.prescricao_border {
	border-left: 3px solid #FF9999;
}


.laudointerno_border {
	border-left: 3px solid #9999FF;
}


/*

d888888b  .d8b.  d8888b. db      d88888b             d888888b d8b   db db      d888888b d8b   db d88888b 
`~~88~~' d8' `8b 88  `8D 88      88'                   `88'   888o  88 88        `88'   888o  88 88'     
   88    88ooo88 88oooY' 88      88ooooo                88    88V8o 88 88         88    88V8o 88 88ooooo 
   88    88~~~88 88~~~b. 88      88~~~~~      C8888D    88    88 V8o88 88         88    88 V8o88 88~~~~~ 
   88    88   88 88   8D 88booo. 88.                   .88.   88  V888 88booo.   .88.   88  V888 88.     
   YP    YP   YP Y8888P' Y88888P Y88888P             Y888888P VP   V8P Y88888P Y888888P VP   V8P Y88888P 
                                                                                                         
                                                                                                         
*/

.rTable {
  	display: table;
	border-collapse:collapse; 
  	width: 100%;
	border: 1px solid #999;
}

.rTable.resulttable {
	margin-bottom: 20px;
}

.rTable.assinaturas {
	border: none;
}



.rTableRow {
  	display: table-row;
}



.rTableRowHead {
  	display: table-header-group;
  	background-color: #FFF;
  	font-weight: bold;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}
.rTableCell, .rTableHead {
  	display: table-cell;
  	padding: 3px 4px 3px 4px;
  	border: 1px solid #999;
	border-right: none;
	border-left: none;
	font-size: 11px;
}

.rTableCell.topline.assinar {
	text-align: center;
	border-bottom: none;
}

.rTableCell.noborder {
	border: none;
}



.rTableHead {
}
.rTableHead.text {
}


.rTableCell.action.width_one_button {
	width: 60px;
}
.rTableCell.action a.alone {
	padding: 0 20px;
}



.rTableCell.width_50 {
	width: 50px;
}
.rTableCell.width_100 {
	width: 100px;
}
.rTableCell.width_150 {
	width: 150px;
}
.rTableCell.width_200 {
	width: 200px;
}
.rTableCell.width_300 {
	width: 300px;
}
.rTableCell.width_400 {
	width: 400px;
}

.rTableCell.biersorte {
	white-space: nowrap;
}


.rTableCell.pay_today {
	background-color: #FF3333;
}

.rTableCell.totaldia {
	background-color: #66FF66;
}



.rTableFoot {
  	display: table-footer-group;
  	font-weight: bold;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}
.rTableBody {
  	display: table-row-group;
}

/*
.rTableRow:nth-child(odd), .rTableCell.forcegrey {background: #EAEAEA;}
.rTableRow:nth-child(even), .rTableCell.forcewhite {background: #FFF;}
*/

/* AGENDA */
.rTableRow.agenda_aberta 		{background-color: #FFF;}
.rTableRow.agenda_fechada 		{background-color: #AAA;}
.rTableRow.agenda_patient 		{background-color: #EEE;}
.rTableRow.agenda_bloqueio		{background-color: #DDD;}
.rTableRow.encaixe 				{background-color: #FFC175;}
.rTableRow.consulta_cancelada 	{background-color: #FCC;}
.rTableRow.markline 			{background-color: #FFFF99;}

.rTableRow.lightgrey 			{background-color: #E2E2E2;}


tr.agenda_aberta.selline {
	background-color: #EEEEFF;
}

tr.agenda_fechada.selline {
	background-color: #D6D6D6;
}



.rTableRow .agenda_anotacao {
	background-color: #FFFF66;
}


tr.selline td.agenda_anotacao {
  background-color: #F1F1CC;
}



/*
.rTableRow.markline:nth-child(odd) {background: #FFFF99;}
.rTableRow.markline:nth-child(even) {background: #FFFF99;}
*/

.rTable a {
	color: #333;
	text-decoration: none;
}
.rTable a:hover {
	color: #111;
	text-decoration: underline;
}
.rTableCell img {
	margin: 0 0 -3px;
	background-color: transparent;
}

.rTable .hora {
	text-align: center;
	width: 50px;
}

.rTableRow.agenda_fechada .hora {
	color: rgba(0,0,0,0.3);
}

.rTableRow.agenda_bloqueado .hora {
	color: rgba(0,0,0,0.3);
}



.rTable .text {
	text-align: left;
}

.rTable .boolean {
	text-align: center;
}


.rTable .text.agenda_anotacao {
	font-weight: bold;
}


.rTable .number {
	text-align: right;
}

.rTable progress[value] {
  width: 300px;
  height: 20px;
}



.rTable .datetime {
	text-align: right;
}
.rTable .boolean {
	text-align: center;
}
.rTable .rTableCell.action  {
	text-align: center;
	padding:0 3px;
}

.rTable .rTableHead.action  {
	text-align: center;
}

.rTable .soma {
	font-weight: bold;
}





.rTable .rTableCell.pagamento_cortesia {
	/* Nothing */
}

.rTable .rTableCell.pagamento_paid {
	/* Nothing */
	ssbackground-color: #99FF99;
}
.rTable .rTableCell.pagamento_toomuch {
	background-color: #CCC;
}

.rTable .rTableCell.pagamento_warning {
	background-color: #FFFF55;
}
.rTable .rTableCell.pagamento_alert {
	background-color: #FF3333;
	color: #FFF;
}


.rTable.resulttable .bg_blue {
	background-color: #CCCCFF;
}

.rTable.resulttable .bg_orange {
	background-color: #FFA500;
}


.rTable.resulttable .markinfo {
	font-style: italic;
}

.rTable.resulttable .bg_green {
	background-color: #CCFFCC;
}

.rTable .bg_lightgrey {
	background-color: #E1E1E1;
}

.userinputform {
    margin-bottom: 20px;
}


.rTableCell.agendavel_codt {
	background-image: url('../../resource_project/images/codt-info-logo.png');
	/* background-image: url('../../resource_project/images/codt-info.png'); */
	background-repeat: no-repeat;
	background-position: bottom right;
}


.gchartwrap p {
	text-align: right;
	margin: 0;
}

.gchart {
	width: 100%; 
	height: 500px;
}

p.width_50perc {
	margin: 10px 0 20px 20px;
	width: 50%;
}


.ui-progressbar {
	position: relative;
}
.progress-label {
	position: absolute;
	left: 50%;
	top: 4px;
	font-weight: bold;
	text-shadow: 1px 1px 0 #fff;
}

div.bigmessage {
	padding: 10px 10px 50px 10px;
	border: 1px solid #4444FF; 
	text-align: center;
	background-image: url('myicons/32_information.png');
	background-position: bottom 10px center;
	background-repeat: no-repeat;
	margin: 10px 0;
}

div.bigmessage.info {
	border: 1px solid #4444FF; 
	background-image: url('myicons/32_information.png');
}


div.bigmessage.warning {
	border: 2px solid #FFA500;
	background-image: url('myicons/32_warning.png');
}

div.bigmessage.error {
	border: 3px solid #FF2222;
	background-image: url('myicons/32-dialog-warning.png');
}

.bottomspace {
	margin-bottom: 40px;
}

div.logging {
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 0.9em;
	background-color: #EFEFEF;
	color: black;
	padding: 10px;
	border: 1px dashed #222;
	margin: 10px 0;
}

div.logging.error {
	border: 2px solid #F22;
	line-height: 1.1em;
	margin: 40px 0;
}

div.logging p {
	line-height: 1.2em;
}

/* ++++ ---- ++++ ---- ++++ ---- ++++ ---- ++++ ---- */


/*

d888888b  .d8b.  d8888b. db      d88888b    
`~~88~~' d8' `8b 88  `8D 88      88'        
   88    88ooo88 88oooY' 88      88ooooo    
   88    88~~~88 88~~~b. 88      88~~~~~    
   88    88   88 88   8D 88booo. 88.        
   YP    YP   YP Y8888P' Y88888P Y88888P    
                                         
										 
d88888b d8888b. d888888b d888888b 
88'     88  `8D   `88'   `~~88~~' 
88ooooo 88   88    88       88    
88~~~~~ 88   88    88       88    
88.     88  .8D   .88.      88    
Y88888P Y8888D' Y888888P    YP    
                                  
                                  
*/

.xTable {
  	display: table;
	border-collapse:collapse; 
  	width: 100%;
}
.xTableRow {
  	display: table-row;
}
.xTableCell {
  	display: table-cell;
  	padding: 2px 3px;
	vertical-align: middle;
}

.ui-dialog .xTableCell {
  	padding: 3px 3px;
}


.xLabel {
	text-align: right;
	width: 240px;
}
.xLabel.must_fill {
	font-weight: bold;
}
.xLabel.details {
	color: #777;
}
.xContent {
	text-align: left;
}
.xContent.moreheight {
	height: 30px;
}

.xContent .radioboxes {
	border: 1px solid #CCC;
	padding: 2px 5px;
	display: inline-block;
}

.xContent .radioboxes .radiobox {
	display: inline;
}

.xContent .radiobox {
	margin-bottom: 3px;
}
.xContent .radiobox:last-child {
	margin-bottom: 0px;
}

.xContent .rTable {
	margin-bottom: 5px;
}

.xTableBody {
  	display: table-row-group;
}


.xTable a {
	color: #333;
	text-decoration: none;
}
.xTable a:hover {
	color: #111;
	text-decoration: underline;
}

.xTableCell img {
	vertical-align: middle;
    max-height: 100px;
    max-width: 160px;
}

.xTableCell .percMax50 {
	max-width: 50%;
}

.xTableCell .paddingRound {
	padding: 0 .7em;
}


.xTable p {
	margin: 2px 0;
	padding: 0px;
}

.xTable p.edit_input_error {
	width: 50%;
	min-width: 200px;
	background-color: red;
	padding: 3px 6px;
	color: white;
	font-weight: bold;
}

.xTable p.edit_input_error a {
	color: white;
	text-decoration: underline;
}

.xTable label {
	swidth: auto;
	text-align: right;
	float: none;
}


div.chbxwrap {
	display: inline-block;
	padding: 0px 3px 0 4px;
	border: 1px solid #CCC;
	ssline-height: 2em;
}
div.chbxwrap [type="checkbox"] {
  position: relative;
  left: 0px;
  top: 1px;
}
div.chbxwrap label {
	padding: 0px;
	margin: 0;
}


div.mainfilterwrap {
	display: inline-block;
	margin-right: 10px;
	width: 50px;
	padding: 3px 0 3px 0 ;
}


div.finefilterwrap {
	display: inline-block;
}


div.finefilterwrap.hiddenalways {
	display: none;
}

div.finefilterwrap.hiddenalways {
	display: none;
}

.hiddenalways {
	display: none;
}

a.nohover:hover {
	text-decoration: none;
}

a.inoutoption {
	text-decoration: none;
	margin: 0;
	padding: 1px 5px;
	border-radius: 4px;
	border: 1px solid #006C6C;
	background-color: transparent;
	color: #999;
	cursor: pointer;
}

a.inoutoption.active {
	background-color: #006C6C;
	color: #FFF;
}
a.inoutoption.active:hover {
	background-color: #669C9C;
	color: #FFF;
}



/* https://loading.io/spinner/custom/47390/ */
.loading {
    position: absolute;
    left: 50%;
    top: 40%;
	margin-left: -50px;
    display: none;
    background: transparent url("./resource_geral/img_loading/loading-double-ring-thick.gif");
    z-index: 1000;
    height: 100px;
    width: 100px;
}


/*

https://proto.io/freebies/onoff/

Nice Checkbox
https://codepen.io/AllThingsSmitty/pen/MmxxOz

*/

.switch {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	margin-right: 10px;
	height: 20px;
	position: relative;
	width: 46px;
	padding: 0;
}

.switch input {
  display:none;
}

.slider {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s;
}

.slider:before {
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 12px;
  left: 4px;
  position: absolute;
  transition: .4s;
  width: 12px;
}

input:checked + .slider {
  background-color: #2B6D6D;
}

input:checked + .slider:before {
  transform: translateX(26px);
}

.slider.round {
  border-radius: 20px;
}

.slider.round:before {
  border-radius: 50%;
}


.tank_wrap, .fass_wrap, .charge_wrap {
	border: 1px solid #999;
	position: relative;
	float:left; 
	width: 150px;
	height: 210px;
	margin: 0 5px 25px 0;
	
}


a.button {
	display: inline-block;
	text-decoration: none;
	margin: 1px 0px 0px 5px;
	padding: 5px 15px;
	letter-spacing: 2px;
	border-radius: 4px;
	font-size: 1.2em;
	color: #FFF;
	cursor: pointer;
	white-space: nowrap;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#004848+0,007474+50,004848+51,007474+100 */

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#007474+0,009090+50,007474+51,009090+100 */
	background: rgb(0,116,116); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(0,116,116,1) 0%, rgba(0,144,144,1) 50%, rgba(0,116,116,1) 51%, rgba(0,144,144,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,116,116,1) 0%,rgba(0,144,144,1) 50%,rgba(0,116,116,1) 51%,rgba(0,144,144,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,116,116,1) 0%,rgba(0,144,144,1) 50%,rgba(0,116,116,1) 51%,rgba(0,144,144,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007474', endColorstr='#009090',GradientType=0 ); /* IE6-9 */
}


a.button:hover {
	color: #EEE;
	text-decoration: none;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#005858+0,006c6c+50,005858+51,006c6c+100 */
	background: rgb(0,88,88); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(0,88,88,1) 0%, rgba(0,108,108,1) 50%, rgba(0,88,88,1) 51%, rgba(0,108,108,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,88,88,1) 0%,rgba(0,108,108,1) 50%,rgba(0,88,88,1) 51%,rgba(0,108,108,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,88,88,1) 0%,rgba(0,108,108,1) 50%,rgba(0,88,88,1) 51%,rgba(0,108,108,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005858', endColorstr='#006c6c',GradientType=0 ); /* IE6-9 */
}



a.button.small {
	text-decoration: none;
	margin: 1px 0px 0px 5px;
	padding: 1px 10px;
	letter-spacing: 1px;
	border-radius: 4px;
	font-size: 1em;
	color: #FFF;
	line-height: 2em;
}




/* ///////////////   inicio  calendar//////////////////////////// */

#calender {
	width: 200px;
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	}

#calenderTable {
	width: 200px;
	border-width: 2px;
	border-color: #999999;
	border-style: outset;
	background-color: #EAEDF5;
	display: none;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	}
#calenderTable td {
	text-align: center;
	border: 1px solid #FAFDF5;
	color: #000046;
	font-size: 7pt;
	width: 40px;
	}
#calenderTableHead TR {
	background-color: #EAEDF5;
	}
#calenderTableDays TR {
	background-color: #C3D4E7;
	}

#calenderTableDays TD {
	width: 14%;
}

#selectMonth, #selectYear {
	font-family: "Tahoma", sans-serif;
	font-size: 7pt;
	sborder-width: 0px;
	sborder-style: none;
	}

#calenderTable A {
	color: blue;
	text-decoration: none;
	font-size: 11pt;
	font-family: "courier new";
	}
#calenderTable A:hover {
	color: red;
	text-decoration: none;
	background-color: #C3D4E7;
	}
.normalDay {
	border: 1px solid #FFF;
	cursor: pointer;
	}
.hlDay {
	border: 1px solid #000;
	background-color: #C3D4E7;
	color: red;
	cursor: pointer;
	}
.toDay {
	border: 1px solid #000;
	sbackground-color: #C3D4E7;
	color: #F00;
	font-weight: bold;
	cursor: pointer;
	}
.choosenDay {
	border: 1px solid #000;
	background-color: #C3D4E7;
	color: #F00;
	font-weight: normal;
	cursor: pointer;
	}

/* ///////////////   fim calendar //////////////////////////// */


#navitabs {}
#navitabs ul{ list-style:none; margin:0; padding:0; }
#navitabs li { float:left; padding:0; margin:0;}
#navitabs li a { margin: 0; border: none; width:auto; display:block; text-align:center; margin-right:5px; text-decoration:none; }
#navitabs li a:hover { }
#navitabs ul ul { margin-left: -1px; display:none; position:absolute; z-index:999; }
#navitabs li li { float:none; }
#navitabs li li a { background:#EBE7E6; text-align:left; height:auto; line-height:1; width:auto; padding:6px 20px 6px 22px; border:1px solid #D0D0D0; border-top:none; margin-right:0; }
#navitabs li li a:hover {background-color:#d0d0d0;}
* html li li { display:inline; } /* IE6 Bugfix... */



.tooltip {
  display:none;
  ssbackground:url(images/black_arrow.png);
  sswidth:209px;
  ssheight:122px;
  sspadding:4px 3px 1px 3px;
  ssfont-size:11px;
  sscolor:#fff;
}

.tooltip_simple {
    background-color:#FFF;
    border:1px solid #333;
    padding:5px 8px;
    display:none;
    color:#333;
    text-align:left;
    font-size:12px;

    /* outline radius for mozilla/firefox only */
    -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
}



table.popup {
	border: none;
	width:auto;
}


table.popup td, table.popup th {
	border: none;
	padding: 0;
}
.popup td.corner {
	height: 15px;
	width: 19px;
}

.popup td#topleft { background-image: url(tooltip/bubble-1.png); }
.popup td.top { background-image: url(tooltip/bubble-2.png); }
.popup td#topright { background-image: url(tooltip/bubble-3.png); }
.popup td.left { background-image: url(tooltip/bubble-4.png); }
.popup td.right { background-image: url(tooltip/bubble-5.png); }
.popup td#bottomleft { background-image: url(tooltip/bubble-6.png); }
.popup td.bottom { background-image: url(tooltip/bubble-7.png); text-align: center;}
.popup td.bottom img { display: block; margin: 0 auto; }
.popup td#bottomright { background-image: url(tooltip/bubble-8.png); }

.popup table.popup-contents {
	font-size: 12px;
	line-height: 1.2em;
	background-color: #fff;
	color: #666;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	border: none;
	width:auto;
	}

table.popup-contents th {
	text-align: right;
	stext-transform: lowercase;
	padding: 2px;
	font-weight: normal;
	}

table.popup-contents td {
	text-align: left;
	border: none;
	padding: 2px;
	font-weight: bold;
	}

a.colorselectbutton {
	text-decoration: none;
	display: block;
	float: left;
	width: 15px; height: 15px;
	margin: 0 4px 4px 0;
	sborder: 2px solid transparent;
}

a.borderselected {
	sborder: 2px dotted red;
}

a.periodmonth {
}

hr.sep-one {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}

hr.sep-two {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}


hr.sep-three {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(128, 128, 128, 0), rgba(128, 128, 128, 0.55), rgba(128, 128, 128, 0));
}

/* Container for all help sections */
.help-container {
  display: flex; /* Enable flexbox */
  flex-wrap: wrap; /* Wrap items to a new row if they overflow */
  gap: 20px; /* Space between blocks */
  justify-content: left; /* Center items in the container */
  padding: 20px 0; /* Add padding around the container */
}

/* Individual help sections */
.helpsection {
  background: linear-gradient(to bottom, #ffffff, #f0f0f0); /* Light gradient */
  border: 1px solid #ddd; /* Border around each block */
  border-radius: 8px; /* Rounded corners */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for a 3D effect */
  width: 300px; /* Fixed width for each block */
  padding: 20px; /* Space inside each block */
  text-align: center; /* Center-align text */
  transition: transform 0.2s ease, box-shadow 0.2s ease; /* Smooth hover effect */
}



/* Headings in each block */
.helpsection h3 {
  font-size: 18px; /* Size for the heading */
  margin-bottom: 10px; /* Space below heading */
  color: #333; /* Darker text color */
}

/* Links inside blocks */
.helpsection a {
  color: #2970A6; /* Link color */
  text-decoration: none; /* Remove underline */
  font-weight: bold; /* Make the link bold */
}

/* Hover effect for help sections */
.helpsection a:hover {
    color: #0950A6; /* Link color */
	
}

.helpsection p {
  text-align: center; /* Center-align the text */
  margin: 10px 0; /* Add some spacing for better layout */
  width: auto;
}
#main.help .helpsection p {
  width: auto;
}


span.rotate90 {
	display: inline-block;
	-ms-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
}






.agendaflowboxwrap {
	box-sizing: border-box;
	
	float: left;
	width: 49.5%;
	padding: 0 20px 20px 0px;

}

.agendaflowbox {
	clear: both;
	box-sizing: border-box;

	
	overflow: scroll;
	padding: 1px;
	border: 1px solid #999;
	border-top: none;
	margin: 0;
	height: 600px;
	overflow: auto;
	
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	
}

.agendaflowboxtitle {
	border: 1px solid #999;
	border-bottom: none;
	box-sizing: border-box;
	height: 40px;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfff4+0,dfe5d7+40,b3bead+100;Wax+3D+%233 */
	background: #fcfff4; /* Old browsers */
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ); /* IE6-9 */

	
}

.agendaicons {
	padding: 2px;
	float: right;
	width: 100px;
	sborder: 1px solid #999;
}


.agendaflowboxwrap h2 {
	position: relative;
	line-height: 1.5em;
	margin: 0;
	padding: 5px;
	height: 25px;
	overflow: hidden;
	sdisplay: inline;
	font-size: 1.5em;
}



.chatbuttonstart {
	margin-top: 10px;
	float: right;
	width: 80px;
}

.chatbuttonstart.newmessages {
    width: 22px;
    height: 22px;
    border-radius: 50%;
	vertical-align: middle; 
	display: table-cell;
    text-align: center;
    background-color: #1C1;
}


.chatbuttonstart.newmessages a {
	display: block;
    font-size: 14px;
    color: #fff;
	text-decoration:none;
    text-align: center;
	padding: 1px 0 0 ;
}



.floating_chat_toggle {
	margin-top: 10px;
	float: right;
	width: 80px;
	cursor: pointer;
	
}

.floating_chat_toggle.newmessages {
    width: 22px;
    height: 22px;
    border-radius: 50%;
	vertical-align: middle; 
	display: table-cell;
    text-align: center;
    background-color: #11C;
}


.floating_chat_toggle.newmessages a {
	display: block;
    font-size: 14px;
    color: #fff;
	text-decoration:none;
    text-align: center;
	padding: 1px 0 0 ;
}



#floatingchatwindow {
	background-color: white;
	padding: 0 20px 20px;
	position: absolute;
	width: 300px;
	height: auto;
	color: #303030;
	top: 100px;
	right: 30px;
	border: 1px solid #444;
	border-radius: 20px;
	font-size: 1.2em;
	
}

#floatingchatwindow h2 {
	margin: 0 0 10px;
}

.desktoponly.isnarrow {
	display: none;
}

.mobileonly.iswide {
	display: none;
}




#maincompact {
	margin: 0;
}


#maincompact table.agenda {
	width: 99%;
	border-spacing: 2px;
    sborder-collapse:collapse;
}


div.daywrap {
	padding: 0px;
	font-size: 1.3em;
	line-height: 1.1em;
	border: 1px solid #999;
	margin: 0 0px 20px;
}

div.day {
	sborder-bottom: 1px solid #999;
	padding: 6px 0 4px 5px;
	background:#f4f4f4 url(myicons/menubg.gif) bottom left repeat-x;
}

div.aniversariantes {
	padding: 6px 0 4px 5px;
	background:#f4f4f4 url(myicons/menubg.gif) bottom left repeat-x;
	border-top: 1px solid #999;
	color: #999;
}

#maincompact .tablecompactwrap {
	
	padding: 5px;
	
}
#maincompact table.agenda {
	width: 99%;
	border-spacing: 5px;
    border-collapse:collapse;
	border: none;
}

#maincompact tr {
	border: none;
}

#maincompact td {
	text-align: center;
	vertical-align: middle;
	padding: 1px;
	border: none;
}

#maincompact td.hour {
	width: 80px;
}

#maincompact td.paciente {
	text-align: left;
}

#maincompact td.tipo {
	width: 20%;
}



#maincompact .iconwrap {
    display: flex; /* Aktiviert Flexbox */
    align-items: center; /* Zentriert die Elemente vertikal */
    gap: 8px; /* Optional: Abstand zwischen Bild und Text */
	background-color: #CCC; /* Hintergrundfarbe */
    border-radius: 5px; /* Abgerundete Ecken */
    padding: 2px 4px; /* Innenabstand */
}

#maincompact .smalltext {
    font-size: 18px; /* Beispiel-Schriftgröße */
    line-height: 1; /* Stellt sicher, dass die Textzeilenhöhe nicht zu groß ist */
}


#maincompact div.hour {
	padding: 4px 0 2px 0;
	float: left;
	width: 100px;
	text-align: center;
}

#maincompact span.smalltext {
	font-size: 0.9em;
	white-space: nowrap;
}

#maincompact div.paciente {
	padding: 4px 0 2px 0;
	margin-left: 120px;
}

#maincompact div.trenner {
	border-bottom: 1px solid #999;
}

#maincompact div.details {
	padding: 4px;
	padding-left: 30px;
	background-color: #EFEFFF;
	font-size: 0.8em;
	color: #333;
	display: none;
	stext-align: right;
	sbackground:#eaeaea url(img/menubg2.gif) bottom left repeat-x;
	
}

/* Force table to not be like tables anymore */
#maincompact table, 
#maincompact thead, 
#maincompact tbody, 
#maincompact th, 
#maincompact td, 
#maincompact tr { 
    display: revert; /* Reset to default browser behavior */
}

	
/*------------------------------------*\
	RESPONSIVE
\*------------------------------------*/


@media screen and (max-width: 600px) {
/* */

	.switch_mobile_desktop {
		clear:both;
		padding: 20px 0;
		text-align: left;
	}
	
	.switch_mobile_desktop a {
		padding: 30px 50px;
		font-size: 2.5em;
		width: 70%;
	}

	.desktoponly.isnarrow {
		display: block;
	}

	.mobileonly.iswide {
		display: none;
	}



}



	
/*------------------------------------*\
	RESPONSIVE
\*------------------------------------*/


@media screen and (min-width: 1140px) and (max-width: 2850px) {
/* */

#toptabs {
	width:1120px;
}

#container {
	width:1080px;
}

.ficha td.label {
	width: 190px;
}


div.exportbox {
	margin-left: 190px;
}


#main {
	width:885px;
}

#main.compact {
	width:1075px;
}





}

/*------------------------------------*\
	IPHONE END
\*------------------------------------*/




@media screen and (min-width: 2851px) {
	
	
#container {
	margin:0 10px 0px 10px;
	width:auto;
	padding:5px 20px 20px 20px;
}

#main.compact {
	width: 100%;
}


#toptabs {
margin:5px 20px -13px;
width: auto;
}

#toptabs p {
}

.ficha td.label {
	width: 190px;
}


div.exportbox {
	margin-left: 190px;
}

	
} /* End 1050 */