@font-face {
    font-family: 'FrutigerRegular';
    src: url('../fonts/frutiger-webfont.eot');
    src: url('../fonts/frutiger-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/frutiger-webfont.woff') format('woff'),
         url('../fonts/frutiger-webfont.ttf') format('truetype'),
         url('../fonts/frutiger-webfont.svg#FrutigerRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
	font-size:16px;
	font-family: 'FrutigerRegular', sans-serif;
	background-color:#fff;
	color:#1c4672;

	
}

#overlay {
   background: url(../images/ajax-loader.gif) no-repeat center center rgba(0,0,0,0.7);
   height: 100%;
   width: 100%;
   position: fixed;
   z-index: 1000000000000;
   left: 0;
   top: 0;
   margin: 0;
   transition: linear 0.3s ease-in-out 0s;
   display:none;
}

#overlay p {
    color: #fff;
    display: table-cell;
    font-size: 20px;
    padding-top: 50px;
    text-align: center;
    vertical-align: middle;
}
.offcanvas {
width: 25%;
height: 100%;
position: fixed;
top: 0px;
left: -25%;
background:#2d2d2d;
padding: 0px;
height:100%;
overflow:scroll; 
transition: left 0.5s ease-in-out 0s;
z-index:1000000000
}

#offcanvas-header {
    background-color: #202020;
    border-bottom: 2px solid #333;
    display: block;
    float: right;
    height: 30px;
    padding: 10px 20px;
    position: fixed;
    text-align: right;
    top: 0;
    width: calc(25% - 60px);
}
#site-wrapper.show-nav .offcanvas {
left: 0;
}
#site-wrapper.show-nav #overlay {
}

.row {
width: 96%;
max-width: 1900px;
min-width: 755px;
margin: 0 auto;


z-index:1;
}

#env {
background-color: #1C4672;
    color: #FFFFFF;
    font-size: 12px;
    font-variant: small-caps;
    font-weight: 100;
    left: 900px;
    padding: 24px 10px 5px;
    position: absolute;
    text-transform: uppercase;
    top: 0;
}

#user-data {
	position:absolute;
	top:20px;
	right:3%;
	color:#E9EFF3
}





#user-data a {
	color:#333;
	background-color:#B9BBBC;
	text-decoration:none;
	padding:4px 10px;
	border-radius:2px;
}	

#user-data a:hover, #user-data a.selected {
	background-color:#ECECED;
	color:#2B3E67;
    text-decoration:none;
    border-radius:2px
}

#user-options {
	display:none;
	background:#FFFFFF;
    border-color: #E6EFAF;
    border-image: none;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 0;
    box-shadow: 0 0 10px #1c4672;
    max-width: 100%;
    
	height:100;
	min-width:200px;

    padding: 0px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 33px;
 
	z-index:10000
	

}
#user-options:before {
    border-color: transparent #fff;
    border-style: solid;

    border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	
	border-bottom:8px solid #fff;
    content: "";
    position: absolute;
	right:18%;
   	top:-11px;
}

#user-options ul {
	padding:0;
	margin:0;
	list-style:none;
}
#user-options ul li a {
	display:block;
	background-color:#fff;
	padding:10px 10px;
	border-bottom:1px solid #ECECED
	}

ul.social-logins {
	list-style:none;
	margin:0 0 50px 0;
	padding:0;
}
ul.social-logins li {
	
	float:left;
	margin-right:10px;
	font-size:12px;
	
}


.login {
	min-width:320px;
	max-width:865px;
	width:98%;
	min-height:700px;
	max-height:830px;
	position:relative;
	height:100%;
	margin-top:10px;
	
	border-radius:8px;
	border:2px solid #6B6A6C;
	background:#fff url(../images/sm-login-bg.jpg) no-repeat center top;
	text-align:center;
	
	
}
#user-data-logo-regione {
	
	margin:20px auto;
	
	width:165px;
	

	
	
}

#user-data-logo-sm {
	border-bottom:2px solid  #6B6A6C;
	border-top:2px solid  #6B6A6C;
	margin:10px auto 20px auto;
	width:280px;
	padding:20px 0px
	
}

#user-data-fields{
	width:270px;
	margin:0px auto 30px auto ;
	padding:30px auto;
	border-radius:12px;
	border:4px solid #ABADAD;
	background: #2b3e67; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiM2U2NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTEwMjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #2b3e67 0%, #131c36 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b3e67), color-stop(100%,#131c36)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2b3e67 0%,#131c36 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2b3e67 0%,#131c36 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2b3e67 0%,#131c36 100%); /* IE10+ */
background: linear-gradient(to bottom,  #2b3e67 0%,#131c36 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b3e67', endColorstr='#131c36',GradientType=0 ); /* IE6-8 */	
}

#user-data-fields form{
	
	margin:20px;
	padding:10px;
	background-color:#F8F9F9;
		border-radius:6px;
	border:2px solid #ABADAD;
}

#user-data-fields input{
	min-width:180px;
	max-width:180px;
}

#lostpassword{
	margin-top:30px;
}

#lostpassword a{
	color:#333
}

.clear {
	clear:left
}
#accessible-quick-jumps {
	display:none	
}


.modal-content {
	padding:20px;
}


.indent {
margin:0.5% 3% 0.5% 3%;
max-width: 100%;

	
}
#header-bg {
background:#fff url(../images/header_sm_bg.png) no-repeat center bottom;
	padding:0px;
	height:119px;
	
	z-index:1
}

#header {
	position:relative;

}

/*#logo {
	background:transparent url(../images/sm-logo-bg.png) no-repeat left top;
	height:72px;
	padding-left:15px;
	padding-top:15px;
	position:relative
}*/

#menu-main-collapse, .panel-closed {
	display:none	
}
#nav {

	z-index:10;
	overflow:visible;
	margin-top:-35px
}
#nav-main {

	max-width:100%;

}
#nav-main ul {
	width:100%;
	text-align:center;
	margin:0;
	padding:0;
	
	list-style: none;
	position: relative;

}

#nav-main li {
    float: left;
    list-style: none;
	margin-right:20px;
	position:relative;
	

}


#nav-main a {
	background-color:#B9BBBC;
	text-decoration:none;
	color:#000000;
	text-align: center;
	padding: 7px 12px;
	width:100px;
	display:block;
	border-right: 1px outset #666;
	border-top: 1px outset #999;
	border-left: 1px outset #999;
	z-index:10000
}

#nav-main li.current a {
background-color:#ECECED;

}
#nav-main li.current a:hover, #nav-main ul li.current:hover, #nav-main ul li.current ul li a {
background-color:#fff;

}
#nav-main a:hover {
	background-color:#fff;

}

#nav-main:hover a {
	background-color:#B9BBBC;
	color:#000000;
	
}



#nav-main ul:after {
		content: ""; clear: both; display: block;
	}
#nav-main ul li:hover {
	background-color:#fff;
	z-index:10000
}

#nav-main ul li:hover a {
	background-color:#fff;
	
}

/* Sub-menu */

#nav-main ul li ul{
    list-style: none;
    margin: 0;
    padding: 10px 0;
	display:none;
	border-left: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;

    position: absolute;
    top: 31px;
    left: 0;
    z-index: 99999;
   background-color:#FFF;
    width:200px;
}

#nav-main ul li:hover > ul{
 display: block;!important;	
    z-index: 99999;
	
}
#nav-main ul li ul li {
	text-align:left;
	font-size:14px;
	padding:0px 0px 0px 10px;

  display:block;
  width:100%;
  
   
}

#nav-main ul li ul li a{

	border:none;
  text-align:left;
  display:block;
  width:90%;
  background-color:#fff;
  border-bottom:1px solid #dee8f5;
  padding: 7px 0px;

   
}


#nav-main ul li ul li a:hover{
	background-color:#e9eff3;


     padding: 8px 10px 7px 10px;
	 margin-left:-10px;
	 margin-right:-10px;
	 margin-top:-1px
}

#nav-main ul li ul li:hover{
	background:none;
}
#nav-main ul li ul li:last-child a{
border-bottom:none;   
}

#topbar {
	padding:20px;
	background-color:#f5f7f9;
	min-height:10px;
	border-radius:4px;
	
	
}



#main {
background-color:#ECECED;
min-height:600px;

box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
z-index:2;
padding:20px 0;
}




.breadcrumb a {
	color:#000;
	text-decoration:none;
	
	
	
}


#main a, #user-options a {
color:#1c4672;
}
#main .undo  {
	margin-top:20px
}
#main .undo a {
	color:#666
}


#main a:hover, #user-options a:hover {
color:#fff;
background-color:#1c4672;

}

#main a.button-1, #user-options a.button-1 {
color:#fff;
}
#main a.button-1:hover, #user-options a.button-1:hover{
color:#2b3e67;
background: #fff; 
}


#main h1 a{
	text-decoration:none;
	font-weight:bold
}


p {	

font-size:14px;
line-height:20px;
}

p.dropdown-close {	



font-size:14px;
line-height:14x;
margin-top:10px;
text-align:right
}



.breadcrumb p {
line-height:14px;
margin:0;
padding:0;
}


.search p {
line-height:14px;
margin:-10px 0 0 ;
padding:0;
}

.search input {
    border-radius: 8px;
}
input.search-field {
    background-image: url("../images/search_bg.png");
    background-position: 5px center;
    background-repeat: no-repeat;

    width: 55%;
	height:18px;
	padding:5px 10px 5px 20px;
	border:1px solid #333;
	margin-right:8px;
}

.button {
	padding:4px 12px;
	border-radius:8px;
	border:4px solid #c4c5c6;
	text-decoration:none;
	font-size:14px
	
	
}

a.button {
	padding:6px 12px;
	
	
}

.button-main {
	font-size:18px;
	padding:10px 20px;
	
}



.button-1 {
	color:#fff;
	font-family: 'FrutigerRegular', sans-serif;
background: #2b3e67; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiM2U2NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTEwMjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #2b3e67 0%, #131c36 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b3e67), color-stop(100%,#131c36)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2b3e67 0%,#131c36 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2b3e67 0%,#131c36 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2b3e67 0%,#131c36 100%); /* IE10+ */
background: linear-gradient(to bottom,  #2b3e67 0%,#131c36 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b3e67', endColorstr='#131c36',GradientType=0 ); /* IE6-8 */
}


.button-2 {
	color:#2b3e67;
	border-color:#2b3e67;
	background: #eaeaeb; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MDkyOTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #eaeaeb 0%, #909294 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaeb), color-stop(100%,#909294)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eaeaeb 0%,#909294 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eaeaeb 0%,#909294 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eaeaeb 0%,#909294 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eaeaeb 0%,#909294 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaeb', endColorstr='#909294',GradientType=0 ); /* IE6-8 */

}


.button:hover {
	cursor:pointer;
	 box-shadow: 0 0 10px #666;
	 background-color:#FFF;
	 
	
}
.button-1:hover {
	color:#2b3e67;
	background:#FFF
}

.button-selected, 
#main a.button-selected {
	color:#2b3e67;
	background:#FFF
}

.calc, .map, .chart {

}
 .calc {

} 
.panel-filters-scrollable {
	max-height:500px;
	overflow-y: auto;
	overflow-x:hidden

} 
 
.mapfilter {
	background:#F5F5F5;
	padding:0% 1% 1% 1%;
	width:22%;
	float:left;
	margin-right:1%;
	margin-bottom:2%;
	min-height:100px;
}

.mapfilter-2 {
    margin-bottom: 0;
    padding: 5px 20px;
    width: auto;
}

.mapfilter-2 .fa {
    display: inline-block;
    font-size: 20px;
    margin: 0 10px;
    text-align: center;
    width: 24px;
}

.mapfilter-2 select.highlight {
	background-color: #B1D8D8
}

.mapfilter_6col {
	background:#F5F5F5;
	padding:0% 1% 1% 1%;
	width:13.6%;
	float:left;
	margin-right:1%;
	margin-bottom:2%;
	min-height:100px;
}

.mapfilter_4col {
	background:#F5F5F5;
	padding:0% 1% 1% 1%;
	width:22%;
	float:left;
	margin-right:1%;
	margin-bottom:2%;
	min-height:100px;
}

.mapfilter2 {
	background:#F5F5F5;
	padding:1%;
	margin-bottom:2%;
	min-height:100px;
	
}

.mapfilter h2{

 background-color: #ececed;

 border-bottom:1px solid #e1e1e1;
    font-size: 16px;
       margin: 0 -4.5% 2%;
    padding: 5%;

	
}

.mapfilter-2 h2 {


 border-bottom:1px solid #666;
font-size: 18px;
margin: 0px 0px 5px 0px;
padding: 5px 0px;
color:#fff;

	
}

.mapfilter_6col  h2 {

 background-color: #ececed;
    border-bottom: 1px solid #e1e1e1;
    font-size: 16px;
    margin: -7% -7% 5%;
    padding: 5%;
}
.mapfilter_4col  h2 {

background-color: #ececed;
    border-bottom: 1px solid #e1e1e1;
    font-size: 16px;
    margin: 0 -4.5% 2%;
    padding: 3%;
}
	

.mapfilter2 h2 {

 background-color: #ececed;

 border-bottom:1px solid #e1e1e1;
    font-size: 16px;
    margin: -1%;
    padding: 10px;

	
} 
 
ul.pagination, ul.toolbar {
	list-style:none;
	margin:20px 0 20px 0;
	padding:0;
}
ul.pagination li {
	
	float:left;
	margin-right:5px;
	
} 



ul.toolbar{

	border-radius:4px;
		
		display:block;
		position:relative;
		min-height:32px;
	
		
		margin:20px 0px 30px 0px;

	
}

ul.toolbar li, ul.columns-options li, ul.visual-options li, ul.filters-options li{
	float:left
	
}

#main ul.toolbar a{
	padding:8px 12px;
	float:left;
	color:#000;
	text-decoration:none;
	border-right:1px solid #C1C1C1;
		background-color:#E1E1E1;
	border-bottom:1px solid #C1C1C1;
min-width:35px;


}

#main ul.toolbar a:hover{
	background-color: #CACACA;


}

#main ul.toolbar a.toolbar-option-selected{

background-color:#1C4672;
color:#fff;
border-bottom:1px solid #C1C1C1;
position:relative;

}




#main ul.toolbar a.toolbar-option-selected:after {
border-style: solid;
border-width: 8px 8px 0 8px;
border-color: #1c4672 transparent transparent transparent;

    content: "";
    position: absolute;
 
	left:43%;
    bottom: -8px;
}


.filters-options{

	  margin-bottom: 5px;
    min-height: 48px;
	float:left
}


.toolbar-dashboard{
	text-align:right;
	
}
.toolbar-dashboard ul{
	text-align:right;
	list-style:none;
	
}

.toolbar-dashboard a span{
	display:none;
}

	




.toolbar-dashboard a {
	background-color:#ECECED;
	width:25px;
	max-height:16px;
	display:block;
	float:left;
	padding:12px 8px 6px 8px;
	margin-right:10px;
	background-image:url(../images/columns-icons.png);
	background-repeat:no-repeat;
	border: 1px solid #ECECED;
    border-radius: 2px;
}

.filters-options a {
	background-color:#ECECED;
	max-height:14px;
	display:block;
	float:left;
	padding:6px;
	margin-right:5px;
	background-repeat:no-repeat;
	border: 1px solid #ECECED;
    border-radius: 2px;
	text-decoration:none;
}

.filters-options a.filters-command{
	background-color: transparent;
	margin-left:10px;
	font-weight:bold;
	border:none;
}


#main .toolbar-dashboard a:hover {

	color:#2b3e67;
	background-color:#FFF;
	border:1px solid #2b3e67;
	 box-shadow: 0 0 10px #666;
}
#main .toolbar-dashboard a.toolbar-option-selected, #main .filters-options a.toolbar-option-selected{

background-color:#1C4672;
color:#fff;

position:relative;

}

.toolbar-dashboard a.column-choose-1 {
	background-position:center -48px;
}
.toolbar-dashboard a.column-choose-2 {
	background-position:center -32px;
}
.toolbar-dashboard a.column-choose-3 {
	background-position:center -16px;
}
.toolbar-dashboard a.column-choose-4 {
	background-position:center 0px;
}
.visual-options {
	margin-left:230px
}

.toolbar-dashboard a.close-all {
	background-position:center -64px;
}

.toolbar-dashboard a.open-all {
	background-position:center -80px;
}
.more {
	margin-top:25px
	
} 

.info, .progress, .progress_start {
	padding:10px;
	background-color:#ECECED;
	border-radius:4px;
	position:relative

	
} 
.progress, .progress_start {
	display:none;
	margin:10px 0;
	background-image: url(../images/ajax-loader.gif);
	background-repeat:no-repeat;
	background-position:95% center;

	
} 

.filters-used p{
	font-weight:bold;
	font-size:16px;
} 

.completed {
   
    background-image: url("../images/check.gif");
    background-position: 5px center;
    background-repeat: no-repeat;
    color: #fff;
}

#main .step .completed a {
	padding-left:25px;
}
 
 
 #content {

	 position:relative;
	 
	 
	 
	 
	 }
	 
#page-content	{
	margin-top:20px;
	padding-top:20px;
	min-height:400px;

	 } 
	 
.page-menu {
	padding:0;
	margin:0;
	list-style:none;
}

.page-menu li {
	padding:0;
	margin:0;
	list-style:none;
	font-size:14px
}

.right {
	background-color:#fff;
	padding:20px;
	width:70%
}

.row .ninecol  {

	width:70%
}
.aside {
	padding:10px;
	margin:20px 0px;
	background-color:#E9EAEA;
}
.aside h2 {
	margin-bottom:10px
}

.central {
	max-width:80%;
	margin:2% 8%;
	background-color:white;
	padding:2%	;
	
	-moz-box-shadow: 0px 0px 10px #C4C5C7;
    -webkit-box-shadow: 0px 0px 10px #C4C5C7;
    box-shadow: 0px 0px 10px #C4C5C7;
	
	}


#main .page-menu li a {
	padding:10px 10px 10px 20px;
	display:block;
	text-decoration:none;
	background-image:url(../images/li-bg.png);
	background-position:left center;
	background-repeat:no-repeat;
		width:235px;
}

#main .page-menu li.selected a{
	background-image:none;
	background-color:#fff;
	font-weight:bold;

}

#main .page-menu li.selected a:hover {
    background-color: #FFFFFF;
	color:#1C4672;
	
}
 #main .aside li a{
	padding:3px 10px 3px 20px;
	display:block;
	text-decoration:none;
	background-image:url(../images/li-bg.png);
	background-position:left center;
	background-repeat:no-repeat
}

.search-results {
	clear:left;
	margin:20px 0;

	
}


.search-result {
	clear:left;
	
	padding:20px;
	
}

.odd, tr.odd td {
	background-color:#ECEDED
	
}

.important, tr.important td {
	background-color: #FFF2C4
	
}

.disabled, tr.disabled td {
	color: #999
	
}
td.lowest, tr.disabled td.lowest {
	color: #900
	
}

tr.odd td.index-main , tr.even td.index-main, td.index-main { background-color:#E4E7E7;
font-weight:bold
}

tr.selected td, tr.selected td.index-main { background-color: #FFF3C5;!important

}

.check-true, .check-false {
	position:relative;
	padding-left:25px;

	
}
.check-true:before {
	position:absolute;
	content:"\2713";
	color:green;
	font-size:14px;
	font-weight:bold;
	width:20px;
	height:20px;	
	bottom:0px;
	left:0px;
	margin-right:10px;


}

.check-false:before {
	position:absolute;
	content:"X";
	color:red;
	font-size:14px;
	font-weight:bold;
	width:20px;
	height:20px;	
	bottom:0px;
	left:0px;
	margin-right:10px;


}

.panel {
	border:5px solid #B1B2B4;
	margin-top:20px;
	margin-bottom:20px;
	background-color:#fff;
    z-index: 0;
	
	border-radius:6px;
	
position:relative;
min-height:100px;


}

/* Scelta Interventi */
.panel-1 {
	border:5px solid #1F2C4E;
}
.panel-1 .panel-header {
	background-color:#1F2C4E;
}
.panel-1 .panel-toolbar {
	background-color:#1F2C4E;
}
/* END Scelta Interventi */


/* PCA */
.panel-2 {
	border:5px solid #943A3A;
}
.panel-2 .panel-header {
	background-color:#943A3A;
}
.panel-2 .panel-toolbar {
	background-color:#943A3A;
}
/* END PCA */


/* Mappe */
.panel-3 {
	border:5px solid #206171;
}
.panel-3 .panel-header {
	background-color:#206171;
}
.panel-3 .panel-toolbar {
	background-color:#206171;
}
/* END Mappee */


/* Reports */
.panel-4 {
	border:5px solid #3F5765;
}
.panel-4 .panel-header {
	background-color:#3F5765;
}
.panel-4 .panel-toolbar {
	background-color:#3F5765;
}
/* END Reports */


/* Scelta interventi Classificazione della sicurezza della rete esistente  */
.panel-5 {
	border:5px solid #6C4D50;
}
.panel-5 .panel-header {
	background-color:#6C4D50;
}
.panel-5 .panel-toolbar {
	background-color:#6C4D50;
}
/* END Scelta interventi Classificazione della sicurezza della rete esistente */


/* Scelta interventi Analisi delle cause e scelta delle contromisure  */

.panel-6 {
	border:5px solid #6C4D50;
}
.panel-6 .panel-header {
	background-color:#6C4D50;
}
.panel-6 .panel-toolbar {
	background-color:#6C4D50;
}



/* END Scelta interventi Analisi delle cause e scelta delle contromisure */


/* Scelta interventi Valutazione economica  */


.panel-7 {
	border:5px solid #6C4D50;
}
.panel-7 .panel-header {
	background-color:#6C4D50;
}
.panel-7 .panel-toolbar {
	background-color:#6C4D50;
}

/* END Scelta interventi Valutazione economica  */



/* Scelta interventi Individuazione delle priorità  */
.panel-8 {
	border:5px solid #525B41;
}
.panel-8 .panel-header {
	background-color:#525B41;
}
.panel-8 .panel-toolbar {
	background-color:#525B41;
}


.panel-8 {
	border:5px solid #6C4D50;
}
.panel-8 .panel-header {
	background-color:#6C4D50;
}
.panel-8 .panel-toolbar {
	background-color:#6C4D50;
}


/* END Scelta interventi Individuazione delle priorità  */

/* Monitoraggio interventi (Valutazione efficacia) */


.panel-9 {
	border:5px solid #525B41;
}
.panel-9 .panel-header {
	background-color:#525B41;
}
.panel-9 .panel-toolbar {
	background-color:#525B41;
}




/* END Monitoraggio interventi (Valutazione efficacia) */


/* Ispezioni (Road safety Inspection) */
.panel-10 {
	border:5px solid #AC6100;
}
.panel-10 .panel-header {
	background-color: #AC6100;
}
.panel-10 .panel-toolbar {
	background-color:#AC6100;
}




/* Ispezioni (Road safety Inspection)Scelta Interventi | Analisi delle cause e scelta Contromisure */







/* Valutazione di impatto sulla Sicurezza Stradale - VISS */
.panel-11 {
	border:5px solid #3B268A;
}
.panel-11 .panel-header {
	background-color: #3B268A;
}
.panel-11 .panel-toolbar {
	background-color: #3B268A;
}
/* END Valutazione di impatto sulla Sicurezza Stradale - VISS */


/* Controlli su progetti(Road Safety Audit) */
.panel-12 {
	border:5px solid #28A1A9;
}
.panel-12 .panel-header {
	background-color: #28A1A9;
}
.panel-12 .panel-toolbar {
	background-color: #28A1A9;
}
/* END  Controlli su progetti(Road Safety Audit) */

.draggable h2 {
	cursor:move;
}
.draggable .dragthis {
	cursor:move;
}

.widgetplaceholder { 
border: 2px dashed #999;


visibility: visible !important;  }
.widgetplaceholder * { visibility: hidden;  }
.options {
	border:5px solid #1F2C4E;

}
#sortable .widget, .widgetplaceholder {
	margin-right:0px
}
.widget.sixcol  { 
width: calc(50% - 20px);
}
.widget.sixcol:nth-child(even)  { 
}

.widget.fourcol { 
width: calc(33.3% - 20px);
}

.widget.fourcol:nth-child(3n+0)  { 

}

.widget.threecol  { 
width: calc(25% - 20px);
}

.new {
	border-style:dotted;


}

.dragging {
	
}

.add-new-panel {
	margin-top:30px;


}

.sidebar-left {
	display:none;


}

.step {
	margin-left:-30px;
	margin-right:0x;
	margin-top:-30px;
	margin-bottom:30px;
	width:110%;
	display:block;
	background: #2b3e67; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiM2U2NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTEwMjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #2b3e67 0%, #131c36 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b3e67), color-stop(100%,#131c36)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2b3e67 0%,#131c36 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2b3e67 0%,#131c36 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2b3e67 0%,#131c36 100%); /* IE10+ */
background: linear-gradient(to bottom,  #2b3e67 0%,#131c36 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b3e67', endColorstr='#131c36',GradientType=0 ); /* IE6-8 */



}

.step ol {
	list-style-type:none;
	margin:0;
	padding:0;



}

.step li {
	float:left;

}
#main .step a {
	position:relative;
	display:block;
	text-decoration:none;
	padding:11px 12px 10px 6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;

	
	
	
	color:#fff;


}

#main .step a.father {
	font-weight:bold;
	


}

#main .step a:before{
border-bottom: 18px solid #131c36;
    border-left: 10px solid transparent;
    border-top: 18px solid #2b3e67;
    content: "";
    height: 0;
    position: absolute;
   left: -10px;
    top: 0;
    width: 0;
 
}

#main .step a:after{
border-bottom: 18px solid #FFFFFF;
    border-left: 10px solid transparent;
    border-top: 18px solid #FFFFFF;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
	padding-right:2px;
	 
}

#main .step a.current {
	color:#2b3e67;

background: #fff;
	}
	
	#main .step a.current:before,#main .step a.current:hover:before {
border-bottom: 18px solid #fff;
    border-left: 10px solid transparent;
    border-top: 18px solid #fff;
    content: "";
    height: 0px;
	
    position: absolute;
   left: -10px;
    top: 0;
    width: 0;

 
}

#main .step a:hover:before{
border-bottom: 18px solid #1C4672;
    border-left: 10px solid transparent;
    border-top: 18px solid #1C4672;
    content: "";
    height: 0;
	
   left: -10px;
    top: 0;
    width: 0;
	
 
}

#main .step a.notcompleted {
	background-color: #6C6D71;
	color: #E9E9E9;
}
#main .step a.notcompleted:before,#main .step a.notcompleted:hover:before {
border-bottom: 18px solid #6C6D71;
    border-left: 10px solid transparent;
    border-top: 18px solid #6C6D71;
    content: "";
    height: 0px;
	
    position: absolute;
   left: -10px;
    top: 0;
    width: 0;

 
}

#main .step a.notcompleted:after{
border-bottom: 18px solid  #E9E9E9;
    border-left: 10px solid transparent;
    border-top: 18px solid  #E9E9E9;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
	padding-right:2px;
	 
}
#main .step a.last {

	border-right:2px solid #354E7B
   
	 
}

#main .step a.last:after {
border-bottom: none;
    border-left: none;
    border-top: none;

   
	 
}
#main .step a:last-child:after {

   
	 
}
.workarea {

	margin-top:20px;
	margin-bottom:20px;
	background-color:#fff;
	padding:30px;
	min-height:400px;
	overflow:hidden;
	position:relative;
	z-index:0;


}
/*
.row .twelvecol {
width: 99%;
}
.row .sixcol {
width: 47.2%;
}
.row .fourcol {
width: 29.95%
}
*/

.panel-header {
	padding:10px 40px 10px 10px;
	margin:0 20px 20px 20px;
	background:#B1B2B4;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;

	

	

}

.panel-toolbar{
	position:absolute;
	bottom:0;

	margin:0 20px 0px 20px;
	background:#B1B2B4;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	
}
.panel-toolbar ul{
	padding:0;
	margin:0;
	list-style:none;
	width:100%;

}
.panel-toolbar a{
	width:24px;
	height:24px;
	display:block;
	float:left;
	border-left: 1px solid #CCC;
	background-image:url(../images/panel-toolbar-icons.png);
	background-repeat:no-repeat;
	

}


#main .panel-toolbar a.section{
	background-image:none;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	padding:5px 5px 0px 10px;
	

}

#main .panel-toolbar a:hover{
	background-color:#CCC
	

}
.panel-toolbar a.dragthis{
	background-position:5px 4px;
	

}

.panel-toolbar a.addtodashboard{
	background-position:-12px 4px;
	

}
.panel-toolbar a.edit{
	background-position:-28px 4px;
	

}

.panel-toolbar a.remove{
	background-position:-45px 4px;
	

}


.options .panel-header{
	background:#1F2C4E;




}


.panel-content {
	padding:10px 20px 40px 20px;
	background-color:#fff;
	min-height:100px;
	overflow: auto;
  resize: vertical;

	

}

.elaborazioni-tipi-icon {
	width:128px;
	height:128px;
	background-image:url(../images/icons-planning.png);
	background-repeat:no-repeat;

	text-align:center;
	display: block;
	margin:5px auto 20px auto;
}

.elaborazioni-tipi-icon-1 {
	background-position:0px 0px;
	
}

.elaborazioni-tipi-icon-2 {
	background-position:0px -128px;
	
}

.elaborazioni-tipi-icon-3 {
	background-position:0px -256px;
	
}

.elaborazioni-tipi-icon-4 {
	background-position:0px -384px;
	
}

.elaborazioni-tipi-icon-5 {
	background-position:0px -512px;
	
}

.elaborazioni-tipi-icon-6 {
	background-position:0px -640px;
	
}

.elaborazioni-tipi-icon-7 {
	background-position:0px -768px;
	
}

.elaborazioni-tipi-icon-8 {
	background-position:0px -896px;
	
}

.elaborazioni-tipi-icon-9 {
	background-position:0px -1024px;
	
}

.elaborazioni-tipi-icon-10{
	background-position:0px -1152px;
	
}

.elaborazioni-tipi-icon-11{
	background-position:0px -1280px;
	
}

.elaborazioni-tipi-icon-12{
	background-position:0px -1408px;
	
}

#panel-element{
	display:none
	

}


.panel-content p{
	margin-bottom:10px;
	

}

.panel-actions {
	margin-top:20px;
	
}



.panel-actions p{
	text-align:right;
	
}



.align-center {
	text-align:center
	
}

.align-center-vertical {
	text-align:center;
	margin:33% auto;
	
}

.panel-actions p.align-center{
text-align:center
	
}

.align-right {
	text-align:right
	
}
form {
	margin:0;
	padding:0;	
}

h1 {
	font-size:1.8em;
	font-weight:normal;
	margin-bottom:25px;
	margin-top:0px;
	padding-bottom:10px;
	border-bottom: 1px solid #759AB0;
	padding-right:60px;
}


div.confirm h1 {
	border-bottom: 1px solid #268427;
	color:#268427;
	padding-left:42px;
	background:url(../images/confirm.png) no-repeat left top
	
}

div.error h1 {
	border-bottom: 1px solid #A8161F;
	color:#A8161F;
	padding-left:42px;
	background:url(../images/error.png) no-repeat left top
	
}
.panel h2 {
	color:#fff;
	font-weight:normal;
	font-size:20px
}

.panel h2 span.sub{

	font-weight:normal;
	font-size:14px;
	line-height:14px;
}
.row .element-current {
	margin-top:10px;
	width:99%;

}

.element-current h2{

	font-weight:normal;
	font-size:20px;
	margin:0;
	padding:0;
}

#step-more{
	margin-top:20px

}

.actions {
	margin:40px 0 20px 0px;	
}

.actions-main {
	position:absolute;
	top:30px;
	right:30px;
}
.actions-info {
	position:absolute;
	top:10px;
	right:30px;
}

.step-info {
	position:absolute;
	top:70px;
	right:30px;
}


 h3, h3 a {

	font-weight:bold;
	font-size:16px;
	text-decoration:none;
	color:#000;
	margin-bottom:10px;
}


#user-options h2{
	margin:10px -10px 10px -10px;
	padding:5px 10px;
	border-top:1px dotted #ccc;
	color:#1C4672;
}





table {
	width:100%;
	margin:20px 0px
	
}

td,th {
	padding:15px 5px;
	text-align:left;

	
}
th {
	background-color:#1C4672;
	color:#fff;
	font-weight:normal
	
}

th.index-main {
	background-color:#131c36;

	
}
td {
	border-bottom:1px solid #1C4672

	
}
table td table td {
	border-bottom:1px dotted #999

	
}

td.title, th.horizontal {
	font-weight:bold;
	background-color:#fff;
	color:#000;
	border-bottom: 1px solid #1C4672;

	
}

th.count {

	text-align:right;
	white-space:nowrap

}
td.count {
	font-size:26px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;	
}

td.count-tot {
	font-weight:bold
}

.nint, .nperc {
	display:block;	
}
.nperc {
	font-size:16px;
	color:#666
}

tfoot td {
	background-color:#ececed;
	font-weight:bold
}
.scrollx{
	width:auto;   
	overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
	
}

.choice {
	min-width:32px;
	max-width:48px;
	width:48px;
	
}
.element_title {
	width:40%

	
}




.panel-toggle {
	position:absolute;
	right:30px;
	top:14px;

}

#assistant-header .panel-toggle{
	right:10px;
	
}


#main .panel-toggle a, #assistant-header .panel-toggle a {
	display:block;
	min-height:16px;
	min-width:16px;
	background:none;
	background-image:url(../images/uiicons.png);
	background-repeat:no-repeat;

	
}



#main .panel-toggle a.close, #assistant-header .panel-toggle a.close {
	background-position:left -16px;
	
}
#main .panel-toggle a.close:hover, #assistant-header .panel-toggle a.close:hover{
	background-position:left 0px;
	background-color:transparent;
	
}




#main .panel-toggle a.open {
	background-position:-16px -16px;
	
}



#main .panel-toggle a.open:hover {
	background-position:-16px 0px;
	background-color:transparent
	
}
.widget-operation{
	text-decoration:none;
	-webkit-box-shadow: 0 0 20px #424345;
    box-shadow: 0 0 20px #424345;
	
}
.widget-operation:hover > div.panel{
	text-decoration:none;
	-webkit-box-shadow: 0 0 20px #424345;
    box-shadow: 0 0 20px #424345;
	border-color:#1f2c4e;
	
}

.widget-operation:hover > div.panel > .panel-header {
    background-color: #1f2c4e;
}
.widget-operation:hover > div.panel > .panel-content p {
    color: #1f2c4e;
}

/*
.widget-operation:hover  div.panel  .elaborazioni-tipi-icon {
	
	background-position:-128px center;
}
*/
.widgets-list {
	
	display:block;
	margin:10px 0px;
	
}
.widgets-list ul{
	list-style:none;
	
	
}

.widgets-list a{
	 background-color: #EEEEEE;
    background-image: -moz-linear-gradient(center bottom , #FFFFFF 0%, #E0E0E0 100%);
    border: 4px solid #AAAAAA;
    
    color: #444444;
    cursor: pointer;
    display: inline-block;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
	
	padding:0px;
	width:100px;
	height:100px;
	text-decoration:none;
	text-align:center;
	border-radius:2px
	
}
.widgets-list a span.typeheader{
	 background-color: #AAAAAA;
	 color:#fff;
	 display:block;
	 padding:5px;
	 font-size:14px;
	
	
}

.widgets-list a.selected{
	border-color:#1F2C4E;
	color:#1F2C4E;
	background: none repeat scroll 0 0 #FAFAFA;
	 box-shadow: 0 0 10px #1c4672;
}

.widgets-list a.selected span.typeheader {
	background-color: #1F2C4E;
	 color:#fff;
}	

.highcharts_chart {
	min-height:400px
}	
	
.highcharts-container {
	width:100%!important;
	height:auto;
}
.chart_loading {
	background:url(../images/ajax-loader.gif) center center no-repeat;	
	min-height:400px
}

#main a.delete{
	height:2px;
	width:2px;
	padding:8px;
	display:block;
	background: transparent url(../images/uiicons.png) no-repeat left -48px
}


#footer ul {
	margin:0 0 20px 0;
	padding:0;
	list-style:none


}



#footer ul li{
	font-size:14px;


}
#footer ul a{
	text-decoration:none;
	color:#000;
	padding:5px 0;
	display:block


}

#poweredby {

	padding:10px 0;
	border-top:1px solid #CFD0D1



}

input.text, select, textarea.text {
	padding: 5px;
	border: 2px solid #E8EFF3;
	border-radius:4px;
	margin-bottom:3px;



}

input.text {
height:1.6em;
font-size:14px;
}

input.text {
	min-width:240px;
	max-width:400px;
	width:100%;

}

input.short {
	min-width:40px;
	max-width:40px;

}
input.check {
	min-width:32px;
	max-width:32px;

}

.form-fields textarea.text {
	min-width:300px;
	max-width:350px;
	width:100%;
	font-size:14px;
	font-family: 'Arial Narrow', sans-serif;


}

legend {
	font-size:20px;
	font-weight:bold;
	margin:10px 0px


}

#radiodistr label{
	margin:0;
	display:inline


}
input:disabled+label{
	color:#999;
	display:inline

}

textarea.comment {

  resize: vertical;
	

}

select  {


	padding:6px;

}
label {
	font-size:16px;
	font-weight:bold;
	line-height:1.5em;
	margin:5px 10px 5px 0px;
	display: inline-block;
	min-width:170px;
	width:100%;
	color:#000;
	text-align:left;
	vertical-align:top;
	clear:left

}
.offcanvas h2, .offcanvas label {
	color:#F5F5F5;
	font-weight:normal

}
span.note {
	font-size:14px;
	font-weight:normal;
	color:#666

}


.notvalid, .missingfield {

	font-weight:bold;
	color:#F00

}

.field_focus {

	border: 2px solid #70728E;
	background: #FFF;

	color:#000;
 	-moz-box-shadow: 0px 0px 10px #C4C5C7;
    -webkit-box-shadow: 0px 0px 10px #C4C5C7;
    box-shadow: 0px 0px 10px #C4C5C7;


}

form p{
	margin:5px 0;
}


#assistant-opener{

position:fixed;
right:0;
bottom:0;
}

#toggleassistant{
 background: linear-gradient(to bottom, #2B3E67 0%, #131C36 100%) repeat scroll 0 0 transparent;
color:#fff!important;
 border-left: 2px solid #C4C5C6;
 border-top: 2px solid #C4C5C6;
padding:10px 20px 15px 20px;
text-decoration:none;
border-top-left-radius:4px;
font-weight:bold
}
#toggleassistant:hover{
 background: #fff;
color:#131C36!important;

}

#assistant-opener a.button-selected {
	color:#2b3e67!important;
	background:#ECECED;
	border-color:#2b3e67;
}
.text-icon{
	font-family: Verdana, Geneva, sans-serif;
	font-size:14px;
	margin-right:5px
}
#assistant-options{
	
	display:none;
	background:#ECECED;
    border-color: #E6EFAF;
    border-image: none;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 2px;
	border-color:#2A3D62;
    box-shadow: 0 0 10px #1c4672;
    
    
	height:300px;
	min-width:510px;
	max-width: 600px;
	width:100%;
    padding: 0px;
    position: fixed;
    right: 10px;
    text-align: left;
    bottom: 45px;
 
	z-index:10000;
	
	

}


#assistant-options:after, #assistant-options:before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 




#assistant-options:before {
    border-color: #2A3D62 rgba(42, 61, 98, 0) rgba(42, 61, 98, 0);
    border-width: 11px;
    margin-left: -15px;
    right: 50px;
}

#assistant-options:after {
    border-color: #ECECED rgba(236, 236, 237, 0) rgba(236, 236, 237, 0);
    border-width: 9px;
    margin-left: -12px;
    right: 52px;
}

#assistant-header {
    background-color: #2A3D62;
	position:relative;
	padding:10px;
}
#assistant-header h2{
	font-size:16px;
	margin:0;
	padding:5px 0px;
	color:#fff
	
}
#assistant-search{

	padding:10px 10px;
	border-bottom: 1px dotted #2A3D62

	
}

#assistant-content {
    max-height: 170px;
    overflow: auto;
    padding: 10px;
}

.ui-datepicker {
	z-index:1000;
}

.float-right {
	float:right
}


.topic-title {
	position:relative;
	color:#2A3D62;
	
}
.topic-title:before {
	 content: "";
	  border-color: transparent #2A3D62;
    border-style: solid;

	
	border-top:6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #2A3D62;
	border-right:none;
    content: "";
    position: absolute;
	left:-10px;
   	top:2px;
	
}

ul.checkbox-list{
	margin:0px 0px;
	padding:0;

}
ul.checkbox-list li{
	margin:0px 0px;
	padding:0;
	font-size:14px;
	line-height:14px;
}
ul.checkbox-list li label{
	margin:0px 0px;
	padding:0;
	font-size:14px;
	line-height:14px;

}

input[type=checkbox][disabled]{

}
div.disabled{
	position:relative
}

div.disabled:after {
  content: "";
  display: block;
  position: absolute; /* could also be absolute */ 
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  background-color: rgba(45,45,45,0.5);
}
ul.topics {
	margin:10px 20px;
	padding:0;

}
ul.topics li{
list-style-type:square


}

ul.topics a{

	color:#2A3D62;

	font-size:14px;
	text-decoration:none;
	padding:5px 5px;
	display:inline-block;

}

ul.topics a:hover{

	color:#fff;
	background-color:#2A3D62;

}


}

@media handheld, only screen and (max-width: 767px) {



.indent {
margin:0 10px;
	
}

}


/* ============================= */
/* ! Layout for smartphone  */
/* ============================= */

@media handheld, only screen and (max-width: 480px) {

#header-bg {
	text-align:center;
		height:auto;
	overflow:visible
}
#logo {
	background:transparent url(../images/logo-bg-centered.png) no-repeat center top;
	height:119px;
	padding-left:0
}



#nav {
	
background-color:#e9eff3;	
position:relative;
left:0;
top:0;

}



#nav-main {
	height:32px;


	z-index:10000000;
	max-width:96%;
	padding:0 2%
}


#menu-main-collapse {
	display:block;
	text-align:center;


}


#menu-main-collapse a {
	color:#000;
	padding:8px 0px;
	text-decoration:none;
	width:100%;
	display:block;
	background: #c5d7ed; /* Old browsers */
background: -moz-linear-gradient(top,  #c5d7ed 0%, #b4cce8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c5d7ed), color-stop(100%,#b4cce8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c5d7ed 0%,#b4cce8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c5d7ed 0%,#b4cce8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c5d7ed 0%,#b4cce8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c5d7ed 0%,#b4cce8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5d7ed', endColorstr='#b4cce8',GradientType=0 ); /* IE6-9 */

	border:none;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	width:33%;
}



#user-data {
	position:absolute;
	top:100px;
	right:20px;
	color:#E9EFF3;
	z-index:10000
}

#user-data a {
color:#000;
	padding:8px 0px;
	text-decoration:none;
	width:100%;
	display:block;
	background: #c5d7ed; /* Old browsers */
background: -moz-linear-gradient(top,  #c5d7ed 0%, #b4cce8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c5d7ed), color-stop(100%,#b4cce8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c5d7ed 0%,#b4cce8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c5d7ed 0%,#b4cce8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c5d7ed 0%,#b4cce8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c5d7ed 0%,#b4cce8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5d7ed', endColorstr='#b4cce8',GradientType=0 ); /* IE6-9 */

	border:none;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	width:33%;
}	

#user-data a:hover{
	background-color:#fff;
	color:#2B3E67;
    text-decoration:none;
    border-radius:2px
}

#nav  {
	overflow:visible;
	margin-top:0;
	
}
#nav-main  {

	


	padding:0px 3%;

	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
}



#nav-main ul {
	float: none;
	display:none;

	text-align:center;

}

#nav-main ul li {
	float: none;
	display:block;


	margin:5px 0px;
	text-align:center
}



#nav-main li a {
	width:100%;

    float: none;
	display:block;
	background-image:none;
	padding:10px 0px;
	border-radius:4px;
	border:none;

}
#nav-main li.current a {
	background-color:#D3D5D6;
}


.search {

margin:15px 0 0 ;


}
.search p {
line-height:14px;
margin:5px 0 0 ;
padding:0;
}


.indent {
margin:0 0;	
}


#topbar {

    padding: 10px;
}
#main {

padding:20px 10px;
}


.central {
	max-width:100%;
	margin:2% 1%;

	padding:10px;
	

	
	}

#profile-choose-bg {
    background-image: url("../images/scegliunprofilo-mob.png");
    background-position: center 10px;
    background-repeat: no-repeat;
    min-height: 210px;
    z-index: 2;
}

#profile-choose ul{
	padding-bottom:10px;
	
}

#profile-choose ul li{
	font-size:20px;
  line-height: normal;
    margin-bottom: 0px;
    margin-top: 0px;
	text-align:center
	
}

#profile-choose ul li a{
	text-decoration:none;
	color:#1c4672;
	padding:10px 0;
	font-weight:bold;
	display:block;
	border-bottom:1px solid #fff
	
	
	
}
#profile-choose ul li a:hover{
	margin:0;
		padding:10px 0;
	border-radius:0;
	
	
	
}

.question {
    margin: 0 0px;
}
.question-actions ul {

	padding:0px 0%;
	
	
	
}
.question-actions ul li:first-child{
	margin-right:5%;

	
}
.question-actions ul li a {

    padding: 30px 0 30px 80px;

}

#panel-footer div.twocol {
	position:relative;
	}
	
#panel-footer ul {
	display:none;
	}	
	

#footer h3 {
	margin-top:20px;
	margin-left:-10px;
	margin-right:10px;


}


#logo-footer img {
	width:230px;
	height:10px;
	
}

#footer h3 a {
padding:10px 10px;
	text-decoration:none;
	width:100%;
	display:block;
	background-color:#B9BBBC;
	border:none;
	max-height:12px;
	overflow:hidden;	
}

#footer ul li a{

	padding:10px 10px;
	margin:0 -10px;
	border-bottom: 1px solid #c5d7ed


}

.footercol .panel-toggle {
	position:absolute;
	right:-10px;
	top:0px;

	
}
#main .footercol .panel-toggle a {
	width:32px;
	height:32px;
	
	background-color:#C4C6C7;


	
}
#main .footercol .panel-toggle a.close, #main .footercol .panel-toggle a.close:hover {
	background-position:left -96px;
}
#main .footercol .panel-toggle a.close:hover {
background-color:#293D61;
}

#main .footercol .panel-toggle a.open, #main .footercol .panel-toggle a.open:hover {
	background-position:left -64px;


}

 #main .footercol .panel-toggle a.open:hover {
background-color:#293D61;
}

}
	



/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 


}