div.tt-menu {
    border: 2px solid #00395f;
    background-color: #faffff;
    padding: 3px;
}
div.tt-suggestion {
    color: #333333;
}
.tt-highlight {
    color: #304212;
}
table.table_suggestion{

    margin-bottom: 0px;
}
table.table_suggestion td  {
 text-align: left;
}
table.table_suggestion td a {
    color: black;
}

a.boto {
    background-color: #9AA2A9;
    color: white !important;
    padding: 5px 8px;
    font-weight: bold;
    border-radius: 7px;
}

 .ui-widgdet-content .ui-state-default {
    background: #8d8d8d;
    font-weight: bold;
    color: white;
}
span.ui-dialog-title{
    color: white;
}
div.ui-dialog-titlebar{
    background-color: #0071C5;
}
body{
    background-color: #fff;
    font:9pt Helvetica, Arial, Tahoma, sans-serif;
}

#content_wrapper{
    width: 100%;
}

.box{
    margin: 0 1%; color: #333333; float:left;
}
.rightmenu{
    width: 20%;
}
.maincontent_withoutmenu{
    width: 98%; 
}
span.clock{
    background-image: url(/static/images/clock-icon.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
}

span.clock a {
    color:#0071C5;
    text-decoration: none;
}
span.clock a:hover {
    color: #999;
    text-decoration: underline;
}
span.clock-red{
    background-image: url(/static/images/clock-icon-red.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
}
span.sms-alert{
    background-image: url(/static/images/icon-sms.gif);
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-top: 2px;
    padding-bottom: 2px;

}
.clock-red a {
	color: #0071C5;
	text-decoration: none;
}
.clock-red a:hover {
	color: #999;
	text-decoration: underline;
}

.odd a {
	color:#0071C5;
	text-decoration: none;
}
.odd a:hover {
	color:#999;
	text-decoration: underline;
}
#llistat_factures td a {
	color: #0071C5;
	text-decoration: none;	
}
#llistat_factures td a:hover {
	color: #999;
	text-decoration: underline;	
}
#bloc_busqueda{
    text-align: right;
}
#link_busqueda{
    text-align: right;
}
tr.activar_repetir{
    display: none;
}
table.centrada tr td{
    text-align: center;
}
table.dades td{
    vertical-align: middle;
    text-align: center;
    padding: 7px;
}
.box h4{
	padding: 10px;
	margin:0;
	color: white;
	background-color: #0071C5;
	font-size: 110%;
	font-weight: normal;
}
h4.login{
	background-repeat: no-repeat;
	background-position: 0px;
	padding-left: 0px;
	color: #0072C9;
}

.box .content{
	background-color: white;
	padding: 8px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #9c9b9b;
	border-bottom-color: #9c9b9b;
	border-left-color: #9c9b9b;
}
/*
#top{
    min-height: 90px;
    background-color: #ffffff; 
    color: #333333;
    padding: 10px;


}
#top a{
    text-decoration: none;
    color: #0072C9;
}*/

#footer{
    float: left;
    height: 50px;
    vertical-align: text-bottom;
    text-align: center;
    width: 100%;
}

#logo{
    font-size: 120%;
    font-weight: bold;
    float: left;
    margin-top: 35px;
    margin-bottom: 10px;
/*
    background-image: url('../images/salucenter.png');
    background-repeat: no-repeat;
*/
}
#userbox{
    float: right;
    text-align: right;
}

#busqueda{
    color: gray;
}
a{
    text-decoration: none;
}
a, a:visited{
    color: blue;
}
a.pdf{
	background-image: url('../images/pdf.png');
	background-repeat: no-repeat;
	color: #999999;
    padding-bottom: 17px;
    padding-left: 21px;
    padding-top: 3px;
    text-decoration: none;
}
a.pdf:hover{
	color:#333;
	text-decoration: underline;
}

/* Icones */
a.gravar {
	background: url('../images/gravar.png') no-repeat scroll left center transparent;
	padding: 5px 5px 5px 30px;
	font-size: 15px;
	font-weight: bold;
	color:#333;
	text-decoration: none;
}
a.report{
 background: url('../images/report.png') no-repeat scroll left center transparent;
 padding: 5px 5px 5px 30px;
 font-size: 15px;
 font-weight: bold;
 color:#333;
 text-decoration: none;
    
}
a.factura {
 background: url('../images/factura.png') no-repeat scroll left center transparent;
 padding: 5px 5px 5px 30px;
 font-size: 15px;
 font-weight: bold;
 color:#333;
 text-decoration: none;
}
a.editar {
 background: url('../images/editar.png') no-repeat scroll left center transparent;
 padding: 5px 5px 5px 30px;
 font-size: 15px;
 font-weight: bold;
 color:#333;
 text-decoration: none;
}
a.visita_canvas_ple {
    background: url('../images/eye_green.png') no-repeat scroll left center transparent;
    padding: 5px 0px 5px 33px;
    font-size: 15px;
    font-weight: bold;
    color:#333;
    text-decoration: none;
}
a.visita_canvas_buit {
    background: url('../images/eye_grey.png') no-repeat scroll left center transparent;
    padding: 5px 0px 5px 33px;
    font-size: 15px;
    font-weight: bold;
    color:#333;
    text-decoration: none;
}
a.tablet{
    background: url('../images/glyphicons/glyphicons-163-ipad.png') no-repeat scroll left center transparent;
    padding: 5px 5px 5px 30px;
    font-size: 15px;
    font-weight: bold;
    color:#333;
    text-decoration: none;

}
a.eliminar {
 background: url('../images/eliminar.png') no-repeat scroll left center transparent;
 padding: 5px 5px 5px 30px;
 font-size: 15px;
 font-weight: bold;
 color:#333;
 text-decoration: none;
}
a.cancelar {
 background: url('../images/cancelar.png') no-repeat scroll left center transparent;
 padding: 5px 5px 5px 30px;
 font-size: 15px;
 font-weight: bold;
 color:#333;
 text-decoration: none;
}
ul.report_etiquetes{
    list-style:  disc;
}
ul.report_etiquetes li{
    padding-bottom: 3px;
}
/* Pagination */


.pagination {
    margin: 1px 0px; padding: 0px;  list-style: none;
    display: block;
    clear: both;
    border-top: 1px solid #eee;
    padding: 8px 0px 0px;
}
.pagination ul { margin-left:0 }
.pagination li { display: inline; margin: 5px; }
.pagination li a {
    color: #aaa;
    border: 1px solid #eee;
    padding: 3px 5px;
}

ol.menu_informes li{
    margin-bottom: 5px;
}
ol.menu_informes li a{
	color:#0071C5;
    padding: 2px;
    text-decoration: none;
}
ol.menu_informes li a.actiu, ol.menu_informes li a:hover{
    background-color: #00395f;
    color: white;
}

ol.pdtnav{
        width:575px;
    height:31px;
    float:left;
    list-style: none;
}


ol.pdtnav li{
margin:0; padding:0;
font-size:11px;
list-style:none;
}
ol.pdtnav a{
border:solid 1px #ddd;
  color: #159dcc;
margin-right:2px;
}

ol.pdtnav .seguent a,
ol.pdtnav .anterior a {
font-weight:bold;
border:solid 1px #FFFFFF;
}
ol.pdtnav .actual{
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
ol.pdtnav a:link,
ol.pdtnav a:visited {
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
ol.pdtnav a:hover{
border:solid 1px #9C9893;
}


/* Taules i formularis */
span.cell_tractament{
    display: inline-block;
    background-color:  #5ea4d7;
    padding: 3px;
    color: white;
    margin-top: 3px;
}
table.taula_tractaments td{
    padding-left: 3px;
}
table {
    width: 100%;
}
th {border-left: 1px solid #0072C9;
    border-right: 1px solid #0072C9;
    background-color: #0072C9;
    color: #fff;
   /* text-shadow: gray 0 1px 0;*/
}

th a {
	color:#FFF
}
table.centrada td{
    
    text-align: center;
}
ul.actions {margin: 0;}
ul.actions li {display: inline; margin: 0 5px 0 0;padding:0}

ol, ul{
    list-style: none;

}
ol.decorat li{
    border-bottom: 1px solid #dfdfdf; 

}
ol.extracurt label{
    width: 20%; /* Width of labels */
}

ol.curt label{
    width: 150px; /* Width of labels */
}
ol.ample label{
    width: 40%; /* Width of labels */

}
ol.curt span{
    padding-top:4px;
    display: inline-block;
    line-height: 1.8;
    vertical-align: top;

}
 label{
    padding-top:4px;
    display: inline-block;
    line-height: 1.8;
    font-weight: bold;
    vertical-align: top;
}
#llistat_notes li{
    margin-left: 15px;
}
input.datepicker[type="text"]{
    width: 80px;
}
#afegir_historial{
    padding-top: 10px;
}
#afegir_historial input[type="text"] {
   width: 100px;
}
input.tiny[type="text"]{
    width: 20%;
}
form input.small{
    width: 40%px;
}
form input.medium{
    width: 50%px;
}
form input[type="text"]{
    width: auto;
}
form input.wide{
    width: 100%;
}
td input[type="text"]{
    width: 80%
}


input[type=text],
input[type=password],
textarea {
    border: 1px solid #aaa;
    margin: 2px 0px;
/*    width: 80%;*/
}
.error{
    color: #990000
}
fieldset {
    border: 1px solid #aaa;
    padding: 14px;
}
fieldset legend{
    font-size: 120%;
    font-weight: bold;
}
a.button {display:inline-block; background:url('../images/button-left.gif') no-repeat; 
          text-decoration:none; height:21px; padding:0 0 0 15px;
          color:#fff!important;
	    font-weight:bold;
          font-size:9pt;
          margin-bottom: 9px;
}
a.button span {display:block; background:url('../images/button-right.gif') no-repeat right; padding:0 15px 0 0; line-height:21px;}
a.button_active {display:inline-block; background:url('../images/button-left-active.gif') no-repeat; 
          text-decoration:none; height:21px; padding:0 0 0 15px;
          color:#fff; font-weight:bold;
          font-size:9pt;
          margin-bottom: 9px;
}
a.button_active span {display:block; background:url('../images/button-right-active.gif') no-repeat right; padding:0 15px 0 0; line-height:21px;}
a.view {
    background:url("../images/icon-view.png") no-repeat scroll 0 0 transparent;
    padding-left: 20px;
    margin-right: 10px;
    text-decoration: none;
}
a.stamp {
    background:url("../images/icon-stamp.png") no-repeat scroll 0 0 transparent;
    padding-left: 20px;
    margin-right: 10px;
    text-decoration: none;
}
a.edit {
	background:url("../images/icon-edit.png") no-repeat scroll 0 0 transparent;
	padding-left: 20px;
	margin-right: 10px;
	text-decoration: none;
	color: #666666;
	padding-bottom: 10px;
}
a.print {
    background:url("../images/icon-print.png") no-repeat scroll 0 0 transparent;
    padding-left: 28px;
    margin-right: 10px;
    text-decoration: none;
    color: #666666;
    padding-bottom: 10px;
}
a.delete {
    background:url("../images/icon-delete.png") no-repeat scroll 0 0 transparent;
    padding-left: 20px;
    margin-right: 10px;
    text-decoration: none;
    color: #666666;
    padding-bottom: 10px;
}

table tr.odd{
    background:url('../images/bg_tableRow.gif') repeat-x 0px 1px;
}
table td{
    border-top:1px solid #dfdfdf;
    padding: 5px 0;
}

/* Salucenter */

.pacient_tab{
    
    min-height: 600px;
}
.nomusuari_F {
padding-left: 25px;
background: url(../images/dona.png) left no-repeat;
}

.nomusuari_M {
padding-left: 25px;
background:url(../images/home.png) left no-repeat;
}

#menu_lletres
{
/*margin: 0px 20px 20px 0 ;*/
/*padding: 0 20px 0 0;*/
list-style-type: none;
border-right: 1px dotted #ccc;
/* float: left; */
}

#menu_lletres a
{
color: #0071C5;
display: block;
padding: 0px;
width: 20px;
padding-right: 5px;
border-bottom: 1px solid #eee;
text-align: center;
}

#menu_lletres a:link, #navlist a:visited
{
color: #0071C5;
text-decoration: none;
}

#menu_lletres a:hover
{
background-color: #369;
color: #fff;
}

#menu_lletres a.actual {
background-color: #5EA4D7;
color: white;
}

#bloc_contingut {
   display: inline-table;
   width: 90%;
   margin-left: 10px;
}

#llistat_pacients td, #llistat_pacients th, #llistat_pacients td {
padding: 5px 10px;
text-align:left;
vertical-align: middle;
}

#llistat_pacients th a {
	color: #FFF;
}
#llistat_factures td{
    text-align: center;
}
/*links */
/*
a:link, a:visited {
	color: #fff;
	text-decoration: none;	
}*/
a.clickable:link, a.clickable:visited, a.clickable:active {
	color: #5EA4D7;
	text-decoration: underline;
}
#llistat_pacients a {
	/*	color: #5EA4D7; */
	color: #0071C5;
	text-decoration: none;
	/*font-weight: bold;*/
}
#llistat_pacients a:hover {
/*	color: #5EA4D7; */
	color: #666;
	text-decoration: underline;
}

.mes_icon{
    background-image: url('../images/plus_16.png');
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-bottom: 10px;
}
/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }


/* Autocomplete */
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/*
	if width will be 100% horizontal scrollbar will apear
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/*
	it is very important, if line-height not setted or setted
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

/* canvas */


canvas {
	background-color: #ffffff;
	border: 1px solid #888;/*#9C9898;*/
	margin: 0px;
}

#container {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
	position: relative;
}

.loading {
	text-align: center;
	width: 100%;
	padding: 100px 0;
	background-color: #fbd3fb;
	font-size: 30px;
	color: #2904b1;
}

#ctrl { 
	background-color: #eee;
	width:500px;
	height:45px;
        margin-top: 10px;
        padding-top: 5px;
	border-left: 1px solid #888;
	border-right: 1px solid #888;
	border-top: 1px solid #888;
}

#ctrl-inner { padding: 8px 10px 0px 0px; }
#ctrl-inner div { margin-left: 10px; display: inline-block; }

#status {
	background-color: #eee;
	width:480px;/* final width depends on padding! */
	/*height:40px;*/
	margin:3px auto;
	padding: 2px 10px;

	font-size: 13px;
	font-family: Verdana;
	color: #888;

	border: 1px solid #888;
}

.btn-class {
	width: 100px;
	height: 30px;
	margin: 10px 8px;
	display: inline-block;
	background-color: #62b770;
	border: 2px solid #206a2c;
	color: #185923;
	font-size: 24px;
	font-family: Arial;
	font-weight: bold;
	text-align: center;
	cursor: pointer;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.btn-class:hover { background-color: #358b43; color: #0e3915; }




.anno-modal-dlg { display:none; margin:5px; padding:0; }
.balloon-close img { position: absolute; right:-7px; top:-7px; cursor:pointer; }


/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:160px; width:330px; color:#bbb; background-color:#fff; border:4px solid #bbb; padding:8px; border-radius: 8px; }
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
/*#simplemodal-container a {color:#ddd;}*/
#simplemodal-container a.modalCloseImg {background:url(images/ui/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}

.anno-txt {
	padding: 0;
	margin: 5px 0 0 0;
	border: 0;
	outline: 1px solid grey;
	width: 100%;/*300px;*/
	height: 60px;
	font-size: 12px;
/*	position: fixed;*/
}


/* ------------------------- jQuery.blockUI style ----------------------------------- */
div.blockMsg {
	width: 300px;
	top: 200px;
	left: 50%;
	margin-left: -150px;

	font: 17px "Helvetica Neue", Helvetica, Arial, sans-serif;

	text-align: center;
	background-color: #333;
	border: 1px solid #ddd;
	border-radius: 10px;
	opacity:.90;
	padding: 15px 0;
	color: #6ec1fb;
}
/* ------------------------------------------------------------------------------------ */
/* MENU LATERAL DRET */
#menu_dreta{
position: relative;
top: 0;
color:white;
float: right;
margin-top: -100px;
z-index: 1200;
width: 206px;
display: inline;
}
.menu-dret{
display:inline;
}
.menu-dret li{
display: inline;

}
.menu-dret li a{
 color:#eee;
text-decoration:none;
}
.menu-dret li a:hover{
 color:white;
 
}

.esperant {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

    color: red;
}

@-moz-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

/* ------------ MEDIA QUERIES ----------*/

@media screen and (min-width: 800px) {
    #bloc_busqueda{
    padding-top: 50px;
    }
    #menu_lletres{
        float: left;
    }
    #llista_visites{
        float: left;
    }
    .maincontent_withmenu{
      width: 76%;
    }
    #visita_editar{
        width: 500px;
        margin: 0;
    }

    
}
@media screen and (max-width: 800px) {
    #bloc_busqueda{
        display: none;
    }
    #menu_lletres  li {
        display: inline-table;
        width: 16%;
    }
    #llista_visites div.visita_editar{
        display: inline-table;
        width: 16%;
        
    }
    #visita_editar{
        width: 100%;
        margin: 0;
    }
    #menu_lletres  a {
        font-size: 120%;
    }
    .maincontent_withmenu{
      width: 98%;
    }
    .rightmenu{
        margin-top: 10px;
    }
}