/* 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:15px 0 0 0;
margin:0;
font:100% tahoma, verdana, sans-serif;
ssbackground:#050588;
background:#101982;
color:#998830;
}


body.drapaula {
	background: #222;
}


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

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

a.redbg {
	background-color: #FFFF00;
	border: 1px solid #333;
	padding: 0 5px;
}

img[width="16"] {
	padding: 10px;
	border: 1px solid #999;
	border-radius: 5px;
}

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 {
	width:100%;
	border: 1px solid #AAA;
	border-collapse: collapse;
}

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


.leftcol {
	float: left;
	width: 33%;
	text-align: left;
}
.middlecol {
	float: left;
	width: 33%;
	padding-top: 10px;
	text-align: center;
	font-size: 2em;
}
.rightcol {
	float: left;
	width: 34%;
	text-align: right;
}

.leftcol img,
.rightcol img,
.middlecol img {
	padding: 10px;
	border: 1px solid #CCC;
}



.tablelist,.xmaslist  {

}


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

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

.agenda td.pacientefield {
	font-size: 1.5em;
}

.agenda td.exameclasscolor {
	height: 3px;
	sborder-right: none;
	spadding:0;
	min-height: 5px;
	width: 40%;
	float: right;
}
.agenda td.exameclassdesc {
	sborder-left: none;
}


td.hora {
	font-size: 1.5em;
}

td.datapast {
	color: red;
}

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



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

tr.agenda_aberta {
  background: linear-gradient(to bottom, transparent 80%, #e1e1e1 100%);
}


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


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

td.agenda_anotacao {
  background-color: #FFFFCC;
  font-weight:bold;
  font-size: 1.5em;
  text-align: center;
}

td.agenda_anotacao {
  background-color: #FFFFCC;
  font-weight:bold;
  font-size: 1.5em;
  text-align: center;
}

table.agenda td.bloqueiocomment {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

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;
}

.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;
  font-size: 1.5em;
  
}


.agenda_patient.unblocked {
}

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

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





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


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

.paciente tr {
	border: none;
	border-bottom: 1px solid #ccc;
}

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

.paciente td.label {
	font-size: 1.0em;
	sbackground-color: #88D;
	color: #888;
	padding-right: 5px;
	border: none;
	float: none;
	swidth: 30%;
	display: block;
	text-align: left;
}

.paciente td.info {
	swhite-space: pre;
	min-height: 24px;
	margin-left: 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;
}

table.blind_table tr {
	border: none;
}



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

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

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


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


table.ficha tr {
	border-top: none;
	border-left: none;
	border-right: none;
}

.ficha td {
	border: none;
	vertical-align: top;
	font-size: 1.2em;
}


.ficha td.label {
	sbackground-color: #88D;
	color: #666;
	text-align:left;
	padding-right: 5px;
	font-size: 1.0em;
}

.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.infofixed {
	width: 150px;
}


table.fichaoberon {
	margin-left: 160px;
	margin-top: 5px;
	font-size: 12px;
	border-collapse:collapse;
	border: none;
	width: 500px;
}

.fichaoberon td {
	background-color: white;
	border: 1px solid #999;
	ssscolor: #666;
}

td.oberonfactor1 {
	color: #22CC22;
	font-weight: bold;
}

td.oberonfactor2 {
	font-weight: normal;
	color: #22CC22;
}


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.fiadoagenda {
	background-image: url('myicons/16_price_alert.png');
	background-repeat: no-repeat;
	background-position: 3px 2px;
	padding-left: 25px;
}

td.falta_cpf {
	background-image: url('myicons/info_cpf.png');
	background-repeat: no-repeat;
	background-position: 3px 2px;
	padding-left: 25px;
}




td.alert {
	font-weight: bold;
	border: 2px solid red;
}

td.warning {
	font-weight: bold;
}

td.despesalocal {
	background-image: url('myicons/16_arrow_switch.png');
	background-repeat: no-repeat;
	background-position: 3px 2px;
	padding-left: 25px;
	
	cursor: pointer;
}

td span.tipolocal_strnome {
	cursor: pointer;
}


td.total {
	font-weight: bold;
}


td.date {
	text-align: left;
}

td.money {
	text-align: right;
}


td.unimed {
	sbackground-color: #FFFFCC;
	scolor: #111;
}

td.fiado {
	background-color: #F11;
	color: white;
}

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;
}


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

td.boolajax {
	cursor: pointer;
}


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: #466;
}


td.agendaaction img, table.tablelist img {
	padding: 10px;
	border: 1px solid #999;
	ssbackground:#ffffff url(images/bgtable2.gif) bottom left repeat-x;
}

a.devendolink img {
	padding: 0px;
	border: none;
}





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

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

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

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

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

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




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

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



.statusconsultaimgwrap {
	display: inline;
	border: 1px solid #999;
	spadding-bottom: 3px;
}




/* Main container */

#container {
margin:0 10px;
padding:10px;
background:#ffffff;
color:#303030;
sbackground:#ffffff url(images/n2.gif) repeat-x;
}

/* 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: 90%;
}

#toptabs p {
text-align:right;
color:#555;
}

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

.toptab:hover {
background:#f0f0f0 url(images/corner2.gif) top right no-repeat;
border-bottom:1px solid #eaeaea;
color:#303030;
text-decoration:none;
}

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

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

/* Navitab menu */


#navitabs {
	margin:5px 0 4px 0;
clear:both;
display: none; /* Init value */
}

.navitab {
padding:5px 2px;
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:hover {
text-decoration:none;
background:#d0d0d0 url(images/corner.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
}

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

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


#navitabs {}
#navitabs ul{ list-style:none; margin:0; padding:0; }
#navitabs li { float:none; padding:0; margin:0 0 2px;}
#navitabs li a { margin: 0; border: none; width:auto; display:block; text-align:center; margin-right:0px; text-decoration:none; }
#navitabs li a:hover { }
#navitabs ul ul { width: 100%; margin: 2px 0px; }
#navitabs li li { margin: 0 20px; float:none; display: block;}
#navitabs li li a { background:#e0e0e0 url(images/corner.gif) top right no-repeat; text-align:left; height:auto; line-height:1; width:auto; padding:6px 20px 6px 22px; border-top:none; margin:0 0 2px; }
#navitabs li li a:hover {background-color:#d0d0d0;}
* html li li { display:inline; } /* IE6 Bugfix... */



.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;
}


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

div.printarea {
	margin-bottom: 10px;
}

.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;
}

.ficha_values.closed {
	display: none;
}


.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 10px;
	margin: 0px 0px 20px 0;
	clear:left;
	display: block;
	sborder-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 10px;
	margin: 0px 0px 0px 0;
	clear:both;
	
	display: block;
	margin-bottom:10px;
	border-bottom:10px solid #FFF;
}

div.ficha_values {
	padding: 0 0px 0 0px;
	sborder:1px solid #FF0;
}


.ficha_values.tab {
	display: none;
}

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



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;
}


#buttonwrap {
 padding: 5px;
 display: block;
 clear: both;
 text-align: center;
}


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

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

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


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

/* Header description */

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

#desc p {
float: none;
swidth:490px;
font-size:12px;
padding:3px 0 0;
margin: 0;
}

#desc h2 {
padding:15px 15px 0 15px;
color:#ffffff;
}
	
#desc a {
color:#222;
text-decoration:underline;
border-color:#ffffff;
}


#searchbox {
	float: none;
	width: 100%;
}



/* Main content */

#main {
width:100%;
float:left;
padding:0 0;
margin:0;
sborder-right:1px solid #d8d8d8;
}

#main.compact {
width:100%;
border:none;
}



/* Sidebar */

#sidebar {
	
width:100%;
float:left;
margin:40px 0 0 5px;
}

#sidebar.compact {
display:none;
}




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

/* Footer */

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


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

#footer a {
color:#88A;
}

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

#footer p {
color:#88A;
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;
background:#f0f0f0 url(images/corner.gif) top right no-repeat;
padding:5px 4px 5px 8px;
margin:5px 10px 5px 0;
text-decoration: none;
text-transform: uppercase;
border:none;
}

.sidelink_active {
text-align:left;
display:block;
background:#e0e0e0 url(images/corner.gif) top right no-repeat;
padding:5px 4px 5px 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;
background:#f0f0f0 url(images/corner.gif) top right no-repeat;
padding:5px 4px 5px 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:#e0e0e0 url(images/corner.gif) top right no-repeat;
padding:5px 4px 5px 8px;
margin:5px 10px 5px 20px;
text-decoration: underline;
border:none;
}


.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;
}

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;	
}


/* FORMULARE */

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

label {
	font-weight:normal;
	text-align:left;
	margin: 0px;
	padding: 3px;
	sborder: 1px solid black;
	display: block;
}
label.info {
	text-align: left; 
	width: auto; 
	border: none; 
	padding: 3px;
	font-weight: normal;
}

label.radiolabel {
	display: inline;
	font-weight:normal;
	text-align: left;
	margin: 0px;
	padding: 0;
	width:auto;
	float:none;
	sborder: 1px solid black;
}



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;
}


input.text_bgImage {
	width: 240px; /* entspricht Grafikbreite */
	ssheight: 20px; /* entspricht Grafikhöhe */
	background-image: none; /* Hintergrundgrafik */
	background-repeat: no-repeat;
	padding: 5px 5px 5px 5px; /* Innenabstand */
	margin:4px 5px 4px 0;
}


input.text_bgImage:focus {
	background-color: white;
}


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

input.text {
	width: 80%;
}

.opaque70 {
	opacity: 0.7;
}
.opaque50 {
	opacity: 0.5;
}

input.wider {
	width: 90%;
}

input.largedesc {
	width: 400px;
}

input.mini {
	width: 50%;
}


input.miniklein {
	width: 40px;
}


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

input.bing {
	background-color: #FFB900;
}
input.tradempty {
	background-color: #CCCCFF;
}



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

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

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

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


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

.buttonwrap {
    padding: 5px;
    display: block;
    clear: both;
    text-align: center;
}


input.button_ALT {
	display: block;
	width: 80%;
	margin: 0px auto;
	padding: 10px 20px;
	letter-spacing: 2px;
	background: #a0a8b8 url(images/apple_verlauf_button4.png) bottom left repeat-x;
	color: #FFF;
}


input.button {
	display: block;
	width: 80%;
	margin: 0px auto;
  padding: 10px 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: 16px; /* 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 */
}

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


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


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

/*
a.thebutton {
	margin: 0px 5px 0px 0px;
	padding: 5px 10px;
	background: #F2F2F2 url(images/apple_verlauf_button3.gif) bottom left repeat-x;
	color: #2970A6;
	text-decoration: none;
	color: #050588;
	border: 1px solid #666;
	display: block;
	font-size: 14px;
	text-align: center;
}
*/

a.thebutton {
	text-align: center;
	
  display: block; /* Macht das <a>-Element wie einen Button */
  margin: 0px 0px 0px 0px; /* Abstand */
padding: 5px 10px;
  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: 1em; /* 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.darkbutton_ALT {
	margin: 0px 5px 0px 0px;
	padding: 5px 10px;
	letter-spacing: 2px;
	background: #a0a8b8 url(images/apple_verlauf_button4.png) bottom left repeat-x;
	color: #FFF;
	text-decoration: none;
	display: block;
	font-size: 18px;
	text-align: center;
}


a.darkbutton {
  margin: 0px 0px 0px 0px; /* Abstand */
  padding: 5px 10px; /* 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.miniselect {
	border: 1px solid #CCC;
	text-decoration: none;
	padding: 0 4px;
	white-space: pre;
	line-height: 1.8em;
}

a.miniselect:hover {
	border: 1px solid #11C;
}


a.miniselect_ativo {
	border: 1px solid #11C;
	text-decoration: none;
	padding: 0 4px;
	white-space: pre;
	line-height: 1.8em;
	background-color: #CCF;
}

a.miniselect_ativo:hover {
	border: 1px solid #CCC;
}




div.substancia_wrap {
	display: none;
}

div.procedimento_wrap {
	display: none;
}

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


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



span.unit {
	color: #666;
}


#main img {
	max-width: 100%;
	height: auto;
}

p.textarealike {
	border: 1px solid #999;
	padding: 5px;
}


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

select {
  font-size: 20px; /* Larger font size for readability */
  padding: 8px 40px 8px 20px; /* Touch-friendly spacing */
  border: 1px solid #ccc; /* Subtle border for clarity */
  border-radius: 5px; /* Rounded corners for a modern look */
  background-color: #fff; /* Clean white background */
  color: #333; /* Text color */
  appearance: none; /* Removes native dropdown styling */
  -webkit-appearance: none; /* WebKit-specific reset */
  -moz-appearance: none; /* Firefox-specific reset */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Adds subtle shadow */
  width: 90%; /* Full width for small screens */
  margin: 0; /* Ensures proper spacing */
  transition: border-color 0.3s ease, box-shadow 0.3s ease; /* Smooth interaction */
  /*
  background: #fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%23333" d="M0 0h4l-2 2z"/></svg>') no-repeat right 15px center; /* Custom downward triangle */
  background: #fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 2"><path fill="%23333" d="M0 0h4l-2 2z"/></svg>') no-repeat right 15px center; /* Custom downward triangle */
  background-size: 12px; /* Triangle size */
}

/* Hover effect */
select:hover {
  border-color: #888; /* Darker border for hover feedback */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); /* Slightly increased shadow */
}

/* Focus effect */
select:focus {
  border-color: #2970A6; /* Highlighted border on focus */
  outline: none; /* Removes default outline */
  box-shadow: 0 2px 6px rgba(41, 112, 166, 0.4); /* Blue glow shadow */
}


td.combo select {
    width: auto; /* Full width for small screens */
	
}

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

.inputwide {
	width:80%;
	height:60px;
}
.inputwidehigh {
	width:80%;
	height:60px;
}

.inputwidehigh2 {
	width:80%;
	height:90px;
}

.largedesc2 {
	width:80%;
}

.inputwidehigher {
	width:80%;
	height:160px;
}

.inputsuperwide {
	width:80%;
	height:160px;
}

.inputsuperwidesuperhigh {
	width:80%;
	height:320px;
}

.inputhigh {
	width:80%;
	height:150px;
}

hr.celldivider {
	margin: 0;
	padding: 0;
	color: #FFF;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #999;
	
}

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

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

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

a.listlink:hover {
color: #122;
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.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 {
	color: #444;
	text-align:right;
	margin: 0px;
	padding: 9px 0px 0 0;
	width:140px;
	float:left;
	sborder: 1px solid black;
	clear: left;
}

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


div.prescricaocontent {
	margin: 0 0 0 148px;
}


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

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

div.formcontent {
	margin: 0 0 5px 131px;
}



#prescricaowrap {
	margin: 8px 0 8px 150px;
	border: 3px dotted green;
}

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

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

p.prescricao_single_title {
	font-weight: bold;
	color: #999;
	border-bottom: 1px solid #FFF;
	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;
}



div.cid10resultcontent {
	margin: 0 0 5px 132px;
	padding: 9px 2px;
}

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

.nomargin {
	margin: 0;
	padding: 0;
}


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;
}




div.buttons_lr {
	
}

div.buttons_r {
	float: right;
	text-align: right;
	width: 200px;
}

/* ///////////////   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:left;
	padding: 0px 5px;
}

.prontoario td.label {
	width: 80%;
	text-align: left;
	padding: 0px 5px;
}



.prontoario td.info {
	text-align: right;
}

.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:20%;
}
input.kleiner {
	width:50%;
}
input.largedesc {
	width:90%;
}

input.price {
	text-align: right;
}

input.quantidade {
	text-align: right;
}

textarea.inputnarrowhigh {
	width:90%;
	height:65px;
}

/* ///////////////   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;
}

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



td.price {
	text-align: right;
}


td.number {
	text-align: right;
}


td.bool {
	text-align: center;
	width: 50px;
}

td.money {
	text-align: right;
}

td.soma {
	text-align: right;
	font-weight: bold;
}




ul.agendalist {
	margin: 0px 0 5px 0;
	padding: 0;
}

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

ul.agendalist.bloquinhos li a {
	padding: 10px 20px;
}


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

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


span.marca_id_span {
	display: none;
}

a.camou.whatslink {
	border: 1px solid #999;
	padding: 10px 24px 10px 5px;
	display: inline-block;
	margin: 2px 0;
	border-radius: 5px;
	background: #FFF url('myicons/16_whatsapp_padding24x16.png') no-repeat  right center;
}

a.camou.nowhats {
	border: 1px solid #999;
	padding: 10px 5px;
	display: inline-block;
}


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

ul.agendalist li a {
display: block;
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;
}


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.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 div.liberadocolour {
	padding: 5px 10px;
	margin: 2px 2px;
	display: inline-block;
	text-align: right;
    top: 0;
    left: 0;
    width: 200px; /* Cover full width of the <td> */
    height: 100%; /* Cover full height of the <td> */
    justify-content: right; /* Horizontally center the content */
    box-sizing: border-box; /* Includes padding and border in the width/height */
}


.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;
}

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

.exportbuttonbox {
	margin-top: 10px;
	padding-top: 5px;
	border-top: 1px dotted #333;
}

/* ///////////////   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;
	}




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));
}


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

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

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

.uploadfotos_docwrap img.uploadphoto {
	width: 100%;
	height: auto;
}

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


.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%;
}



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);
}


/* Force table to not be like tables anymore */
table.tablelist, 
	table.tablelist thead, 
	table.tablelist tbody, 
	table.tablelist th, 
	table.tablelist td, 
	table.tablelist tr { 
	display: block; 
}

/* Hide table headers (but not display: none;, for accessibility) */
thead tr, tr.tableheader { 
	position: absolute;
	top: -9999px;
	left: -9999px;
}

tr { border: 1px solid #ccc; }


td { 
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #ddd; 
	ssborder-left: 1px solid #ddd; 
	sposition: relative;
	sswhite-space: nowrap;
	min-height: 19px;
}

td.mobiledesc { 
	/* Now like a table header */
	display: block;
	float:none;	/* Top/left values mimic padding */
	swidth: 30%; 
	padding-left: 3px; 
	padding-right: 10px; 
	white-space: nowrap;
	ssbackground-color: yellow;
	text-align: left;
	border: none;
	color: #AAA;
}


table.agenda td {
	font-size: 18px;
}


.mobilehide {
	display: none;
}


/*


____    __    ____  __    __       ___   .___________.    _______.     ___      .______   .______   
\   \  /  \  /   / |  |  |  |     /   \  |           |   /       |    /   \     |   _  \  |   _  \  
 \   \/    \/   /  |  |__|  |    /  ^  \ `---|  |----`  |   (----`   /  ^  \    |  |_)  | |  |_)  | 
  \            /   |   __   |   /  /_\  \    |  |        \   \      /  /_\  \   |   ___/  |   ___/  
   \    /\    /    |  |  |  |  /  _____  \   |  |    .----)   |    /  _____  \  |  |      |  |      
    \__/  \__/     |__|  |__| /__/     \__\  |__|    |_______/    /__/     \__\ | _|      | _|      
                                                                                                    
  **** */

.backuser {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 20px;
	padding: 10px;
	overflow: hidden;
	background-color: #114411;
	color: white;
}

.backuser a {
	color: white;
	padding: 3px 10px;
	border-radius: 4px;
	border: 1px solid white;
	text-decoration: none;
}





.messagebox {
	width: auto;
	font-size: 0.8em;
}

.messagewrapper {
	display: grid;
	grid-gap: 0px;
	/*
	align-items: center;
   justify-items: center;
	*/
	grid-template-columns: 50px auto 50px;
	grid-template-rows: auto;
	background-color: #9FF;
	border-bottom: 1px solid #EEE;
	color: #111;
	margin-bottom: 2px;
	cursor: pointer;
}



.messagelayout {
	background-color: #FFF;
	color: #111;
	padding: 3px;
	font-size: 100%;
}

.messagelayout.emoji {
	padding: 20px 3px 3px;
	font-size: 300%;
}


.button_user {
	grid-column: 1;
	grid-row: 1 / 3;
	text-align: center;
}

.button_user div.userbutton {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 25px;
    color: #fff;
	vertical-align: middle; 
	display: table-cell;
    text-align: center;
    background-color: #22D;
}


.nome_user {
	font-weight: bold;
	grid-column-start: 2;
	grid-row: 1;
}

.messagewrapper .text {
	grid-column-start: 2 ;
	grid-row: 2 ;
	color: #666;
}

.messagewrapper .textmessage {
	/*
	overflow: hidden;
	width: 100%;
	height: 15px;
	*/
}

.messagewrapper .hour {
	grid-column-start: 3 ;
	grid-row: 1;
	text-align: right;
	color: #666;
	font-size: 100%;
	
}
.messagewrapper .button_new {
	grid-column-start: 3 ;
	grid-row: 2;
	padding: 0px 2px 0 22px;
}

.button_new div.newbutton {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    font-size: 12px;
    color: #fff;
	vertical-align: middle; 
	display: table-cell;
    text-align: center;
    background-color: #1C1;
}





.otheruserwrapper {
	float: left;
	max-width: 90%;
	display: inline-block;
	background-color: #FFF;
	border: 1px solid #999;
	border-radius: 5px;
	color: #111;
	margin-bottom: 2px;	
	text-align: left;
}


.otheruserwrapper .messagelayout {
	background-color: transparent;
}

.otheruserwrapper .messagelayout span.hour {
	color: #AAA;
	font-size: 10px;
}


.myuserwrapper {
	float: right;
	max-width: 90%;
	display: inline-block;
	background-color: #FF9;
	border: 1px solid #999;
	border-radius: 5px;
	color: #111;
	margin-bottom: 2px;	
	text-align: left;
}

.myuserwrapper p {
	margin: 0;
	padding: 0;
	line-height: 16px;
}

.myuserwrapper p.hour_setas {
	text-align: right;
}


.myuserwrapper .messagelayout {
	background-color: transparent;
	
}

.myuserwrapper .messagelayout span.hour {
	color: #AAA;
	font-size: 10px;
}

.myuserwrapper .messagelayout span.setas {
	color: #BBB;
	font-size: 10px;
}
.myuserwrapper .messagelayout span.setas.read {
	color: #33F;
	font-size: 10px
}


.messageinputlinewrapper {
	display: grid;
	grid-gap: 8px;
	grid-template-columns:  auto 80px;
	grid-template-rows: auto;
	color: #FFF;
}

.inputlayout {	color: #111;
	padding: 3px;
	font-size: 100%;
}

.inputline {
	grid-column: 1;
	grid-row: 1;
	text-align: left;
}

.sendbutton {
	grid-column: 2;
	grid-row: 1;
	font-weight: bold;
}


.sendchat {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30px;
	padding: 6px 8px;
	overflow: hidden;
	background-color: #114411;
	color: white;
}


.sendchat a {
	width: 30px;
	display: block;
	color: white;
	padding: 2px 12px;
	border-radius: 4px;
	border: 1px solid white;
	text-decoration: none;
}


.sendchat input {
	width: 100%;
}


#mobilemenuopener_wrap {
	float: left;
	width: 100px;
}

.chatbuttonstart {
	float: left;
	width: 40px;
}

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



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

#floatingchatwindow {
	display: none;
}



/*
Label the data

td:nth-of-type(1):before { content: "xx"; }
td:nth-of-type(2):before { content: "Paciente"; }
td:nth-of-type(3):before { content: "Fone"; }
td:nth-of-type(4):before { content: "Motivo"; }
td:nth-of-type(5):before { content: "Resolvido ?"; }
td:nth-of-type(6):before { content: "Ação"; }
td:nth-of-type(7):before { content: "Date of Birth"; }
td:nth-of-type(8):before { content: "Dream Vacation City"; }
td:nth-of-type(9):before { content: "GPA"; }
td:nth-of-type(10):before { content: "Arbitrary Data"; }
*/

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


div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(./images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(./images/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(./images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(./images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(./images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(./images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(./images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(./images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(./images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(./images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(./images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url(./images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(./images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(./images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(./images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(./images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(./images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(./images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(./images/prettyPhoto/default/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(./images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(./images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_next:hover{background:url(./images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(./images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(./images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(./images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(./images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(./images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{width:75px;height:22px;background:url(./images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_rounded .pp_nav .pp_play{background:url(./images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(./images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(./images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(./images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(./images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(./images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(./images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(./images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(./images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(./images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(./images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(./images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(./images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(./images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(./images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(./images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{width:75px;height:22px;background:url(./images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_rounded .pp_description{margin-right:85px;color:#fff}
div.dark_rounded .pp_nav .pp_play{background:url(./images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(./images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(./images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(./images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(./images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(./images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(./images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(./images/prettyPhoto/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(./images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(./images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(./images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(./images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{width:75px;height:22px;background:url(./images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(./images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(./images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(./images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(./images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(./images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(./images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(./images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(./images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(./images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(./images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{width:75px;height:22px;background:url(./images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_square .pp_nav .pp_play{background:url(./images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(./images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(./images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(./images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(./images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(./images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(./images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(./images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(./images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(./images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(./images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(./images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(./images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(./images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(./images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{width:22px;height:22px;background:url(./images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(./images/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(./images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(./images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(./images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(./images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(./images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(./images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(./images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(./images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(./images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(./images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(./images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(./images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(./images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(./images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}




#maincompact {
	margin: 0;
}


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


div.daywrap {
	padding: 0px;
	font-size: 1.4em;
	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: 14px; /* 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.8em;
	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 */
}


span.days3weeks_year {
	display: none;
}

table td.agendatime {
	/* text-align: left; */
}

 

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

input.checkbox {
  width: 24px; /* Larger checkbox width */
  height: 24px; /* Larger checkbox height */
  margin: 3px; /* Adds spacing around the checkbox */
  cursor: pointer; /* Pointer cursor for better UX */
  accent-color: #2970A6; /* Modern browsers: Change checkbox color */
}

/* Optional: Hover effect for touch-friendly interaction */
input.checkbox:hover {
  outline: 2px solid #888; /* Subtle outline on hover */
  outline-offset: 2px; /* Space between the outline and the checkbox */
}




.agendaflowboxwrap {
	margin: 0 0 50px;
}

.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 */

	
}


.agendaflowbox {
	box-sizing: border-box;
	padding: 1px;
	border: 1px solid #999;
	border-top: none;
	margin: 0;

	
	
	/* 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 */
	
}


.agendaicons {
	padding: 2px;
	float: right;
	width: 120px;
	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;
}


.desktoponly.isnarrow {
	display: none;
}

.mobileonly.iswide {
	display: none;
}


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


@media screen and (min-width: 900px) {
/* */

	.switch_mobile_desktop {
		clear:both;
		padding: 5px 0;
		text-align: center;
	}
	
	.switch_mobile_desktop a {
		padding: 10px 20px;
	}
	
	.desktoponly.isnarrow {
		display: none;
	}

	.mobileonly.iswide {
		display: block;
	}




}