






body, html{
    font-family: Verdana,  sans-serif !important;
    margin: 0;
	font-size: 12px !important;
    color: #373737;
	height:100%;
	min-width: 1070px;
    background-color: #ebeaea !important;
	/*text-transform: uppercase !important;*/
}

body.body_gradiente{

  background: -webkit-radial-gradient(#326ab3, #06213d); /* Safari 5.1 to 6.0 */
  background: -o-radial-gradient(#326ab3, #06213d); /* For Opera 11.6 to 12.0 */
  background: -moz-radial-gradient(#326ab3, #06213d); /* For Firefox 3.6 to 15 */
  background: radial-gradient(#326ab3, #06213d); /* Standard syntax */

}

button{text-transform: uppercase !important;}
option{text-transform: uppercase !important;}
select{text-transform: uppercase !important;}


div.clear{clear: both;}

a{cursor: pointer;}

a:hover{ text-decoration: none !important;}

*:focus {
    outline: 0;
}

hr{
	
	border: 0;
    height: 0;
    border-top: 3px solid #326ab3;
	
}

h3{
	text-transform: uppercase;
	
}

th{
	text-transform: capitalize;
	
}

#bg {
	width: 100%; height: 100%; top: 0; left: 0;
	background: no-repeat center top; position: fixed; z-index: -1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#elenco a{

	color: #326ab3;
	font-weight: bold;
	

}

#elenco a:hover{

	color: #06213d;

}

input{
	background: #FFFFFF;
	border: 2px solid #326ab3;
	color: #373737;
	font-family: Verdana, Geneva, sans-serif !important;
	font-size: 12px;	
	padding: 0;
	padding-left: 4px;
	border-radius: 6px;
	height: 24px;
	margin: 4px;
}

textarea{
	background: #FFFFFF;
	border: 2px solid #326ab3;
	color: #373737;
	font-family: Verdana, Geneva, sans-serif !important;
	font-size: 12px;
	margin: 2px;
	padding-left: 4px;
	resize: vertical;
	border-radius: 6px;
}

textarea.big_textarea{
	height: 200px;
	width: 600px !important;
	
	
}



select{
	background: #FFFFFF;
	border: 1px solid #06213d;
	color: #373737;
	font-family: Verdana, Geneva, sans-serif !important;
	font-size: 12px;
	
	padding-left: 4px;
	border-radius: 6px;
	height: 24px;
	min-width: 155px;
	margin: 6px;
}



input[type="submit"]{
  -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	padding: 5px; width: 70px; background-color:  #06213d;
	color: #FFFFFF; border: 0; cursor: pointer;
	height: 25px;

  
}

button{
  background: #ebeaea;
  border: 1px solid #373737;
  color: #373737;
  font-size: 13px !important;
  padding: 2px; 
  
}

.small_center{font-size: 10px; display: block; text-align: center; color: #FF3142 !important;}
.small{font-size: 10px; color: #FF3142 !important;}

.box{padding: 20px; border-bottom: 1px solid #373737;}

.invisibile{display: none;}
.link_veloce {display: block; position: absolute; right: 10px; top: -63px;}
.link_veloce img{width: 50px;}

.link_pdf {margin-top: 30px; float: right;}
.link_pdf img{width: 50px;}


#elenco_assegnati{position: relative;}

.alert{ color: #FF3142;}

/*---------------Table------------------*/

table.elenco{font-size: 12px; width: 100%;}
table.elenco th{ background-color: #eeedf3; height: 35px; padding: 2px; text-transform: uppercase;}
table.elenco tr{ background-color: #FFFFFF;}
table.elenco tr .tr_show{ }
table.elenco tr .tr_hide{ display: none;}

table.elenco tr:nth-child(odd){ background-color: #ebeaea;}
table.elenco td{padding: 3px; text-align: left; vertical-align: top;}
table.elenco td.cifra{padding: 2px; text-align: right; white-space: nowrap;}
table.equal td{width: 25%;}
table.elenco td.link{ width: 70px; text-align: center;}
table.elenco a{ display: inline-block;
				background-color: #06213d;
				border: 1px solid #06213d;
				color: #FFFFFF !important;
				text-decoration: none;
				font-size: 12px;
				padding: 2px;
				margin: 2px auto;
				cursor: pointer;
				padding: 4px;
				border-radius: 5px;
				height: 20px;
				width: 20px;
				line-height: 20px;
				text-align: center;
				}
				
table.elenco a:hover{
			background-color: #06213d;
	}
				
table.elenco td.azioni{ text-align: center;}

table.elenco td input{ width: 96%; margin: 0.9%; border: 1px solid #06213d;}
table.elenco td input[type="checkbox"]{ width: auto !important;}
table.elenco form.cost input{margin: 0 !important; width: auto !important;}

table.sheet td{width: 25%;}
table.white{
    width: 100%;
}

table.white tr{

    background-color: transparent !important;

}

/*---------------------LOGIN-----------*/

.div_login{
    width: 540px;
    margin: auto;
    margin-top: 100px;;
    border-radius: 25px;
	font-size: 18px;
	height: 240px;
	overflow: hidden;
	margin-bottom: 120px;
}

.div_login h2{font-size: 50px; position: relative; top: -60px; line-height: 0px; font-weight: normal;
margin-bottom: 30px;
margin-top: 40px;
}

.div_login h2 span{font-size: 20px;}

.div_login_left{   
    
    width: 230px;
    margin: auto;
    float: left;
	background-color: #009ee2;
	color: #06213d;
	padding: 0px 20px 20px 20px;
	
    
}


.div_login_right{
    
    width: 230px;
    margin: auto;
    float: right;
	background-color: #06213d;
	color: #FFFFFF;
    padding: 0 20px 20px 20px;
	
}

.div_login_right p{
    
    position: relative;
	top: -60px;
	font-size: 12px;
	font-weight: normal !important;
	
}

@-moz-document url-prefix() {
    .div_login_right p {font-size:11.5px;}
}




#login_form{
	
	position: relative;
	top: -60px;

}

#login_form #img_div{

float: right;
font-size: 10px;
cursor: pointer;
	
}
#login_form #img_div a{

	line-height: 38px;
	display: block;
	float: left;
	margin-right: 10px;
	
}

#login_form #img_div span{

	font-size: 30px;
	display: block;
	float: left;
	
}


#img_div_1{
position: relative;
	top: -52px;
float: right;
font-size: 10px;
cursor: pointer;
	
}
#img_div_1 a{

	line-height: 38px;
	display: block;
	float: left;
	margin-right: 10px;
	
}

#img_div_1 span{

	font-size: 30px;
	display: block;
	float: left;
	
}


.div_login input{
    font-size: 16px;
	font-family: Verdana, Geneva, sans-serif !important;
	width: 95%;
    margin-bottom: 14px;
	border-radius: 2px;
	border: 0;
}

.div_login input[type="submit"]{
    
	display: none;
	
}



/*------------menu-----------------------*/

#menu{    
    width: 100%;
	background-color: #06213d;
    text-align: center;
	position: relative;
	z-index: 5;
	
	
}

#menu_logo{
    
    text-align: center;
    border-bottom: 1px solid #ebeaea;
    
}

#in_menu{
	
	margin: auto;
	
}


#menu_logo img{    
   
	margin: 10px;		
	
}


.icon_container{
    color: #FFFFFF;
    display: inline-block;
    padding: 23px 12px 23px 12px;
    text-transform: uppercase;
    font-size: 16px !important;
    cursor: pointer;


}




.icon_container_selected{
    
    color: #06213d;
 background-image: url("../graf/hover_menu_synergee.png");
background-position: bottom center;
background-repeat: no-repeat;
}




.s_menu{
    
    display: none;
    background-image: url("../graf/gradiente_synergee.png");
    background-repeat: repeat-y;
    background-size: 100%;
    width: 100%;
    box-shadow: 0px 5px 5px #000000;
}

h1.super_title{
	
	margin: 0 0 10px 0;
	text-align: center;
	font-size: 14px;
	
}

.s_menu ul{
   width: 1316px;
   margin: auto;
   display: block;
    list-style: none outside none;
    padding: 0;
    height: 60px;
    
}

.s_menu ul li{
    float: left;
	
    color: #FFFFFF;
    display: inline-block;
    padding: 00px 14px 0px 14px;
    text-transform: capitalize;
    font-size: 16px !important;
    cursor: pointer;
	line-height: 60px;
    height: 60px !important;
	min-height: 20px !important;
}

.s_menu ul li:hover,.s_menu ul li.hove{
    
    background-image: url("../graf/hover_menu_synergee.png");
    background-position: bottom center;
	background-repeat: no-repeat;
	color: #06213d !important;
}

.s_menu ul li.hove a{
    
    color: #06213d !important;
}




.s_menu ul li:hover > a{
    
    color: #06213d !important;
}

.s_menu ul li a{
    text-decoration: none;
    color: #FFFFFF;
	display: block;
	height: 100%;
}

#skyline img{
    width: 100%;
    display: block;
}    


#submenu{
	
	width: 1330px;
	margin: auto;
	border-right:1px solid #eeedf3;
	border-left:1px solid #eeedf3;
	border-bottom:1px solid #eeedf3;
	background-color: #FFFFFF;
}

#submenu a{
	
	display: inline-block;
	width: 200px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	text-decoration: none;
	font-weight: bold;
	color: #373737;
	
}

#submenu a:hover{
	
	text-decoration: underline;
	
}

#submenu a.selezionato{
	
	text-decoration: underline;
	
}


/*------------------Corpo------------------*/

#corpo{
	
	width: 100%;
	/*min-width: 1300px;*/
	
	margin: auto;
	padding-top: 20px;
	/*min-height: 100%;*/
	margin-top: 20px;
	min-height: 400px;
	
}

#home_container{
	
	width: 880px;
	margin: auto;
	margin-top: 70px;
	height: 546px;
	
	
	
	
}

#home_container div.home_box{
		
	width: 200px;
	float: left;
	height: 200px;	
	background-repeat: no-repeat;
	background-position: center;
	background-size: 240px;
	cursor: pointer;
	margin: 10px;
	overflow: hidden;
	
		
}



#home_container div.home_box:hover{
		
	background-size: 220px;
		
}



#home_container div#home_box_1{
		
	background-image: url("../graf/box1_synergee.png");
		
}

#home_container div#home_box_2{
		
	background-image: url("../graf/box2_synergee.png");
		
}

#home_container div#home_box_3{
		
	background-image: url("../graf/box3_synergee.png");
		
}

#home_container div#home_box_4{
		
	background-image: url("../graf/box4_synergee.png");
		
}

#home_container div#home_box_5{
		
	background-image: url("../graf/box5_synergee.png");
		
}

#home_container div#home_box_6{
		
	background-image: url("../graf/box6_synergee.png");
		
}

#home_container div#home_box_7{
		
	background-image: url("../graf/box7_synergee.png");
		
}

#home_container div#home_box_8{
		
	background-image: url("../graf/box8_synergee.png");
		
}




#home_container span{
		
	color: #FFFFFF !important;
	display: block;
	position: relative;
	bottom: 26px;
	text-transform: uppercase;
	
	
}

#home_container div a{
		
	color: inherit;
	text-decoration: none;
	
}

#home_container img{
	
	margin-left: 10%;
	margin-right: 10%;
	width: 50%;
	
}

#corpo div.opzioni{	
	
	width: 96%;
	border-bottom:1px solid #eeedf3;
	padding: 2%;
	
	
}

#corpo div.aggiungi{	
	
	float: right;
		width: 30%;
		text-align: right;

	
}

#corpo div.form_cerca{	
	
	float: left;
	width: 70%;
	
}


#corpo table.elenco{	
	
	width: 100%;
		
}

/*---------------JQ--------------------*/

.ui-menu-item{

	font-family: Verdana, Geneva, sans-serif !important;
	font-size: 12px !important;

}
/*----------------Footer-------------------*/
.footer{font-size: 12px; text-align: center;margin-top: 10px;}

/*--------Page Menu---------------------*/

#page_menu{padding: 16px; background-color: #ebeaea; position: relative; min-height: 50px;}

#page_menu a{
	display: block;
	position: absolute;
	top: 20px;
	right: 20px;
	background-color: #326ab3;
	border: 1px solid #06213d;
	color: #FFFFFF;
	padding: 4px;
	
	cursor: pointer;
}
#page_menu a:hover{
	
	background-color: #06213d;
	
}



/*-----------------------------------------------------*/

tr#form{display: none;}

/*-------------------------------------------------*/


.select_condominium {
	
		width: 1330px;
		margin: auto;
		border-right:1px solid #eeedf3;
		border-left:1px solid #eeedf3;
		border-bottom:1px solid #eeedf3;
		background-color: #FFFFFF;
		box-shadow: 0px 0px 8px #888888;
		padding-top: 10px;
		
	
	}



.select_condominium .cond_button {
		float: left;
		background-image: url("../graf/condominiums_icon_light.png");
		width: 144.25px;
		height: 144.25px;
		background-size: 94% 94%;
		background-position: center;
		background-repeat: no-repeat;
		cursor: pointer;
		margin: 10px;
		position: relative;
		border: 1px solid #eeedf3;
		color: #373737;
		-webkit-border-radius: 6px; 
		-moz-border-radius: 6px;
		border-radius: 6px;
		overflow: hidden;
	}
	
.select_condominium .cond_button span{
	
		display: block;
		position: absolute;
		width: 100%;
		background-color: rgba(255,255,255,0.92);
		text-align: center;
		bottom: 0;
	
	}


	
.select_condominium div:hover {
	
		background-image: url("../graf/condominiums_icon_dark.png");
		border: 1px solid #373737;
	
	}
	
.select_condominium input {
	
		width: 90%;
	
	}
	
.select_condominium form#super_condominiums{
	
	display: none;
	
}

/*---------------------------------------------------------------*/


.structure_condominium{float: left; width: 45%;
						padding: 0.5%;
						-webkit-border-radius: 6px; 
						-moz-border-radius: 6px;
						border-radius: 6px;
						margin: 2%;
						box-shadow: 0px 0px 6px #888888;}
	
.structure_condominium span{display: block; text-align: center; font-weight: bold;}

/*---------------------------------------------------------------*/

.submenu{border-bottom: 1px solid #c9c9c9;}

.submenu a{display: inline-block; margin: 4px 14px 4px 14px; text-decoration: none; color: #326ab3;}

/*------------------------------------------------------------------*/


#elenco_form input[type="text"]{width: 500px !important;}
#elenco_form label{width: 200px !important; display: inline-block;}
#elenco_form textarea{width: 400px !important;}
#elenco_form .mod_block{border: 0 !important;}

/*--------------------------------------------------------------------*/

textarea.full{width: 400px !important; height: 170px}

.container_big_form textarea{width: 85%; height: 100px;}

div.link_file{width: 180px; padding: 10px; float: left; text-align: center;}

div.link_file h3{text-align: center; margin: 0; font-size: 10px; font-weight: normal;}
div.link_file h4{text-align: center; font-size: 10px; margin: 0; font-weight: normal;}
div.link_file p{font-size: 12px; margin: 0; font-weight: bold;}
div.link_file a{display: inline-block; width: 20%; font-size: 10px;}

/*---------------------------------------------------------------------------*/

.breadcrumb{ background-color: #eeedf3; border-bottom: 1px solid #c9c9c9;
			height: 40px; margin-left: 3%; margin-right: 3%; }

.breadcrumb a{line-height: 22px; margin: 10px; display: inline-block; text-decoration: none; color: inherit;}

.box_gen_big{width: 95% !important; min-width: 1030px;}

.box_gen{float: left;  width: 96%; margin-left: 3%; margin-right: 1%; margin-bottom: 10px; border-radius: 6px 6px 6px 6px; }

.dim30{width: 280px !important; margin-right: 0% !important;}

.dim70{		width: -webkit-calc(92% - 280px) !important;
			width:    -moz-calc(92% - 280px) !important;
			width:         calc(92% - 280px) !important;
			margin-right: 0% !important;
			
	}

.box_gen h2{background-color: #c9c9c9;
			margin: 0;
			border-radius: 6px 6px 0px 0px;
			height: 40px;
			line-height: 40px;
			text-align: center;
			font-size: 13px;
			border: 1px solid #c9c9c9;
			text-transform: uppercase;
			color: #06213d;
			font-weight: bold !important;
			
			
			}

.box_gen h2 button{
	
				margin-right: 6px !important;		
			
			}			

.box_gen h2.arancione, .box_gen h2.blu{background-color: #c9c9c9; color: #06213d; border: 1px solid #c9c9c9;}


.box_gen_menu{width: 280px !important; margin-right: 0% !important;}

.box_gen_cont{		width: -webkit-calc(92% - 360px) !important;
			width:    -moz-calc(92% - 360px) !important;
			width:         calc(92% - 360px) !important;
			margin-right: 0% !important;
			float: left;
			
	}


.scroll{ border: 1px solid #c9c9c9; background-color: #FFFFFF; border-radius: 0px 0px 6px 6px ;}

.scroll_ok{ border: 1px solid #c9c9c9; background-color: #FFFFFF; border-radius: 0px 0px 6px 6px ;}

.scroll input[type="text"]{width: 80%;}

.scroll_graf{ border: 1px solid #c9c9c9; background-color: #FFFFFF; border-radius: 0px 0px 6px 6px ;}
.scroll_graf input[type="text"]{width: 80%;}

.full{min-height: 50px;}
.research{padding-top: 10px; background-color: #FFFFFF; border: 1px solid #c9c9c9; border-radius: 0px 0px 6px 6px ;}
.research label{display: block; margin: 0 2% 3px 2%; font-size: 12px; width: 94%}
.research input{width: 94%; margin: 0 2% 10px 2%; }
.research select{width: 96%; margin: 0 2% 10px 2%;border: 2px solid #326ab3;}
.full a.menu{display: block; padding: 5px; line-height: 30px; border-bottom: 1px solid #eeedf3; color: inherit; text-decoration: none;}

.full a.menu:hover{ background-color: #f5f5f5;}

.full a.menu span{display: inline-block; width: 80%;}
.full a.selected{background-color: #f28705}
.full label{display: block; margin: 10px 0px 2px 5px; font-size: 12px; width: 94%}




h3.subtitle{background-color: #326ab3; color: #FFFFFF; margin: 0; text-align: center; font-size: 13px;line-height: 20px; margin-bottom: 4px;}

.menu{height: auto;}
.menu a{display: block; font-weight: bold; text-transform: uppercase; padding: 5px; line-height: 30px; border-bottom: 1px solid #eeedf3; color: inherit; text-decoration: none;}

.menu a:hover{background-color: #f5f5f5;}
.menu a.hove{background-color: #f5f5f5;}
.menu a.subs{padding-left: 15px; line-height: 20px; }

.menu a.subs span{display: block; width: 90%; float: right; }

.banks{display: none; cursor: pointer; background-color: #ebeaea; padding: 5px; line-height: 30px; border-bottom: 1px solid #eeedf3; color: inherit; text-decoration: none;}

#alert_page{

display: inline;

}

#alert_page span{
	margin-left: 4px;
	text-align: center;
	padding: 3px;
	width: 150px;
	cursor: pointer;
    line-height: 20px;
    
	
	
}


#alert_page span img{
	
    height: 25px;;
	display: inline-block;
	top: 7px;
	position: relative;
	
	
	
}


.big_alert{
	
	margin-left: 4px;
    margin-right: 8px;
	color: #06213d;
	font-size: 12px;
	display: inline-block;
	
	
}


.half{height: 318px; margin-bottom: 20px;}
.half ul{list-style: none; margin: 0; padding: 0;}
.half li{padding-left: 5px; min-height: 40px; line-height: 40px; }
.half li:nth-child(2n){background-color: #ebeaea;}

.half1 li span{display: inline-block; width: 50%; }
.half1 ul{list-style: none; margin: 0; padding: 0;}

.half1 li{padding-left: 5px; min-height: 40px; line-height: 40px; }

.half1 li:nth-child(2n){background-color: #ebeaea;}



.half li span{display: inline-block; width: 50%; }

button{float: right;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	padding: 5px; width: 85px; background-color:  #06213d;
	color: #FFFFFF; border: 0; cursor: pointer;
	line-height: 20px !important;
	margin-top: 5px;
	margin-right: 5px;
	}
	
button:hover{
	background-color:  #0c4176 !important;
}	
	
button.big{float: none !important; margin: 2px; width: auto !important; min-width: 30px;}
button.squared{width: 30px !important;}
button.free{width: auto !important;}

button.set_right{margin: auto; width: auto !important;}

a.big_button{
	display: inline-block;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	padding: 6px;  background-color:  #06213d;	
	color: #FFFFFF !important; border: 0; cursor: pointer;
	font-size: 12px;
	min-width: 17px;
	text-align: center;
	font-weight: normal !important;
}

a.big_button:hover{
	text-decoration: none;
	background-color:  #0c4176;
}

.ui-widget{
	
	font-size: 12px !important;
	
}

.half li button{float: right; margin-top: 7px; margin-bottom: 7px; margin-left: 3px;   }

.ui-datepicker
{
	z-index: 9999 !important;
}

/*----------------------------------------------------------------*/

.round_div{width: 12px; height: 12px; border-radius: 6px; background-color: #005CB2; margin: auto;}

.round_red{ background-color: #FF3142;}
.round_green{background-color: #49D99F;}
.round_orange{background-color: #FAE81E;}

/*------------------------------------------------------------------*/
.custom-combobox
{
	position: relative;
	display: inline-block;
	width: auto;
	font-size: 1px;
	background: #FFFFFF;
	color: #373737;
}
	
.custom-combobox-toggle
{
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: -12px;
	padding: 0;
	width: auto;
	background: #FFFFFF;
	border: 1px solid #06213d;
}

.custom-combobox-input
{
	margin: 0;
	font-size: 12px;
	background: #FFFFFF;
	border-radius: 6px;
	border: 1px solid #06213d;
}

input[type=checkbox]
{
	vertical-align: middle;
}

.people_costs td
{
	font-size: 12px;
}


.people_costs td:nth-child(2)
{
	width: 25%;
}

.people_costs td input[type=number]
{
	width: 50px;
}

.container_txt{ padding: 10px;}

.container_txt label{font-size: 12px; display: block;}

.div_sub_table_elenco{margin: 2px; line-height: 20px;}
.div_sub_table_elenco button{float: right !important;}

.panel_heading{
	background-color:#eeedf3;
	box-shadow: 0px 1px 1px #888888;
}

.central_logo{

	display: block;
	margin: auto;
	position: relative;
	top: 70px;
	height: 200px;
	

}

#footer{
	margin-top: 30px;
	background-color: #06213d;
	color: #FFFFFF;
	font-size: 12px;
	
	padding-bottom: 20px;
	width : 100%;
	position:relative;
    bottom:0px;

}

#footer_link{
	padding: 2px;	
	background-color: #c9c9c9;
}

#in_footer_link{
	
	
	margin: auto;
	padding: 40px;
	
}

#footer * {
  -webkit-box-sizing: content-box !important;
     -moz-box-sizing: content-box !important;
          box-sizing: content-box !important;
}
#footer *:before,
#footer *:after {
  -webkit-box-sizing: content-box !important;
     -moz-box-sizing: content-box !important;
          box-sizing: content-box !important;
}

#in_footer_link span{
	
	width: 20%;
	padding: 0% 6.2%;
	display: block;
	text-align: center;
	color: #06213d;
	float: left;
	
}

#in_footer_link img{
	
	width: 70px;
	
	
}

#in_footer_link h5{
	
	font-size: 20px;
	font-weight: normal !important;
	margin: 5px;
	
}

#in_footer_link p{
	
	font-size: 12px;
	
	
}


#in_footer p.rights{
	display: block;
	float:left;
	width: 50%;
	margin: 2%;
	
	
}

#in_footer p.contatti{
	
	float:right;
	width: 20%;
	text-align: right;
	margin: 2%;
}


.stay_bottom{
	
	position:fixed !important;
    bottom:0px;
	
}

#in_footer{

	
	margin: auto;
	margin-top: 16px;
	

}

#in_footer img{
	display: block;
	float: left;
	height: 80px;
	
}

#in_footer p{
	display: block;
	
}

#sidebar{
	
	position: fixed;
	top: 400px;
	height: 200px;
	z-index: 2;
	border-radius: 0px 25px 25px 0;
	background-color: #ebeaea;
	-moz-box-shadow:0px 0px 4px #000000;
	-webkit-box-shadow:0px 0px 4px #000000;
	box-shadow:0px 0px 4px #000000;
}

#sidebar div{float: left;}

#sidebar #notes{
	
	width: 350px;
	height: 100%;

}

#sidebar #notes h3{
	
	margin: 1% 0 1% 5%;
	font-size: 1.17em;
	font-weight: bold;
	

}

.opened_label{

background-image: url("../graf/FrecciaSinistra.png") !important;

}

#block_notes{

	width:96%;
	background-color: #FFEA64;
	height: 50%;
	margin-left: 5%;
	margin-top: 1%;
	text-align: center;
	padding-top: 1px;
}

#block_notes textarea{

	width:90%;
	height: 80%;
	background-color: transparent;
	border: 0;
}


#sidebar #label{
	
	width: 30px;
	height: 100%;
	background-image: url("../graf/FrecciaDestra.png");
	background-repeat: no-repeat;
	background-position: center center;

}

#history{
	
	width:90%;
	height: 90%;
	margin-left: 5%;
	margin-top: 1%;
	text-align: left;
	padding-top: 1px;
	margin-bottom: 5%;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 15px;
	padding: 4px !important;
	border: 1px solid #c9c9c9;
	
}

#history a{
	
	text-decoration: none;
	color: inherit;
	
}

#history a:hover{
	
	text-decoration: underline;
	
}

.ui-dialog h2{
	
	font-size: 18px;
	margin: 0;
	width: 100%;
	position: relative;
	text-transform: uppercase;
	
	
}

.ui-dialog h2 button{
	
	font-size: 12px !important;
	
	
}


.in_dialog{
	
	border: 0;
	
	
}

.ui-widget-header{
	background: #ebeaea;
	
}

#time_log{
	
	background-color: #c9c9c9;
	color: #06213d;
	min-width: 1300px;
	
	max-width: 100%;
	
	line-height: 42px;
	padding-left: 24px;
	padding-right: 24px;
	
	height: 42px !important;
	
}

#in_time_log{
    
    width: 100%;
    margin: auto;
    
}


#time{
	
	float: left;
	
}

#ricerca{
	
	float: right;
	margin-left: 30px;
	border: 2px solid #FFFFFF;
	height: 23px;
	margin-top: 9px;
	border-radius: 2px;
    width: 130px;
    background-color: #FFFFFF;
}


#ricerca form{
	
	margin: 0;
	padding: 0;
}

#ricerca input{
	margin: 0;
	padding: 0;
	display: block;
	
    background-color: #FFFFFF;
	
}

#ricerca input.ricerca{
	
	background-color: #FFFFFF;
	border: 0 !important;
	color: #373737;
	padding: 3px;
    height: 14px;
    float: right;
	width: 100px;
	
		
}



#ricerca input.submit{
	
	background-color: #FFFFFF;
	background-image: url("../graf/search.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 60%;
	height: 20px;
	width: 20px;
	float: left;
    display: block;
    position: absolute;
}






#log{
	
	float: right;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 60px;
	
}

.graph{width: 94%; height: 400px; margin: 3%;}

#home_condominium{	
	background-image: url("../graf/home/condominioSelezionato.png");	
}
#home_condominium:hover{	
	background-image: url("../graf/home/condominio.png");	
}

#home_harddisk{	
	background-image: url("../graf/home/hardiskSelezionato.png");	
}
#home_harddisk:hover{	
	background-image: url("../graf/home/hardisk.png");	
}

#home_bank{	
	background-image: url("../graf/home/bancheSelezionato.png");	
}

#home_bank:hover{	
	background-image: url("../graf/home/banche.png");	
}

#home_interventions{	
	background-image: url("../graf/home/interventiSelezionato.png");	
}
#home_interventions:hover{	
	background-image: url("../graf/home/interventi.png");	
}

#home_invoices{	
	background-image: url("../graf/home/scadenzeSelezionato.png");	
}

#home_invoices:hover{	
	background-image: url("../graf/home/scadenze.png");	
}

#home_supplier{	
	background-image: url("../graf/home/fornitoriSelezionato.png");	
}

#home_supplier:hover{	
	background-image: url("../graf/home/fornitori.png");	
}

#home_impostazioni{	
	background-image: url("../graf/home/impostazioniSelezionato.png");	
}

#home_impostazioni:hover{	
	background-image: url("../graf/home/impostazioni.png");	
}

#new_cond, .rename_cond{
	
	background-color: #FFFFFF;
	position: relative;
	z-index: 10;
	
}

.more_data{	
	display: none;	
}

span.plus{
	
	color: #326ab3;
	font-weight: bold;
	font-size: 18px;
	width: 20px !important;
	
}

.salva{background-color: #326ab3 !important;}
.elimina{background-color: #FF3142 !important;}

.menu_split{display: none;}
.playground{display: none;}


#menu_playground{

	background-color: #326ab3;	
	list-style-type: none;
	height: 25px;
	width: 100%;
	margin: 0;
	padding: 0;
}


#menu_playground li{

	float: left;
	margin: 4px;	
	color: #FFFFFF;
	
}

.menu_split{
	
	cursor: pointer;
	
}

 span.simple_link{
	
	color: #06213d !important;
	cursor: pointer;
	font-weight: bold;
	background-color: transparent !important;
	border: 0 !important;
}


 span.simple_link:hover{
	
	color: #326ab3 !important;
	
}

#rh input{display: inline !important; height: 12px !important;}

#rh input[type="file"]{

	height: 28px !important;
	line-height: 27px;

}

#rh td{text-align: left;}


input.long_input{width: 90%;}
textarea.long_input{width: 90%; height: 100px; margin-left: 5px;}

textarea.full_width{width: 95%; height: 100px; margin-left: 10px;}

.pick td{text-align: left !important;}

tr.ric_selected{background-color: #FFEA64 !important;}

/*---------------------------*/

.new_form{

	height: auto !important;
	background-color: #ebeaea;
}

.new_form input{
	border: 2px solid #326ab3;
	
	
}


.new_form textarea{
	
	width: 910px !important;
	
}

.new_form select{
	border: 2px solid #326ab3;
	width: 306px;
	
	height: 28px;
}

.new_form button{
	float: none !important;
	background-color: #326ab3;
	width: 200px;
	margin-top: 10px;
	margin-left: 5px;
}

span.div1_3{

	width: 32%;
	display: inline-block;

}

span.div2_3{

	width: 64% !important;
	display: inline-block;

}


span.div1_3 input{

	width: 94%;
    margin: 0 2% 10px 2%;
    border: 2px solid #326ab3;
	min-width: 0;

}

span.div1_3 label, span.div1_2 label{
    margin-left: 2%;
	display: inline-block;
}


span.div1_3 input.small{

	width: 40%;	color: #000000 !important;
	font-size: 12px !important;
    
}

span.div1_2 input{

	width: 94%;
    margin: 0 2% 10px 2%;
    border: 2px solid #326ab3;
	min-width: 0;

}

span.div1_3 select, span.div1_2 select{

	width: 96.5%;
    margin: 0 2% 10px 2%;
    border: 2px solid #326ab3;
	min-width: 0;
	height: 28px;

}




span.div1_2{

	width: 49%;
	display: inline-block;

}


span.div1_4{

	width: 24%;
	display: inline-block;

}


span.div1_2 textarea{
	margin: 0 2% 10px 2%;
	width: 92% !important;
	
}

.point{ cursor: pointer;}

.color_green{
	
	color: #49D99F !important;
	
}

.color_red{
	
	color: #FF3142 !important;
	
}

.nascosto{
	
	display: none;
	
}

.super_ck{padding-top: 10px; clear: both;}
.super_ck input{width: 40px !important;}
.super_ck div{width: 30% !important; float: left;}

.cf_menu{display: none !important;}

a.button{padding: 5px 7px !important;}

.notifica{
	
	margin-bottom: 10px;
	padding: 10px;
	text-align: center;
	background-color: #06213d;
	color: #FFFFFF;
	font-size: 14px;
	border-radius: 6px;
	
}


@media(max-width: 1360px) {
    .icon_container {
        font-size: 12px !important;
    }
	
	.s_menu ul {
        width: 1010px !important;
		
    }
	.s_menu ul li{
		font-size: 12px !important;
	}
	
	#time_log{
		min-width: 1000px !important;
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
}


#cerca{width: 110px;}

.tog{
	
	display: none;
	border-bottom: 1px solid #eeedf3;
	padding-left: 2px;
	font-size: 11px;
	
}

.tog span{
	
	display: block;
	line-height: 30px;
	
}

.chosen-single{
	border: 2px solid #326ab3  !important;
	background-image: none !important;
	background-color: #FFFFFF !important;
	margin-left: 6px;
	height: inherit !important; 
	width: 100% !important;
}

/*----------------------------------------*/
.alert_delete{
	
	display: block;
	text-align: center;
	color: red;
	font-size: 16px;
	
}

.button_icon{	
	background-position: center;
	background-size: 80% 80%;
	background-repeat: no-repeat;	
}

.button_download{
	background-image: url("../graf/icons/down.png");		
}

.button_link{
	background-image: url("../graf/icons/link.png");		
}

.button_mail{
	background-image: url("../graf/icons/mail.png");		
}

.button_add_folder{	
	background-image: url("../graf/icons/gest.png");
}

.button_delete{	
	background-image: url("../graf/icons/del.png");
}

.button_unlink{	
	background-image: url("../graf/icons/unlink.png");
}

.button_excel{	
	background-image: url("../graf/icons/excel.png");
}

.button_modify{	
	background-image: url("../graf/icons/mod.png");
}

.button_pdf{	
	background-image: url("../graf/icons/pdf.png");
}

.button_plus{	
	background-image: url("../graf/icons/plus.png");
}

.button_pref{	
	background-image: url("../graf/icons/pref.png");
}

.button_pref_full{	
	background-image: url("../graf/icons/pref_full.png");
}

.button_save{	
	background-image: url("../graf/icons/save.png");
}

.button_upload{	
	background-image: url("../graf/icons/upload.png");
}

.button_hammer{	
	background-image: url("../graf/icons/hammer.png");
}

.button_find{	
	background-image: url("../graf/icons/find.png");
}

.button_euro{	
	background-image: url("../graf/icons/euro.png");
}

.button_new{	
	background-image: url("../graf/icons/new.png");
}

.button_folder{	
	background-image: url("../graf/icons/folder.png");
}

.button_word{	
	background-image: url("../graf/icons/word.png");
}



.multipleInput-container {
     
     padding:1px;
     padding-bottom:0;
     cursor:text;
     font-size:13px;
     width:100%;
}
 
.multipleInput-container input {
     font-size:13px;
     clear:both;
     width:250px;
     height:24px;
     border:0;
     margin-bottom:1px;
}
 
.multipleInput-container ul {
     list-style-type:none;
}
 
li.multipleInput-email {
     float:left;
     margin-right:2px;
     margin-bottom:1px;
     border:1px #BBD8FB solid;
     padding:2px;
     background:#F3F7FD;
}
 
.multipleInput-close {
     width:16px;
     height:16px;
     background:url(close.png);
     display:block;
     float:right;
     margin:0 3px;
}

.red_curr{color: #FF3142;}
.blue_curr{color: #005CB2;}



#demo_header{

    background-color: #06213d;
    padding: 10px 40px;
    color: #FFFFFF;
    border-bottom: 3px solid #009ee2;
    font-size: 12px;

}


#demo_header a.tour{

   cursor: pointer;
   color: #FFFFFF !important;
}

#demo_header a.tour span{

    color: #009ee2;
    font-size: 19px;
    display: inline-block;
    position: relative;
    top: 3px;

}


#demo_header .demo_scadenza{

    float: right;

}

#demo_header .demo_scadenza a{

    display: inline-block;
    background-color: #009ee2;
    margin-left: 30px;
    color: #FFFFFF !important;
    text-decoration: none !important;
    padding: 4px 6px;
    border-radius: 4px;
}


#demo_header .demo_scadenza a span{

    color: #06213d;

}

#demo_header .n_giorni_scad{

    display: inline-block;
    background-color: #FFFFFF;
    color: #06213d !important;
    padding: 4px 6px;
    border-radius: 4px;
    font-weight: bold;

}


div#tour{
    position: fixed;
    width: 100%;
    z-index: 100;
    background-color: rgba(0, 0, 0, 0.8);
    top: 0;
    left: 0;
    height: 100%;
    display: none;    
}

div#tour #in_tour{

    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 80%;

}


div#tour #in_tour div{
    margin: auto;    
    height: 80%;
    max-width: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    text-align: center;
    position: relative;    
}


div#tour #in_tour div#generic_demo{

    width: 1000px;
    height: 420px;    
}


div#tour #in_tour div#generic_demo #demo_box{

   background-color: #FFFFFF;
   padding: 20px 50px;
   color: #06213d;
   border-radius: 20px;

}

div#tour #in_tour div#generic_demo #demo_box h1{

    margin: 0;

}

div#tour #in_tour div#generic_demo #demo_box h2{

    margin-top: 5px;
    margin-bottom: 15px;
    font-weight: normal;

}

div#tour #in_tour div#generic_demo #demo_box h3{

    margin: 0px;
    font-size: 16px;

}

.demo_button{width: 180px !important; height: 180px !important; float: left; cursor: pointer;}
.demo_text{width: 170px !important; padding: 5px;  float: left; cursor: pointer;}
.demo_button_1{background-image: url('../demo_graf/BUTTON-01.png');}
.demo_button_2{background-image: url('../demo_graf/BUTTON-04.png');}
.demo_button_3{background-image: url('../demo_graf/BUTTON-05.png');}
.demo_button_4{background-image: url('../demo_graf/BUTTON-03.png');}
.demo_button_5{background-image: url('../demo_graf/BUTTON-02.png');}


.demo_button_1:hover{background-image: url('../demo_graf/BUTTON-01_hover.png');}
.demo_button_2:hover{background-image: url('../demo_graf/BUTTON-04_hover.png');}
.demo_button_3:hover{background-image: url('../demo_graf/BUTTON-05_hover.png');}
.demo_button_4:hover{background-image: url('../demo_graf/BUTTON-03_hover.png');}
.demo_button_5:hover{background-image: url('../demo_graf/BUTTON-02_hover.png');}





div#tour #in_tour div span{  
   display: inline-block;   
    color: #FFFFFF !important;
    text-align: right;
    height: 100%;
    position: relative;
    margin-bottom: 20px;
    
}


div#tour #in_tour div span a{  
   font-size: 16px;
   color: #FFFFFF !important; 
}

div#tour #in_tour div span img{
    height:10px;
}


div.rate_assegnate_scroll{
	
	overflow-x: scroll;
	
}

.link_standard{
	
	display: inline !important;
	
}

.calendar{
    
    background-color: #FFFFFF; 
    height: 1000px;
    
}
.in_calendar{


    padding: 10px;


}

h2.on_calendar { 
    
    
    background-color: #c9c9c9;
    border-radius: 6px 6px 0px 0px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 13px;
    border: 1px solid #c9c9c9;
    text-transform: uppercase;
    color: #06213d;
    font-weight: bold !important;
}

.fc-left h2{
    text-transform: uppercase;
    background-color: #FFFFFF;
    border: 0;

}

.fc-button:hover{

    background-color: #e6e6e6  !important;

}

.incassi-name {

	width: 100%;

}

.incassi-name tr{
	background-color: transparent !important;
}

.incassi-name tr{
	background-color: transparent !important;
}

.incassi-name tr td:last-child {
    text-align: right;
}

#modified{
	
	color: red;
	text-align: center;
	line-height: 40px;
	font-size: 20px;
	
}