body{
font-family: 'Lato', sans-serif;
  background: #e9f1f4;
 }
 .al-centro{
	 text-align: center;
 }
ul{
    list-style-type: none;
}

li a, .bottone-enorme{
display: inline-block;
float:left;
 outline: none;
 cursor: pointer;
 text-align: center;
 text-decoration: none;
 padding: 10px 20px;
margin-left:8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
margin-bottom:10px;
}
#terapisti li a{
background: #0095cd;
color: #fff; 
margin-bottom:50PX;
}
#sedute li a{
color: #fff;

}
.bottone-enorme{
float:none;
 background: purple;
color: #fff;
font-size:40px;
}

a:hover{
opacity:0.8;
}
#sedute{
	  clear:both;
	  width:100%;
	  margin:auto;
	  text-align:center;
	  position:fixed;
	  bottom:0;
	  }
#terapisti{
	  width:100%;
	  margin:auto;
	  text-align:center;
	  padding-bottom:20px;
	  position:relative;
	  top:0;
	  }
#contenuto{
padding:20px;
clear:both;
margin:auto;
height:auto;
text-align:center;}

form { 
/*max-width:420px; */
margin:50px auto; }

.feedback-input {
  color:#337ab7;
  font-family: Helvetica, Arial, sans-serif;
  font-weight:500;
  font-size: 18px;
  border-radius: 5px;
  line-height: 22px;
  background-color: transparent;
  border:2px solid #337ab7;
  transition: all 0.3s;
  padding: 13px;
  margin-bottom: 15px;
  width:100%;
  box-sizing: border-box;
  outline:0;
}

.feedback-input:focus { border:2px solid #ccc; }

textarea {
  height: 150px;
  line-height: 150%;
  resize:vertical;
}

/*[type="submit"] { */
.pulsantone {
  /* font-family: 'Montserrat', Arial, Helvetica, sans-serif;*/
  width: 100%;
  background:#337ab7;
  border-radius:5px;
  border:0;
  cursor:pointer;
  color:white;
  font-size:24px;
  padding-top:10px;
  padding-bottom:10px;
  transition: all 0.3s;
  margin-top:-4px;
  font-weight:300;
}
.pulsantone:hover { background:#CC4949; }

.pulsantino {
 /* font-family: 'Montserrat', Arial, Helvetica, sans-serif;*/
  width: 50%;
  background:#5cb85c; /*EX006666*/
  border-radius:5px;
  border:0;
  cursor:pointer;
  color:white;
  font-size:14px;
  transition: all 0.3s;
  font-weight:300;
  padding: 5px;
}
.pulsantino:hover { background:#CC4949; }


.ui-autocomplete, .ui-autocomplete .ui-menu-item, .ui-autocomplete .ui-menu-item a {
  background:none;
  border: none;
  display: inline-table;
  margin: inherit;
  border-radius: 3px;
}
.ui-autocomplete {
  background:#f2f5f6;
}
.ui-autocomplete .ui-menu-item {
  background:#f2f5f6;
  display: inline-table;
}
.ui-autocomplete .ui-menu-item:hover {
  background:#f0ad4e;
  background-image: none;
  margin: inherit;
}
.titolo{
	color: #337ab7;
	font-size: 20px;
	text-align: center;
	padding: 5px;
}
.titolorosso{
  color: red;
  font-size: 20px;
  padding: 5px;
}
/* ////////////////////////////////////  calendario ////////////////////////// */
.calendario{
	margin: auto;
    width: 100%;
}
.calendario th{
	margin: auto;
	text-align: center;
    width: 100%;
    color: #8c8c8c;
}
.calendario tr td, .calendario tr th{
	border-bottom: #dfdfdf 1px solid;
	border-right: #948c8c 1px solid;
	padding: 3px;
	width: 10%;
}
input[type="checkbox"], input[type="radio"] {    
	margin: auto;
	opacity: 0.8;
	}
.btn-group-xs > .btn, .btn-xs {
    width: 99%;
}
.btn-xs-leggenda{
	/*margin-bottom: 20px;*/
	padding: 0px 4px 0px 4px;
	/*text-transform: lowercase;*/
	border: none;
	font-size: small;
}
/*th .btn-group-xs > .btn, .btn-xs {
	width: auto;
	}*/
.calendario .numero{
	font-size: 30px;
	color: #a5a1a1;
	overflow: hidden;
	margin: auto;
	text-align: center;
}
.box1{ background-color:none;
height: 30px;}
.box2{ background-color:#e4e7e8}
.box3{ background-color:#d7dadb}

.scrittina {
    font-size: 9px;
    font-weight: bold;
    color: white;
}
.datainalto {
    text-align: top;
    margin-top: -20px;
}
.spostainbasso {
   margin-top: 6px;
}


#contentconmenu {
 /*   position:relative;*/
}

#leggenda {
    /*position: absolute;
    width: 6%;
    height: 100%;
    top: 16%;
    display: none;*/
    position:absolute;
 top:200px;
 left:40px;
 width:200px;
 display: none;
}

#note {
    font-size: 16px;
    color: red;
    font-weight: bold;
}
.centrato {
    text-align: center;
}

#datiperstampa {
   display : none;
}

 @media print
  {
    .non-printable { display: none; }
    .printable { display: block; }
    #datiperstampa { display: block; }
  }

/*
se voglio fare il now metto nel td

border-bottom: 2px solid red*/

#leggenda.nonprintable table{
	background-color: #e9f1f4;
}

/* //////////////// NUOVO STYLE CALENDARIO DOTTORI CLAUDIO 06-04-2017 //////////////////// */
html body div.container div#contentconmenu div.row div.col-md-3 div.bootstrap-table div.fixed-table-container div.fixed-table-body table#dottori.non-printable.table.table-hover.table-striped tbody tr td button.btn.btn-info.btn-xs.selectdottore,
html body div.container div#contentconmenu div.row div.col-md-3 div.bootstrap-table div.fixed-table-container div.fixed-table-body table#dottori.non-printable.table.table-hover.table-striped tbody tr td button.btn.btn-info.btn-xs.disponibilitadottore{
	background-color: #337ab7;
    border-color: #2e6da4;
    color: #fff;
    height:35px;
    min-width: 30px;
}
html body div.container div#contentconmenu div.row div.col-md-3 div.bootstrap-table div.fixed-table-container div.fixed-table-body table#dottori.non-printable.table.table-hover.table-striped tbody tr td button.btn.btn-xs.selectdottore.btn-success{
	height:35px;
}
html body div.container div#contentconmenu div.row div.col-md-3 div#calendariodottori.non-printable.hasDatepicker div.ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table.ui-datepicker-calendar tbody tr td.undefined a.ui-state-default{
	background-color: #5cb85c;
	text-align: center;
}
html body div.container div#contentconmenu div.row div.col-md-3 div#calendariodottori.non-printable.hasDatepicker div.ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table.ui-datepicker-calendar tbody tr td.ui-datepicker-days-cell-over.undefined.ui-datepicker-current-day.ui-datepicker-today a.ui-state-default.ui-state-highlight.ui-state-active{
	color: #fff;
}

html body div.container div#contentconmenu div.row div.col-md-9 div.bootstrap-table div.fixed-table-container div.fixed-table-body table#prenotazioni.table.table-hover.table-striped tbody tr td button.btn.btn-info.btn-xs.bottonemodifica.bottoneazione{
	background-color: #337ab7;
    border-color: #2e6da4;
    color: #fff;
    height:25px;
}
html body div.container div#contentconmenu div.row div.col-md-3 div#calendariodottori.non-printable.hasDatepicker div.ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table.ui-datepicker-calendar tbody tr td.undefined.ui-datepicker-current-day a.ui-state-default.ui-state-active{
	background-color: #337ab7;
    border-color: #2e6da4;	
}

html body div.container div#contentconmenu div.row div.col-md-3 table#tabellanote{
	width: 100%;
}

	html body div.container div#contentconmenu div.row div.col-md-9 div.bootstrap-table div.fixed-table-container div.fixed-table-body table#prenotazioni.table.table-hover.table-striped tbody tr td.fisso button.btn.btn-info.btn-xs.bottonemodifica.bottoneazione {
	clear: both;
	white-space: none;
	text-align: left;
	font-weight: 150;
}


/* //////////////// FINE NUOVO STYLE CALENDARIO DOTTORI  //////////////////// */


.ninja_mode{
	display:none;
}