@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);    
@import url(http://fonts.googleapis.com/css?family=Dancing+Script);       
@import url(http://fonts.googleapis.com/css?family=Roboto:400,700,500);

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
html{
  position: relative;
  min-height: 100%;
}  
body {
	padding: 0;
  margin: 0 0 20px; /* bottom = footer height */
}   
table {
	border-collapse:collapse;
	border-spacing:0;
}
table tr td{ 
  padding: 5px;  
  border:1px solid #CDD9E6; 
  letter-spacing:1px;
} 
.table{
	color:#233E85;
  width:100%;
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;   
}
table.no_border tr td{
  border:0; 
  padding: 7px 5px !important;
}
.status_consegna{
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
input[type=text],input[type=password]{        
  width:70%;
  height:23px;
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px;   
  border-radius: 4px;
  background: none repeat scroll 0% 0% #ffffff;
  font: normal 14px Arial, Helvetica, sans-serif; 
  padding:0px 7px 0 7px;  
} 

input[type=text].edit_elenco,input[type=text].new_elenco{
  width:100%;
  height:19px;
  display:inline-block;
  padding:0;  
  color: #233E85;
  font-family: "BebasNeueRegular","Arial Narrow",Arial,sans-serif;
  border: 1px solid #CDD9E6;
  padding: 0 0 0 3px;       
}
table tr td.edit_elenco{
  cursor:pointer;
  white-space:nowrap; 
}
table tr td.edit_elenco{
  letter-spacing:1px; 
}
table tr td.edit_elenco span.breve,table tr td.edit_elenco span.telefono{
  font: 700 14px 'Roboto',Arial, Helvetica, sans-serif; 
  letter-spacing:0px; 
}
input[type=submit],button{ 
  padding:0px 7px 0 7px;
  width: auto;
  height:24px;
  cursor: pointer;
  color: #CDD9E6;
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px;   
  border-radius: 4px;
  background: none repeat scroll 0% 0% #233E85;
  font: normal 14px "BebasNeueRegular",Arial, Helvetica, sans-serif; 
  border-color:transparent;   
  letter-spacing:1px;
}
input[type=submit]:hover,button:hover,input[type=submit].delete:hover,input[type=text].go_to:hover{ 
  background: none repeat scroll 0% 0% #F09420;
  color: #ffffff;
}
.salva_nota,input[type=submit].salva_nota{
  padding-top:1px;
  width: 90px;
}
.delete,input[type=submit].delete{
  float:right;
  background:#ffffff;
  border: 1px solid red;
  color: red; 
  padding-top:1px;
  width: 90px;
}
input[type=submit].delete:hover{
  color: #ffffff;
  background: none repeat scroll 0% 0% red;
  border:1px solid #ffffff;
}

.like_line,input[type=text].like_line,input[type=password].like_line {
  background: transparent;
  border: none;
  border: 0;
  -moz-border-radius: 0; 
  -webkit-border-radius: 0;   
  border-radius: 0;
  padding:0;
  height:auto;
  letter-spacing:1px;
  color:#F09420;
  cursor:pointer;  
  font: 700 14px 'Lato',Arial, Helvetica, sans-serif; 
}  

.go_to,input[type=text].go_to {
  padding:0px 7px 0 7px;
  width: 100px !important;
  height:24px;
  cursor: pointer;
  color: #CDD9E6;
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px;   
  border-radius: 4px;
  background: none repeat scroll 0% 0% #233E85;
  font: normal 14px "BebasNeueRegular",Arial, Helvetica, sans-serif; 
  border-color:transparent; 
  text-align:center;
  letter-spacing:1px;
}
 
textarea{
	width: 100%;
	min-height: 120px; 
	padding: 1%;
	outline: 0;
  outline: none;
  overflow-y: auto;
  border:1px solid #7F9DB9;
  color: #233E85;
  background: none repeat scroll 0% 0% #EBEBE4;
  font: normal 14px Arial, Helvetica, sans-serif; 
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px;   
  border-radius: 4px;
}
    
textarea.appunti_box{                                 
	height: 100%; 
  border:0 none;
	padding: 1%;
  background-image: url(../images/notebook.png);
  background-repeat: repeat-y;
  background-attachment: local; 
  font: normal 14px/25px Arial, Helvetica, sans-serif;   
}
textarea.info { 
  width: 100%;
  height: 370px;
  margin:0 auto;
  position: absolute;
  top: 0; 
  left: 0;
  text-align: left;  
  display:none;   
  border:0 none;
	padding: 1%;
  background-image: url(../images/nota.jpg);
  background-repeat: repeat-y;
  background-attachment: local; 
  font: normal 14px/25px Arial, Helvetica, sans-serif;  
  z-index:1000;
  overflow:hidden;
}
select{
  color:#F09420;
  font: 700 14px 'Lato',Arial, Helvetica, sans-serif; 
  padding:0px 6px 1px 3px;
}
select option{
  color: #233E85;
  font: normal 14px 'BebasNeueRegular',Arial, Helvetica, sans-serif; 
  padding:2px 0;
}
select option.disabled{
  color:#EBEBE4;
}
.myfont{
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
  font-size:16px;  
}
.validato{
  margin: 0px auto;
  text-align: center;
  padding: 20px;
  color:#233E85;
  font: 700 16px 'Lato',Arial,Helvetica,sans-serif;
  background: #ffffff;
  background: -moz-linear-gradient(left, #ffffff 0%,#F09420 50%, #ffffff 100%); 
  background: -webkit-linear-gradient(left, #ffffff 0%,#F09420 50%, #ffffff 100%); 
  background: -ms-linear-gradient(left, #ffffff 0%,#F09420 50%, #ffffff 100%); 
  background: linear-gradient(to right, #ffffff 0%,#F09420 50%, #ffffff 100%); 
}
.scale_img{
	width: 100%;
 	height: 100%;   
}  
.scale_img img{
  vertical-align: middle;   
	max-width: 100%;
 	max-height: 100%; 
  height:auto; 
  width:auto;  
}
.scale_img iframe{
	max-width: 100%;
 	max-height: 100%; 
}

fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
caption,th {
	text-align:left;
}
h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
h1 {
	font-size:140%;
	font-weight:bold;
  background: #008B75;	
  background: -moz-linear-gradient(left, #2B9D8B 0%,#E3E3E3 70%, #2B9D8B 100%); 
  background: -webkit-linear-gradient(left, #2B9D8B 0%,#E3E3E3 70%, #2B9D8B 100%); 
  background: -ms-linear-gradient(left, #2B9D8B 0%,#E3E3E3 70%, #2B9D8B 100%); 
  background: linear-gradient(to right, #2B9D8B 0%,#E3E3E3 70%, #2B9D8B 100%); 
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#2B9D8B', endColorstr='#E3E3E3',GradientType=1 )"; /* IE6-9 */    
}
.title_gradient{     
  text-align:left;
	font-weight:bold;
  background: #008B75;	
  background: -moz-linear-gradient(left, #E3E3E3 0%,#2B9D8B 70%); 
  background: -webkit-linear-gradient(left, #E3E3E3 0%,#2B9D8B 70%); 
  background: -ms-linear-gradient(left, #E3E3E3 0%,#2B9D8B 70%); 
  background: linear-gradient(to right, #E3E3E3 0%,#2B9D8B 70%); 
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#E3E3E3', endColorstr='#2B9D8B',GradientType=1 )"; /* IE6-9 */   
  padding:1px 0  0 3px;
  color:#2B9D8B;
}
.subtitle_gradient{     
  text-align:left;
	font-weight:bold;
  background: #008B75;	
  background: -moz-linear-gradient(left, #E3E3E3 0%,#2B9D8B 70%); 
  background: -webkit-linear-gradient(left, #E3E3E3 0%,#2B9D8B 70%); 
  background: -ms-linear-gradient(left, #E3E3E3 0%,#2B9D8B 70%); 
  background: linear-gradient(to right, #E3E3E3 0%,#2B9D8B 100%); 
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#E3E3E3', endColorstr='#2B9D8B',GradientType=1 )"; /* IE6-9 */   
  padding:1px 0  0 3px;
  color:#2B9D8B;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
section, header{
	display: block;
}
/* General Demo Style */
body{
	font-family: arial;
	font-weight: 400;
	font-size: 15px;
	color: #593741;
	overflow-y: scroll;
	background: #ffffff url(../images/bg.png) repeat top left;
}
a{
	text-decoration: none;
	color:inherit;
}
a:focus{
  outline:none;
}
.container{
	width: 100%;   
	position: relative;
	text-align: center; 
}
.main{
  max-width: 998px;
  height: 380px;
	text-align: justify;
	margin:10px auto;     
	padding:10px;
	font-size: 15px;
  background: #ffffff;	
  color:#233E85;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 2px solid #CDD9E6;
}    
.main  p{
  margin:0 auto 10px auto;
  line-height:21px;
}   
.crm_main{
	text-align: justify;
	margin:10px auto;     
	padding:10px;
	font-size: 15px;
  background: #ffffff;	
  color:#233E85;
}    
.crm_main  p{
  margin:0 auto 10px auto;
  line-height:21px;
}   

.clr{
	clear: both;
}
/* Header Style */
header{
	font-size:16px;
	z-index:2;
	font-family: Arial, sans-serif;
	margin:10px auto 5px auto;
	height:auto;	     
  background: transparent;	
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  max-width: 984px;
}       
header a{
	letter-spacing: 1px;
	color: #333333;
	display: inline-block;
  width: 50%;
}
header a:hover{
	color: #ffffff;
}
header div.right{
  float: right;
  color: #f4f4f4;	
  text-transform: uppercase;
	font-size:16px;
	padding:1px 0 0 0;
	font-family: Economica, Arial, sans-serif;
	letter-spacing:1px;
  width: 42%;
  text-align:right;
}
header div.right a{     
  color: #008B75;	
	font-family: Economica, Arial, sans-serif;
	margin-right:15px;
}
header div.right button{
  text-transform: none;
}
footer{ 
  position:relative;
  margin:0 auto;
	max-width: 984px;
	padding:10px 20px 30px 20px;
  height: 340px;
  text-align: center; 
  color: #ffffff;
  letter-spacing: 1px;
	font-size: 14px;
  margin-top:5px;     
  background: #CDD9E6;
	font-family: Economica, Arial, sans-serif;  
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;    
}

footer a { 
  color: #ffffff;
  text-decoration: none;
}
footer a:hover { 
  text-decoration: none;
}
footer span{
  display:inline-block;
}
div.separatore_orizzontale{
  content:"";                                
  height:2px;
  background: -moz-linear-gradient(left, #ffffff 0%,#CDD9E6 50%,#ffffff 100%); 
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(50%,#CDD9E6), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #ffffff 0%,#CDD9E6 50%,#ffffff 100%); 
  background: -ms-linear-gradient(left, #ffffff 0%,#CDD9E6 50%,#ffffff 100%); 
  background: linear-gradient(to right, #ffffff 0%,#CDD9E6 50%,#ffffff 100%); 
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#2B9D8B',GradientType=1 )"; /* IE6-9 */
  width:100%;
  display:block;   
}
#toTop {
  width: auto;
  background: transparent;
  text-align: center;
  position: fixed; /* this is the magic */
  bottom: 5px; /* together with this to put the div at the bottom*/
  right: 15px;
  cursor: pointer;
  display: none;
}
.inline_middle{
  display:inline;
  vertical-align: middle;
}

#no_ferie{
  float:right;
  font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
  color:red;
  margin-right: 33.5%;
  margin-top: 5px;
}

@keyframes blink { 50% { color: transparent; } }
@-webkit-keyframes blink { 50% { color: transparent; } }

.blink {
  -webkit-animation: blink 1s steps(1) infinite;
  -moz-animation: blink 1s steps(1) infinite;
  -ms-animation: blink 1s steps(1) infinite;
  -o-animation: blink 1s steps(1) infinite;
  animation: blink 1s steps(1) infinite;   
} 
.comunicazione{
  /*color:#233E85;
  margin-right:5px;*/
  padding: 10px 0 12px 3px;    
  color: #ffffff;
  margin-right:10px;    
  background: none repeat scroll 0% 0% #233E85;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: -4px 2px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    -4px 2px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow:         -4px 2px 5px 0px rgba(50, 50, 50, 0.75);
  font-family: Economica,Arial,sans-serif;
  text-transform: uppercase;
  /*
    padding: 8px 5px;
    color: #008B75;
    margin-right: 10px;
    font-family: Economica,Arial,sans-serif;
    text-transform: uppercase;
    border-radius: 8px;
    box-shadow: -5px 0px 4px -4px rgba(50, 50, 50, 0.75);
  */
}
.creatore{
  color: #F4F4F4;
  margin-left: 4px;
  font: 300 70% "Lato",Arial,Helvetica,sans-serif;
  text-decoration: underline;
  vertical-align: 1px;
}
.agenda{
  float: left;
  border-color:#CDD9E6;
  border-width: 1px;
  border-style: solid;
  background-color: #ffffff;
  width: 18.15%;
  height: 300px;
  overflow: auto;
  color:#233E85;
  margin-right:1.5%;
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
}
.agenda_nota{
  display:inline-block;
  width:100%;
  cursor:pointer;
}
.agenda_past{
	background: #ffffff url(../images/griglia.png) repeat top left;
}
.h_divide{
  display:inline-block;
  width:20px;
}
.h_divide_short{
  display:inline-block;
  width:10px;
}
.first{
  margin-left:1.4%;
}
.last{
  margin-right:0%;
}
.icon_service{
  width:25px;
  vertical-align: -27px;
  margin-bottom: 20px;
} 
.icon_info{
  width:14px;
  float:right;
  margin-top: 4px;
}
.icon_info_empty{
  opacity: .5; 
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";	
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
} 
 
span.text_service{
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
  font-size:14px;  
  letter-spacing:1px;
  width: 100%;
  display: inline-block;
}

.show_giorno{
  background-color:#233E85;
  color:#ffffff;
  margin-bottom:5px;   
  padding: 1px 0 0px 0;
}
.show_nota{
  font-size:12px;
  padding:0;
  margin:0;
}
.agenda_precedente{
  position: absolute;
  left: 1%;
  width: 15px;
  top: 175px;
}
.agenda_successiva{
  position: absolute;
  left: 98%;
  width: 15px;
  top: 175px;
}
.legenda{
  float: left;
  margin: 10px 10px 10px 1.4%;
}  
.mostra_personali{
  float: right;
  margin: 10px 1% 10px 10px;
  color:#233E85;
}
.red{color:red;}
.navy{color:navy;}
.gray{color:gray;}
.gray_italic{color:gray; font-style:italic;} 
.banner_chiusura_proprie {line-height: 175%; color:gray;display:inline-block;width:100%;cursor:pointer;}
.banner_chiusura_non_proprie {line-height: 175%; color:#233E85;}

.crm_content{
  position: relative;
  width:90%;
  margin-left:5%;
	text-align: justify;
  color:#233E85;
	padding:5px;
  z-index: 1;
  overflow-y:auto;      
  font: 400 14px 'Lato',Arial,Helvetica,sans-serif !important;
}   
.crm_content table{
  font: normal 14px Arial,Helvetica,sans-serif !important;
}
.cursor_pointer{
  cursor:pointer;
}
.box_content{
  position: relative;
  width:68%;
  height: 368px;
	text-align: justify;
  color:#233E85;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  float:right;  
	padding:5px;
  z-index: 1;
  overflow-y:auto;
  border:1px solid #CDD9E6;
}    

#appunti_arrow,#phone_box,#calendar_box,#qrcode_box,#pdf_optimizer_box,#procedure_box,#communication_box{
  display:none;
}
#appunti_arrow{
  display:none;
  position: relative;
  top: 53px;
  left: 0%;
  width: 0; 
	height: 0; 
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent; 
	border-left:25px solid #F09420; 
  z-index: 0;
  float: left;
} 
#phone_arrow{
  display:none;
  position: relative;
  top: 97px;
  left: 0%;
  width: 0; 
	height: 0; 
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent; 
	border-left:25px solid #F09420; 
  z-index: 0;
  float: left;
} 
#calendar_arrow{
  display:none;
  position: relative;
  top: 143px;
  left: 0%;
  width: 0; 
	height: 0; 
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent; 
	border-left:25px solid #F09420; 
  z-index: 0;
  float: left;
}
#communication_arrow{
  display:none;
  position: relative;
  top: 188px;
  left: 0%;
  width: 0; 
	height: 0; 
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent; 
	border-left:25px solid #F09420; 
  z-index: 0;
  float: left;
}
#procedure_arrow{
  display:none;
  position: relative;
  top: 232px;
  left: 0%;
  width: 0; 
	height: 0; 
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent; 
	border-left:25px solid #F09420; 
  z-index: 0;
  float: left;
}    
#pdf_optimizer_arrow{
  display:none;
  position: relative;
  top: 278px;
  left: 0%;
  width: 0; 
	height: 0; 
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent; 
	border-left:25px solid #F09420; 
  z-index: 0;
  float: left;
}     
#qrcode_arrow{
  display:none;
  position: relative;
  top: 324px;
  left: 0%;
  width: 0; 
	height: 0; 
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent; 
	border-left:25px solid #F09420; 
  z-index: 0;
  float: left;
}       
#lista_servizi{
  max-width:30%;     
	text-align: justify;
  background: transparent;	
  display: inline-block;
  float:left;  
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border:1px solid #F09420;
  padding:18px 10px 0;
} 
.active{
  color: #F09420;	  
} 
span.text_service:hover{
  color: #F09420;
  cursor:pointer;	  
}
span.disabled,span.disabled:hover{
  color: #CDD9E6 !important;
  cursor:not-allowed !important;  
}

span.text_service img{
  margin-right:10px;  
}

/* Datepicker */

.ui-widget {
  font: normal 14px Arial, Helvetica, sans-serif; 
}
.ui-widget .ui-widget {
	font-size: 0.8em;
}
.ui-datepicker {
	width: 15em;
	padding: 0;
	display: none;
}   
/* Nasconde sabato e domenica */
th.ui-datepicker-week-end,
td.ui-datepicker-week-end {
    display: none;
}

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 5px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 5px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 5px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 5px;
}

.ui-widget {
  color: #233E85;
}

.ui-widget-content{
  border: 1px solid #F09420;
  background: #ffffff;
  color: #233E85;
  padding: 0px;
}

.ui-widget-header {
  border: none;
  background: none;
  color: #242424;
  font-weight: normal;
}

/* Component containers

----------------------------------*/

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: none;
  background: #E6E6E6;
  font-weight: normal;
  color: #242424;
}

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: center;
  text-decoration: none;
}



/* Interaction states

----------------------------------*/

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid transparent;
	background: transparent;
	font-weight: normal;
	color: #555555;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #f1bb62;
	background: transparent;
	font-weight: normal;
	color: #f1bb62;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #212121;
	text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #f1bb62;
	background: transparent ;
	font-weight: normal;
  color:#f1bb62;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}  

.chiudi{ 
  font-size:18px; 
  font-weight:bold; 
  float:right;
  margin-right:0.5%; 
  cursor:pointer;
  color:#233E85;
} 
.chiudi:hover,.chiudi:active{
  color:#CDD9E6;
}

#valida_da, 
#valida_fino_a,
#valida_da_com, 
#valida_fino_a_com,
#new_communication_content,   
#nota_form,
.valid_gap,
#no_ferie,
#formElenco,#formProcedure{
  display:none;
}

.title_communication{
  font: 700 13px Lato,Arial,Helvetica,sans-serif;
  color:#233E85;
  padding: 7px 5px;
  display:block;
  cursor:pointer;
  border-bottom:1px dotted #CDD9E6;  
}

.overlay{
  background:#242424;
  position:fixed;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  z-index:100;
  cursor:pointer;
  opacity: .9; 
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";	
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
}

div.agenda_note { 
  width:438px; 
  height:316px; 
  background-color:#ffffff; 
  border: 3px solid #CDD9E6;
  z-index:+300;   
  margin:0 auto;
  position: fixed;
  top: 50%; 
  left: 50%;
  text-align: left;  
  margin-top: -158px;
  margin-left: -219px;
  -moz-border-radius: 8px;  
  -webkit-border-radius: 8px;
  border-radius: 8px;
  display:none;   
  padding:10px;
}
.evidenzia{color:white; background-color:#CDD9E6;} 

.welcome{
  font: 300 13px "Lato",Arial,Helvetica,sans-serif;
  color: #fff;
  display: inline-block;
  float: right;
  text-transform: capitalize;
  background: none repeat scroll 0% 0% #233E85;
  padding: 50px 5px 0px;
  margin-top: -60px;
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px;   
  border-radius: 4px;
  -webkit-box-shadow: -6px 2px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    -6px 2px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow:         -6px 2px 5px 0px rgba(50, 50, 50, 0.75);
}
 
.welcome_pre{
  font-size:18px;
  font-family: 'Dancing Script', cursive;
  color:#F09420;
}

#login{
  width: 500px;
  position: absolute;
  top: 20px;
  left: 50%;
  color:#233E85;
  font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif; 
  font-size: 18px;
  margin:0 auto;
  margin-left: -250px;

}
#logout{
  display: block;
  text-align: right;
  font-size: 15px;
  margin-bottom: 5px;
  width: 100%;
}
.hidden{
  display:none;
}
.box_ottimizza{
  border: 1px solid #CDD9E6;
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px;   
  border-radius: 4px;
 text-align:center;
 height:160px;
 margin-top:15px;
}
.label_ottimizza{
  display: inline-block;
  width: 100%;
  background: none repeat scroll 0% 0% #CDD9E6;
  color: #ffffff;
  padding: 6px 0px 3px;
  font-family: "BebasNeueRegular",Arial,sans-serif;
  font-size: 20px;
}